@charset 'utf-8';
.navList li#nav_house:before { content: ""; width:100%; height: 3px; position: absolute; right: 0; left: 0; margin: 0 auto; top: 30px; background-color: #1D5091; }
@media screen and (max-width: 768px) {
  .navList li#nav_house:before { display:none; }
  .navList li#nav_house::after { color:#fff }
  .navList li#nav_house a { background:#1D5091; color:#fff; }
}

.pageContents { margin: 0 auto 50px auto; }
@media screen and (max-width: 768px) {
  .contentBuilding { margin:0 auto; }
  .pageContents { margin: 0 auto 20px auto; }
}
/*.pageContents.house img { margin-bottom: 50px; margin: 40px auto;}*/

/* 一覧 */
.pageContents.house { display: flex; justify-content: space-between; }
.buildingList { position: relative; width: 330px; margin-right: 20px; overflow: hidden; }
.buildingList:last-of-type { margin-right: 0;}
.buildingList::after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #fff;}
.buildingList img { margin: 0 auto;}
.buildingList:hover img { transform: scale(1.1); transition: .2s; }
.buildingList .buildingList__txt { position: absolute; right: 0; left: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); text-align: center; color: #fff;}
.buildingList .buildingList__txt span { font-weight:bold; font-size: 2rem;}
@media screen and (max-width: 768px) {
  .pageContents.house { flex-direction: column;}
  .buildingList { width: 100%; margin: 0 0 30px 0;}
}

/*構造・性能*/
.h2_const { display:block; width:100%; border-bottom:2px solid #181818; font-size:2.0rem; line-height: 1.5; }
.h2_const strong { font-size:2.8rem; }
.h2_const em { font-style:normal; font-size:2.4rem; color:#CC3636; }
.h3_constEarth { width:100%; display:block; margin:30px 0 0 0; padding:10px 50px; background:#1D7CDB; color:#fff; font-size:2.4rem; }
.h3_constEarth span { margin:0 10px 0 0; font-size:1.6rem; }
.earthBox { display:block; width:100%; background:#FFFDE9; padding:50px 100px; }
.earthBox h4 { display:block; width:100%; border-bottom:2px solid #1D7CDB; color:#1D7CDB; font-size:2.4rem; line-height:1.5; }
.earthBox p { display:block; width:100%; margin:20px 0; font-size:1.6rem; line-height:1.8; }
.earthBox p strong { font-weight:bold; }
.earthBoxImg { margin:0 auto 50px auto; }
.earthBoxTable { width:100%; margin:0 0 30px 0; background:#fff; border-collapse:collapse; }
.earthBoxTable th, .earthBoxTable td { padding:10px; border:1px solid #ccc; border-collapse:collapse; }
.earthBoxTableTitle { width:400px; background:#E2F3FF; color:#1D7CEB; font-size:1.6rem; line-height:1.5; }
.earthBoxTableTitle strong { width:100%; display:block; font-size:2.4rem; }
.earthBoxTable img { width:200px; margin:10px auto; }
.earthBoxTableMerit { width:160px; background:#E2E2E2; }
.earthBoxTableMerit strong { font-weight:bold; }
.h3_constEnergy { width:100%; display:block; margin:30px 0 0 0; padding:10px 50px; background:#F76E36; color:#fff; font-size:2.4rem; }
.h3_constEnergy span { margin:0 10px 0 0; font-size:1.6rem; }
.energyBox { display:block; width:100%; background:#FFFDE9; padding:50px 100px; }
.energyBox h4 { display:block; width:100%; border-bottom:2px solid #F76E36; color:#F76E36; font-size:2.4rem; line-height:1.5; }
.energyBox p { display:block; width:100%; margin:20px 0; font-size:1.6rem; line-height:1.8; }
.energyBox p strong { font-weight:bold; }
.energyBoxImg { margin:0 auto 50px auto; }

.const { width:960px; max-width:100%; margin:50px auto 100px auto; position:relative; display:flex; flex-direction:row-reverse; }
.constIll { margin:50px 0 200px 0; }
.constBox { width:350px; max-width:100%; margin:0 auto 20px auto; padding:20px 30px 30px 30px; background:#fff; border:2px solid #FD9326; border-radius:10px; text-align:left; position:absolute; }
.constBox1 { left:0; top:0; }
.constBox2 { left:0; top:240px; }
.constBox3 { right:380px; bottom:0; }
.constBox4 { right:0; bottom:0; }
.constBox h3 { margin-left:0; display:flex; align-items:flex-end; color:#FD9326; }
.constBox h3 .constBox_nm { display:block; text-align:center; font-size:4rem; line-height:1.2; }
.constBox h3 .constBox_nm span { display:block; font-size:1.6rem; line-height:1.2; }
.constBox h3 .constBox_nm em { font-style:normal; }
.constBox h3 strong { display:block; margin:0 0 10px 20px; font-size:2.4rem; line-height:1.2; }
.constIll_sp { display:none; }
@media screen and (max-width: 768px) {
  .h2_const { font-size:2.0rem; line-height:1.5; }
  .h2_const em { font-size:2.0rem; }
  .h2_const strong { font-size:2.4rem; }
  .h3_constEarth { padding:5px 5%; text-align:center; font-size:2.0rem; line-height:1.5; }
  .h3_constEarth span { width:100%; display:block; margin:0; font-size:1.6rem; }
  .earthBox { padding:10px 5%; }
  .earthBox h4 { text-align:center; font-size:1.6rem; }
  .earthBox p { font-size:1.4rem; }
  .earthBoxTable { font-size:1.4rem; }
  .earthBoxTableTitle { font-size:1.4rem; }
  .earthBoxTableTitle strong { width:100%; display:block; font-size:1.6rem; }
  .h3_constEnergy { padding:5px 5%; text-align:center; font-size:2.0rem; line-height:1.5; }
  .h3_constEnergy span { width:100%; display:block; margin:0; font-size:1.6rem; }
  .energyBox { padding:10px 5%; }
  .energyBox h4 { text-align:center; font-size:1.6rem; }
  .energyBox p { font-size:1.4rem; }

  .const { width:100%; margin:50px auto 0 auto; position:relative; display:block; }
  .constIll { display:none; }
  .constBox { width:100%; margin:0 auto 20px auto; padding:10px 5% 20px 5%; position:relative; }
  .constBox1 { left:0; top:0; }
  .constBox2 { left:0; top:0; }
  .constBox3 { right:0; bottom:0; }
  .constBox4 { right:0; bottom:0; }
  .constIll_sp { display:inline; margin:0 0 50px 0; }

}

/* 設備・仕様 */
.linkBar { padding-top:70px; display: flex; justify-content: space-between;}
.linkBar .linkBar__list { width: 25%; text-align: center; line-height: 4.5rem; margin: 0 0 20px 0; border-bottom: solid 1px #666;}
.linkBar .linkBar__list.ck { color: #1d5091; border-top: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666;border-bottom: none;}

.equipMain { display: flex; justify-content: space-between; margin-bottom: 40px;}
.equipMain__img { width: 50%;}
.equipMain__txt { width: 48%; padding: 20px 0; text-align: center;}
.equipMain__txt__ttl { font-size: 2.4rem; font-weight: bold;}
.equipMain__txt__subTtl { font-size: 2rem; font-weight: bold;}
.equipList { display: flex; justify-content: space-between;}
.equipList__inner { width: 23%;}
.equipList__inner__img { margin-bottom: 20px;}
.equipList__inner__txt { text-align: left; text-align: justify; line-height: 1.7;}
.equipList__inner__txt span { font-weight: bold;}

.equipBox { display: flex; justify-content: space-between; margin-bottom: 40px;}
.equipBox__img { width: 50%;}
.equipBox__img img { width: 100%;}
.equipBox__txt { width: 48%;}
.equipBox__txt span { font-size: 2rem; font-weight: bold;}
.equipBox__txt small { display: block; line-height: 1.7;}
@media screen and (max-width: 768px) {
  #kitchen.content, #bathroom.content, #lavatory.content, #other.content { margin: 0 auto;}
  .linkBar .linkBar__list { font-size: 1.2rem;}

  .equipMain { flex-direction: column-reverse;}
  .equipMain__img { width: 100%;}
  .equipMain__txt { width: 100%; }
  .equipMain__txt__ttl { font-size: 2.2rem; line-height: 2.7;}
  .equipMain__txt__subTtl { font-size: 1.8rem; line-height: 2;}
  .equipMain__txt p { font-size: 1.5rem; line-height: 1.7;}
  .equipList { flex-wrap: wrap; margin-bottom: 20px;}
  .equipList__inner { width: 48%; margin-bottom: 20px;}
  .equipList__inner__img { margin-bottom: 10px;}
  .equipList__inner__txt { font-size: 1.5rem; line-height: 1.7; letter-spacing: -1px;}

  .h2_equip { margin-bottom: 10px; font-size: 2.2rem;}
  .equipBox { flex-direction: column;}
  .equipBox__img { width: 100%;}
  .equipBox__txt { width: 100%}
  .equipBox__txt__img { width: 175px; margin: 15px 0;}
}


/* 保証 */
.h2_warrant { margin: 20px auto; padding: 0 20px; color: #fff; background: #053D85;}
.h2_warrant span { margin: 0 0 0 10px; padding: 5px 15px; color: #053d85; background: #fff; font-size: 1.6rem; border-radius: 15px;}
.warrantBox { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 60px;}
.warrantBox.rev { flex-direction: row-reverse;}
.warrantBox__txt { width: 70%; margin: 0 0 0 20px;}
.warrantBox.rev .warrantBox__txt { margin: 0 20px 0 0;}
.warrantBox .warrantBox__logo { width: 30%;}
.warrantBox__txt span { font-size: 2rem; font-weight: bold;}
.warrantBox__figs { width: 48%;}
.warrantBox__figs__ttl { padding: 0 20px; font-size: 1.8rem; background: #C6DAF4; }
.warrantBox_3 .warrantBox__icons { width: 30%; text-align: center;}
.warrantBox_4 .warrantBox__icons { width: 23%; text-align: center;}
.warrantBox__icons__ttl { padding: 0; color: #fff; background: #777; font-size: 1.8rem; line-height: 40px; border-radius: 5px;}
.warrantBox__icons span { color: #777; font-size: 2rem; font-weight: bold;}
.warrantBox__icons span em { font-style: initial; font-size: 2.8rem;}
.warrantBox__icons img { width: 80px; margin: 0 auto 20px auto;}
.warrantBox__icons__txt { text-align: left; text-align: justify; line-height: 1.8;}
@media screen and (max-width: 768px) {
  .h2_warrant { font-size: 1.8rem; line-height: 40px;}
  .h2_warrant span { font-size: 1.3rem;}
  .warrantBox { display: flex; flex-direction: column;}
  .warrantBox.rev { display: flex; flex-direction: column-reverse; }
  .warrantBox img { width: 100%; margin: 0 auto 20px auto;}
  .warrantBox .warrantBox__logo { width: 90%; margin: 0 auto;}
  .warrantBox__txt,.warrantBox.rev .warrantBox__txt { width: 96%; margin: 0 auto;}
  .warrantBox.rev .warrantBox__txt { margin: 0 auto 20px auto;}
  .warrantBox__figs { width: 96%; margin: 0 auto 20px auto;}
  .warrantBox__figs img { width: 100%;}
  .warrantBox_3 .warrantBox__icons, .warrantBox_4 .warrantBox__icons { width:96%; margin: 0 auto 20px auto;}
  .warrantBox__icons img { width: 100px;}

}