@charset "UTF-8";
/* ---------------------------------------------------------------------
 design
 * --------------------------------------------------------------------- */
.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 700px!important;object-fit: cover}
.pages_main_image picture figcaption{width: 1200px;left: 0;right: 0;margin: auto;color: #fff}
.pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0; margin: auto}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;height: 240px!important;}
.pages_main_image .inner{display: none}
}


#body_design{}
#body_design img{width: 100%;height: auto}
#body_design .page_title{background: url("../images/plan/bg.jpg") no-repeat center top;background-size: cover;position: relative;color: #fff;padding: 80px 0}
#body_design .page_title h2{position:absolute;top: -130px;left: 0;right: 0;margin: auto;  font-size: 150px;letter-spacing: 0.2em;font-weight: normal;}
#body_design .page_title h3{font-size: 43px;letter-spacing: 0.3em;font-weight: normal;padding-bottom: 20px}
#body_design .txt{line-height: 3;letter-spacing: 0.2em;font-size: 14px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .page_title{padding: 50px 0}
#body_design .page_title h2{top: -40px;font-size: 13vw;}
#body_design .page_title h3{font-size: 20px;padding-bottom: 20px;line-height: 2}
#body_design .txt{line-height: 2;letter-spacing: 0.2em;font-size: 14px;}
}

#body_design .sec1{background: linear-gradient(to right,  #948d6c 0%,#d0c9ac 50%,#948d6c 100%);padding-top: 60px}

#body_design .sec2{position: relative;padding: 30px 0;}
#body_design .sec2 .photo{width: 54%}
#body_design .sec2 .photo img{height: 900px!important;object-fit: cover;object-position: right top}
#body_design .sec2 .body_area_inner{position: absolute;top: 50%;   left: 50%;   -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);}
#body_design .sec2 .body_area_inner dl{width: 40%;margin-left: auto;text-align: left}
#body_design .sec2 .body_area_inner dt h3{font-size: 30px;letter-spacing: 0.05em;font-weight: normal;line-height: 2;margin-bottom: 40px;padding-left: 40px}
.tt{width: 140px;font-size: 23px}
.cc{width: calc(100% - 160px);text-align: left}
.cc .box{border-left: 1px solid #000;padding-left: 20px}
.cc h4{font-size: 25px;margin-bottom: 12px;letter-spacing: 0.05em;font-weight: normal;}
.cc .txt2{line-height: 2;letter-spacing: 0.1em;font-size: 14px;}
.cc .txt3{font-size: 13px;}
.cc .fa{margin-top: 20px;margin-bottom: 12px}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .sec2 .photo{width: 100%}
#body_design .sec2 .photo img{height: 200px!important;object-fit: cover;object-position: right top}
#body_design .sec2 .body_area_inner{position: static;top: 0%;   left: 0%;   -webkit-transform: translate(0%, 0%);   transform: translate(0%, 0%);}
#body_design .sec2 .body_area_inner dl{width: 90%;margin: 30px auto 0}
#body_design .sec2 .body_area_inner dt h3{font-size: 18px;margin-bottom: 30px;padding-left: 0px}
.tt{width: 30%;font-size: 17px}
.cc{width: 70%;}
.cc h4{font-size: 19px;}
.cc .txt2{font-size: 12px;letter-spacing: 0.05em;}
.cc .txt3{font-size: 11px;}
}

#body_design .sec3{background: #eae8e3}
#body_design .sec3 .body_area_inner,
#body_design .sec4 .body_area_inner{margin-top: 30px;padding-bottom: 30px}
#body_design .body_area_inner .block{width:-moz-fit-content; /* Firefox */
  width:fit-content; /* other browsers */}
#body_design .body_area_inner .block .cc{width: auto}
#body_design .sec4 .block{margin-left: auto}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .body_area_inner .block .cc{width: 70%}
#body_design .sec3 img,
#body_design .sec4 img{height: 280px!important;object-fit: cover;}
}



#body_design .sec5{position: relative;background: #eae8e3}
#body_design .sec5 .photo{width: 52%;margin-left: auto}
#body_design .sec5 .photo img{height: 550px!important;object-fit: cover;}
#body_design .sec5 .body_area_inner{position: absolute;top: 80%;   left: 50%;   -webkit-transform: translate(-50%, -80%);   transform: translate(-50%, -80%);}

#body_design .sec6{position: relative;}
#body_design .sec6 .photo{width: 52%;}
#body_design .sec6 .photo img{height: 550px!important;object-fit: cover;}
#body_design .sec6 .body_area_inner{position: absolute;top: 80%;   left: 50%;   -webkit-transform: translate(-50%, -80%);   transform: translate(-50%, -80%);}
#body_design .sec6 .block{margin-left: auto}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .sec5 .photo,
#body_design .sec6 .photo{width: 100%;margin-left: auto}
#body_design .sec5 .photo img,
#body_design .sec6 .photo img{height: 280px!important;object-fit: cover;}

#body_design .sec5 .body_area_inner,
#body_design .sec6 .body_area_inner{position: static;top: 0%;   left: 0%;   -webkit-transform: translate(0%, 0%);   transform: translate(0%, 0%);}

#body_design .sec5 .block,
#body_design .sec6 .block{margin-left: 0;padding: 30px 0}
}