@charset "UTF-8";
/* ---------------------------------------------------------------------
 * 完成物件のメリットページ
 * --------------------------------------------------------------------- */
.pages_main_title{background: #f7f5ef}
.pages_main_title h2 {  align-items: center;  display: flex;  justify-content: center;  color: #2e6739;  font-size: 60px;  letter-spacing: 0.1em}
.pages_main_title h2::before,
.pages_main_title h2::after {  background-color: #00350d;  content: "";  height: 1px;  width: 60px;}
.pages_main_title h2::before {  margin-right: 15px;}
.pages_main_title h2::after {  margin-left: 15px; }

@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_title h2 {font-size: 30px; }
}

picture{display: block}
sup{font-size: 40%;position: relative; top: -1.5em;}

#body_built img{width: 100%;height: auto}
#body_built{padding: 30px 0 60px; background: #f7f5ef}
#body_built h2{font-size: 40px;font-weight: normal;position: relative}
#body_built .copy{margin-top: 40px;font-size: 17px;letter-spacing: 0.1em;line-height: 2}
#body_built .mv{margin: 60px 0}
#body_built .innner{width: 1000px;margin: auto}
#body_built h3{font-size: 38px;color: #00433a;font-weight: normal;position: relative}
#body_built h3 span{font-size: 250%;position: relative; top: 0.1em;letter-spacing: 0.1em;
font-family: "Cormorant Unicase", serif;  font-weight: 500;  font-style: italic  }
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_built{padding: 0px 0 60px;}
#body_built h2{font-size: 22px;}
#body_built .copy{margin-top: 20px;font-size: 14px;}
#body_built .mv{margin:30px 0}
#body_built .innner{width:96%;margin: auto}
#body_built h3{font-size: 26px;}
}




.clip-path-shadow {
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .6));
}
#body_built .merit{position: relative}
#body_built .merit1 .waku{width: 94%;margin: 60px auto 0;
box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
clip-path: polygon(80% 50px, 86% 0, 100% 0, 100% 100%, 0 100%, 0 50px);
background: #fff;position: relative;}

#body_built .merit2 .waku{width: 94%;margin: 60px auto 0;
box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
clip-path: polygon(16% 0, 20% 50px, 100% 50px, 100% 100%, 0 100%, 0 0);
background: #fff;position: relative;}

#body_built .merit3 .waku{width: 94%;margin: -40px auto 0;
box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
background: #fff;position: relative;padding: 60px 60px 30px}


#body_built .merit1 .waku h4{
box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
padding-right: 10px;letter-spacing: 0.1em;
position: absolute;width: 170px;text-align: right; right: 5px;top: 0px;color: #00433a;font-size: 22px;font-weight: normal;border-bottom: 1px solid #00433a}


#body_built .merit2 .waku h4{
box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;
padding-left: 10px;letter-spacing: 0.1em;
position: absolute;width: 170px;text-align:left; left: 5px;top: 0px;color: #00433a;font-size: 22px;font-weight: normal;border-bottom: 1px solid #00433a}
#body_built .merit2 .waku h4 span,
#body_built .merit1 .waku h4 span{font-size: 200%;letter-spacing: 0}


@media screen and (max-width: 767px) {/*スマホ設定*/
#body_built .merit1 .waku{clip-path: polygon(50% 0, 100% 0, 100% 100%, 0 100%, 0 40px, 40% 40px);padding-bottom: 100px;margin-top: 40px}
#body_built .merit2 .waku{clip-path: polygon(0 0, 45% 0, 54% 40px, 100% 40px, 100% 100%, 0 100%);padding-bottom: 100px;margin-top: 40px}
#body_built .merit3 .waku{padding: 60px 20px 30px}
#body_built .merit1 .waku h4,
#body_built .merit2 .waku h4{width: 40%;font-size: 15px;top: 6px}


#body_built .merit2 .waku h4 span,
#body_built .merit1 .waku h4 span{font-size: 160%;}
}


.waku_l{width: 48%}
.waku_r{width: 48%;padding-top: 100px;text-align: left}
.waku_r h5{font-size: 22px;letter-spacing: 0.1em;color: #00433a;font-weight: bold;margin-bottom: 30px;line-height: 1.8;position: relative}
.waku_r p{line-height: 2;font-size: 16px;letter-spacing: 0.05em}
#body_built .merit2 .waku .waku_r{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;padding-left: 30px}
#body_built .merit .p2{width: 30%;margin: auto;margin-top: -120px;position: relative; z-index: 3}
#body_built .bt{background: #6d0000;width: 94%;margin: 60px auto 0;}
#body_built .bt a{color: #fff;font-size: 34px;letter-spacing: 0.2em;padding:30px 0;display: block}

@media screen and (max-width: 767px) {/*スマホ設定*/
.waku_l{width: 100%;padding-top: 40px;}
.waku_r{width: 90%;margin: auto; padding-top: 30px;text-align: left}
.waku_r h5{font-size: 19px;margin-bottom: 20px;}
.waku_r p{line-height: 2;font-size: 14px;letter-spacing: 0.05em}

#body_built .merit2 .waku_l{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#body_built .merit2 .waku_r{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#body_built .merit2 .waku .waku_r{padding-left: 0px}
#body_built .merit .p2{width: 50%;margin: auto;margin-top: -80px;position: relative; z-index: 3}
#body_built .bt a{color: #fff;font-size: 20px;letter-spacing: 0.2em;padding:30px 0;display: block}
}


@media print{
.body_area_inner{width: 96%;margin: auto}
#body_built img{max-width: 100%;height: auto}

}