/*
Theme Name: 日本ログハウス協会スタイル
*/

/*COMMON*/

.tmarc_r {
  width: 5vw;
  position: absolute;
  top: 9vw;
  right: 5.4vw;
}

.cen_subt {
  margin: auto;
  width: 10vw;
  font-size: 100%;
  text-align: center;
  letter-spacing: 0.4vw;
  font-weight: 300;
}
.top_block-haead {
  font-size: 320%;
  text-align: center;
  letter-spacing: 0.3vw;
  margin: 0 0 1em 0;
}
.top_block-text {
  margin: 0 0 3vw 0;
}

/*INFO-LIST*/

.info_det h2 {
  height: 100%;
}
.info_det a {
  padding: 0 2em;
  font-size: 160%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}

.news_s {
  /*font-size: 80%;
  align-items: center;
  justify-content: left;*/
}
.news_b {
  /*font-size: 180%;
  margin-top: 0.25em;
  display: inline-block;*/
}

/*INFO-END*/
/***********************************************************************/
/* --- レスポンシブ切替 Tablet--- */
/*@media screen and (max-width: 768px) {*/
@media screen and (min-width: 481px) and (max-width: 768px) {
  .cen_subt {
    font-size: 50%;
    height: 2.3em;
  }
  .top_block-haead {
    font-size: 140%;
  }
} /* --- レスポンシブ切替 Tablet--- */
/***********************************************************************/

/* --- レスポンシブ切替 Mobile--- */
@media screen and (max-width: 480px) {
  /*COMMON*/
  body {
    font-size: 4vw !important;
    line-height: 180% !important;
  }

  /*FLEX*/

  /*POINT*/
  .point {
    margin-left: 0em;
  }

  /*SLIDE*/
  .slide {
    height: 100vh;
  }
  .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9のアスペクト比の場合 */
    padding-top: 25px;
    height: 100vh;
    overflow: hidden;
  }
  .on1 {
    width: 80%;
    top: -30vw;
  }

  .on_slide h1 {
    width: 90%;
  }
  .slide_txt {
    height: 9.6vw;
    font-size: 5.5vw;
    letter-spacing: 0.6vw;
  }

  .scrolldown2 {
    bottom: 18.5vw;
  }

  .recruit_btn {
    top: 30vw;
    width: 30vw;

    font-size: 5.8vw;
    letter-spacing: 0.8vw;
  }

  /*BREAD*/
  .bread {
    height: 10vh;
    margin-top: -11.3vw;
  }
}
.top_bread {
  background-position: left -1vw top 0vw;
}

/*------------------------------------------------------------
ここから下に追加
  ----------------------------------------------------------*/
