@charset "UTF-8";
/* ---------------------------------------------------------------------
 design
 * --------------------------------------------------------------------- */
.pages_main_image{height:auto;position: relative;background: #202a3a;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 600px!important;object-fit: cover}
.pages_main_image picture figcaption{width: 1200px;left: 0;right: 0;margin: auto;color: #000}
.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: 200px!important;}
.pages_main_image picture figcaption{width: 98%;left: 0;right: 0;margin: auto;color: #000}
}


#body_design{background: #202a3a;color: #ffff;padding-bottom: 80px;}
#body_design img{width: 100%;height: auto}

#body_design h2{width: 640px;margin: auto}
#body_design .catch{font-size: 26px;line-height: 2; letter-spacing: 0.1em;text-indent: 0.1em;padding: 40px 0 80px}
#body_design .catch2{font-size: 26px;line-height: 2;letter-spacing: 0.1em;text-indent: 0.1em;padding: 40px 0 40px}
#body_design picture{display: block;position: relative}
#body_design picture figcaption{position: absolute; right: 10px;bottom: 10px; color: #000}
#body_design picture figcaption.w{color: #fff}

#body_design h3{margin-top: 100px; color: #c79f62;font-size: 23px;letter-spacing: 0.2em;text-indent: 0.2em;}
#body_design .txt{font-size: 17px;line-height: 2.2em; letter-spacing: 0.1em;text-indent: 0.1em;}

#body_design .architect{margin: 80px 0;}
#body_design .architect dt{width: 40%}
#body_design .architect dd{width: 50%;text-align: left}
#body_design .architect dd .copy{line-height: 2em; font-size: 20px;letter-spacing: 0.1em;text-indent: 0.1em;border-bottom: 1px solid #fff;padding-bottom: 20px;margin-bottom: 20px}
#body_design .architect dd .txt{font-size: 15px;letter-spacing: 0.05em;text-indent: 0.05em;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design h2{width: 90%;margin: auto}
#body_design .catch{font-size: 20px;}
#body_design .catch2{font-size: 20px;}

#body_design h3{font-size: 20px;}
#body_design .txt{font-size: 15px;}
#body_design .architect dt{width: 100%;margin-bottom: 30px;}
#body_design .architect dd{width: 90%;margin: auto; text-align: left}
}