@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */

.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}
picture{position: relative;display: block}
figcaption{width: 1200px;position: absolute;left: 0;right: 0;margin: auto;bottom: 10px;text-align: right;font-size: 12px;color: #fff}
figcaption.fit{width: 96%}
figcaption.black{color: #000}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;height: 250px!important;object-fit: cover}
figcaption{width: 96%;font-size: 10px}
}

#body_design{background: #e6e6e6;padding: 80px 0;}

#body_design .sec1{padding: 20px 0 100px;margin: 0}
#body_design h2{font-size: 32px;letter-spacing: 0.1em;text-indent: 0.1em;padding-bottom: 40px;font-weight: normal}
#body_design  .txt{font-size: 18px;letter-spacing: 0.1em;line-height: 2em;}

#body_design .sec2{padding: 0px 0;margin: 0}
#body_design .sec2 h3{font-size: 32px;letter-spacing: 0.1em;padding-bottom: 40px;font-weight: normal}
#body_design .sec2 .body_area_inner{width: 850px;text-align: left;padding: 100px 0}
#body_design .sec2 .body_area_inner .txt{text-align: center;padding-top: 50px; font-size: 15px;letter-spacing: 0.1em;line-height: 2.6em;}


#body_design .sec3{padding: 0px 0;margin: 0}
#body_design .sec3 h3{font-size: 32px;letter-spacing: 0.1em;padding-bottom: 40px;font-weight: normal}
#body_design .sec3 h4{font-size: 28px;text-align: left; letter-spacing: 0.1em;padding: 80px 0 20px;font-weight: normal}
#body_design .sec3 .body_area_inner{padding: 100px 0}
#body_design .sec3 .body_area_inner .txt{text-align:  left;font-size: 15px;letter-spacing: 0.1em;line-height: 2.6em;}
#body_design .sec3 .body_area_inner ul{margin-top: 80px}
#body_design .sec3 .body_area_inner ul .txt{margin-top: 20px}
#body_design .sec3 .body_area_inner ul .txt12{text-align: left}


#body_design .sec4{padding: 0px 0;margin: 0}
#body_design .sec4 h3{font-size: 32px;letter-spacing: 0.1em;padding-bottom: 20px;font-weight: normal}
#body_design .sec4 h4{font-size: 26px;letter-spacing: 0.1em;padding: 80px 0 0px;font-weight: normal}
#body_design .sec4 .hana{width: 1000px;margin: 40px auto 80px}
#body_design .sec4 .hana .col7{width: 13%}
#body_design .sec4 .body_area_inner .txt{font-size: 15px;letter-spacing: 0.1em;line-height: 2.6em;}
#body_design .sec4 .setubi{width: 1000px;margin: auto}
#body_design .sec4 .setubi .col3{margin-bottom: 30px}
#body_design .sec4  .setubi .col3 .txt{font-size: 14px;letter-spacing: 0.1em;line-height: 1.8em;margin-top: 12px; text-align: left;}





#body_design .create_sec1{padding-bottom: 120px}
#body_design .create_sec1  ul{margin-top: 30px}
#body_design .create_sec1  li{text-align: left}

#body_design .create_sec1 h2{font-size: 42px;letter-spacing: 0.1em;line-height: 1.8;padding-bottom: 0px;font-weight: normal;text-align: left}
#body_design .create_sec1 h3{font-size: 32px;letter-spacing: 0.1em;line-height: 1.8;padding-bottom: 40px;font-weight: normal;text-align: left}
#body_design .create_sec1 .col60{width: 52%}
#body_design .create_sec1 .col40{width: 40%}

#body_design .create_sec1 .pro{border-top:1px solid #000;border-bottom:1px solid #000;padding: 40px 0;margin-top: 80px}
#body_design .create_sec1 .pro .ph{width: 30%}
#body_design .create_sec1 .pro .pr{width: 67%;text-align: left}
#body_design .create_sec1 .pro .pr h4{font-size: 20px;letter-spacing: 0.15em;margin-bottom: 12px}
#body_design .create_sec1 .pro .pr p{font-size: 18px;letter-spacing: 0.1em;line-height: 2em;}
#body_design .create_sec1  .txt{font-size: 17px;letter-spacing: 0.1em;line-height: 2.7em;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .create_sec1{padding: 60px 0 30px;margin: 0}
#body_design .create_sec1{margin-top: 30px}

#body_design .create_sec1 ul{margin-top: 0px}
#body_design .create_sec1 h2{font-size: 22px;letter-spacing: 0.1em;line-height: 1.8;padding-bottom: 20px;font-weight: normal;text-align: left}
#body_design .create_sec1 h3{font-size: 20px;letter-spacing: 0.1em;line-height: 1.5;padding-bottom: 20px;font-weight: normal}
#body_design .create_sec1 .txt{font-size: 14px;letter-spacing: 0.1em;line-height: 2em;}
#body_design .create_sec1 .col2{width: 100%;margin-bottom: 20px}
#body_design .create_sec1 .col60{width: 100%;margin-bottom: 20px}
#body_design .create_sec1 .col40{width: 100%}

#body_design .create_sec1 .pro{padding: 20px 0;margin-top: 40px}
#body_design .create_sec1 .pro .ph{width: 50%;margin:0 auto 20px}
#body_design .create_sec1 .pro .pr{width: 100%;text-align: left}
#body_design .create_sec1 .pro .pr h4{font-size: 15px;letter-spacing: 0.15em;margin-bottom: 12px}
#body_design .create_sec1 .pro .pr p{font-size: 13px;letter-spacing: 0.1em;line-height: 2em;}
}

/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design{}
#body_design h2{font-size: 24px;padding-bottom: 30px;}
#body_design .txt{font-size: 14px;}

#body_design{padding: 40px 0;}

#body_design .sec1{padding: 20px 0 60px;margin: 0}
#body_design h2{font-size: 20px;letter-spacing: 0.1em;text-indent: 0.1em;padding-bottom: 40px;font-weight: normal}
#body_design  .txt{font-size: 14px;letter-spacing: 0.1em;line-height: 2em;}
.spimg img{height: 230px!important;object-fit: cover}
.spimg2 img{height: 170px!important;object-fit: cover}
#body_design .sec2 .body_area_inner{width: 86%;text-align: left;padding: 60px 0 0}
#body_design .sec2 h3{font-size: 20px;letter-spacing: 0.1em;padding-bottom: 20px;font-weight: normal}
#body_design .sec2 .body_area_inner .txt{padding-top: 0px; font-size: 13px;letter-spacing: 0.1em;line-height: 2em;}
#body_design .sec2 .col4{width: 48%;margin-bottom: 30px}

#body_design .sec3 h3{font-size: 20px;letter-spacing: 0.1em;padding-bottom: 20px;font-weight: normal}
#body_design .sec3 h4{font-size: 17px;text-align: left; letter-spacing: 0.1em;padding: 40px 0 20px;font-weight: normal}
#body_design .sec3 .body_area_inner{padding: 60px 0 0}
#body_design .sec3 .body_area_inner .txt{padding-top: 0px; font-size: 13px;letter-spacing: 0.1em;line-height: 2em;}
#body_design .sec3 .body_area_inner ul{width: 70%;margin:40px  auto 0}
#body_design .sec3 .col3{width: 100%;margin-bottom: 30px}


#body_design .sec4 h3{font-size: 20px;letter-spacing: 0.1em;padding-bottom: 20px;font-weight: normal}
#body_design .sec4 h4{font-size: 17px;letter-spacing: 0.1em;padding: 40px 0 0px;font-weight: normal}

#body_design .sec4 .hana{width: 90%;margin: 20px auto 40px}
#body_design .sec4 .setubi{width: 90%;margin: auto}

#body_design .sec4 .hana .col7{width: 24%;margin-bottom: 20px}
#body_design .sec4 .setubi .col3{width: 48%}
#body_design .sec4  .setubi .col3 .txt{font-size: 11px;letter-spacing: 0.1em;line-height: 2em;}
}


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

}