@charset "UTF-8";
/* ---------------------------------------------------------------------
 design
 * --------------------------------------------------------------------- */
   a.anker{
   display:inline-block;z-index: -1;
   margin-top:-100px;
   padding-top:100px;
}

.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 700px!important;object-fit: cover;object-position: bottom center;}
.pages_main_image p{position: absolute;width: 1200px;margin: auto;text-align: right;color: #fff;font-size: 11px; right: 0px;left: 0; bottom: 10px;text-shadow: 0 0 5px rgba(0,0,0,1);}
.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: 250px!important;}
.pages_main_image p{width: 98%;font-size: 10px; }
.pages_main_image .inner{display: none}
}
#footer_contents_menu_area{padding-top: 0!important}

figcaption{/*text-shadow: 0 0 5px rgba(0,0,0,1);*/}
figcaption.black{color: #000}

#body_design {}
#body_design img{width: 100%;height: auto}
#body_design .sec1{background: url("../images/design/bg.jpg") no-repeat center top;background-size: cover;padding: 100px 0 0;color: #fff}
#body_design .sec1 h2{font-size: 30px;line-height: 2; letter-spacing: 0.2em;margin-bottom: 50px}
#body_design .copy{font-size: 20px;line-height: 2.4;letter-spacing: 0.1em;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .sec1{padding: 60px 0 0}
#body_design .sec1 h2{font-size: 20px;margin-bottom: 30px}
#body_design .copy{font-size: 14px;}
}


#body_design .sec1 dl{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;align-items: stretch;margin-bottom: 80px}
#body_design .sec1 .col40{width: 34%;text-align: left;display: flex;margin-left: -80px;
flex-direction: column;justify-content: center;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#body_design .sec1 .col40 div{width: 100%;margin-left: auto;}
#body_design .sec1 .col40 h2{font-size: 32px;letter-spacing: 0.2em;margin-bottom: 10px;padding-bottom: 10px;font-weight: normal;}

#body_design .sec1 .col60{width: 66%;display: flex;-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#body_design .sec1 .col60 img{width: 100%;    height: 100%!important;    object-fit: cover;    display: block;}



#body_design h3{font-size: 32px;letter-spacing: 0.2em;margin-bottom: 10px;padding-bottom: 10px;font-weight: normal;}
#body_design .copy2{line-height: 2.5;letter-spacing: 0.1em;}
#body_design .sec1 .img2{margin-bottom: 80px}
#body_design .sec1 .img3 figcaption{width: 1200px;margin: auto;left: 0;right: 0;text-align: right}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .sec1 .col40{width: 80%;margin: auto}
#body_design .sec1 .col60{width: 100%;margin-bottom: 30px}
#body_design .sec1 .col40 h2{font-size: 22px;margin-bottom: 0px;}

#body_design h3{font-size: 22px;letter-spacing: 0.2em;margin-bottom: 10px;}
#body_design .copy2{font-size: 13px; line-height: 2;letter-spacing: 0.1em;}
#body_design .sec1 .img2 img,
#body_design .sec1 .img3 img{height: 250px!important;object-fit: cover}
#body_design .sec1 .img2{margin-bottom: 50px}
#body_design .sec1 .img3 figcaption{width: 96%;}
}



#body_design .sec2{padding: 80px 0;background: #3b3636;color: #fff}
#body_design .sec2 li{width: 48%;text-align: left}

#body_design .sec2 .body_area_inner,
#body_design .sec3 .body_area_inner{width: 1000px}

#body_design .sec3{padding: 80px 0;}
#body_design .sec3 li{width: 48%;text-align: left}
#body_design .sec3 li:nth-child(1){-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#body_design .sec3 li:nth-child(2){-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}

#body_design .sec4{color: #fff;margin-bottom: 80px}
#body_design .sec4 .body_area_inner{background: #264852;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;padding: 60px}
#body_design .sec4 li{width: 50%;text-align: left}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_design .sec2,
#body_design .sec3{padding: 50px 0;}
#body_design .sec2 li,
#body_design .sec3 li{width: 80%;margin: auto; text-align: left}
#body_design .sec2 li:nth-child(1),
#body_design .sec3 li:nth-child(1){margin-bottom: 30px}
#body_design .sec2 .body_area_inner,
#body_design .sec3 .body_area_inner{width: 100%}
#body_design .sec3 li:nth-child(2){-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#body_design .sec3 li:nth-child(1){-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}

#body_design .sec4{margin-bottom: 40px}
#body_design .sec4 .body_area_inner{padding: 30px}
#body_design .sec4 li{width: 100%;text-align: left}
#body_design .sec4 li:nth-child(1){margin-bottom: 30px}
}