@charset "UTF-8";

/* mainvisual */
#page_mainvisual {}
#page_mainvisual .cap {font-size: 11px;color: #fff;position: absolute;bottom: 0;right: 0;padding: 0 5px;z-index: 2;}
.page_mvWrap {position: relative; height: 100vh; overflow: hidden;}
.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;}
.scroll_curtain {opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.scroll_curtain:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);z-index: 0;}
.scroll_contents {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.scroll_contents .copy {color: #fff;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;z-index: 1;text-align: center;}
.page_mv__ttl {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.page_mv__ttl .en {color: #fff;font-size: clamp(28px, 4vw, 50px);font-weight: 400;line-height: 1;text-shadow: 0 3px 6px #000;}
.page_mv__subTtl {opacity: 0;font-size: clamp(18px, 4vw, 45px);font-weight: normal;line-height: 2;}
.page_mv__txt {opacity: 0;font-size: clamp(14px, 2vw, 22px);margin-top: 6vh;line-height: 2.2;}
/* */
@media screen and (max-width: 850px){
	.scroll_contents .copy {text-align: left;padding-left: 9vw;}
}

/* contents */
#contentsWrap {position: relative;z-index: 0;line-height: 1.875;}
.inner { max-width: 1306px; margin: auto; padding: 0 60px; position: relative; }
@media screen and (max-width: 850px) { .inner { padding: 0 15px; } }
.bg_texture { background: url("../img/concept/bg_texture.webp");background-position: center top;background-size: cover; }
main picture {position: relative;display: block;}

/* HeadtitleWrap　 */
.HeadtitleWrap { position: relative; }
.HeadtitleWrap h3 { font-size: clamp(20px, 2vw, 35px); font-weight: normal; }
.HeadtitleWrap h3 b { color: #518424; font-size: clamp(34px, 5vw, 60px); font-weight: normal; line-height: 1; padding: 0 4px; }
.HeadtitleWrap p { font-size: clamp(16px, 2vw, 28px); }
.HeadtitleWrap .en { color: #D6BD9C; font-family: "Marcellus"; font-size: clamp(57px, 5vw, 90px); line-height: 1; position: absolute; right: 0; top: 0; }