@charset "UTF-8";
/* ---------------------------------------------------------------------
 concept
 * --------------------------------------------------------------------- */
   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: auto!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.st1{text-shadow: 2px 3px 3px rgba(0, 0, 0, 1);}

#body_concept {}
#body_concept img{width: 100%;height: auto}
#body_concept .sec1{background: url("../images/concept/bg.jpg") no-repeat center top;background-size: cover;padding: 100px 0}
#body_concept .sec1 h2{width: 60%;margin: auto}
#body_concept .sec1 h3{color: #5b727d;font-size: 2rem;letter-spacing: 0.1em; font-weight: normal;padding: 50px 0}
#body_concept .copy{font-size: 15px;line-height: 2.4;letter-spacing: 0.1em;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_concept .sec1{padding: 60px 0 20px}
#body_concept .sec1 h2{width: 80%;}
#body_concept .sec1 h3{font-size: 1.7rem;padding: 30px 0}
#body_concept .copy{font-size: 14px;}
}

#body_concept .sec2 dl{padding-top: 60px}
#body_concept .sec2 .col40{width: 36%;}
@media screen and (min-width:768px){ /*PC設定*/
#body_concept .sec2 h2{display: inline-block;color: #5b727d;font-size: 2rem;font-weight: normal;letter-spacing: 0.1em; writing-mode: vertical-rl;text-orientation: upright;text-align: left; line-height: 1.8}
}


#body_concept .sec2 .col60{width: 60%}
#body_concept .sec2 picture figcaption {text-align: left;left: 20px;right: auto}

#body_concept .sec2.re .col60{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#body_concept .sec2.re .col40{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#body_concept .sec2.re picture figcaption {text-align: left;left: auto;right: 20px}

#body_concept .sec2 .bg2{background: url("../images/concept/bg2.jpg") no-repeat left -60px;background-size: contain}
#body_concept .sec2 .bg3{background: url("../images/concept/bg3.jpg") no-repeat left 20%;background-size:contain}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_concept .sec2 dl{padding-top: 30px}
#body_concept .sec2 .col40{width: 100%;-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;margin-top: 30px}
#body_concept .sec2 .col60{width: 100%;-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#body_concept .sec2 h2{font-size: 1.2rem;color: #5b727d;font-weight: normal;letter-spacing: 0.1em;text-align: center; line-height: 1.8}
#body_concept .sec2 .col40 .txtR,
#body_concept .sec2 .col40 .txtL{text-align: center}
#body_concept .sec2 picture figcaption,
#body_concept .sec2.re picture figcaption{text-align: left;left:5px;bottom: 3px; right: auto;font-size: 8px}
#body_concept .sec2 .bg2{background: url("../images/concept/bg2.jpg") no-repeat left center;background-size: 200%}
#body_concept .sec2 .bg3{background: url("../images/concept/bg3.jpg") no-repeat left center;background-size:200%}
#body_concept .sec2 .bg4{height: 80px!important;object-fit: cover}
}