@charset "UTF-8";
/* ---------------------------------------------------------------------
 concept
 * --------------------------------------------------------------------- */
   /*ヘッダー固定表示時に、アンカーポイントやページ内リンクの位置
  <a id="test" class="anker"></a>*/
  a.anker{
   display: block;
   margin-top:-130px;
   padding-top:130px;
}
.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 picture figcaption{width: 1200px;left: 0;right: 0;margin: auto;}
.pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0px; margin: auto}
.pages_main_image h2{width: 100%; color: #fff;font-size: 36px;letter-spacing: 0.2em;position: absolute;top: 35%;left: 50%;transform: translateY(0%) translateX(-50%);-webkit-transform: translateY(0%) translateX(-50%);z-index: 2;font-weight: normal;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;height: 240px!important;object-fit: cover}
.pages_main_image .inner{display: none}
.pages_main_image h2{font-size: 22px;}
.pages_main_image picture figcaption{width: 96%;bottom: 10px}
}


#body_concept{background: url("../images/concept/bg.jpg") repeat center top;padding-bottom: 60px}
#body_concept img{width: 100%;height: auto}

.tab{width: 1200px;margin: auto;padding: 80px 0}
@media screen and (max-width: 767px) {/*スマホ設定*/
.tab{width: 96%;padding: 40px 0}
.tab img{width: 100%;height: 70px!important;object-fit: cover}
}

.page_title1{position: relative}
.page_title1 .naiyo{position: absolute;left: 0;right: 0;top: 150px;margin: auto;color: #fff}
.page_title1 .naiyo h2{font-size: 36px;letter-spacing: 0.2em; font-weight: normal;}
.page_title1 .naiyo .logo{margin: 200px 0 80px}
.page_title1 .naiyo .copy{letter-spacing: 0.1em;line-height: 2.6;font-size: 18px;}
.page_title1 picture{display: block}
.page_title1 figcaption{width: 1200px;left: 0;right: 0; margin: auto; text-align: right;color: #000;}
.page_title1 picture img{width: 100%;height: 2200px!important;object-fit: cover;object-position: 50% bottom}
.page_title2 figcaption{display: block;width: 1200px;left: 0;right: 0; margin: auto; text-align: right;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_concept .txt12{font-size: 9px}
.page_title1 figcaption,
.page_title2 figcaption{width:96%;}
.page_title1 picture img{width: 100%;height: auto!important;object-fit: cover;object-position: 50% bottom}
.page_title1 .naiyo h2{font-size: 22px;}
.page_title1 .naiyo{top:40px;}
.page_title1 .naiyo .logo{margin: 40px auto 20px;width: 80%}
.page_title1 .naiyo .copy{font-size: 12px;line-height: 1.8;padding: 0 10%}
}

#body_concept .sec dl{margin-top: 200px;}
#body_concept .sec dt{display: inline-block;font-size: 38px;letter-spacing: 0.1em;line-height: 1.8;border-bottom: 1px solid  #b48b66;padding-bottom: 30px;margin-bottom:30px}
#body_concept .sec dd .copy2{letter-spacing: 0.1em;line-height: 2;font-size: 18px;}
#body_concept .sec dd .photo{margin-top: 80px;}

#body_concept .sec p.txt12{font-size: 18px;margin-top: 10px}
#body_concept .sec p.txt12 span{font-size: 13px}

#body_concept .sec .bt_more{width: 170px;margin: 60px auto 0}
#body_concept .sec .photo_group{position: relative;margin-top: 80px}
#body_concept .sec .photo_group .photo1{width: 674px}
#body_concept .sec .photo_group .photo2{width: 674px;margin-left: auto;margin-top: -80px;}
#body_concept .sec .photo_group .photo3{width: 410px;position: absolute;right: 30px;top: 0}
#body_concept .sec .photo_group .photo4{width: 405px;position: absolute;left: 30px;bottom: 20px}

#body_concept .sec .photo5{margin-top: 80px}

#body_concept sup{vertical-align: super;font-size: 65%;
  position: relative;
  top: -0.2em;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#body_concept .sec dl{margin-top: 60px;}
#body_concept .sec dt{font-size: 18px;}
#body_concept .sec dd .copy2{font-size: 13px;padding: 0 10%}
#body_concept .sec p.txt12{font-size: 14px;}
#body_concept .sec p.txt12 span{font-size: 11px}

#body_concept .sec dd .photo,
#body_concept .sec .photo_group{margin-top: 40px;}
#body_concept .sec .bt_more{width: 90px;margin: 30px auto 0}

#body_concept .sec .photo_group .photo1{width: 60%}
#body_concept .sec .photo_group .photo2{width: 60%;margin-left: auto;margin-top:12px}
#body_concept .sec .photo_group .photo3{width: 36%;position: absolute;right: 0px;top: 20px}
#body_concept .sec .photo_group .photo4{width: 30%;position: absolute;left: 10px;bottom: 20px}
}



#body_concept .sec.sec2{margin-top: 200px}
.page_title2{position: relative}
.page_title2 h2{font-size: 36px;letter-spacing: 0.2em; font-weight: normal;position: absolute;top:25%;left: 0;right: 0;margin: auto;color: #fff}


#body_concept .sec.sec2 h3{font-size: 46px;margin: 120px 0 0; letter-spacing: 0.1em; line-height: 2; font-weight: normal;}
#body_concept .sec.sec2 .box{border: 1px solid #040000;background: #fff;padding:60px 50px;margin-top: 80px}
#body_concept .sec.sec2 .box h4{font-size: 46px;letter-spacing: 0.1em; font-weight: normal;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_concept .sec.sec2{margin-top: 80px}
.page_title2 picture img{min-width: 100%;height: 240px!important;object-fit: cover;object-position: 70% top}
.page_title1 .naiyo h2{font-size: 22px;}
#body_concept .sec.sec2 h3{font-size: 20px;margin: 40px 0 0;}

#body_concept .sec.sec2 .box{padding:30px 20px;margin-top: 40px}
#body_concept .sec.sec2 .box h4{font-size: 20px;}
}



.graf1{width: 80%;margin: 30px auto 60px}
.point h5{font-size: 27px;font-weight: normal;margin-bottom: 15px}
.point .col3{width: 32%}
.point p{font-size: 18px;text-align: left;margin-top: 20px;line-height: 1.9}
.sisetu1{margin-top: 60px;}
.sisetu1 .col2{width: 49.6%}
#body_concept .sec2 .box h6{font-size: 27px;letter-spacing: 0.1em; font-weight: normal;text-align: left;margin-top: 60px}
#body_concept .sec2 .box .copy2{text-align: left;margin-top: 20px}
.graf2{margin-top: 50px}
.graf2 .col4{width: 25%}
.graf3{margin-top: 60px;border: 1px solid #000;background: #fff;padding: 30px 15%}

@media screen and (max-width: 767px) {/*スマホ設定*/
.graf1{width: 100%;margin: 20px auto 30px}
.point .col3{width: 100%;margin-bottom: 30px}
.point h5{font-size: 18px;}
.point p{font-size: 13px;}
.sisetu1{margin-top: 20px;}
.sisetu1 .col2{width: 100%;margin-bottom: 30px}
#body_concept .sec2 .box h6{font-size: 18px;margin-top: 30px}
.graf2 .col4{width: 50%;margin-bottom: 12px}
.graf3{margin-top: 30px;padding: 20px}
}

.access_img,
.access_zu{margin-top: 60px}
.access_img .col2{width: 50%}
@media screen and (max-width: 767px) {/*スマホ設定*/
.access_img .col2{width: 100%}
}

/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/
}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
  a.anker{
   display: block;
   margin-top:-70px;
   padding-top:70px;
}

}