@charset "UTF-8";
/* ---------------------------------------------------------------------
 concept
 * --------------------------------------------------------------------- */
.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 .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 .inner{display: none}
}
#body_concept {padding: 80px 0 0;color: #231815}
#body_concept img{width: 100%;}
#body_concept h2{font-size: 46px;letter-spacing: 0.2em;font-weight: normal;margin-bottom: 60px}
#body_concept .txt{letter-spacing: 0.2em;line-height: 3;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_concept h2{font-size: 26px;margin-bottom: 30px}
#body_concept .txt{font-size: 13px}
}

#body_concept .con{position: relative;margin-top: 80px}
#body_concept .con figcaption{width: 1200px;left: 0;right: 0;margin: auto}
#body_concept .con .catch{position: absolute;font-size:18px;letter-spacing: 0.5em;line-height: 2;   top: 50%;   left: 50%;   -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);}
#body_concept .con.con3 .catch{color: #fff; top: 26%; -webkit-transform: translate(-50%, -26%);   transform: translate(-50%, -26%);}

#body_concept .logo{width: 430px;margin: auto;padding-bottom: 40px}
#body_concept h3{font-size:20px;letter-spacing: 0.5em;line-height: 2;font-weight: normal;padding: 0px 0 30px}

#body_concept .con.con4 .catch{border: 2px solid #231815;padding: 60px;letter-spacing: 0.2em;}
#body_concept h4{font-size:45px;letter-spacing: 0.3em;line-height: 2;font-weight: normal;padding: 0px 0 30px}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_concept .con{margin-top: 60px}
#body_concept .con figcaption{width: 96%;}
#body_concept .con picture img{height: 300px!important;object-fit: cover}
#body_concept .con .catch{font-size:15px;letter-spacing: 0.3em;width: 100%}
#body_concept .logo{width: 60%;}
#body_concept .mt80{margin-top: 60px!important}
#body_concept h3{font-size:17px;letter-spacing: 0.3em;}
#body_concept .con.con3 .catch{top: 23%; -webkit-transform: translate(-50%, -23%);   transform: translate(-50%, -23%);}
#body_concept .con.con4 .catch{padding: 30px;width: 76%}
#body_concept .con.con4 picture img{height: 460px!important;object-fit: cover}
#body_concept h4{font-size:20px;letter-spacing: 0.3em;}
}