@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/concept/concept_mv.jpg") no-repeat center center; background-size: cover;}

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



/* concept_lead ==================== */
.concept_lead  {padding-top: clamp(50px, 6vw, 100px);}
.concept_lead .flex { justify-content: space-between; align-items: center; }
.concept_lead .flex .left, .concept_lead .flex .right { width: 50%; }
/* */
@media screen and (max-width: 767px) {
	.concept_lead .flex { flex-flow: column-reverse; }
  .concept_lead .flex .left, .concept_lead .flex .right { width: 100%; }
  .concept_lead .flex .left { margin-top: 50px; } 
}

/* concept_seasons ==================== */
.concept_seasons { position: relative; height: 100vh; overflow: hidden; margin-top: 150px; }
.concept_seasonsWrap { height: 100vh; }
.concept_seasons .flex { justify-content: space-between; }
.concept_seasons .flex .flex_item { position: relative; width: 25%; }
.concept_seasons .flex .flex_item.summer { margin-top: 50px; }
.concept_seasons .flex .flex_item.autumn { margin-top: -50px; }
.concept_seasons .bottomImg { margin-top: 4vw; }
/* */
@media screen and (max-width: 767px) {
	.concept_seasons {margin-top: 50px;}
	.concept_seasons .flex .flex_item { width: 42%; }
  .concept_seasons .upperImg { position: absolute; top: 50px; }
  .concept_seasons .bottomImg { position: absolute; bottom: 120px; }
}
.concept_seasons .deco { position: absolute; }
.concept_seasons .spring .deco { top: 0; right: -162px; }
.concept_seasons .summer .deco { bottom: 0; left: -145px; }
.concept_seasons .autumn .deco { bottom: 50px; right: -162px; }
.concept_seasons .winter .deco { bottom: 0; left: -145px; }
/* */
@media screen and (max-width: 767px) {
	.concept_seasons .spring .deco { right: -45px; width: 60px; }
  .concept_seasons .summer .deco { left: -45px; width: 48px; }
  .concept_seasons .autumn .deco { bottom: inherit; top: 0; right: -45px; width: 48px; }
  .concept_seasons .winter .deco { left: -45px; width: 48px; }
}
.colorImg { position: relative; }
.scroll_curtain02 { clip-path: inset(0% 0% 0% 0%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #000; mix-blend-mode: color; }
.scroll-copy01 { opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.scroll-copy02 { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.scroll-copy02 .HeadtitleWrap p { font-size: clamp(16px, 2vw, 25px);line-height: 2; }
.scroll-copy01 .HeadtitleWrap, .scroll-copy02 .HeadtitleWrap { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
/* */
@media screen and (max-width: 767px) { 
	.scroll-copy01 .HeadtitleWrap, .scroll-copy02 .HeadtitleWrap { width: 85%; } 
}

/* location_environment ===================================*/
.location_environment { padding-bottom: 70px; color: #fff; }
.environment_con01Wrap { margin-top: 60px; }
.environment_con01 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.environment_con01 .left { width: 50%; position: relative; }
.environment_con01 .left .HeadtitleWrap h3 { font-size: clamp(20px, 2.4vw, 45px); margin-bottom: 80px; }
.environment_con01 .left .HeadtitleWrap p { font-size: clamp(13px, 1.4vw, 25px); line-height: 3; margin-bottom: 120px; }
.environment_con01 .right { width: 50%; }
.environment_con01 .right .environment_con01_sticky { position: sticky; top: 150px; left: 0; }
.environment_imgBox { max-width: 572px; }
.environment_imgBox + .environment_imgBox { margin-top: 60px; }
.environment_imgBox .hairei { display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; color: #000; padding: 2px 10px; }
.environment_imgBox .hairei_item { width: 50%; }
.environment_imgBox .hairei_item img { width: 100%; vertical-align: middle; }
/* */
@media screen and (max-width: 767px) { 
	.environment_con01Wrap { margin-top: 0; }
  .environment_con01 { flex-flow: column-reverse; }
  .environment_con01 .left { width: 100%; margin-top: 30px; }
  .environment_con01 .right { width: 100%; }
  .environment_con01 .left .HeadtitleWrap h3 { margin-bottom: 30px; }
  .environment_con01 .left .HeadtitleWrap p { margin-bottom: 30px; }
  .environment_imgBox + .environment_imgBox { margin-top: 30px; }
  .history_img01 { width: 85vw; margin-left: -15px; } 
}

/* concept_museum ===================================*/
#concept_museum { padding: clamp(50px, 6vw, 100px) 0; }
#concept_museum .inner { max-width: inherit; }
/* */
@media screen and (min-width: 768px) { 
	#concept_museum .inner { padding: 0 9vw 0 0; } 
}
@media screen and (max-width: 767px) { #concept_museum { 
	padding: 40px 15px 0; } 
}
.museum_con01 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.museum_con01 figure { box-shadow: 0 0 15px #999; }
.museum_con01 .left { width: 46%; }
.museum_con01 .right { width: 50%; }
.museum_con01 .HeadtitleWrap h3 { font-size: clamp(20px, 1.6vw, 30px); margin-bottom: 40px; }
.museum_con01 .HeadtitleWrap p { font-size: clamp(13px, 1.2vw, 22px); margin-bottom: 40px; }
.museum_con01_frame { display: flex; flex-wrap: wrap; justify-content: space-between; }
.museum_con01_frame .frame_item { width: 47%; }
/* */
@media screen and (max-width: 767px) { 
	.museum_con01 { padding-bottom: 70px; 
}
.museum_con01 .left { width: 85vw; margin-right: -15px; margin-left: auto; }
.museum_con01 .right { width: 100%; margin-top: 30px; } }

/* concept_shop ===================================*/
#concept_shop { color: #fff; }
#concept_shop .inner { max-width: inherit; }
/* */
@media screen and (min-width: 768px) { 
	#concept_shop .inner { padding: 0 0 0 9vw; }
}
@media screen and (max-width: 767px) { 
	#concept_shop { padding: 40px 15px 0; }
}
.shop_con01 { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; }
.shop_con01 .left { width: 50%; }
.shop_con01 .right { width: 46%; }
.shop_con01 .HeadtitleWrap h3 { font-size: clamp(20px, 1.6vw, 30px); margin-bottom: 40px; }
.shop_con01 .HeadtitleWrap p { font-size: clamp(13px, 1.2vw, 22px); margin-bottom: 40px; }
.shop_con01_frame { display: flex; flex-wrap: wrap; justify-content: space-between; }
.shop_con01_frame .frame_item { width: 47%; }
/* */
@media screen and (min-width: 768px) { 
	.shop_con01 { flex-flow: row-reverse; } 
}
@media screen and (max-width: 767px) { 
	.shop_con01 { padding-bottom: 70px; }
  .shop_con01 .left { width: 85vw; margin-left: -15px; }
  .shop_con01 .right { width: 100%; margin-top: 30px; } 
}









@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) {}