@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */

.pages_main_image{height:auto;position: relative}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}

#body_access{padding: 10px 0 80px;color: #3e484d}
#body_access h2{font-size: 20px;line-height: 1.6; letter-spacing: 0.1em;font-weight: normal;margin-bottom: 50px;padding-top: 80px}
#body_access h2 .fita{font-size: 60px;font-style: italic}
#body_access .txt{font-size: 18px;letter-spacing: 0.1em;line-height: 2.2em;}


#body_access .zu{margin-top: 90px}
#body_access .photo{width: 830px;margin: 60px auto 0}
#body_access .photo li{width: 46%;margin-top: 50px}
#body_access .photo li p{font-size: 18px;text-align: left;margin-top: 12px;font-feature-settings: "palt";}


#body_access .f35{font-size: 35px;}
#body_access .f33{font-size: 30px;}
#body_access .f23{font-size: 23px;}
#body_access .f16{font-size: 15px;}
#body_access .f12{font-size: 12px;}
#body_access .f10{font-size: 10px;}

#body_access h3{margin-top: 80px}

#body_access .photo2{margin-top: 50px}
#body_access h4{font-size: 25px;margin-bottom: 30px;letter-spacing: 0.1em;line-height: 1.8}
#body_access .txt2{font-size: 15px;letter-spacing: 0.1em;line-height: 1.9;}

.swiper{width: 100%;position: relative;}
.swiper-button-prev,
.swiper-button-next {  height: 30px;  width: 30px;}
.swiper-button-prev:after,
.swiper-button-next:after { color: #fff;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0}
.swiper-pagination {display:block;  bottom: 0px !important;color: #fff}
.swiper-pagination-bullet{background-color: #999492;}
@media screen and (max-width: 767px) {
.swiper-slide img{object-fit: cover;width: 100%;height: 250px!important;}
.swiper-container {  position: relative;}
}


/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_access{padding: 0px 0 30px;}
#body_access h2{font-size: 15px;margin-bottom: 30px;line-height: 1}
#body_access .txt{font-size: 13px;}

#body_access .f35{font-size: 25px;}
#body_access .f33{font-size: 20px;}
#body_access .f23{font-size: 13px;}
#body_access .f16{font-size: 15px;}
#body_access .f12{font-size: 12px;}
#body_access .f10{font-size: 10px;}
#body_access h2 .fita{font-size: 40px;font-style: italic}

#body_access .zu{margin-top: 40px}
#body_access .photo{width: 90%;margin: 30px auto 0}
#body_access .photo li{width: 45%;margin-top: 30px}
#body_access .photo li p{font-size: 14px;text-align: left;margin-top: 12px;font-feature-settings: "palt";}
#body_access .car_img{text-align: right}

#body_access h2.f35{line-height: 1.8}
#body_access .photo2 li.col2{width: 100%}
#body_access h4{font-size: 19px;margin-bottom: 20px;}
#body_access .txt2{font-size: 14px;margin-bottom: 30px}
.re li:nth-child(2){-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
.re li:nth-child(1){-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
}


@media print{
.body_area_inner{width: 96%;margin: auto}
#body_access img{max-width: 100%;height: auto}

}