@charset "UTF-8";
/* ---------------------------------------------------------------------
 * 完成物件のメリットページ
 * --------------------------------------------------------------------- */
.pages_main_title{background: #f7f5ef}
.pages_main_title h2 { color: #59463a;  font-size: 66px;  letter-spacing: 0.3em;line-height:0.8;padding-top: 20px}
.pages_main_title h2 span{font-size: 30px;letter-spacing: 0}

@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_title h2 {font-size: 30px;line-height: 1 }
.pages_main_title h2 span{font-size: 18px;letter-spacing: 0}
}

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

#body_parking img{width: 100%;height: auto}
#body_parking{padding: 30px 0 60px; background: #f7f5ef}
#body_parking h2{font-size: 40px;font-weight: normal;position: relative;letter-spacing: 0.1em}
#body_parking .copy{margin-top: 30px;font-size: 17px;letter-spacing: 0.1em;line-height: 2}
#body_parking .mv{margin: 60px 0}
#body_parking .innner{width: 1000px;margin: auto}
#body_parking h3{font-size: 38px;color: #59463a;font-weight: normal;position: relative}
#body_parking 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_parking{padding: 0px 0 60px;}
#body_parking h2{font-size: 22px;}
#body_parking .copy{margin-top: 20px;font-size: 14px;}
#body_parking .mv{margin:30px 0}
#body_parking .innner{width:96%;margin: auto}
#body_parking h3{font-size: 26px;}

.scroll-container {
  overflow-x: auto;
  margin-bottom: 30px;
  -webkit-overflow-scrolling: touch; /* iOSのスクロールを滑らかにする */
}
.scroll-container img {
  min-width: 600px;
}
}


#body_parking .merit{position: relative}
#body_parking .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;
position: relative;}

#body_parking .waku h4{color: #59463a;font-size: 22px;font-weight: normal;margin-bottom: 20px}
#body_parking .waku h4 span{font-size: 200%;letter-spacing: 0}


@media screen and (max-width: 767px) {/*スマホ設定*/
#body_parking .waku{margin-top: 0px; }
#body_parking .waku h4{font-size: 15px;margin-bottom:10px}
#body_parking  .waku h4 span{font-size: 160%;}
}


.waku_l{width: 48%}
.waku_r{width: 48%;padding-top: 30px;text-align: left}
.waku_r h5{font-size: 22px;letter-spacing: 0.1em;color: #59463a;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_parking .merit1 .p2{width: 60%;margin: auto;padding-left: 11%; margin-top: -60px;position: relative; z-index: 3}
#body_parking .merit2 .p2{width: 60%;left: -5%; margin: auto;margin-top: -60px;position: relative; z-index: 3}


@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_parking .merit2 .waku_l{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#body_parking .merit2 .waku_r{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#body_parking .merit1 .p2{width: 80%;padding-left: 0%; margin-top: 20px;}
#body_parking .merit2 .p2{width: 80%;left: 0%; margin-top: 20px;}
}


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

}