@charset "UTF-8";

:root {
	--color-primary: #16B9AB;
}

/* html,
body {
	overflow: hidden;
	scrollbar-gutter: stable;
}
html.is-active,
html.is-active body {
	overflow: revert;
	scrollbar-gutter: revert;
} */

body {
	opacity: 0;
	transition: .4s .2s;
}
body.is-show {
	opacity: 1;
}

.main {
	padding-top: 122px;
}

.gra-text__child {
	background: linear-gradient(90deg, rgba(103, 148, 205, 1) 0%, rgba(140, 207, 242, 1) 50%, rgba(133, 229, 245, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.lowerTitle {
	color: #3893df;
}
.lowerTitle .en {
	font-size: clamp(55px, 1.56rem + 3.91vw, 100px); /* 769 - 1920 */
	font-weight: 500;
	letter-spacing: -.02em;
	line-height: 86%;
	margin-right: .3em;
}
.lowerTitle .ja {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	line-height: 2;
}

.moveBtn {
	display: block;
	position: relative;
	height: 53px;
	background-color: rgb(243 240 240 / .5);
	border-radius: 4px;
	z-index: 0;
}
.moveBtn__box {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 53px;
	height: 100%;
	background-color: #3893df;
	border-radius: 4px;
	transition: .3s cubic-bezier(0.94, 0.02, 0.13, 0.93);
	z-index: 1;
}

.moveBtn__arrow {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 22px;
	height: 13px;
	background-color: #fff;
	-webkit-mask-image: url(../img/common/icon_arrow01.svg);
	mask-image: url(../img/common/icon_arrow01.svg);
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	animation: arrow-move-reverse .4s cubic-bezier(0.94, 0.02, 0.13, 0.93) forwards;
	z-index: 1;
}
.moveBtn__text {
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	color: #3893df;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.03em;
	line-height: 1;
	animation: text-move-reverse .4s cubic-bezier(0.94, 0.02, 0.13, 0.93) forwards;
	z-index: 1;
}

@keyframes arrow-move {
	10% {
		/* opacity: 0; */
	}
	50% {
		/* opacity: 0; */
		transform: translateY(-50%);
		right: 5%;
	}
	100% {
		opacity: 1;
		transform: translateY(-50%);
		right: 5%;
	}
}
@keyframes arrow-move-reverse {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
		transform: translateY(-50%);
		right: 5%;
	}
	50% {
		opacity: 0;
		transform: translate(50%, -50%);
		right: 50%;
	}
	100% {
		opacity: 1;
	}
}

@keyframes text-move {
	10% {
		opacity: 0;
	}
	50% {
		opacity: 0;
		right: auto;
		left: 5%;
		color: #fff;
	}
	100% {
		opacity: 1;
		right: auto;
		left: 5%;
		color: #fff;
	}
}
@keyframes text-move-reverse {
	0% {
		opacity: 0;
	}
	10% {
		opacity: 0;
		right: auto;
		left: 5%;
		color: #fff;
	}
	50% {
		opacity: 0;
		right: 5%;
		left: auto;
		color: #119A97;
	}
	100% {
		opacity: 1;
	}
}

.text-animation01 {
	overflow: hidden;
}
.text-animation01__child {
	display: inline-block;
	transform: translateY(110%);
	transition: .5s cubic-bezier(0, 0.56, 0, 1.04);
}

.text-animation01.inview .text-animation01__child {
	transform: translateY(0);
}

@media (hover: hover) and (pointer: fine) {
	.moveBtn:hover .moveBtn__box {
		width: 100%;
	}
	.moveBtn:hover .moveBtn__arrow {
		animation: arrow-move .8s forwards;
	}
	.moveBtn:hover .moveBtn__text {
		animation: text-move .8s forwards;
	}
}

@media screen and (max-width: 768px) {
	html,
	body {
		overflow-x: hidden;
	}
	.main {
		padding-top: 57px;
	}

	.moveBtn__text {
		font-size: 12px;
	}
}

/* loading
---------------------------------------------- */
.loading {
	/* display: none; */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .7s;
	overflow: auto;
	z-index: 3000;
}
.loading.is-hide {
	opacity: 0;
	visibility: hidden;
}

.loading.is-active02 {
	display: none;
}

.loadingBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .6s;
	z-index: 0;
}

.loadingText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -45%);
	opacity: 0;
	transition: .8s cubic-bezier(0.22, 0.61, 0.36, 1);
	z-index: 1;
}
.loadingBox.is-active .loadingText {
	opacity: 1;
	transform: translate(-50%, -50%);
}
.loadingBox01 .loadingText {
	width: calc(987 / 1920 * 100%);
}
.loadingBox02 .loadingText {
	width: calc(1092 / 1920 * 100%);
}

.loadingImg {
	height: 100%;
	overflow: hidden;
}
.loadingImg img {
	height: 100%;
	object-fit: cover;
	animation: zoomDown 6s both linear;
}

.loadingBox02 {
	opacity: 0;
	visibility: hidden;
}
.loading.is-active .loadingBox02 {
	opacity: 1;
	visibility: visible;
}

.loading__skip {
	position: absolute;
	top: 40px;
	right: 40px;
	font-size: 20px;
	letter-spacing: 0.05em;
	background-color: #769fd2;
	border: 1px solid #fff;
	color: #fff;
	padding: .5em 1em;
	z-index: 1;
}

@keyframes zoomDown {
	0% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}

@media screen and (max-width: 768px) {
	.loadingBox01 .loadingText {
		width: calc(444 / 375 * 100%);
	}
	.loadingBox02 .loadingText {
		width: calc(439 / 375 * 100%);
	}
	.loadingImg .p-caption.l {
		top: 0;
		bottom: auto;
	}

	.loading__skip {
		top: auto;
		right: auto;
		bottom: 4dvh;
		left: 20px;
		font-size: 16px;
	}
}

/* mv
---------------------------------------------- */
.mv {
	position: relative;
	z-index: 0;
}
.mvSlider {
	position: relative;
	z-index: 0;
}
.mvSlider .swiper-slide {
	position: relative;
	z-index: 0;
}
.mvSlider__text {
	position: absolute;
	z-index: 1;
}
.mvSlider__slide01 .mvSlider__text {
	width: calc(1390 / 1920 * 100%);
	top: 5%;
	left: 50%;
	transform: translate(-50%, 0);
}
.mvSlider__slide02 .mvSlider__text {
	width: calc(960 / 1920 * 100%);
}
.mvSlider__slide02 .mvSlider__text01 {
	bottom: 15%;
	left: 0;
}
.mvSlider__slide02 .mvSlider__text02 {
	top: 15%;
	right: 0;
}
.mvSlider__slide03 .mvSlider__text {
	width: calc(788 / 1920 * 100%);
	top: 15%;
	left: 5%;
}

.mvSlider .swiper-slide-active .mvSlider__text,
.mvSlider .swiper-slide-duplicate-active .mvSlider__text,
.mvSlider .swiper-slide-prev .mvSlider__text{
  /* animation: mvAnimation .7s ease-out 0s 1 normal both; */
}
@keyframes mvAnimation {
  0% {
		opacity: 0;
    transform: translate(-50%, -48%);
  }
  100% {
		opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.mv__img {
	height: 100%;
}
.mv__img img {
	height: 100%;
	object-fit: cover;
}

.mvSlider .swiper-pagination {
	position: absolute;
	bottom: 3%;
	display: flex;
	justify-content: center;
	gap: 20px;
	filter: drop-shadow(0 0 10px rgb(0 0 0 / .3));
}
.mvSlider .swiper-pagination-bullet {
	background: #fff;
}
.mvSlider .swiper-pagination-bullet-active {
	background: #fff471;
}

.floatingNews {
	--newsWidth: 240px;
	--newsHeight: 50px;
	position: absolute;
	bottom: calc(40 / 812 * 100%);
	left: calc(40 / 1920 * 100%);
	z-index: 1;
}
.floatingNews.is-active {
	--newsWidth: 440px;
	--newsHeight: 210px;
}

.floatingNews__btn {
	background-color: #bc9461;
	border-radius: 4px;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	width: var(--newsWidth);
	height: var(--newsHeight);
	padding: .8em;
	opacity: 1;
	visibility: visible;
	transition: .4s;
	text-align: center;
	position: relative;
	z-index: 0;
}
.floatingNews.is-active .floatingNews__btn {
	width: var(--newsWidth);
	height: var(--newsHeight);
	opacity: 0;
	visibility: hidden;
}
.floatingNews__badge {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -12px;
	right: -12px;
	width: 24px;
	aspect-ratio: 1;
	border-radius: 100%;
	background-color: #7c0d22;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	z-index: 1;
}

.floatingNewsContents {
	width: var(--newsWidth);
	height: var(--newsHeight);
	background-color: #fff;
	border: 1px solid #bc9461;
	border-radius: 8px;
	padding: 30px 40px;
	padding-right: 10px;
	opacity: 0;
	visibility: hidden;
	transition: .4s;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.floatingNews.is-active .floatingNewsContents {
	width: var(--newsWidth);
	height: var(--newsHeight);
	opacity: 1;
	visibility: visible;
}

.floatingNewsList {
	height: 0;
	padding-right: 20px;
	transition: .4s;
	overflow: auto;
}
.floatingNews.is-active .floatingNewsList {
	height: 150px;
}
.floatingNewsList > dl {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 1em;
	padding-block: 1em;
}
.floatingNewsList > dl + dl {
	border-top: 1px solid #e6e6e6;
}
.floatingNews__time {
	font-size: 12px;
	letter-spacing: 0.02em;
	line-height: 1.6;
}
.floatingNews__text {
	flex: 1;
	font-size: 14px;
	letter-spacing: -.02em;
	line-height: 1.6;
}
.floatingNewsList .accBtn__icon {
	width: 24px;
	background-color: #d0b490;
}
.floatingNewsList .accBtn__icon::before,
.floatingNewsList .accBtn__icon::after {
	width: 10px;
	height: 1px;
}
.floatingNews__textLink,
.floatingNews__textLink:hover {
  text-decoration: underline;
}
.floatingNewsList > dl .accBox {
	width: 100%;
}

.floatingNews__close {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 40px;
	aspect-ratio: 1;
	background-color: #bc9461;
	border-radius: 100%;
	z-index: 1;
}
.floatingNews__close::before,
.floatingNews__close::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 45%;
	height: 2px;
	background-color: #fff;
	z-index: 1;
}
.floatingNews__close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.floatingNews__close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (max-width: 768px) {
	.mvSlider__slide01 .mvSlider__text {
		top: 15%;
		width: 351px;
	}
	.mvSlider__slide02 .mvSlider__text {
		width: 260px;
	}
	.mvSlider__slide02 .mvSlider__text01 {
    top: 10%;
		bottom: auto;
	}
	.mvSlider__slide02 .mvSlider__text02 {
    top: auto;
		bottom: 20%;
	}
	.mvSlider__slide03 .mvSlider__text {
		width: 322px;
		top: 15%;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.mvSlider__slide03::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 200px;
		background: url(../img/home/bg_mv-cover.png) bottom center/cover no-repeat;
		z-index: 1;
	}

	.mv__img .p-caption.l {
		top: 0;
		bottom: auto;
	}

	.floatingNews {
		--newsWidth: 160px;
		--newsHeight: 35px;
		bottom: 40px;
		right: 20px;
		left: auto;
	}
	.floatingNews.is-active {
		--newsWidth: 335px;
		--newsHeight: 192px;
	}

	.floatingNews__btn {
    font-size: 16px;
    padding: .6em;
	}
	.floatingNews__close {
    top: -18px;
    right: -18px;
    width: 36px;
	}
	.floatingNewsContents {
    padding: 20px;
		padding-right: 10px;
	}
	.floatingNewsList > dl {
		flex-direction: column;
		align-items: flex-start;
	}
	.floatingNews__text {
		width: 100%;
		font-size: 13px;
	}
}

@media screen and (max-width: 450px) {
	.mvSlider__slide01 .mvSlider__text {
		top: 7%;
		width: 351px;
	}
	.mvSlider__slide02 .mvSlider__text {
		width: 260px;
	}
	.mvSlider__slide02 .mvSlider__text01 {
    top: 5%;
	}
	.mvSlider__slide02 .mvSlider__text02 {
		bottom: 20%;
	}
	.mvSlider__slide03 .mvSlider__text {
		top: 7%;
	}
}

/* .intro
---------------------------------------------- */
.intro {
	position: relative;
	z-index: 0;
}

.conceptLogo {
	position: fixed;
	/* position: sticky; */
	/* top: calc(50% + var(--headerheight)); */
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(calc(600 / 1920 * 100%), 600px);
	/* padding-bottom: 16vh; */
	z-index: 3001;
}

.conceptLogo__circle {
	position: relative;
	/* margin-top: -100px; */
	margin-inline: auto;
	transition: 1s .3s cubic-bezier(0, 0.59, 0, 0.94);
	transform: translateY(15%);
	z-index: 0;
}
.conceptLogo__img {
	display: block;
}
.conceptLogo__img--01 {
	animation: circle-move 4.5s cubic-bezier(0.78, 0.49, 0.05, 0.52) infinite;
	/* animation: circle-move 3.5s cubic-bezier(0.61, 0.41, 0.34, 0.65) infinite; */
}
.conceptLogo__img--02 {
	position: absolute;
	top: 0;
	left: 0;
	/* animation: circle-move 2.3s .3s cubic-bezier(0.65, 0.05, 0.36, 1) infinite; */
	animation: circle-move 4.5s linear infinite;
	/* animation: circle-move 3.5s cubic-bezier(0.78, 0.49, 0.05, 0.52) infinite; */
	mix-blend-mode: screen;
	z-index: 0;
}

/* .loaded .conceptLogo__img--01 {
	animation: circle-move .6s cubic-bezier(0.78, 0.49, 0.05, 0.52) infinite;
}
.loaded .conceptLogo__img--02 {
	animation: circle-move .6s linear infinite;
}
.loaded .conceptLogo.is-active .conceptLogo__img--01 {
	animation-duration: 2.5s;
}
.loaded .conceptLogo.is-active .conceptLogo__img--02 {
	animation-duration: 2.5s;
} */

.conceptLogo__text {
	width: calc(262 / 600 * 100%);
	margin-top: -10%;
	margin-inline: auto;
	transition: .4s .8s ease;
	opacity: 0;
}

.conceptLogo__num {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: clamp(24px, 0.83rem + 1.39vw, 40px); /* 769 - 1920 */
	transition: opacity .3s;
	z-index: 0;
}

.conceptLogo.is-active .conceptLogo__circle {
	transform: translateY(0);
}
.conceptLogo.is-active .conceptLogo__text {
	opacity: 1;
}
.conceptLogo.is-active .conceptLogo__num {
	opacity: 0;
}
.conceptLogo.is-active02 {
	z-index: 100;
}

@keyframes circle-move {
	0% {
		transform: rotate(0deg);
		filter: brightness(1);
	}
	10% {
		filter: brightness(1.5);
		/* mix-blend-mode: plus-lighter; */
		/* opacity: 0; */
	}
	50% {
		filter: brightness(1.5);
		/* mix-blend-mode: plus-lighter; */
		/* opacity: 0; */
	}
	100% {
		transform: rotate(360deg);
		filter: brightness(1);
	}
}
@keyframes circle-move02 {
	0% {
		transform: rotate(0deg);
		filter: brightness(1);
		opacity: .5;
	}
	50% {
		/* filter: brightness(2); */
		/* mix-blend-mode: plus-lighter; */
		opacity: 0;
	}
	100% {
		transform: rotate(360deg);
		filter: brightness(1);
		opacity: .5;
	}
}
@keyframes circle-move-reverse {
	0% {
		transform: rotate(0deg);
	}
	/* 80% {
		transform: rotate(180deg);
	} */
	100% {
		transform: rotate(-360deg);
	}
}

.mv {
	/* position: absolute;
	top: 0;
	z-index: 0; */
}

.introBox {
	position: relative;
	z-index: 0;
}

.introContents {
	position: absolute;
	top: 8%;
	left: 50%;
	/* transform: translate(-50%, -50%); */
	transform: translateX(-50%);
	width: 95%;
	max-width: 1700px;
	color: #fff;
	z-index: 1;
}

.intro__copy {
	font-size: clamp(30px, 0.95rem + 3.38vw, 80px); /* 440 - 1920 */
	letter-spacing: 0.31em;
	line-height: 1.75;
	text-shadow: 0 0 20px rgb(0 0 0 / .6);
}

.intro__text {
	font-family: YakuHanMP, "Shippori Mincho", serif;
	font-size: clamp(14px, 0.5rem + 0.63vw, 20px); /* 960 - 1920 */
	letter-spacing: 0.05em;
	line-height: 2.3;
	text-align: right;
	text-shadow: 0 0 20px rgb(0 0 0 / .8);
}

.intro__bg img {
	min-height: 1000px;
	object-fit: cover;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
	.intro__text {
		width: 35%;
	}
}

@media screen and (min-width: 769px) and (max-width: 991px) {
	.intro__text br {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.conceptLogo {
		width: min(calc(330 / 375 * 100%), 330px);
	}

	.conceptLogo__text {
		width: calc(165 / 330 * 100%);
		margin-top: -10%;
	}

	.introBox {
		display: flex;
		flex-direction: column-reverse;
	}
	.introContents {
		flex-direction: column;
		row-gap: 30px;
		position: static;
		transform: translate(0, 0);
		width: 100%;
		background: linear-gradient(100deg, rgba(250 243 128 / 1) 0%, rgba(118 216 255 / 1) 67%, rgba(47 246 229 / 1) 100%);
		margin-inline: auto;
		padding-block: 70px;
	}

	.intro__copy {
		width: 100%;
		color: #030C5D;
		letter-spacing: 0.15em;
		line-height: 1.3;
		text-align: center;
		text-shadow: none;
	}

	.intro__text {
		color: #030C5D;
		font-size: 15px;
		padding-inline: 10px;
		text-align: center;
		text-shadow: none;
	}

	.intro__bg img {
		min-height: revert;
	}

	@keyframes circle-move {
		0% {
			transform: rotate(0deg);
			/* filter: brightness(1); */
		}
		10% {
			/* filter: brightness(1.2); */
		}
		50% {
			/* filter: brightness(1.2); */
		}
		100% {
			transform: rotate(360deg);
			/* filter: brightness(1); */
		}
	}
}

/* actionArea
---------------------------------------------- */
.actionArea {
	padding-block: 90px;
	position: relative;
	z-index: 0;
}
.actionArea::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #F6F5F4;
	z-index: -1;
}

.actionArea__copy {
	color: #666;
	font-size: clamp(24px, 1rem + 1.04vw, 36px);
	font-weight: 500;
	line-height: 1.7;
	text-align: center;
}
.actionArea__copy .em {
	display: block;
	color: #666;
	font-size: 150%;
	font-weight: 500;
}
.actionArea__copy .em .num {
	font-size: 150%;
	line-height: 1;
}

.actionArea__btnBox {
	margin-top: 25px;
	max-width: 380px;
	margin-inline: auto;
}
.actionArea__btn {
	height: 70px;
	font-size: 20px;
}
.actionArea__btn--reserve {
	background-color: #eba863;
}

@media screen and (max-width: 768px) {
	.actionArea {
		padding-block: 40px;
		/* border-top: 2px solid #119A97; */
		/* border-bottom: 2px solid #119A97; */
	}

	.actionArea__inner {
		width: 95%;
	}

	.actionArea__copy {
		line-height: 1.8;
	}
	.actionArea__copy .em {
		margin-bottom: 0.4em;
	}

	.actionArea__btnBox {
		margin-top: 20px;
		max-width: 280px;
	}
	.actionArea__btn {
		height: 60px;
		font-size: 16px;
	}
}

/* actionPrice
---------------------------------------------- */
.actionPrice {
	background-color: #769fd2;
}

.actionPriceHead {
	/* background-color: #eba863; */
	/* background-color: #4c8693; */
	background-color: #3d737f;
	/* background-color: #B4654A; */
	padding-block: 60px;
}
.actionPriceHead__text {
	font-size: clamp(24px, 0.66rem + 1.74vw, 44px);
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 1.6;
	color: #fff;
	text-align: center;
}
.actionPriceHead__text .em {
	color: #fff471;
	/* font-size: 120%; */
	letter-spacing: .05em;
	margin-right: 5px;
}
.actionPriceHead__text .em .num {
	font-size: 130%;
	letter-spacing: .05em;
	line-height: 1;
	vertical-align: -2px;
}

.actionPriceBody {
	padding-block: 55px;
}

.actionPrice__inner {
	gap: 20px calc(120 / 1200 * 100%);
	max-width: 1500px;
	position: relative;
	z-index: 0;
}
.actionPrice__inner + .actionPrice__inner {
	margin-top: 40px;
}
.actionPrice__inner:not(.actionPrice__inner--single)::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(40deg);
	width: 1px;
	height: 80px;
	background-color: #fff;
	z-index: 0;
}

.actionPrice__item {
	color: #fff;
	/* color: #fff471; */
	font-size: clamp(17px, 0.6rem + 0.96vw, 28px);
	letter-spacing: 0.05em;
	line-height: 1.5;
}
.actionPrice__item .em {
	/* color: #fff471; */
	font-size: 125%;
	line-height: 1;
	margin-right: 0.5em;
}
.actionPrice__item .num {
	color: #fff471;
	font-size: 200%;
	letter-spacing: 0.04em;
	line-height: 1;
}
.actionPrice__item .em .num {
	color: #fff;
	font-size: 125%;
}
.actionPrice__item .num .comma {
	font-size: 75%;
}
.actionPrice__item .small {
	font-size: 65%;
	letter-spacing: 0.05em;
	margin-left: 0.5em;
}
.actionPrice__item .medium {
	font-size: 80%;
	letter-spacing: 0.05em;
	margin-left: 0.5em;
}

@media screen and (min-width: 961px) and (max-width: 1200px) {
	.actionPrice__item .small {
		display: block;
		text-align: right;
	}
}

@media screen and (max-width: 960px) {
	.actionPriceHead {
		padding-block: 20px;
	}

	.actionPriceBody {
		padding-block: 30px;
	}

	.actionPrice__inner {
		flex-direction: column;
		align-items: center;
		width: calc(340 / 375 * 100%);
	}
	.actionPrice__inner + .actionPrice__inner {
		margin-top: 30px;
	}
	.actionPrice__inner:not(.actionPrice__inner--single)::before {
		content: none;
	}

	.actionPrice__item {
		width: min(100%, 560px);
		margin-inline: auto;
		text-align: center;
	}
	.actionPrice__item + .actionPrice__item {
		border-top: 1px solid rgb(255 255 255 / .5);
		padding-top: 20px;
	}
	.actionPrice__item .em {
		font-size: 125%;
	}
	.actionPrice__item .num {
		font-size: 200%;
	}
	.actionPrice__item .small {
		font-size: 10px;
	}
}

/* bnrArea
---------------------------------------------- */
.bnrArea {
	padding-block: 100px;
}
.bnrItem {
	max-width: 860px;
}
.bnrItem + .bnrItem {
	margin-top: 60px;
}

@media screen and (min-width: 769px) {
	.bnrItem--baseball {
		max-width: 1000px;
	}
}

@media screen and (max-width: 768px) {
	.bnrArea {
		padding-block: 50px;
	}
	.bnrItem {
		max-width: 400px;
	}
	.bnrItem + .bnrItem {
		margin-top: 30px;
	}
}

/* pickupPoint
---------------------------------------------- */
.pickupPoint {
	background: linear-gradient(90deg, rgba(103, 148, 205, 1) 0%, rgba(140, 207, 242, 1) 50%, rgba(133, 229, 245, 1) 100%);
	padding-block: 100px 120px;
}

.pickupPoint__title {
	font-size: clamp(55px, 1.56rem + 3.91vw, 100px);
	color: rgb(255 255 255 / .5);
	text-align: center;
}

.pickupPointBox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px calc(40 / 1280 * 100%);
	max-width: 1280px;
	margin-top: 60px;
}

.pickupPointItem {
	background-color: rgb(255 255 255 / .8);
	box-shadow: 0 0 20px rgba(51 51 51 / .1);
	border-radius: 8px;
	padding: 6% 10px;
}
.pickupPointItem__text {
	font-size: clamp(20px, 0.92rem + 0.7vw, 28px);
	letter-spacing: 0.05em;
	line-height: 1.8;
	text-align: center;
}
.pickupPointItem__text .num {
	font-size: 160%;
	line-height: 1;
	color: #479be1;
}
.pickupPointItem__text .small {
	font-size: 58%;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
	.pickupPoint {
		padding-block: 50px 60px;
	}

	.pickupPointBox {
		grid-template-columns: 1fr;
		max-width: 400px;
		margin-top: 30px;
	}

	.pickupPointItem {
		padding-block: 30px;
	}
}
/* value
---------------------------------------------- */
.value {
	padding-top: 70px;
}
.value__inner {
	width: 95%;
	max-width: 1744px;
}

.value__title {
	font-size: clamp(100px, 2.49rem + 7.82vw, 190px); /* 769 - 1920 */
	font-weight: 500;
	letter-spacing: -.04em;
	line-height: 84%;
	opacity: .1;
}
.value__title .text {
	background: linear-gradient(-45deg, rgba(0 0 0 / 1) 0%, rgba(227 218 218 / 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.valueBody {
	width: calc(1084 / 1744 * 100%);
}

.valueList {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: calc(69.5 / 1084 * 100%);
}

.valueList > li::before{
	background: #fff;
	transition-timing-function: cubic-bezier(0, 0.42, 0.12, 0.96);
	/* transition-timing-function: cubic-bezier(0.94, 0.02, 0.13, 0.93); */
	transition-duration: .5s;
}
.valueList > li:nth-child(2)::before {
	transition-delay: .2s;
}
.valueList > li:nth-child(3)::before {
	transition-delay: .4s;
}

.valueListHead {
	display: flex;
	gap: 1em;
}

.valueList > li {
	display: flex;
	flex-direction: column;
}

.valueList__num {
	color: #BE9461;
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
}
.valueList__num::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background-color: rgba(0 0 0 / .1);
	margin-top: 10px;
}

.valueList__copy {
	font-size: clamp(16px, 0.79rem + 0.28vw, 18px); /* 1200 - 1920 */
	/* letter-spacing: -.05em; */
	line-height: 1.5;
	margin-top: -0.3em;
	padding-bottom: 40px;
}
.valueList__copy sup {
	font-size: 60%;
}

.valueListBody {
	margin-top: auto;
}

.valueListBody .photo {
	max-width: 295px;
}

@media screen and (max-width: 1200px) {
	.value__title br {
		display: none;
	}

	.value__inner.flex {
		flex-direction: column;
    align-items: flex-start;
    row-gap: 30px;
		margin-inline: auto;
	}

	.valueBody {
		width: 100%;
	}

	.valueListBody .photo {
		max-width: revert;
	}
}

@media screen and (max-width: 768px) {
	.value {
		padding-top: 40px;
	}
	.value__inner {
		width: calc(330 / 375 * 100%);
		max-width: 480px;
	}

	.value__title br {
		display: block;
	}
	.value__title .text {
		background: linear-gradient(-45deg, rgba(0 0 0 / 1) 0%, rgba(227 218 218 / 1) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.valueList {
		grid-template-columns: 1fr;
		row-gap: 45px;
	}

	.valueList__num::after {
		margin-top: 10px;
	}

	.valueList__copy {
		font-size: 20px;
	}
	.valueList__copy.sp-narrow {
		letter-spacing: -.05em;
	}
}

/* movieArea
---------------------------------------------- */
.movieArea {
	margin-top: 150px;
	padding-bottom: clamp(80px, 3.18rem + 7.77vw, 200px);
}
.movieArea__title {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: .3em;
	font-size: clamp(40px, -0.01rem + 5.21vw, 100px);
	max-width: 1480px;
	white-space: nowrap;
}
.movieArea__title::before,
.movieArea__title::after {
	content: '';
	display: block;
	width: 60%;
	height: 1px;
}
.movieArea__title::before {
	background-color: #a3cdf0;
}
.movieArea__title::after {
	background-color: #c2f2fa;
}

.movieBox {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px calc(80 / 1480 * 100%);
	max-width: 1480px;
	margin-top: 80px;
}
.movieItem__text {
	width: fit-content;
	color: #666;
	font-size: clamp(18px, 0.62rem + 1.04vw, 30px);
	font-weight: 500;
	letter-spacing: 0.02em;
	margin-inline: auto;
	margin-bottom: 30px;
	text-align: center;
	position: relative;
	z-index: 0;
}
.movieItem__text::before,
.movieItem__text::after {
	content: '';
	position: absolute;
	bottom: -.15em;
	width: 2px;
	height: 35px;
	background-color: #666;
	z-index: 0;
}
.movieItem__text::before {
	transform: rotate(-45deg);
	left: -1em;
}
.movieItem__text::after {
	transform: rotate(45deg);
	right: -1em;
}

/* modal */
.movieModal .modal__container {
	background: none;
	max-width: 1200px;
	padding: 70px;
}
.movieModal .modal__close {
	background: none;
}
.movieModal .modal__close::before,
.movieModal .modal__close::after {
	width: 100%;
	height: 2px;
}

.close__text {
	display: block;
	color: #fff;
	margin-top: 70px;
}

@media screen and (max-width: 768px) {
	.movieArea {
		margin-top: 80px;
	}

	.movieArea__title {
		column-gap: .5em;
		text-align: center;
	}
	.movieArea__title::after {
    background-color: #95dad4;
	}
	.movieBox {
		grid-template-columns: 1fr;
		max-width: 400px;
		margin-top: 40px;
	}
	.movieItem__text {
		font-weight: 500;
		margin-bottom: 20px;
	}
	.movieItem__text::before,
	.movieItem__text::after {
		height: 20px;
	}

	/* modal */
	.movieModal .modal__container {
		width: 100%;
		max-width: 560px;
		padding: 60px 20px 30px;
	}

	.movieModal .modal__close {
		right: 20px;
	}
	.movieModal .modal__close::before,
	.movieModal .modal__close::after {
		height: 1px;
	}

	.close__text {
		font-size: 9px;
		margin-top: 40px;
	}
}

/* commonEntryArea
---------------------------------------------- */
.commonEntryArea._top .commonEntryContents__title::before {
  background-color: #fff;
}
.commonEntryArea._top::before {
	opacity: 1;
}
.commonEntryArea._top .commonEntryFlowList > li + li::after {
	border-color: rgb(255 255 255 / .7);
}

/* information
---------------------------------------------- */
.information {
	background-color: #F6F5F4;
	padding-block: 170px;
}

.informationBox {
	column-gap: calc(100 / 1250 * 100%);
	max-width: 1250px;
}

.information__title {
	color: #BE9461;
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 1.7;
}

.informationContents {
	flex: 1;
	max-width: 1000px;
}

.informationContents > dl {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 1em 4em;
}
.informationContents > dl + dl {
	border-top: 1px solid rgb(0 0 0 / .1);
	margin-top: 2em;
	padding-top: 2em;
}
.informationContents > dl:nth-child(n + 4) {
	display: none;
}

.information__time {
	font-size: 18px;
	line-height: 2;
}

.information__text {
	flex: 1;
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 1.7;
}
.information__text + .information__text {
	margin-top: 1em;
}

.information__textLink,
.information__textLink:hover {
	text-decoration: underline;
}

.accBtn {
	width: 100%;
	padding-right: 35px;
	text-align: left;
	position: relative;
	z-index: 0;
}
.accBtn__icon {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 30px;
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: #119A97;
	z-index: 1;
}
.accBtn__icon::before,
.accBtn__icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: 2px;
	background-color: #fff;
	z-index: 1;
}
.accBtn__icon::after {
	transform: translate(-50%, -50%) rotate(90deg);
	transition: .4s ease;
}
.accBtn[aria-expanded="true"] .accBtn__icon::after {
	width: 0;
}

.accBox {
	display: grid;
	grid-template-rows: 0fr;
	transition: .4s ease;
}
.accBox[aria-hidden="false"] {
	grid-template-rows: 1fr;
}

.accBox__inner {
	overflow: hidden;
}

.accBox__text {
	font-size: 80%;
	line-height: 1.9;
	padding-top: 1em;
}

@media screen and (max-width: 768px) {
	.information {
		padding-block: 110px;
	}

	.informationBox {
		flex-direction: column;
		row-gap: 30px;
		width: calc(330 / 375 * 100%);
		max-width: 560px;
	}

	.informationContents {
		flex: revert;
	}

	.informationContents > dl {
		column-gap: 1.5em;
	}
	.informationContents > dl + dl {
    margin-top: 1.5em;
		padding-top: 1.5em;
	}

	.information__time {
		font-size: 14px;
	}

	.information__text {
		font-size: 15px;
		letter-spacing: 0;
	}

	.accBtn {
		padding-right: 30px;
	}
	.accBtn__icon {
		width: 20px;
	}
	.accBtn__icon::before,
	.accBtn__icon::after {
		height: 1px;
	}
}

/* pickup
---------------------------------------------- */
.pickupHead {
	position: sticky;
	top: 0;
	background: linear-gradient(45deg, rgba(102, 223, 243, 1) 0%, rgba(140, 207, 242, 1) 67%, rgba(56, 147, 223, 1) 100%);
	padding-top: 90px;
}

.pickupHead__inner {
	width: 95%;
	max-width: 1774px;
}

.pickup__title {
	font-size: clamp(90px, 1.45rem + 8.69vw, 190px); /* 769 - 1920 */
	font-weight: 500;
	letter-spacing: -.04em;
	line-height: 84%;
	opacity: .6;
}
.pickup__title .text {
	background: linear-gradient(-45deg, rgba(255 255 255 / 1) 10%, rgba(255 255 255 / 0) 140%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.pickupHead__body {
	width: max(400px, calc(800 / 1774 * 100%));
	padding-bottom: 60px;
	text-align: right;
}

.pickupHead__copy {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: .5em;
	max-width: 620px;
	font-size: clamp(25px, 1.35rem + 0.43vw, 30px); /* 769 - 1920 */
	line-height: 1.5;
	margin-left: auto;
	white-space: nowrap;
}
.pickupHead__copy::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
}

.pickupHead__text {
	/* max-width: 453px; */
	font-size: clamp(14px, 0.84rem + 0.14vw, 16px); /* 440 - 1920 */
	line-height: 200%;
	margin-top: 1em;
	margin-left: auto;
}

.pickupBox {
	position: sticky;
	top: 0;
	/* height: 100vh; */
	background-color: #fff;
	z-index: 0;
}

.pickupBox__container {
	background: linear-gradient(45deg, rgba(209, 245, 251, 1) 0%, rgba(140, 207, 242, 1) 75%, rgba(56, 147, 223, 1) 100%);
	padding-bottom: 50vh;

}

.pickupBox__inner {
	width: 90%;
	max-width: 1556px;
	height: 100vh;
	margin-inline: auto;
	padding-block: 140px 4%;
}

.pickupBoxHead {
	width: calc(650 / 1556 * 100%);
}

.pickupBox__contents {
	gap: 20px 2em;
	margin-top: 60px;
}

.pickupBox__copy {
	flex: .9;
	max-width: 280px;
	font-size: clamp(18px, 1.04rem + 0.17vw, 20px);  /* 769 - 1920 */
	line-height: 1.7;
}

.pickupBox__text {
	flex: 1.2;
	max-width: 280px;
	font-size: clamp(14px, 0.84rem + 0.14vw, 16px); /* 440 - 1920 */
	line-height: 2;
}

.pickupBox__btn {
	margin-top: 60px;
}

.pickupBoxBody {
	width: calc(768 / 1556 * 100%);
	max-height: 100%;
	aspect-ratio: 768 / 759;
}

.pickupBoxBody__link {
	display: block;
	height: 100%;
}

.pickupBox__img {
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.pickupBox__img img {
	height: 100%;
	object-fit: cover;
	transition: .5s cubic-bezier(0, 0, 0.2, 1);
}

.pickupBox--landplan .pickupBox__img img {
	object-position: bottom;
}

/* .pickupBox__cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}
.pickupBox__cover.is-active {
	visibility: visible;
} */

@media (hover: hover) and (pointer: fine) {
	.pickupBoxBody__link:hover .pickupBox__img img {
		transform: scale(1.1);
	}
}

@media screen and (min-width: 769px) and (max-height: 800px)  {
	.lowerTitle .en {
		font-size: 8vh;
	}
	.pickupBox__copy {
		font-size: 2.8vh;
	}
	.pickupBox__text {
		font-size: 2vh;
	}
	.pickupBox__btn {
    margin-top: 5vh;
	}
}

@media screen and (max-width: 1200px) {
	.pickupBox__copy,
	.pickupBox__text {
		flex: revert;
	}

}

@media screen and (max-width: 960px) {
	.pickupHead__body {
    width: calc(860 / 1774* 100%);
	}
}

@media screen and (max-width: 768px) {
	.pickupHead {
		position: static;
		padding-top: 40px;
	}

	.pickupHead__inner {
		row-gap: 30px;
		width: calc(330 / 375 * 100%);
		max-width: 560px;
		margin-inline: auto;
	}

	.pickup__title .text {
		background: linear-gradient(-45deg, rgba(255 255 255 / 1) 10%, rgba(255 255 255 / 0) 140%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.pickupHead__body {
		width: 100%;
		text-align: left;
	}

	.pickupHead__copy {
		font-size: 25px;
		letter-spacing: -.05em;
	}

	.pickupHead__text {
		margin-left: 0;
	}

	.pickupBox {
		position: static;
		/* padding-block: 35px 40px; */
	}

	.pickupBox__container {
		padding-bottom: 0;
	}

	.pickupBox__inner {
		flex-direction: column-reverse;
		justify-content: flex-end;
		row-gap: 50px;
		width: calc(330 / 375 * 100%);
		max-width: 400px;
		height: auto;
		padding-block: 35px 40px;
	}

	.pickupBoxHead {
		width: 100%;
	}

	.pickupBox__contents {
		flex-direction: column;
		gap: 20px 1em;
		margin-top: 20px;
	}

	.pickupBox__copy {
		max-width: revert;
		font-size: 20px;
	}

	.pickupBox__text {
		max-width: revert;
	}
	.pickupBox__text .ib {
		display: inline;
	}

	.pickupBox__btn {
		margin-top: 30px;
	}

	.pickupBoxBody {
    width: 100%;
		max-height: revert;
		aspect-ratio: revert;
	}
}

/* other
---------------------------------------------- */
.other {
	position: sticky;
	top: 0;
	z-index: 0;
}
.otherBox {
	position: sticky;
	top: 0;
	height: 100vh;
	z-index: 0;
}

.other__title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 90px;
	font-weight: 500;
	line-height: 86%;
	text-align: center;
	z-index: 2;
}

.other__bg {
	display: block;
	position: relative;
	height: 100%;
	overflow: hidden;
	z-index: 0;
}
.other__bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(56 147 223 / .6);
	z-index: 1;
}
.other__bg img {
	height: 100%;
	object-fit: cover;
}

.otherContents {
	position: relative;
	max-width: 1870px;
	margin-inline: auto;
	padding-bottom: 200px;
	z-index: 1;
}

.otherContentsList > li {
	width: max(400px, calc(610 / 1870 * 100%));
}
.otherContentsList > li:nth-child(odd) {
	margin-left: auto;
}

.otherContentsList__link {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 5px;
	padding: 13px;
}

.otherContents__img img {
	border-radius: 4px;
}

.otherContents__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-top: 40px;
}

.otherContents__title {
	padding-inline: calc(20 / 584 * 100%);
}
.otherContents__title .en {
	font-size: clamp(30px, 0.83rem + 2.17vw, 55px); /* 769 - 1920 */
}
.otherContents__title .ja {
	font-size: 14px;
}

.otherContents__text {
	font-size: clamp(13px, 0.52rem + 0.61vw, 20px); /* 769 - 1920 */
	line-height: 1.7;
	margin-block: 1em 30px;
	padding-inline: calc(20 / 584 * 100%);
}

.otherContents__btn {
	margin-top: auto;
}

@media (hover: hover) and (pointer: fine) {
	.otherContentsList__link:hover .moveBtn__box {
		width: 100%;
	}
	.otherContentsList__link:hover .moveBtn__arrow {
		animation: arrow-move .8s forwards;
	}
	.otherContentsList__link:hover .moveBtn__text {
		animation: text-move .8s forwards;
	}
}

@media screen and (max-width: 768px) {
	.other {
		position: relative;
		padding-block: 60px 70px;
		z-index: 0;
	}
	.other::before,
	.other::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.other::before {
		background: url(../img/home/bg_other.jpg) center/cover no-repeat;
		z-index: -2;
	}
	.other::after {
		background-color: rgb(56 147 223 / .6);
		z-index: -1;
	}

	.otherBox {
		position: static;
		height: auto;
	}

	.other__title {
		width: calc(330 / 375 * 100%);
		position: static;
		transform: translate(0, 0);
		font-size: 55px;
		margin-inline: auto;
		text-align: left;
	}

	.other__bg {
		display: none;
	}
	.other__bg::before {
		content: none;
	}

	.otherContents {
		margin-top: 30px;
		padding-inline: 22.5px;
		padding-bottom: 0;
		overflow: auto;
		-ms-overflow-style:none;
	}
	.otherContents::-webkit-scrollbar{
		display: none;
	}

	.otherContentsList {
		width: 1600px;
		display: flex;
		column-gap: 20px;
	}

	.otherContentsList > li {
		width: 300px;
		border-radius: 3px;
		padding: 6px;
	}
	.otherContentsList > li:nth-child(odd) {
		margin-inline: 0;
	}

	.otherContents__img img {
		border-radius: 3px;
	}

	.otherContents__body {
		margin-top: 20px;
	}
}

/* commonEntryArea
---------------------------------------------- */
.commonEntryArea::before {
  background: linear-gradient(-45deg, rgba(56, 147, 223, 1) 0%, rgba(140, 207, 242, 1) 50%, rgba(102, 223, 243, 1) 100%);
}

.commonEntryTitle .text {
	background: linear-gradient(90deg, rgba(103, 148, 205, 1) 0%, rgba(140, 207, 242, 1) 50%, rgba(133, 229, 245, 1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.commonEntryFlowList__title {
	color: #3893df;
}
.commonEntryFlowList__btn {
	background-color: #9398c8;
}
.commonEntryFlowList__btn._residence {
	background-color: #da7eaa;
}

.commonEntryFlowList > li + li::after {
	border-color: #b3cae6;
}

.commonEntryContents__title::before {
	background-color: #b3cae6;
}