@charset "utf-8";
/*------------------------------------------------------------
	price
------------------------------------------------------------*/
#main .price .headLine03 {
  padding-top: 16px;
  margin-bottom: 31px;
}
#main .price .headLine03 img {
  width: 32px;
}
#main .price h3 {
  margin-bottom: 17px;
  padding: 0 1px 11px;
  font-size: 2rem;
  font-weight: 700;
  color: #a3468a;
  line-height: 1.27;
  letter-spacing: -0.6px;
  background: url("../images/common/line06.png") repeat-x left bottom;
  background-size: 9px 2px;
}
#main .price p {
  font-size: 1.6rem;
  color: #323232;
  line-height: 1.55;
  margin-bottom: 10px;
}
#main .price p.mini {
  font-size: 1.3rem;
  color: #323232;
  line-height: 1.3;
  margin-bottom: 10px;
}
#main .price .img {
  width: 100%;
  height: auto;
}
#main .price .img img {
  width: 100%;
  height: auto;
}
#main .price .mbTxt {
  margin-bottom: 0 !important;
}
#main .price .blodTxt {
  font-weight: 700;
  margin: 10px 0;
}
#main .price p span {
  font-weight: 700;
  background: url("../images/common/line05.png") repeat-x left bottom;
  background-size: 3px 7px;
}
#main .price .bgTxt {
  padding: 14px 10px 18px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  line-height: 1.48;
  background-color: #A94688;
  border-radius: 5px;
}
/*--works、homeから施工コンセプト--*/
#main .price .concept-block {
  margin: 30px 0;
  padding: 0 15px;
  line-height: 1.55;
}
#main .price .concept-block .ttl {
  text-align: center;
  font-size: 2rem;
  color: #EE8EB2;
  font-weight: 700;
  line-height: 1.27;
  margin-bottom: 22px;
}
#main .price .concept-block img {
  margin-top: 10px;
}
#main .price .sec01 {
  margin: 0 9px 35px;
}
#main .price .sec01 p {
  margin-bottom: 25px;
}
#main .price .sec01 .txt01 {
  margin-bottom: 19px;
}
#main .price .sec01 .bgTxt {
  margin-bottom: 18px;
}
#main .price .sec02 {
  padding: 29px 8px 32px;
  background-color: #F7ECF2;
}
#main .price .sec02 h3 {
  margin-bottom: 11px;
}
#main .price .sec02 p {
  margin-bottom: 25px;
}
@media (min-width:481px) {
  #main .price .sec03 iframe {
    height: 500px;
  }
}
@media (max-width:480px) {
  #main .price .sec03 iframe {
    height: 200px;
  }
}
#main .price .sec03 {
  padding: 32px 8px 37px;
}
#main .price .sec03 p {
  margin-bottom: 25px;
  letter-spacing: -0.5px;
}
#main .price .sec03 .txt01 {
  margin-bottom: 23px;
}
#main .price .sec03 .bgTxt {
  margin-bottom: 23px;
}
#main .price .sec03 .comList {
  margin: 20px 0 14px;
  border-top: 1px solid #E0DFDE;
}
#main .price .sec03 .comList li {
  padding: 18px 0;
  border-bottom: 1px solid #E0DFDE;
}
#main .price .sec03.comList li .imgBox {
  overflow: hidden;
}
#main .price .sec03 .comList li .photo {
  padding-top: 1px;
  width: 100px;
  float: left;
}
#main .price .sec03 .comList li .txtBox {
  padding: 1em 0 0 111px;
}
#main .price .sec03 .comList li .txtBox .title {
  font-size: 1.4rem;
  color: #323232;
  font-weight: 700;
  line-height: 1.4;
}
#main .price .sec04 {
  padding: 29px 8px 32px;
  background-color: #F7ECF2;
}
#main .price .sec04 p {
  margin-bottom: 25px;
  letter-spacing: -0.5px;
}
#main .price .sec04 .txt01 {
  margin-bottom: 11px;
}
#main .price .sec04 .bgTxt {
  margin-bottom: 10px;
}
#main .price .sec05 {
  padding: 43px 8px 32px;
}
#main .price .sec05 h3 {
  padding-bottom: 16px;
}
#main .price .sec05 p {
  margin-bottom: 25px;
  letter-spacing: -1px;
}
#main .price .sec05 .colorTxt {
  margin: -4px 0 9px;
  text-align: center;
  font-size: 2.15rem;
  color: #0071c1;
  font-weight: 700;
}
#main .price .sec05 .txtList {
  margin: 0 -2px 49px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#main .price .sec05 .txtList li {
  padding: 16px 0;
  width: 42.6%;
  margin: 0 1.2%;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.35;
  position: relative;
  background-color: #217BC3;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
#main .price .sec05 .txtList li:first-child:before {
  margin-top: -15px;
  position: absolute;
  right: -37px;
  top: 50%;
  background: url("../images/price/icon01.png") no-repeat;
  width: 30px;
  height: 30px;
  background-size: 100% 100%;
  content: "";
}
#main .price .sec05 .txtList li span {
  display: block;
  margin: 0 auto;
}
#main .price .sec05 .title {
  margin-bottom: 13px;
  text-align: center;
  color: #a3468a;
  font-size: 2rem;
  font-weight: 700;
}
#main .price .sec05 .inner {
  padding: 20px 8px;
  margin: 0 2px 26px;
  background-color: #F7ECF2;
}
#main .price .sec05 .inner .text {
  margin: 0 2px 9px;
  padding: 7px 8px 8px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background-color: #818181;
  border-radius: 15px;
}
#main .price .sec05 .inner li {
  display: inline-block;
  font-size: 1.3rem;
  color: #323232;
  line-height: 2.29;
  margin-right: 10px;
}
#main .price .sec05 .inner .link {
  margin-top: 20px;
}
#main .price .sec05 .inner .link a {
  padding: 5px 17px 6px 7px;
  display: block;
  text-align: center;
  font-size: 1.2rem;
  color: #1C45C7;
  border: 2px solid #FFF;
  border-radius: 3px;
  background: url("../images/common/icon04.png") no-repeat right 8px center;
  background-size: 7px auto;
  background-color: #95D6FB;
}
#main .price .sec05 .inner .link02 {
  margin-top: 20px;
}
#main .price .sec05 .inner .link02 a {}
#main .price .sec05 .inner .link02 a img {
  width: 100%;
  height: auto;
}
#main .price .sec06 {
  padding: 43px 8px 32px;
  background-color: #E7E6E7;
}
#main .price .sec06 .bannerUl {
  margin: 0 20px 63px;
}
#main .price .sec06 .bannerUl li:first-child {
  margin-bottom: 18px;
}
#main .price .sec06 .bannerUl li img {
  width: 100%;
}
#main .price .sec06 h4 {
  margin: 40px 15px 26px;
  text-align: center;
  font-size: 2rem;
  color: #323232;
  font-weight: 700;
  line-height: 1.29;
}
#main .price .sec06 h4 span {
  padding-bottom: 15px;
  line-height: 1.29;
  display: inline-block;
  border-bottom: 2px solid #A94688;
}
#main .price .sec06 h4.title {
  font-size: 2.3rem;
  color: #197FE9;
  margin: 0 15px 6px;
  text-align: center;
  font-weight: 700;
  line-height: 1.0;
  padding-bottom: 5px;
}
#main .price .sec06 h4.title img.tl {
  width: 31px;
  height: auto;
  margin: 5px 5px 5px auto;
  vertical-align: middle;
}
#main .price .sec06 h4.title img.tr {
  width: 31px;
  height: auto;
  margin: 5px auto 5px 5px;
  vertical-align: middle;
}
#main .price .sec06 p.title {
  font-size: 0.9em;
  color: #197FE9;
  margin: 0 15px 6px;
  text-align: left;
  line-height: 1.0;
  padding-bottom: 5px;
}
#main .price .sec06 .inner {
  margin-bottom: 8px;
}
#main .price .sec06 .tabPanel {
  margin: 0 10px;
}
#main .price .sec06 .tabPanel .topUl {
  position: relative;
  overflow: hidden;
}
#main .price .sec06 .tabPanel .topUl:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid #166DBD;
  content: "";
}
#main .price .sec06 .tabPanel .topUl li {
  width: 32.1%;
  float: left;
  margin-right: 1.85%;
  position: relative;
  z-index: 4;
}
#main .price .sec06 .tabPanel .topUl li.on {
  z-index: 2;
}
#main .price .sec06 .tabPanel .topUl li:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 3px solid #166DBD;
  content: "";
}
/*#main .price .sec06 .innerBox01 .topUl li:nth-child(2):before {
	right: -10%;
}

#main .price .sec06 .innerBox03 .topUl li:nth-child(2):before {
	left: -10%;
}*/
#main .price .sec06 .tabPanel .topUl li.on:before {
  width: 50px;
  left: 100%;
  right: inherit;
  border-bottom: 3px solid #E7E6E7;
}
#main .price .sec06 .tabPanel .topUl li.on:after {
  width: 50px;
  position: absolute;
  right: 100%;
  left: inherit;
  bottom: 0;
  border-bottom: 3px solid #E7E6E7;
  content: "";
}
#main .price .sec06 .tabPanel .topUl li:last-child {
  margin-right: 0;
}
#main .price .sec06 .tabPanel .topUl li a {
  display: block;
  padding: 15px 0 10px;
  text-align: center;
  background-color: #CDE2F2;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#main .price .sec06 .tabPanel .topUl li.on a {
  background-color: #fff;
}
#main .price .sec06 .tabPanel .topUl li img {
  height: 50px;
}
#main .price .sec06 .innerBox .whiteBox {
  padding: 20px 11px 22px;
  margin-bottom: 42px;
  background-color: #fff;
}
#main .price .sec06 .innerBox .photo {
  margin-bottom: 20px;
}
#main .price .sec06 .innerBox .photo img {
  width: 100%;
}
#main .price .sec06 .innerBox p {
  letter-spacing: -0.5px;
}
#main .price .sec06 .innerBox .txt01 {
  margin-bottom: 16px;
}
#main .price .sec06 .innerBox .photo01 {
  margin: 0 14px 38px;
}
#main .price .sec06 .innerBox .photoUl li:not(:last-child) {
  margin-bottom: 41px;
}
#main .price .sec06 .innerBox .photoUl li p {
  margin-bottom: 12px;
}
#main .price .sec06 .innerBox .photoUl li .ttl {
  margin: 0 -1px 13px;
  padding: 8px 11px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.06;
  background-color: #A94688;
  border-radius: 5px;
}
#main .price .sec06 .innerBox .photoUl li .img img {
  width: 100%;
  margin-bottom: 10px;
}
#main .price .sec06 .innerBox .textImg {
  margin: 32px -2px 20px;
  text-align: center;
}
#main .price .sec06 .innerBox .textImg img {
  width: 337px;
}
#main .price .sec06 .innerBox02 .whiteBox {
  padding: 24px 11px 34px;
  margin-bottom: 38px;
}
#main .price .sec06 .innerBox02 .photo02 {
  margin: 0 -2px 12px 0;
}
#main .price .sec06 .innerBox02 .txt02 {
  margin-bottom: 38px;
}
#main .price .sec06 .innerBox03 .whiteBox {
  padding: 29px 11px 56px;
  margin-bottom: 0;
}
#main .price .sec06 .innerBox03 .txt03 {
  margin-bottom: 46px;
}
#main .price .sec06 .ttl {
  margin: 0 0 14px;
  padding: 8px 11px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.06;
  background-color: #A94688;
  border-radius: 5px;
}
#main .price .sec06 .subBox {
  padding: 30px 10px 0;
  background-color: #fff;
}
#main .price .sec06 .subBox h4 {
  margin-bottom: 32px;
}
#main .price .sec06 .subBox h4 span {
  padding-bottom: 12px;
}
#main .price .sec06 .subBox .photo {
  margin-bottom: 13px;
}
#main .price .sec06 .subBox .photo img {
  width: 100%;
}
#main .price .sec06 .subBox p {
  margin-bottom: 25px;
}
#main .price .sec06 .subBox .txt01 {
  margin-bottom: 49px;
}
#main .price .sec06 .subBox .ttl {
  margin: 0 0 14px;
  padding: 8px 11px;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff;
  line-height: 1.06;
  background-color: #A94688;
  border-radius: 5px;
}
#main .price .sec06 .subBox .bgSub {
  margin: 39px -10px 30px;
  padding: 30px 8px 40px;
  background-color: #E7E6E7;
}
#main .price .inner ul li ol li {
  font-size: inherit;
  margin-bottom: 10px !important;
  font-weight: bold;
  list-style-type: none;
  list-style-position: inside;
}
/*------------------------------------------------------------
bels評価
------------------------------------------------------------*/
.bels {
  text-align: center;
  margin: 3rem auto;
  max-width: 800px;
}

.bels-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333;
  line-height: 1.6;
  margin-bottom: 2rem;
}

.bels-title strong {
  color: #d63447; /* 強調色：赤系 */
  font-size: 1.8rem;
}

.bels-wrap {
  display: flex;
  justify-content: center;
  gap: 2rem;
  align-items: flex-end;
}

.bels-item {
  max-width: 260px;
}

.bels-img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.bels-caption {
  margin-top: 0.6rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #444;
}

.bels-img2 {
display: block;
  width: 60%;
  height: auto;
  margin:10px auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.bels-caption2{
text-align: center;
  font-size: 0.95rem;
  font-weight: 600;
  color: #444;
}
/*------------------------------------------------------------
本体価格に含まれるもの 移動のため sec05→sec06
------------------------------------------------------------*/
#main .price .sec06 .inner {
  padding: 20px 8px;
  margin: 0 2px 26px;
  background-color: #F7ECF2;
}
#main .price .sec06 .inner .text {
  margin: 0 2px 9px;
  padding: 7px 8px 8px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  color: #fff;
  background-color: #818181;
  border-radius: 15px;
}
#main .price .sec06 .inner li {
  display: inline-block;
  font-size: 1.6rem;
  color: #323232;
  line-height: 1.5;
  margin-right: 10px;
}
#main .price .sec06 .inner .link {
  margin-top: 20px;
}
#main .price .sec06 .inner .link a {
  padding: 5px 17px 6px 7px;
  display: block;
  text-align: center;
  font-size: 1.2rem;
  color: #1C45C7;
  border: 2px solid #FFF;
  border-radius: 3px;
  background: url("../images/common/icon04.png") no-repeat right 8px center;
  background-size: 7px auto;
  background-color: #95D6FB;
}
#main .price .sec06 .inner .link02 {
  margin-top: 20px;
}
#main .price .sec06 .inner .link02 a {}
#main .price .sec06 .inner .link02 a img {
  width: 100%;
  height: auto;
}
/*------------------------------------------------------------
なぜ羽田建設はコスパがいい家を建てられるのか　追加20240319
------------------------------------------------------------*/
#main .price .sec07 {
  padding: 32px 8px 37px;
}
#main .price .sec07 p {
  margin-bottom: 25px;
  letter-spacing: -0.5px;
}
#main .price .sec07 .txt01 {
  margin-bottom: 23px;
}
#main .price .sec07 .bgTxt {
  margin-bottom: 23px;
}
#main .price .sec07 p span {
  font-weight: 700;
  color: #B43537 !important;
  background: none;
}
#main .price .sec07 h4 {
  margin: 30px auto 10px;
  font-size: 2.0rem;
  font-weight: 700;
  color: #A94688;
  line-height: 1.27;
  letter-spacing: -0.6px;
  text-align: center;
}
#main .price .sec07 .borderBox {
  margin: 0 20px;
  padding-bottom: 22px;
  border: 1px solid #a3468a;
}
#main .price .sec07 .borderBox .ttl {
  padding: 9px 22px 13px;
  margin-bottom: 16px;
  font-size: 2.4rem;
  line-height: 1.49;
  font-weight: 700;
  color: #fff;
  background-color: #a3468a;
}
#main .price .sec07 .borderBox .textImg01 {
  margin: 0 10px 13px 9px;
  text-align: center;
}
#main .price .sec07 .borderBox img {
  width: 100%;
  height: auto;
}
#main .price .sec07 .borderBox .txt {
  margin: 0 15px;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.55;
}
#main .price .sec07 .borderBox .txt img {
  margin: 12px -5px 2px -10px;
  display: block;
}
#main .price .sec07 .borderBox .spanTxt01 {
  margin-bottom: 2px;
  text-align: center;
  display: block;
  font-weight: 700;
  font-size: 2rem;
  color: #000;
}
#main .price .sec07 .borderBox .spanTxt02 {
  text-align: center;
  display: block;
  font-weight: 700;
  font-size: 1.9rem;
  color: #000;
  line-height: 1.3;
}

#main .price .link03 a{
display: block;
width: 100%;
height: auto;
margin:10px auto;
}


/* ===============================
   ZEH 実績テーブル
================================= */

.zeh{
  width:100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size:14px;
  background:#fff;
}

.zeh{
  border-radius:0;
  box-shadow:none;
  overflow:visible;
}

.zeh td{
  box-sizing:border-box;
  border:1px solid #ddd;
  padding:10px 4px;
  text-align:center;
  vertical-align:middle;
  line-height:1.15;

  /* ★過去の指定が残ってても打ち消す */
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

/* 年度行 */
.zeh tr:first-child td{
  background:#f5f5f5;
  font-weight:600;
  font-size:12px;
  padding:8px 2px;
  height:44px;
}

/* 実績・目標ラベル行 */
.zeh tr:nth-child(2) td{
  background:rgba(172,169,169,1.00);
  color:#fff;
  font-weight:600;
  font-size:13px;
  padding:10px 4px;
  height:56px;
}

/* 3行目：列幅配分（%が収まる幅を確保） */
.zeh tr:last-child td:nth-child(odd){   /* 新築 */
  width:6%;
  font-size:12px;
  font-weight:600;
  padding-left:2px;
  padding-right:2px;
}

.zeh tr:last-child td:nth-child(even){  /* 値 */
  width:10.6667%;
  padding-left:6px;
  padding-right:10px; /* 端に当てない */
  text-align:right;   /* 右寄せは維持 */
}

/* 数値を強調（数字部分だけ） */
.zehNum{
  font-size:14px;
  font-weight:800;
  color:rgba(35,35,35,1.00);
}

/* %だけ小さくしてはみ出しを抑える */
.zehPct{
  font-size:9px;
  font-weight:700;
  margin-left:1px;
  position:relative;
  top:-1px; /* ちょい上げて見た目も締める */
  color:inherit;
}

/* 2025目標色（最後のセル） */
.zeh tr:last-child td:last-child .zehNum,
.zeh tr:last-child td:last-child .zehPct{
  color:rgba(72,80,140,1.00);
}

/* さらに狭い時だけ、数字をほんの少し下げる（省略しない） */
@media screen and (max-width:520px){
  .zehNum{ font-size:15px; }
  .zehPct{ font-size:11px; top:-1px; }
}

.sp{
display: none;
}
@media screen and (max-width:520px){
.sp{
display: block;
}
}