@charset "UTF-8";
/* CSS Document */
#billboard {position: relative;}
#billboard ul li {position: relative;}
#billboard ul li p {font-size: 250%;font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;letter-spacing: 0.25em;line-height: 1.5;white-space: pre;text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;writing-mode: vertical-rl;position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%,-50%);}
.block-action-01 {padding: 1em 0;background: #000;}
.block-action-01 > div {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;}
.block-action-01 p {font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: 400;margin: 0 0.5em;}
.block-action-01 p:nth-child(1) {color: #f0f0f0;font-size: 137.5%;line-height: 1.5;padding: 0.25em 0.5em 0.1em;border: 1px solid rgba(240,240,240,0.6);}
.block-action-01 p:nth-child(2) {font-size: 500%;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.block-action-01 p:nth-child(2) span {background: linear-gradient(to bottom, #e1db39, #faf9ef);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.block-action-01 p:nth-child(2) > span small {font-size: 60%;}
.block-obi-01 {padding: 1em 0;background: #F2E9DC;}
.block-obi-01 p{color: #000;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: 400; font-size: 170%; text-align: center;}
.block-usp-01 {padding: 1em 0;background: url("../img/index/index_bg01_img01_pc.webp") no-repeat center/cover;}
.block-usp-01 ul {display: flex;flex-wrap: wrap;justify-content: center;text-align: center;width: 94%;max-width: 1200px;margin: 0 auto;}
.block-usp-01 ul li {flex: 1;display: flex;align-items: center;justify-content: center;padding: 0 1em;position: relative;}
.block-usp-01 ul li + li::before {display: block;content: '';width: 1px;height: 70%;background: #fff;opacity: 0.3;position: absolute;top: 15%;left: 0;z-index: 1;}
.block-usp-01 ul li p {color: #fff;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: 400;}
.block-usp-01 ul li p > span:nth-child(1) {display: block;font-size: 112.5%;font-weight: 400;line-height: 1.3;}
.block-usp-01 ul li p > span:nth-child(2) {display: block;font-size: 187.5%;line-height: 1.3;margin-top: 5px;background: linear-gradient(to bottom, #e1db39, #faf9ef);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.block-usp-01 ul li:nth-child(1) p > span:nth-child(2) {margin-top: -10px;}
.block-usp-01 ul li:nth-child(1) p > span:nth-child(2) span {font-size: 200%;}
.block-info-01 {padding: 4em 0;}
.block-info-01 .copy { font-size: clamp(16px, 1.6vw, 23px); line-height: 2.2; text-align: center;}
.block-info-01 h2 {font-size: 200%;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";text-align: center;margin-bottom: 1em;}
.block-info-01 ul li + li {margin-top: -1px;border-top: 1px dashed #c3c3c3;}
.block-info-01 ul li div {padding: 2em 0;}
.block-info-01 ul li a {display: inline-block;color: #1818b9;text-decoration: underline;}
.block-info-01 ul li a .date {display: block;font-size: 87.5%;margin-bottom: 0.5em;}
.block-info-01 #infomore {display: block;text-align: center;margin-top: 2em;cursor: pointer;}
.block-info-01 #infomore span {display: inline-block;color: var(--color-green2);font-size: 125%;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";text-align: center;line-height: 1;padding: 0.75em 1.5em;margin: 0 auto;transition: 0.4s;}
.block-info-01 #infomore span::after {display: block;content: '';width: 2em;height: 0.6em;margin: 0.5em auto 0;background: url("../img/common/icon_more.svg") no-repeat center/contain;}
.block-info-01.open #infomore span::after {transform: rotate(180deg);}
.block-limited-01 {padding: 4em 0;}
.block-limited-01 h2 {font-size: 200%;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";text-align: center;margin-bottom: 1em;}
.block-limited-01 ul {display: flex; flex-flow: row wrap; justify-content: space-between;}
.block-limited-01 ul li {width: calc(100% / 2 - 2em);}
.block-limited-01 p {margin-top: 2em; font-size: 125%; text-align: center;}
.block-concept-01 {color: #fff;text-align: center;padding: 6em 0;background: linear-gradient(to bottom,#205635,#26653e,#205635);}
.block-concept-01 h2 {font-size: 150%;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";text-align: center;letter-spacing: 0.1em;opacity: 0.5}
.block-concept-01 p:nth-of-type(1) {font-size: 400%;letter-spacing: 0.1em;margin-top: 0.25em;}
.block-concept-01 p:nth-of-type(2) {font-size: 125%;line-height: 2;letter-spacing: 0.1em;margin-top: 3em;}
.block-concept-01 p:nth-of-type(2) span {font-size: 150%;}



.block-nav-01 {padding: 6em 0;}
.block-nav-01 ul {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.block-nav-01 ul li {position: relative;}
.block-nav-01 ul li a {padding-top: 100%;background-repeat: no-repeat;background-position: center;background-size: auto 104%;transition: 0.8s;}
.block-nav-01 ul li a::after:not(.noLink) {display: block;content: '';width: 100%;height: 100%;background: #000;opacity: 0.4;position: absolute;top: 0;left: 0;z-index: 1;transition: 0.4s;}
.block-nav-01 ul li a::before {content: "";background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 32%, rgba(0, 0, 0, 0.9) 100%);width: 100%;position: absolute;left: 0;bottom: 0;height: 80%;}
.block-nav-01 ul li a.noLink {pointer-events: none;}
.block-nav-01 ul li a.noLink::after {display: block;content: '';width: 100%;height: 100%;background: rgba(120, 120, 120, 0.7);position: absolute;top: 0;left: 0;z-index: 1;}
.block-nav-01 ul li.block-nav-01__concept a {background-image: url("../img/index/index_nav01_concept.jpg");}
.block-nav-01 ul li.block-nav-01__access a {background-image: url("../img/index/index_nav01_access.jpg");}
.block-nav-01 ul li.block-nav-01__location a {background-image: url("../img/index/index_nav01_location.jpg");}
.block-nav-01 ul li.block-nav-01__design a {background-image: url("../img/index/index_nav01_design.jpg");}
.block-nav-01 ul li.block-nav-01__plan a {background-image: url("../img/index/index_nav01_plan.jpg");}
.block-nav-01 ul li.block-nav-01__equipment a {}
.block-nav-01 ul li.block-nav-01__leasehold a {background-image: url("../img/index/index_nav01_leasehold.jpg");}
.block-nav-01 ul li div {color: #fff;position: absolute;left: 1.5em;right: 1.5em;bottom: 1.5em;z-index: 2;}
.block-nav-01 ul li div h2 {font-size: 19px;line-height: 1.3;}
.block-nav-01 ul li div h2 strong {display: block;font-size: 24px;letter-spacing: 0.04em;font-family: 'EB Garamond',"游明朝", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";font-weight: normal;margin-bottom: 0.5em;}
.block-nav-01__btn {
	font-size: 12px;font-family: "Marcellus";color: #fff;letter-spacing: 1px;
	display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 120px;height: 30px;border-radius: 100px;border: 1px solid #fff;background: rgba(255, 255, 255, 0.35);backdrop-filter: blur(10px);margin-top: 20px;
}
.block-nav-01 ul li b {font-size: 130%;}
.block-nav-01 ul li.block-nav-01__access small {font-size: 12px;display: block;}
/* */
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .block-action-01 {font-size: 1.1vw;}
  .block-usp-01 {font-size: 1.4vw;}
  .block-nav-01 {font-size: 1.3vw;}
}
@media only screen and (min-width: 768px) {
  .block-nav-01 ul li {width: 33.333%;}
  .block-nav-01 ul li a:hover {background-size: auto 120%;}
  .block-nav-01 ul li a:hover::after {opacity: 0;}
  .block-info-01 #infomore span:hover {color: #fff;border-color: var(--color-green2);background: var(--color-green2);}
  .block-info-01 #infomore span:hover::after {filter: brightness(0) invert(1);}
}
@media only screen and (max-width: 767px) {
  .block-action-01 {padding: 1em 0;}
  .block-action-01 > div {display: block;width: 100%;}
  .block-action-01 p {margin: 0;}
  .block-action-01 p:nth-child(1) {display: inline-block;font-size: 100%;margin-bottom: 5px;padding:  0.2em 1em 0.15em;}
  .block-action-01 p:nth-child(2) {font-size: 200%;}
	
  .block-obi-01 p{font-size: 150%;}
  .block-usp-01 ul {width: 100%;}
  .block-usp-01 ul li {flex: 1 1 50%; padding: 1em 0 0.75em;}
  .block-usp-01 ul li+li::before {display: none;}
  .block-usp-01 ul li + li:nth-child(even):after {display: block;content: '';width: 1px;height: 70%;background: #fff;opacity: 0.3;position: absolute;top: 15%;left: 0;z-index: 1;}
  .block-usp-01 ul li p > span:nth-child(1) {font-size: 100.5%;}
  .block-usp-01 ul li p > span:nth-child(2) {font-size: 110%;}
  .block-usp-01 ul li:nth-child(1) p > span:nth-child(2) { margin-top: -5px;}
  .block-usp-01 ul li:nth-child(1) p > span:nth-child(2) span { font-size: 180%;}
	
  .block-info-01 {padding: 2em 0;}
  .block-info-01 .copy { line-height: 1.875;}
  .block-info-01 h2 {font-size: 150%;margin-bottom: 0.5em;}
  .block-info-01 ul {padding: 0;}
  .block-info-01 ul li:nth-child(1) {padding-top: 0;}

  .block-limited-01 {padding: 2em 0;}
  .block-limited-01 h2 {font-size: 150%;margin-bottom: 0.5em;}
  .block-limited-01 ul li {width: calc(100% / 2 - 0.5em);}
  .block-limited-01 p {font-size: 100%;}
	
  .block-concept-01 {padding: 3em 0;}
  .block-concept-01 h2 {font-size: 125%;}
  .block-concept-01 p:nth-of-type(1) {font-size: 200%;}
  .block-concept-01 p:nth-of-type(2) {font-size: 100%;letter-spacing: 0;margin-top: 2em;}
	
  .block-nav-01 {padding: 3em 0;}
	.block-nav-01 .mw-1200 {width: 100%;}
  .block-nav-01 ul {/*margin: 0 -0.25em;*/}
  .block-nav-01 ul li a {padding-top: 100%;}
	.block-nav-01 ul li a::before {height: 100%;}
  .block-nav-01 ul li {width: 50%;}
  .block-nav-01 ul li div {padding: 0 0.75em;left: 0;right: 0;bottom: 12px;}
  .block-nav-01 ul li div h2 {font-size: 15px;white-space: nowrap;}
  .block-nav-01 ul li div h2 strong {font-size: 12px;margin-bottom: 0.25em;}
	.block-nav-01__btn {font-size: 8px;width: 90px;height: 22px;margin-top: 10px;}
	.block-nav-01 ul li b {font-size: 100%;}
	.block-nav-01 ul li.block-nav-01__access small {font-size: 11px;}
}
@media only screen and (max-width: 550px) {
  #billboard ul li p {font-size: 175%;top: 45%;}
}

.topMv {position: relative; width: 100%; overflow: hidden; aspect-ratio: 1621 / 911;}
.topMv__video {position: absolute; inset: 0; width: 100%; height: 100%; opacity: 1; visibility: visible; transition: opacity 0.8s ease;}
.topMv__video.is-hidden {opacity: 0; visibility: hidden; pointer-events: none;}
.topMv__video > div {width: 100%; height: 100%;}
.topMv__video iframe {width: 100%; height: 100%; border: 0;}
.topMv__video .topMv__skip {position: absolute; top: 20px; left: 20px; display: flex; justify-content: center; align-items: center; width: 70px; height: 40px; background: #000; border: 1px solid #fff; border-radius: 5px; color: #fff; cursor: pointer; transition: opacity 0.3s ease; z-index: 99;}
.topMv__slides {position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: opacity 0.8s ease;}
.topMv__slides.is-show {opacity: 1; visibility: visible;}
.topMv.is-slide {aspect-ratio: 1920 / 1208; height: 55.5vw;}

@media screen and (max-width: 767px) {
  .topMv {aspect-ratio: 5 / 8; }
  .topMv.is-slide { aspect-ratio: 5 / 8; height: inherit;}
	.topMv__video .topMv__skip { top: 10px; left: 10px; width: 55px; height: 35px; font-size: 12px;}
}

.topMv__ttl { position: absolute; width: 173px; left: calc(50% - 86.5px); top: calc(50% - 230px); }
@media screen and (max-width: 767px) {
	.topMv__ttl { width: 160px; left: calc(50% - 80px); top: calc(50% - 170px); }
}

/* slick スライダーカスタム */
.topMv__slides { margin-bottom: 0 !important; }
.slick-slide.topMv__slide {
	background-size: cover; background-repeat: no-repeat; background-position: center; height: 55.5vw; width: 100%; }
.topMv__slide1 {
	width: 100%;
	height: 100%;
	max-height: 55.5vw;
	background-image: url("../img/index/mv/mv_slide1.jpg");
	background-position: center 80%!important;
	background-size: cover;
	background-repeat: no-repeat;
	aspect-ratio: 1920 / 1208;
}
.topMv__slide2 { background-image: url("../img/index/mv/mv_slide2.jpg"); }
.topMv__slide3 { background-image: url("../img/index/mv/mv_slide3.jpg"); background-position: bottom!important;}
.topMv__slide4 { background-image: url("../img/index/mv/mv_slide1.jpg"); }
/* */
.topMv__dots { margin: 0; padding: 0; position: absolute;left: 50%; bottom: 40px; transform: translateX(-50%); display: flex;}
.topMv__dots li.slick-active button { border: 1px solid #FFF; opacity: 1; box-shadow: 0px 0px 12px 0px #dbdbdb; }
.topMv__dots li { margin-bottom: 0px; width: 30px; height: 30px; }
.topMv__dots li:last-of-type { margin-bottom: 0; }
.topMv__dots li button { position: relative; text-indent: -9999px; cursor: pointer; width: 30px; height: 30px; border-radius: 10000px; border: none; background: none; padding: 0; margin: 0; }
.topMv__dots li button:before { content: ""; position: absolute; left: calc(50% - 3px); top: calc(50% - 3px); width: 6px; height: 6px; background: #FFF; border-radius: 100px; box-shadow: 0px 0px 12px 0px #8a8a8a; }
.topMv .topMv__slideFade { position: relative; width: 100%; height: 860px; overflow: hidden; }
/* */
.topMv .topMv__slideFade .slide_item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 9; opacity: 0; animation-name: slide-fade; animation-duration: 14s; animation-iteration-count: infinite; }
.topMv .topMv__slideFade .slide_item.slide_item:first-of-type { background-image: url("../img/top/mv_slide1.jpg"); }
.topMv .topMv__slideFade .slide_item.slide_item:nth-of-type(2) { background-image: url("../img/top/mv_slide2.jpg"); animation-delay: 5s; }
.topMv .topMv__slideFade .slide_item.slide_item:last-of-type { background-image: url("../img/top/mv_slide3.jpg"); animation-delay: 10s; }
/* */
@keyframes slide-fade {
	0% { opacity: 0; }
  8% { opacity: 1; }
  90% { opacity: 1; }
  92% { opacity: 0; }
  100% { opacity: 0; z-index: 0; }
}
/* */
@media screen and (max-width: 767px) {
	.topMv__slides {}
	.slick-slide.topMv__slide { height: 50dvh!important; width: 100%; }
	/* */
	.topMv__slide1 {
		background-image: url("../img/index/mv/mv_slide1_sp.jpg");
		height: inherit;
		max-height: inherit;
        background-size: cover;
        background-repeat: no-repeat;
		background-position: center 65%!important;
	}
	.topMv__slide2 { background-image: url("../img/index/mv/mv_slide2_sp.jpg"); height: calc(100vh - 38px) !important; }
	.topMv__slide3 { background-image: url("../img/index/mv/mv_slide3_sp.jpg"); height: calc(100vh - 38px) !important; }
	.topMv__slide4 { background-image: url("../img/index/mv/mv_slide1_sp.jpg"); }
	/* */
	.topMv .topMv__slideFade { height: calc(100vh - 38px); }
	.topMv .topMv__slideFade .slide_item.slide_item:first-of-type { background-image: url("../img/index/mv/mv_slide1_sp.jpg"); }
	.topMv .topMv__slideFade .slide_item.slide_item:nth-of-type(2) { background-image: url("../img/index/mv/mv_slide2_sp.jpg"); }
	.topMv .topMv__slideFade .slide_item.slide_item:last-of-type { background-image: url("../img/index/mv/mv_slide3_sp.jpg"); }
}



#top_concept { background-image: url("../img/index/top_concept_back01.jpg"); background-position: center top; background-size: cover; }
#top_concept .top_concept_title h3 { text-align: center; font-size: clamp(20px, 2vw, 32px); font-weight: 400; letter-spacing: 2px; line-height: 1; padding: 40px 15px; }
@media screen and (max-width: 850px) { #top_concept .top_concept_title h3 { padding: 30px 15px; } }
/* #top_concept .top_concept_image { padding: 40px 0; background-image: url("../img/index/top_concept_back02.jpg"); background-position: center top; background-size: cover; }
@media screen and (max-width: 850px) { #top_concept .top_concept_image { padding: 20px 0; } } */
#top_concept .top_concept_body { text-align: center; padding: 100px 0; }
@media screen and (max-width: 850px) { #top_concept .top_concept_body { padding: 50px 0; } }
#top_concept .top_concept_body h3 { font-size: clamp(22px, 3vw, 40px); letter-spacing: 6px; margin-bottom: 20px; }
@media screen and (max-width: 850px) { #top_concept .top_concept_body h3 { letter-spacing: 2px; } }
#top_concept .top_concept_body p { font-size: clamp(16px, 1.6vw, 23px); line-height: 2.2; margin-bottom: 80px; }
@media screen and (max-width: 850px) { #top_concept .top_concept_body p { margin-bottom: 40px; } }
#top_concept .top_concept_body picture { display: block; max-width: 550px; width: 100%; margin: 0 auto; }

.top_readcopy {position: relative;}
.top_readcopy .bg_img {display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%;}
.top_readcopy .bg_img figure {position: absolute; width: 30%; z-index: -1;}
.top_readcopy .bg_img figure:nth-child(1) {top: 20%; left: 0;}
.top_readcopy .bg_img figure:nth-child(2) {bottom: 20%; right: 0;}
@media screen and (max-width: 850px) {
  .top_readcopy .bg_img {display: none;}
}