@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: 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.st1{text-shadow: 2px 3px 3px rgba(0, 0, 0, 1);}

#body_concept {padding-bottom: 80px}
#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;color: #fff}
#body_concept .sec1 h2{font-size: 40px;letter-spacing: 0.2em;margin-bottom: 50px}
#body_concept .copy{font-size: 20px;line-height: 2.4;letter-spacing: 0.1em;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_concept {padding-bottom: 40px}
#body_concept .sec1{padding: 60px 0}
#body_concept .sec1 h2{font-size: 22px;margin-bottom: 30px}
#body_concept .copy{font-size: 14px;}
}

#body_concept .sec2{background: #ebebe5}
#body_concept .sec2 h3{background: #fff; font-size: 40px;letter-spacing: 0.2em;padding: 40px 0; font-weight: normal;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_concept .sec2 h3{font-size: 22px;}
}

#body_concept .sec2 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;}
#body_concept .sec2 .col40{width: 50%;padding: 20px 0;text-align: left;display: flex;
    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;}
#body_concept .sec2 .col40 div{width: 70%;margin-left: auto;}
#body_concept .sec2 .col40 h2{font-size: 32px;letter-spacing: 0.1em;border-bottom: 1px solid #000;margin-bottom: 10px;padding-bottom: 10px;font-weight: normal;}
#body_concept .sec2 .col40 p{padding-right: 60px;line-height: 2}

#body_concept .sec2 .col60{width: 50%;display: flex;}
#body_concept .sec2 .col60 img{width: 100%;    height: 100%!important;    object-fit: cover;    display: block;}
#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 .col40 div{width: 70%;margin-left: 0;margin-right: auto;}
#body_concept .sec2.re .col40 h2{padding-left: 60px}
#body_concept .sec2.re .col40 p{padding-right: 0;padding-left: 60px}
#body_concept .sec2.re picture figcaption {text-align: left;left: auto;right: 20px}


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

#body_concept .sec2 .col40{width: 100%;display:block;}
#body_concept .sec2 .col60{width: 100%;display:block;}
#body_concept .sec2 .col60 img{height: 250px!important; }
#body_concept .sec2 .col40 div{width: 90%;margin: auto;}
#body_concept .sec2 .col40 h2{font-size: 20px;}
#body_concept .sec2 .col40 p{padding-right: 0px;line-height: 2;font-size: 13px}
#body_concept .sec2 .col60{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#body_concept .sec2 .col40{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#body_concept .sec2.re .col40 div{width: 90%;margin: auto}
#body_concept .sec2.re .col40 h2{padding-left: 0px}
#body_concept .sec2.re .col40 p{padding-right: 0;padding-left: 0px}

}