/* ============================
          固定ページ
============================ */
/* ページ内リンクメニュー */
.page_menulink{
  margin-top: 53px;
  margin-bottom: 95.5px;
  justify-content: flex-start;
}

.page_menulink__item{
  position: relative;
  display: inline-block;
  padding-bottom: 6.5px;
  font-size: 14px;
  border-bottom: solid 1px #A48956;
}

.page_menulink__item:after{
  content: "";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  background-image: url("../img/btn_pagemenulink.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.page_menulink>span{
  margin:0 20px;
}

.page_menulink_black .page_menulink__item{
  border-bottom: solid 1px #000;
}

.page_menulink_black .page_menulink__item:after{
  background-image: url("../img/arrow-bottom_bl.svg");
}

@media screen and (max-width:768px) {
  .page_menulink{
    margin-top: 38.5px;
    margin-bottom: 38.5px;
    flex-direction: column;
    align-items: center;
  }

  .page_menulink__item{
    margin-bottom: 20px;
    font-size: 13px;
  }

  .page_menulink span{
    display: none;
  }

  .page_menulink span.symbol_large{
    display: inline;
    font-size: 20px;
    margin: 0 2px;
  }
  
  

  /* 会社紹介 */
  .page-company .page_menulink{
    flex-direction: row;
    align-items: baseline;
  }

  .page-company .page_menulink span{
    display: inline;
  }

}

/* トップ画像 */
.page_main-img{
  width: 100%;
  height: 342px;
  margin-bottom: 100px;
  overflow: hidden;
}

.page_main-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width:768px) {
  .page_main-img{
    height: 200px;
    margin-bottom: 50px;
  }

  .page-company .page_main-img{
    height: 303px;
  }
}

@media screen and (min-width:1200px){
  .page_main-img img{
    object-position: center top;
  }
}


/* ページ内リンク */
.page-sectitle{
  margin-top: 140px;
  text-align: center;
}

.ly_wrap_article .page-sectitle:nth-of-type(1){
  margin-top: 100px;
}

.page-sectitle span{
  display: block;
}

.page-sectitle .num{
  width: 37px;
  margin-bottom: 8px;
  font-size: 32px;
  border-bottom: solid 2px #326405;
}

.page-sectitle .subtitle{
  font-size: 15px;
  letter-spacing: 0.05rem;
}

.page-sectitle .title{
  font-size: 32px;
  letter-spacing: 0.2rem;
  line-height: 45px;
}

@media screen and (max-width:768px){
  .page-sectitle{
    margin-top: 60px;
  }

  .ly_wrap_article .page-sectitle:nth-of-type(1){
    margin-top: 60px;
  }

  .page-sectitle .subtitle{
    margin-bottom: 10px;
  }

  .page-sectitle .title{
    font-size: 22px;
    letter-spacing: 0.2rem;
    line-height: 32px;
  }
}

/* 2列ブロック */
.bg_brawn{background-color: #F0ECE1;}
.bg_white{background-color: #fff;}

.page-blocks{
  width: 100%;
  margin-top: 20px;
  padding:100px 0;
}

.page-blocks small{
  font-size: 12px;
  margin: 0 2px;
}

.page-2column{
  width: 100%;
  max-width: 1600px;
  margin:0 auto;
}

.page-2column .ly_flex{
  align-items: center;
  width: 100%;
  max-width: 1020px;
  margin-left: auto;
}

.page-2column__info{
  width: 45%;
  max-width: 460px;
}

.page-2column__img{
  width: 49%;
  max-width: 499px;
  height: 385px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}

.page-2column__img img{
  height: 100%;
  object-fit: cover;
}

.page-2column__title{
  margin-bottom: 34px;
  font-size: 24px;
  letter-spacing: 0.2rem;
  line-height: 35px;
}

.page-2column__text{
  font-size: 16px;
  line-height: 30px;
}

/* 2列ブロック-左画像 */
.page-2column.page-2column__reverse .ly_flex{
  width: 100%;
  max-width: 1020px;
  margin-left: 0;
  margin-right: auto;
}

.page-2column__reverse .page-2column__info{
  order: 1;
}

.page-2column__reverse .page-2column__img{
  order: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* 高気密・高断熱のこだわり - 光熱費の比較 */
.page-blocks.-performance .page-2column__img{
  height: auto;
}  


/* 高断熱・高気密のこだわり__住まいの省エネを見える化 */
.page-blocks.-evaluationReport .page-2column__img{
  height: auto;
  text-align: center;
}
.page-blocks.-evaluationReport .page-2column__img img{
  max-width: 340px;
}

@media screen and (max-width:768px){
  .page-blocks{
    margin-top: 10px;
    padding:10px 0 50px;
  }

  .page-blocks.bg_brawn{
    padding:50px 0;
  }

  .page-2column .ly_flex,
  .page-2column.page-2column__reverse .ly_flex{
    max-width: 314px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
  }

  .page-2column__info{
    width: 100%;
    order: 1;
  }

  .page-2column__img,
  .page-2column__reverse .page-2column__img{
    width: 100%;
    height: 229px;
    margin-bottom: 34px;
    border-radius: 10px;
    order: 0;
  }

  .page-2column__title{
    margin-bottom: 23px;
    font-size: 20px;
    letter-spacing: 0.2rem;
    line-height: 29px;
  }

  .page-2column__text{
    font-size: 15px;
  }

    /* 高気密・高断熱のこだわり - 光熱費の比較 */
    .page-blocks.-performance .page-2column__img{
      height: auto;
    }  

  /* 高気密・高断熱のこだわり - 光熱費の比較 */
  .page-blocks.-comparison .page-2column__img{
    height: 242px;
  }

    /* 高断熱・高気密のこだわり__住まいの省エネを見える化 */
  .page-blocks.-evaluationReport .page-2column__img{
    height: auto;
  }
  .page-blocks.-evaluationReport .page-2column__img img{
    max-width: 305px;
  }

}

/* 2列ブロック-2段画像 */
.page-2co2row .page-2column__img{
  height: auto;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.page-2co2row__img{
  height: 385px;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/* フィルター画像 */
.page-2co2row__img.filter{
  height: 188px;
}

.page-2column__reverse .page-2co2row__img{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.page-2co2row .page-2column__img .page-2co2row__img:first-child{
  margin-bottom: 60px;
}

@media screen and (max-width:768px){
  .page-2co2row__img,
  .page-2column__reverse .page-2co2row__img{
    height: 229px;
    border-radius: 10px;
  }

  /* フィルター画像 */
.page-2co2row__img.filter{
  height: 118px;
}


  .page-2co2row .page-2column__img .page-2co2row__img:first-child{
    margin-bottom: 15px;
  }
}

/* 3段ブロック */
.page-3row{
  width: 100%;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(240,236,225,1) 60%);
}

.page-3row__content{
  padding:55px;
  border-radius: 10px;
  box-shadow:#C9C9C9 0 0 30px;
  background-color: #fff;
}

.page_3row__items{
  align-items: center;
  width: 100%;
  max-width: 811px;
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: solid 0.5px #B4B4B4;
}

.page-3row__content .page_3row__items:last-child{
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;

}

.page-3row__info{
  width: 66%;
  max-width: 537px;
}

.page-3row__title{
  margin-bottom: 22px;
  font-size: 18px;
  letter-spacing: 0.2rem;
}

.page-3row__text{
font-size: 16px;
line-height: 30px;
}

.page-3row__img{
  width: 100%;
  max-width: 228px;
  height: 149px;
  margin-right: 20px;
  border-radius: 10px;
  overflow: hidden;
}

.page-3row__img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width:768px){
  .page-3row{
    width: 100%;
    padding: 0 17px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(240,236,225,1) 50%);
  }

  .page-3row__content.ly_width920{
    width: 100%;
    max-width: 380px;
    padding:33px;
  }

  .page_3row__items{
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 314px;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .page-3row__content .page_3row__items:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .page-3row__info{
    width: 100%;
  }

  .page-3row__title{
    margin-top: 26px;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .page-3row__text{
  font-size: 16px;
  line-height: 30px;
  }

  .page-3row__img{
    width: 100%;
    max-width: 314px;
    height: 204px;
    margin-right: 0;
  }
}

/* グリッドブロック */
.page-grid{
  margin-top: 125px;
  padding: 53px 20px 45px;
  border-radius: 10px;
  box-shadow:#C9C9C9 0 0 30px;
}

.page-grid small{
  font-size: 12px;
}

.page-grid .large{
  font-size: 20px;
}

.page-grid__standard{
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 848px;
}

.page-grid__img{
  width: 34%;
  max-width: 286px;
  height: 188px;
  border-radius: 10px;
  overflow: hidden;
}

.page-grid__info{
  width: 50%;
  max-width: 432px;
  margin-left: 45px;
}

.page-grid__standard .page-2column__title{
  margin-bottom: 4px;
  font-size: 18px;
}

.page-grid__levels{
  display: grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  width: 100%;
  max-width: 811px;
  margin-top: 45px;
}

.page-grid__items{
  padding-top: 67px;
  padding-bottom: 30px;
  padding-left: 36px;
  border:solid 0.5px #B4B4B4;
}

.page-grid__items___img{
  display: block;
  width: 100%;
  max-width: 252px;
  margin-left: 17px;
  margin-bottom: 40px;
}

.page-grid__items.-fourth{
  padding-top: 18px;
}

.page-grid__2023100{
  width: 100%;
  max-width: 270px;
  padding: 3px 0 1px;
  margin-bottom: 25px;
  font-size: 17px;
  background-color: #A48956;
}

@media screen and (max-width:768px){
  .page-grid.ly_width920{
    width: 92%;
    max-width: 380px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 40px 33px;
  }

  .page-grid b{
  }

  .page-grid small{
    font-size: 12px;
  }

  .page-grid__standard{
    flex-direction: column;
  }

  .page-grid__img{
    width: 100%;
    max-width: 314px;
    height: 205px;
  }

  .page-grid__info{
    width: 100%;
    margin-left: 0;
  }

  .page-grid__standard .page-2column__title{
    margin-top: 20px;
    margin-bottom: 4px;
    font-size: 20px;
  }

  .page-grid__levels{
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    margin-top: 21px;
  }

  .page-grid__items{
    padding: 40px 30px 30px;
  }

  .page-grid__items___img{
    max-width: 239px;
    margin-bottom: 30px;
  }
}

/* ロゴボタン横並び */
.page-2column .-logo{
  height: auto;
}

.page-2column .-logo .img{
  width: 100%;
  height: 385px;
}

.logo__flex a{
  display: block;
}

/* HOKKAIDO WOOD */
.logo__flex.hkwood{
  margin-top: 15px;
}

.logo__flex.hkwood a:first-of-type{
  width: 273px;
  width: 200px;
}

/* BELS */
.logo__flex.bels{
  justify-content: flex-start;
  margin-top: 25px;
}

.logo__flex.bels a:first-of-type{
  width: 154px;
  margin-right: 35px;
}

@media screen and (max-width:768px){
.page-2column .-logo .img{
  width: 100%;
  height: 229px;
  margin-bottom: 34px;
  border-radius: 10px;
  overflow: hidden;
}

.logo__flex{
  align-items: center;
}

.logo__flex a{
  display: block;
}

.logo__flex.hkwood a:first-of-type{
  width: 273px;
  margin-bottom: 30px;
}

/* BELS */
.logo__flex.bels{
  justify-content: space-between;
  margin-top: 25px;
}

.logo__flex.bels a:first-of-type{
  width: 154px;
  margin-right: 0;
  margin-bottom: 30px;
}




}

/* ロゴリンク付き */
.page-2cologo__link{
  margin-top: 18px;
}

.page-2cologo__link .ml_btn{
  white-space: nowrap;
}

.page-2cologo__logo{
  width: 100%;
  max-width: 186px;
}

@media screen and (max-width:768px){
  .page-2cologo__logo{
    width: 100%;
    max-width: 186px;
    margin-bottom: 20px;
  }

}

/* 災害に強い家 */
.page-3rowfull{
  width: 100%;
  padding: 60px 20px 0;
}

.page-3rowfull__img{
  width: 100%;
}

.page-3rowfull__img img{
  height: 100%;
  object-fit: cover;
}

.page-3rowfull__title{
  margin-bottom: 34px;
  font-size: 24px;
  letter-spacing: 0.2rem;
  line-height: 35px;
}


@media screen and (max-width:768px){
  .page-3rowfull{
    width: 100%;
    max-width: 314px;
    margin-bottom: 50px;
  }
  
  .page-3rowfull__img{
    width: 100%;
    margin-bottom: 40px;
  }
  
  .page-3rowfull__img img{
    height: 100%;
    object-fit: cover;
  }

  .page-3rowfull__title{
    margin-bottom: 23px;
    font-size: 20px;
    letter-spacing: 0.2rem;
    line-height: 29px;
  }
}