@charset "UTF-8";
/* CSS Document */

body main { overflow: visible; }

/* mainvisual ==================== */
.page_mvWrap {background: linear-gradient(rgba(32,54,13,0.2),rgba(32,54,13,0.2)),
	url("../img/location/location_mv.jpg") no-repeat center center; background-size: cover;}

/* 個別ページ内　共通スタイル ==================== */
.inner {max-width: 1680px;}
.bg_texture_green { background-image: url("../img/location/bg_texture_green.webp"); background-position: center top; background-size: cover;padding: clamp(50px, 6vw, 100px) 0; }
.bg_texture_white { background-image: url("../img/location/bg_texture_white.webp"); background-position: center top; background-size: cover;padding: clamp(50px, 6vw, 100px) 0; }
/* 個別ページ内　共通スタイル ==================== */



/* location_Ogai ==================== */
.location_Ogai { padding-bottom: 0; }
.Ogai_contentWrap { margin-top: 60px; }
/* */
.Ogai_content { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.Ogai_content .ogai_left { width: 38%; position: relative; }
.Ogai_content .ogai_left .HeadtitleWrap { color: #fff; }
.Ogai_content .ogai_left .HeadtitleWrap h3 { font-size: clamp(20px, 2.4vw, 45px); margin-bottom: 20px; }
.Ogai_content .ogai_left .HeadtitleWrap p { font-size: clamp(13px, 1.4vw, 25px); line-height: 3; }
.Ogai_content .ogai_right { width: 60%; }
.Ogai_content .Ogai_sticky { position: sticky; top: 150px; left: 0; }
/* */
@media screen and (max-width: 850px) { 
	.Ogai_content { flex-direction: column; }
  .Ogai_content .ogai_left { width: 100%; margin-bottom: 30px; }
  .Ogai_content .ogai_left .HeadtitleWrap p br { display: none; }
  .Ogai_content .ogai_right { width: 100%; } 
}

.Ogai_gallery { width: 100%; aspect-ratio: 1 / 0.9; overflow: hidden; }
.Ogai_gallery__box + .Ogai_gallery__box { margin-top: 30px; }
.Ogai_gallery__box { position: relative; /*transition: 1s all;*/ }
.Ogai_gallery__text { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(6, 14, 24, 0.6); transition: 0.3s ease; padding: 0 100px; display: flex; justify-content: center; align-items: center; opacity: 0; }
.Ogai_gallery__text p { color: #fff; font-size: 18px; }
.Ogai_gallery__text.active { opacity: 1; }
.Ogai_gallery__btn { position: absolute; bottom: 15px; left: 0; right: 0; z-index: 3; margin: auto; width: 55px; height: 55px; border-radius: 50%; background: rgba(255, 255, 255, 0.85); transition: 0.3s ease; }
.Ogai_gallery__btn { cursor: pointer; }
.Ogai_gallery__btn::before, .Ogai_gallery__btn::after { content: ""; display: block; background: #4E4E4E; position: absolute; top: 50%; left: 0; right: 0; margin: auto; transform: translateY(-50%); }
.Ogai_gallery__btn::before { width: 20px; height: 2px; }
.Ogai_gallery__btn::after { width: 2px; height: 20px; }
.Ogai_gallery__btn.active { transform: rotate(45deg); }
/* */
@media screen and (max-width: 550px) { 
	.Ogai_gallery__text { padding: 0 5px; }
  .Ogai_gallery__text p { font-size: 12px; }
  .Ogai_gallery__btn { width: 35px; height: 35px; }
  .Ogai_gallery__btn::before { width: 13px; }
  .Ogai_gallery__btn::after { height: 13px; } 
}

/* location_history ===================================*/
.Ogai_gallery { aspect-ratio: 1 / 0.8;}
.location_history { padding: clamp(50px, 6vw, 100px) 0; }
.history_con01Wrap {}
.history_con01 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.history_con01 .left { width: 40%; position: relative; }
.history_con01 .left .HeadtitleWrap h3 { font-size: clamp(20px, 2.4vw, 45px); margin-bottom: 80px; }
.history_con01 .left .HeadtitleWrap p { font-size: clamp(13px, 1.4vw, 25px); line-height: 3; margin-bottom: 120px; }
.history_con01 .right { width: 55%; }
.history_con01 .right .history_con01_sticky { position: sticky; top: 150px; left: 0; }
.history_con01 .right .history_expl { font-size: 13px; }
.history_con01 .right .history_expl b { font-size: 16px; font-weight: 400; display: block; margin: 10px 0 5px; }
/* */
@media screen and (max-width: 850px) { 
	.history_con01Wrap {}
  .history_con01 { flex-direction: column; }
  .history_con01 .left { width: 100%; margin-bottom: 30px; }
  .history_con01 .left .HeadtitleWrap h3 { margin-bottom: 20px; }
  .history_con01 .left .HeadtitleWrap p { margin-bottom: 30px; }
  .history_con01 .left figure { margin-left: -15px; margin-right: -15px; }
  .history_con01 .right { width: 100%; }
  .history_con01 .right figure { margin-left: -15px; margin-right: -15px; }
  .history_con01 .right .history_expl { margin-bottom: 30px; } 
}

.history_con02 { margin: 100px 0 0; }
.history_con02 .history_con02_title h3 { font-size: 18px; font-weight: 400; border-bottom: 1px solid #99928A; margin-bottom: 30px; }
/* */
@media screen and (max-width: 550px) { 
	.history_con02 { margin: 60px 0 0; }
}

.pursue_slide { padding-left: 280px; overflow: hidden; }
/* slickカスタム */
.pursue_slide .slick-list { /*padding: 0 30% 0 0!important;*/ }
.pursue_slide li { margin: 0 25px; }
.pursue_slide li figure { display: inline-block; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.53); }
.pursue_slide li h4 { font-size: 20px; font-weight: 400; margin: 15px 0; }
.pursue_slide li .text { font-size: 18px; line-height: 2; letter-spacing: 1px; }
/* */
@media screen and (max-width: 850px) { 
	.pursue_slide { padding-left: 0; }
  .pursue_slide .slick-list { padding: 0 18% 30px 0 !important; margin-bottom: 40px; }
  .pursue_slide li { margin: 0 20px; } 
}
@media screen and (max-width: 850px) { 
	.pursue_slide li { margin: 0 10px; }
  .pursue_slide li h4 { font-size: 15px; margin: 5px 0; }
  .pursue_slide li .text { font-size: 12px; } 
}
/*矢印*/
.pursue_slide .slick-arrow:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.pursue_slide .slick-next:before { background: url("../img/btn_next.svg") no-repeat center center; background-size: contain; filter: grayscale(100%); }
.pursue_slide .slick-prev:before { background: url("../img/btn_prev.svg") no-repeat center center; background-size: contain; filter: grayscale(100%); }
.pursue_slide .slick-next:hover:before, .pursue_slide .slick-prev:hover:before { filter: grayscale(0); }
.pursue_slide .slick-arrow { width: 100px; height: 40px; }
.pursue_slide .slick-prev { top: inherit; left: 0; bottom: 0; }
.pursue_slide .slick-next { top: inherit; left: 140px; bottom: 0; }
/* */
@media screen and (max-width: 850px) { 
	.pursue_slide { overflow: inherit; }
  .pursue_slide .slick-arrow { height: 33px; }
  .pursue_slide .slick-prev { left: 48%; transform: translate(-100%, 100%); }
  .pursue_slide .slick-next { right: 48%; left: auto; transform: translate(100%, 100%); } 
}

/* location_future ===================================*/
.location_future {}
.location_future .future_con01 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.location_future .future_con01 .left { width: 36%; position: relative; }
.location_future .future_con01 .left .HeadtitleWrap h3 { font-size: clamp(20px, 2.4vw, 45px); margin-bottom: 20px; }
.location_future .future_con01 .left .HeadtitleWrap p { font-size: clamp(13px, 1.4vw, 25px); line-height: 2.5; padding-right: 22%; margin-bottom: 70px; }
.location_future .future_con01 .left .future_con01_expl { margin: 10px 0 80px; font-size: 13px; }
.location_future .future_con01 .left .future_con01_expl b { display: block; font-size: 16px; font-weight: 400; margin-bottom: 20px; }
.location_future .future_con01 .left .future_con01_expl small { font-size: 12px; }
.location_future .future_con01 .right { width: 54%; }
.location_future .future_con01 .future_con01_sticky_expl { font-size: 13px; }
.location_future .future_con01 .future_con01_sticky_expl b { font-size: 16px; font-weight: 400; display: block; margin: 10px 0 5px; }
.location_future .future_con01 .future_con01_sticky { position: sticky; top: 150px; left: 0; }
.location_future .future_con02Wrap { margin-top: 100px; }
.location_future .future_con02Wrap .doubleLine { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 8px 0; }
.location_future .future_con02 { margin: 70px 0; padding: 0 clamp(15px, 3vw, 50px); position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.location_future .future_con02 .HeadtitleWrap h3 { font-size: clamp(16px, 1.6vw, 30px); margin-bottom: 30px; }
.location_future .future_con02 .HeadtitleWrap p { font-size: clamp(13px, 1.1vw, 20px); line-height: 2.5; }
.location_future .future_con02 .HeadtitleWrap b { font-size: 110%; font-weight: 600; line-height: 1; color: #000; }
.location_future .future_con02 .left { width: 38%; position: relative; }
.location_future .future_con02 .right { width: 57%; }
/* */
@media screen and (max-width: 850px) { 
	.location_future { padding: 40px 0 60px; }
  .location_future .future_con01 { flex-direction: column; }
  .location_future .future_con01 .left { width: 100%; margin-bottom: 20px; }
  .location_future .future_con01 .left .HeadtitleWrap p { font-size: 13px; padding-right: 0; margin-bottom: 30px; }
  .location_future .future_con01 .left .future_con01_expl { margin: 10px 0 30px; }
  .location_future .future_con01 .right { width: 100%; }
  .location_future .future_con01 .future_con01_sticky { position: relative; top: 0; margin-bottom: 30px; }
  .location_future .future_con02 { margin: 40px 0; }
  .location_future .future_con02 .left { width: 100%; margin-bottom: 20px; }
  .location_future .future_con02 .right { width: 100%; } 
}

/* lifeInfo --------*/
.lifeInfo_area {padding: clamp(50px, 6vw, 100px) 0;}
.lifeInfo_area .inner { padding: 0; }
.lifeInfo_area .HeadtitleWrap h3 { text-align: center; }
/* */
#lifeInfo { max-width: 1230px; width: 100%; margin: 0 auto; padding: 0 15px; margin-top: 50px; }
#lifeInfo iframe { width: 100%; height: 600px; border: none; }
#lifeInfo .mapWrap { max-width: 100%; width: 100%; margin: 0 auto; }
.lifeInfo_panel:not(.current) { display: none; }
#lifeInfo .tab-btn { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; }
#lifeInfo .tab-btn li { display: flex; justify-content: center; align-items: center; width: calc((100% / 6) - 2px); margin: 1px; cursor: pointer; }
#lifeInfo .tab-btn li .inner_box { width: 100%; padding: 15px 0; background: #fff; font-size: 14px; text-align: center; transition: 0.3s all; }
#lifeInfo .tab-btn li.current .inner_box { background: #A29171; color: #fff; }
/* */
@media (hover: hover) { 
	#lifeInfo .tab-btn li:hover .inner_box { background: #A29171; color: #fff; } 
}
.lifeInfo_panel { display: flex; flex-wrap: wrap; }
.lifeInfo_panel .info_image { width: 800px; }
.lifeInfo_panel .info_list { width: calc(100% - 800px); height: 788px; overflow-y: scroll; background: #fff; }
.lifeInfo_panel .info_list ul { counter-reset: number 0; }
.lifeInfo_panel .info_list ul li { font-size: clamp(13px, 1.4vw, 16px); line-height: 1.5; padding: 10px 10px 10px 35px; border-bottom: 1px solid #ccc; position: relative; }
.lifeInfo_panel .info_list ul li::before { content: counter(number); counter-increment: number 1; font-size: 14px; position: absolute; top: 13px; left: 10px; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; background: #a58145; color: #fff; }
.lifeInfo_panel .info_list ul li small { display: block; font-size: 80%; text-indent: -5px; }
/* */
@media screen and (max-width: 1200px) { 
	.lifeInfo_panel .info_image { width: 600px; }
  .lifeInfo_panel .info_list { width: calc(100% - 600px); height: 590px; } 
}
@media screen and (max-width: 850px) { 
	#lifeInfo .tab-btn li { width: calc((100% / 3) - 2px); }
  .lifeInfo_panel .info_image { width: 500px; }
  .lifeInfo_panel .info_list { width: calc(100% - 500px); height: 493px; } 
}
@media screen and (max-width: 550px) { 
	#lifeInfo .tab-btn li .inner_box { font-size: 12px; }
  .lifeInfo_panel .info_image { width: 100%; }
  .lifeInfo_panel .info_list { width: 100%; height: 300px; } 
}









@media only screen and (min-width: 768px) and (max-width: 1300px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {}