@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: #000}
.pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0px; margin: auto}
.pages_main_image h2{width: 100%; color: #fff;font-size: 36px;letter-spacing: 0.2em;position: absolute;top: 35%;left: 50%;transform: translateY(0%) translateX(-50%);-webkit-transform: translateY(0%) translateX(-50%);z-index: 2;font-weight: normal;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;height: 240px!important;object-fit: cover}
.pages_main_image .inner{display: none}
.pages_main_image h2{font-size: 25px;}
.pages_main_image picture figcaption{width: 96%;bottom: 10px}
}
figcaption{text-shadow: 0 0 5px rgba(0,0,0,1);}
.bg_design{background: url("../images/concept/bg.jpg") repeat center top;}
#body_design{background: url("../images/concept/bg.jpg") repeat center top;padding: 60px 0}
#body_design img{width: 100%;height: auto}

#body_design h2{font-size: 28px;line-height: 2;letter-spacing: 0.2em; font-weight: normal;text-align: left}
#body_design .copy{letter-spacing: 0.1em;line-height: 2;font-size: 16px;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design h2{font-size: 18px;text-align: center}
#body_design .copy{font-size: 12px;line-height: 1.8;padding: 0 10%}
}


  
#body_design dl{}
#body_design dt{display: inline-block;font-size: 38px;letter-spacing: 0.1em;line-height: 1.8;border-bottom: 1px solid  #000;padding-bottom: 30px;margin-bottom:30px}
#body_design dd .copy2{letter-spacing: 0.1em;line-height: 2;font-size: 18px;}
#body_design p.txt12{font-size: 14px;margin-top: 10px}
#body_design p.txt12 span{font-size: 11px}
#body_design .photo1{margin: 60px 0}
#body_design .ozaki{margin-top: 60px;padding-top: 40px; border-top: 1px solid #000}
#body_design .col40{width: 30%}
#body_design .col60{width: 66%}
#body_design .mt200{margin-top: 200px}
#body_design picture{display: block}
#body_design figcaption{display: block;left: 0;right: 0; width: 1200px;margin: auto; text-align: right;}
#body_design .point li{margin-bottom: 40px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;text-align: left}
#body_design .point li.box{border: 1px solid #000;background: #fff; padding: 12px}
#body_design .copy3{letter-spacing: 0.1em;line-height: 1.8;font-size: 18px;}
#body_design .col3 p{margin-top: 12px}
#body_design .col2 p{margin-top: 22px}
#body_design .col3{width: 32%}
#body_design .col2{width: 49%}
#body_design .col1 .col3{width: 30%}

#body_design sup{vertical-align: super;font-size: 65%!important;  position: relative;  top: -0.2em;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .txt12{font-size: 9px}
#body_design  dt{font-size: 18px;}
#body_design  dd .copy2{font-size: 13px;padding: 0 10%}
#body_design  p.txt12{font-size: 10px;}
#body_design  p.txt12 span{font-size: 9px}
#body_design .col40{width: 100%;margin: auto; text-align: left;margin-bottom: 30px}
#body_design .col40 img{width: 50%}
#body_design .col40 .copy{padding: 0}
#body_design .col60{width: 100%}
#body_design .mt200{margin-top: 80px}
#body_design figcaption{width: 96%;}
#body_design .col1 .col3{width: 60%;margin-bottom: 20px}
#body_design .col1 .col3_2{width: 100%}
#body_design .copy3{letter-spacing: 0.1em;line-height: 1.8;font-size: 13px;}
#body_design .col2{width: 100%}
#body_design .col3{width: 100%}
}

/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/


}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/

}
/*===============================================================================
===============================================================================*/
@media print {/*印刷設定*/



}