@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */
.pages_main_image{height: auto;}
.pages_main_image .photo{position:relative}
.pages_main_image .photo p{position: absolute; width: 1200px;margin: auto;left: 0;right: 0;bottom: 10px;color: #fff;text-align: right}

a.anker{   display: block;   margin-top:-100px;   padding-top:100px;}

#body_guide{padding: 70px 0}
#body_guide .sec1 h2{padding-bottom: 100px}
#body_guide .inner_960{width: 960px;margin:auto}
#body_guide .sec1 .inner_960 dl dt,
#body_guide .sec1 .inner_960 dl dd{width: 48%;text-align: left}
#body_guide .sec1 .inner_960 dl dt p{margin-top: 20px; text-align: left;font-size: 17px;letter-spacing: 0.08em;line-height: 2}
#body_guide .sec1 .inner_960 dl dd{position: relative;}
#body_guide .sec1 .inner_960 dl dd p{position: absolute;right: 10px;bottom: 10px;color: #fff}

#body_guide .sec1 .inner_960 dl.re dd{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
#body_guide .sec1 .inner_960 dl.re dt{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;padding-left: 30px;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_guide .sec1 .bg {    width: 100%;    margin: 0;    padding: 150px 0;    position: relative;    top: 150px;	margin-bottom: 300px}
#body_guide .sec1 .bg::before {    content: '';    position: absolute;    top: 0;    bottom: 0;    left: 0;    right: 0;    background-color: #f0f5fc;    transform: skewY(-7deg);    z-index: -1;}
#body_guide .sec1 .bg2{background: #00294c;color: #fff;padding: 40px 0;margin-top: 100px;}
#body_guide .sec1 .bg2 p{font-size: 30px;margin-bottom: 20px}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_guide img{width: 100%;height: auto}
#body_guide .sec1 h2{width: 80%;margin: auto;padding-bottom: 50px}
#body_guide .inner_960{width: 96%}
#body_guide .sec1 .inner_960 dl dt{width: 90%;margin: auto;margin-bottom: 20px}
#body_guide .sec1 .inner_960 dl dd{width: 90%;margin: auto;}
#body_guide .sec1 .inner_960 dl dt p{text-align: center;}
#body_guide .sec1 .inner_960 dl.re dt{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;padding-left: 0px;}
#body_guide .sec1 .inner_960 dl.re dd{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;padding-left: 30px;}
#body_guide .sec1 .bg {padding: 80px 0;top: 80px;	margin-bottom: 160px}
#body_guide .sec1 .bg2 p{font-size:20px;margin-bottom: 20px}
#body_guide .sec1 .bg2{margin-top: 50px;}
#body_guide .sec1 .bg2 .bt img{height: 100px!important;object-fit: cover;border-radius: 8px}
}



#body_guide .sec2{padding: 150px 0 70px}
#body_guide .sec2 h2{padding-bottom: 40px}
#body_guide .sec2 dl{margin-bottom: 40px}
#body_guide .sec2 dt{color: #fff;font-size: 24px;padding: 20px 20px 20px 80px;text-align: left;border-radius: 8px;background: #00294c url("../images/guide/icon_q.svg") no-repeat 30px center}
#body_guide .sec2 dd{font-size: 19px;text-align: left;padding: 20px 20px 20px 80px;line-height: 2;background:url("../images/guide/icon_a.svg") no-repeat 30px center}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_guide .sec2{padding: 60px 0 0px}
#body_guide .sec2 h2{width: 80%;margin:auto}
#body_guide .sec2 dt{font-size: 17px;}
#body_guide .sec2 dd{font-size: 14px;}
}

.modal-wrap {  position: fixed;  top: 0;  left: 0;  z-index: 999999;  width: 100%;  height: 100vh;  display: none;  justify-content: center;  align-items: center;  background: rgba(0,0,0,0.7);}
.modal-wrap.shown {  display: flex;}
.modal-panel {  width:70%;  max-width: 1200px;  position: relative; z-index: 999999; }
.modal-frame {  position: relative;  width: 100%;  padding-top: 56.25%;}
.modal-frame iframe {  display: none;  position: absolute;  top: 0;  right: 0;  width: 100% !important;  height: 100% !important;}
.modal-close{position: absolute;top: -80px;right: -50px;font-size: 80px;display: block;cursor: pointer;color: #fff}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
.modal-panel {  width:96%; }
.modal-close{position: absolute;top: -80px;right: 0px;font-size: 60px;display: block;color: #fff}
.modal__content{padding: 0px;width: 96%;}
}