@charset "UTF-8";

/* ----------------------------------------------------
	lead
---------------------------------------------------- */
.lead {
	padding-top: 50px;
	position: relative;
}

.lead__title {
	margin: 0 auto 3em;
	max-width: 609px;
}

.lead__text {
	margin-bottom: 127px;
	font-size: 19px;
	text-align: center;
}

.lead .deco {
	max-width: 321px;
	opacity: 0;
	position: absolute;
	top: -100px;
}

.lead .deco.in-view {
	animation: fadeInLead 1s ease-in forwards;
}

.lead .deco1 {
	width: 24.73846%;
	left: 0;
}

.lead .deco2 {
	width: 23.63077%;
	right: 0;
}

.lead .deco1.in-view {
	animation-delay: 0s;
}

.lead .deco2.in-view {
	animation-delay: 0.5s;
}

@keyframes fadeInLead {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media screen and (max-width: 1300px) {
	.lead {
		padding-top: 3.84615vw;
	}

	.lead__title {
		max-width: 46.84615vw;
		font-size: 1.23077vw;
	}

	.lead__text {
		margin-bottom: 9.76923vw;
		font-size: 1.46154vw;
	}

	.lead .deco {
		top: -7.69231vw;
	}

}

@media screen and (max-width: 768px) {
	.lead {
		padding-top: 6.4vw;
	}

	.lead__title {
		max-width: 81.38957vw;
	}

	.lead__text {
		margin-bottom: 66.14843vw;
		padding: 0 8vw;
		font-size: 4vw;
		text-align: left;
	}

	.lead .deco1 {
		width: 55.04%;
		top: 57.41608vw;
	}

	.lead .deco2 {
		width: 46.69269%;
		top: 39.66427vw;
	}
}

/*
	support
------------------------------ */
.support {
	margin-bottom: 68px;
	text-align: center;
}

.support__title img {
	max-width: 136px;
}

.support__details img {
	max-width: 215px;
}

.support__details figcaption {
	font-size: 19px;
	font-weight: 600;
}

@media screen and (max-width: 1300px) {
	.support {
		margin-bottom: 5.23077vw;
	}

	.support__title img {
		max-width: 10.46154vw;
	}

	.support__details img {
		max-width: 16.53846vw;
	}

	.support__details figcaption {
		font-size: 1.46154vw;
	}
}

@media screen and (max-width: 768px) {
	.support {
		margin-bottom: 12.26667vw;
	}

	.support__title img {
		max-width: 29.09349vw;
	}

	.support__details img {
		max-width: 49.66403vw;
	}

	.support__details figcaption {
		font-size: 4vw;
		font-weight: 600;
	}
}

/*
	lead__slide
------------------------------ */
.lead__slide {
	margin-bottom: 88px;
}

.lead__slide--item {
	margin: 0;
	padding: 0 5px;
	color: rgb(var(--wht));
	text-align: center;
}

.lead__slide--item .images {
	position: relative;
}

.lead__slide--item .images figcaption {
	background: rgba(var(--blk), 0.7);
	width: 100%;
	height: 100%;
	font-size: 1.23077vw;
	letter-spacing: -0.005em;
	opacity: 0;
	border-radius: 1.65862vw;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.5s ease 0s
}

.lead__slide--item:hover .images figcaption {
	opacity: 1;
}

.lead__slide--item:hover .images figcaption span {
	mix-blend-mode: normal;
}

@media screen and (max-width: 768px) {
	.lead__slide {
		margin-bottom: 0;
	}

	.lead__slide--item .images figcaption {
		font-size: 3.2vw;
		border-radius: 3.22vw;
	}
}

/* ----------------------------------------------------
	pickup
---------------------------------------------------- */
.pickup {
	padding: 130px 50px;
}

.pickup__title {
	margin-bottom: 70px;
	text-align: center;
}

.pickup__title img {
	max-width: 218px;
}

.pickup__list {
	margin: 0 auto;
	max-width: 1050px;
}

.pickup__list--contents {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.pickup__list--contents:not(:last-of-type) {
	margin-bottom: 66px;
	padding-bottom: 66px;
	border-bottom: solid 1px rgb(var(--gre));
}

.pickup__list--contents::before {
	background: rgb(var(--red));
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 4px;
	left: 0;
	content: "";
}

.pickup__list--contents:last-of-type::before {
	display: none;
}

.pickup__list--contents:nth-child(odd) {
	flex-direction: row-reverse;
}

.pickup__list--contents .deco {
	opacity: 0;
	position: absolute;
}

.pickup__list--contents .deco.in-view {
	animation: fadeInPickup 2s ease-in forwards;
}

@keyframes fadeInPickup {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.pickup__list--contents.kioicho .deco {
	width: 216px;
	top: -214px;
	left: -30px;
}

.pickup__list--contents.tokyo .deco {
	width: 135px;
	top: 146px;
	right: -85px
}

.pickup__list--contents.shinagawa .deco {
	width: 173px;
	top: -34px;
	left: 283px;
}

.pickup__list--contents.sunshine .deco {
	width: 98px;
	top: 9px;
	right: -40px;
}

.pickup__list--contents.kawagoe .deco {
	width: 203px;
	top: -21px;
	left: 257px;
}

.pickup__list--contents .images {
	width: 57.14286%;
	position: relative;
}

.pickup__list--contents:nth-child(odd) .images {
	right: -40px;
}

.pickup__list--contents .details {
	width: 39.04762%;
	font-weight: 600;
}

.pickup__list--contents .details__title {
	margin-bottom: 24px;
	line-height: 1;
	color: rgb(var(--gre));
	font-size: 20px;
}

.pickup__list--contents .details__contents .title {
	margin-bottom: 16px;
	line-height: 1.43333;
	color: rgb(var(--red));
	font-size: 30px;
	letter-spacing: -0.005em;
}

.pickup__list--contents .details__contents .text {
	margin-bottom: 20px;
	line-height: 1.73684;
	font-size: 19px;
}

.pickup__list--contents .details__contents .linkBtn a {
	background: rgb(var(--red));
	width: 300px;
	font-size: 23px;
	border-color: rgb(var(--red));
}

.pickup__list--contents .details__contents .linkBtn a:hover {
	background: rgb(var(--wht));
	color: rgb(var(--red));
}

@media screen and (max-width: 1300px) {
	.pickup {
		padding: 10vw 3.84615vw;
		overflow: hidden;
	}

	.pickup__title {
		margin-bottom: 5.38462vw;
	}

	.pickup__title img {
		max-width: 16.76923vw;
	}

	.pickup__list--contents:not(:last-of-type) {
		margin-bottom: 5.07692vw;
		padding-bottom: 5.07692vw;
	}

	.pickup__list--contents.kioicho .deco {
		width: 16.61538vw;
		top: -16.46154vw;
		left: -2.30769vw;
	}

	.pickup__list--contents.tokyo .deco {
		width: 10.38462vw;
		top: 11.23077vw;
		right: -6.53846vw;
	}

	.pickup__list--contents.shinagawa .deco {
		width: 13.30769vw;
		top: -2.61538vw;
		left: 21.76923vw;
	}

	.pickup__list--contents.sunshine .deco {
		width: 7.53846vw;
		top: 0.69231vw;
		right: -3.07692vw;
	}

	.pickup__list--contents.kawagoe .deco {
		width: 15.61538vw;
		top: -1.61538vw;
		left: 19.76923vw;
	}

	.pickup__list--contents:nth-child(odd) .images {
		right: -3.07692vw;
	}

	.pickup__list--contents .details__title {
		margin-bottom: 1.84615vw;
		font-size: 1.53846vw;
	}

	.pickup__list--contents .details__contents .title {
		margin-bottom: 1.23077vw;
		font-size: 2.30769vw;
	}

	.pickup__list--contents .details__contents .text {
		margin-bottom: 1.53846vw;
		font-size: 1.46154vw;
	}

	.pickup__list--contents .details__contents .linkBtn a {
		width: 23.07692vw;
		font-size: 1.76923vw;
	}
}

@media screen and (max-width: 768px) {
	.pickup {
		padding: 24vw 8vw;
	}

	.pickup__title {
		margin-bottom: 6.4vw;
	}

	.pickup__title img {
		max-width: 33.33333vw;
	}

	.pickup__list--contents {
		display: block;
	}

	.pickup__list--contents:not(:last-of-type) {
		margin-bottom: 16vw;
		padding-bottom: 16vw;
	}

	.pickup__list--contents .deco {
		position: absolute;
	}

	.pickup__list--contents.kioicho .deco {
		width: 24.74304vw;
		top: 69.33333vw;
		right: -4vw;
		left: auto;
	}

	.pickup__list--contents.tokyo .deco {
		width: 15vw;
		top: 62.03771vw;
		right: 0;
		transform: rotate(-45deg);
	}

	.pickup__list--contents.shinagawa .deco {
		width: 18vw;
		top: 62.03771vw;
		right: -4vw;
		left: auto;
	}

	.pickup__list--contents.sunshine .deco {
		width: 12vw;
		top: 70vw;
		right: -3.2vw;
	}

	.pickup__list--contents.kawagoe .deco {
		width: 22vw;
		top: 62.03771vw;
		right: -7.2vw;
		left: auto;
	}

	.pickup__list--contents .images {
		margin-bottom: 5.6vw;
		width: 100%;
	}

	.pickup__list--contents:nth-child(odd) .images {
		right: 0;
	}

	.pickup__list--contents .details {
		width: 100%;
	}

	.pickup__list--contents .details__title {
		margin-bottom: 5.6vw;
		font-size: 4vw;
	}

	.pickup__list--contents .details__contents .title {
		margin-bottom: 4.26667vw;
		font-size: 5.33333vw;
	}

	.pickup__list--contents .details__contents .text {
		margin-bottom: 5.6vw;
		font-size: 4vw;
	}

	.pickup__list--contents .details__contents .linkBtn a {
		width: 100%;
		font-size: 6.13333vw;
	}
}

/* ----------------------------------------------------
	hotels
---------------------------------------------------- */
.hotels {
	background: rgba(var(--beg), 0.5);
	padding: 120px 0;
}

.hotels__title {
	margin-bottom: 45px;
	text-align: center;
}

.hotels__title img {
	max-width: 208px;
}

.hotels__slide {
	line-height: 0;
	direction: rtl;
}

.hotels__slide.rev {
	margin-bottom: 36px;
	direction: ltr;
}

.hotels__slide--item {
	padding: 0 10px;
}

.hotels__slide--item {
	margin-bottom: 20px;
	padding: 0 10px;
}

.hotels .linkBtn a {
	background: rgb(var(--gre));
	margin: 0 auto;
	max-width: 420px;
	max-width: 640px;
	font-size: 23px;
	border-color: rgb(var(--gre));
}

.hotels .linkBtn a:hover {
	background: rgb(var(--wht));
	color: rgb(var(--gre));
}

@media screen and (max-width: 768px) {
	.hotels {
		padding: 16.8vw 0;
	}

	.hotels__title {
		margin-bottom: 6.4vw;
	}

	.hotels__title img {
		max-width: 37.02808%;
	}

	.hotels__slide.rev {
		margin-bottom: 6.4vw;
	}

	.hotels__slide--item {
		padding: 0 1.33333vw;
	}

	.hotels__slide--item {
		margin-bottom: 2.66667vw;
		padding: 0 1.33333vw;
	}

	.hotels .linkBtn a {
		max-width: 83.99997vw;
		line-height: 1.25;
		font-size: 5.33333vw;
		text-align: center;
	}
}