@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url("https://use.typekit.net/ief7jli.css");

:root {
	/* font */
	--gothic: "Noto Sans JP", sans-serif;
	--mincho: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
	--din2024: "din-2014", sans-serif;
	--ab-clip: "ab-clip-medium", sans-serif;
	--pauline: "pauline", sans-serif;
	--udkakugoc: "fot-udkakugoc60-pro", sans-serif;

	/* color */
	--blk: 62, 58, 57;
	--wht: 255, 255, 255;
	--btnColor1: 253, 208, 0;
	--btnColor2: 0, 174, 187;
}

/* ----------------------------------------------------
	基本設定
---------------------------------------------------- */
/*
	reset
------------------------------ */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
}

p {
	word-wrap: break-word;
}

/*p:not(:last-of-type) {
	margin-bottom: 1em;
}*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

address,
b,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}

caption,
th {
	text-align: left;
}

a {
	text-decoration: underline;
	transition: all 0.5s ease 0s;
}

a:hover {
	text-decoration: none;
	opacity: 0.7;
}

area {
	border: none;
	outline: none;
}

.lp_wrap img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*
	表示設定
------------------------------ */
.lp_wrap {
	background: var(--wht);
	line-height: 1.8;
}

.container {
	margin: 0 auto;
	padding: 0 50px;
	max-width: 1200px;
	width: 100%;
}

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

/*
	font
------------------------------ */
.lp_wrap {
	font-family: var(--gothic);
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	/* font-feature-settings: "palt"1; */
	letter-spacing: 0.05em;
}

.lp_wrap,
th,
td {
	color: var(--blk);
	font-size: 16px;
	font-weight: normal;
}

@media screen and (max-width: 768px) {

	body,
	th,
	td {
		font-size: 3.73333vw;
	}
}

.udkakugoc {
	font-family: var(--udkakugoc);
}

/*
	SP,PC表示切り替え
------------------------------ */
.pc {
	display: block;
}

.sp {
	display: none;
}

@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}

/*
	list
------------------------------ */
ul.list li {
	margin-left: 1em;
	text-indent: -1em;
}

/* note */
ul.note li {
	margin-left: 1em;
	text-indent: -1em;
	font-size: 14px;
}

ul.note li::before {
	content: "※";
}

@media screen and (max-width: 768px) {}

/*
	linkBtn
------------------------------ */
.linkBtn a {
	background-image: url(../img/arrow.svg);
	background-position: right 1rem center;
	background-size: 38px auto;
	background-repeat: no-repeat;
	padding-left: 2em;
	height: 68px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	border-radius: 68px;
	display: flex;
	align-items: center;
	position: relative;
}

.linkBtn.type1 a {
	background-color: rgb(var(--btnColor1));
}

.linkBtn.type2 a {
	background-color: rgb(var(--btnColor2));
}

@media screen and (max-width: 1200px) {
	.linkBtn a {
		background-size: 3.16667vw auto;
		background-position: right 1vw center;
		height: 5.66667vw;
		font-size: 1.33333vw;
		border-radius: 5.66667vw;
	}
}

@media screen and (max-width: 768px) {
	.linkBtn a {
		background-size: 10vw auto;
		background-position: right 1vw center;
		height: 12vw;
		font-size: 4.26667vw;
		border-radius: 12vw;
	}
}

/* ----------------------------------------------------
	pagetop
---------------------------------------------------- */
.pageTop a {
	background: rgba(var(--btnColor2), 0.9);
	width: 64px;
	height: 64px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	right: 1em;
	bottom: 1em;
	z-index: 10;
}

.pageTop a svg {
	fill: rgb(var(--wht));
	width: 16px;
	height: auto;
}

@media screen and (max-width: 768px) {
	.pageTop a {
		bottom: 60px;
	}
}

/* ----------------------------------------------------
	toggle nav
---------------------------------------------------- */
/*
	toggle
------------------------------ */
.toggle {
	display: none;
}

@media screen and (max-width: 768px) {
	.toggle {
		display: block;
		position: fixed;
		top: 13px;
		left: 15px;
		z-index: 1101;
	}

	.toggle__inner {
		position: relative;
		width: 36px;
		height: 36px;
		cursor: pointer;
	}

	.toggle__inner span {
		background: #f6921e;
		width: 100%;
		height: 4px;
		display: block;
		position: absolute;
		left: 0;
		transition: transform 0.6s ease-in-out, top 0.5s ease, bottom 0.5s ease;
	}

	.toggle__inner span:nth-child(1) {
		top: 2px;
	}

	.toggle__inner span:nth-child(2) {
		top: 50%;
		transform: translatey(-50%);
	}

	.toggle__inner span:nth-child(3) {
		bottom: 2px;
	}

	/* is-open */
	.is-open .toggle__inner span {
		background: rgb(var(--wht));
		height: 2px;
	}

	.is-open .toggle__inner span:nth-child(1) {
		top: 50%;
		transform: rotate(45deg) translatey(-50%);
	}

	.is-open .toggle__inner span:nth-child(2) {
		width: 0;
	}

	.is-open .toggle__inner span:nth-child(3) {
		top: 50%;
		transform: rotate(-45deg) translatey(-50%);
	}
}

/*
	lp_gnav
------------------------------ */
#lp_gnav {
	display: none;
}

@media screen and (max-width: 768px) {
	#lp_gnav {
		background: #3aadc0;
		padding-top: 86px;
		width: 100%;
		height: 100%;
		text-align: left;
		overflow: auto;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		transform: translateX(-100%);
		transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#lp_gnav.fixed_gnav {
		position: fixed;
		bottom: auto;
		left: 0;
		z-index: 1100;
	}

	.lp_gnav__list {
		padding: 0 25px;
		display: block;
	}

	.lp_gnav__list--item {
		height: auto;
	}

	.lp_gnav__list--item:first-child {
		border-top: solid 1px rgb(var(--wht));
	}

	.lp_gnav__list--item a {
		background: url(../img/arrow.svg) right center no-repeat;
		background-size: 5.86667vw auto;
		padding: 1em 0;
		color: rgb(var(--wht));
		font-size: 4.26667vw;
		font-weight: bold;
		text-decoration: none;
		border-bottom: solid 1px rgb(var(--wht));
		display: flex;
		justify-content: space-between;
	}

	.lp_gnav__list--item a svg {
		width: auto;
		height: 3.73333vw;
		fill: none;
		stroke: rgb(var(--wht));
		stroke-miterlimit: 10;
		display: block;
	}

	/* is-open */
	.is-open {
		overflow: hidden;
	}

	.is-open #lp_gnav {
		z-index: 1100;
		transform: translateX(0);
	}
}

/* ---------------------------------------------------
	footer
---------------------------------------------------- */
.lp_footer {
	background: rgb(var(--wht));
	padding-top: 3em;
	position: relative;
	z-index: 10;
}

@media screen and (max-width: 768px) {
	.lp_footer .note {
		font-size: 3.2vw;
		justify-content: flex-start;
	}
}

/*
	hotelNav
------------------------------ */
.lp_footer .hotelNav {
	padding: 55px 0;
	line-height: 1;
	color: rgb(var(--blk));
	display: flex;
	justify-content: center;
}

.lp_footer .hotelNav::before {
	content: "｜";
}

.lp_footer .hotelNav li {
	margin: 0;
	text-indent: 0;
	white-space: nowrap;
}

.lp_footer .hotelNav li::before {
	content: "";
}

.lp_footer .hotelNav li::after {
	content: "｜";
}

.lp_footer .hotelNav li a {
	padding: 0 1em;
	color: rgb(var(--blk));
	text-decoration: none;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.lp_footer .hotelNav {
		padding: 7.46667vw 0;
		line-height: 3;
		font-size: 4.26667vw;
		text-align: center;
		display: block;
	}

	.lp_footer .hotelNav::before {
		content: "";
	}

	.lp_footer .hotelNav li::before {
		content: "｜";
	}

	.lp_footer .hotelNav li a {
		padding: 0 0.5em;
		font-size: 3.73333vw;
	}
}

/*
	copy
------------------------------ */
.lp_footer .copy {
	padding: 0 0 100px;
	color: #808080;
	font-size: 12px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.lp_footer .copy {
		padding: 0 0 16vw;
		font-size: 2.66667vw;
	}
}

/* ---------------------------------------------------
	spNav
---------------------------------------------------- */
.lp_spNav {
	display: none;
}

@media screen and (max-width: 768px) {
	.lp_spNav {
		display: block;
	}

	.lp_spNav__list {
		display: flex;
		flex-wrap: wrap;
	}

	.lp_spNav__list--item {
		width: 50%;
		border-bottom: solid 1px rgb(var(--wht));
	}

	.lp_spNav__list--item:nth-child(even) {
		border-left: solid 1px rgb(var(--wht));
	}

	.lp_spNav__list--item a {
		background: rgb(var(--mainColor));
		height: 20vw;
		color: rgb(var(--wht));
		font-size: 4.26667vw;
		text-align: center;
		text-decoration: none;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* ---------------------------------------------------
	kv
---------------------------------------------------- */
.lp_main figure {
	margin: 0;
}

/* ---------------------------------------------------
	kv
---------------------------------------------------- */
.lp_main .kv {
	background: url(../img/kvBg.svg) center top no-repeat;
	background-size: 100% auto;
	height: 85.78125vw;
	position: relative;
	z-index: 1;
}

.lp_main .kv::before {
	background: url(../img/kvDecoration.svg) center no-repeat;
	background-size: 100% auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: "";
}

.lp_main .kv__title {
	position: absolute;
	/*width: 47.83226%;
	top: 12.03125vw;
	left: 10.46875%;*/
	max-width: 1100px;
	width: 80%;
	top: 12.03125vw;
	left: 8%;
	
	z-index: 3;
}

@media screen and (max-width: 768px) {
	.lp_main .kv {
		background: url(../img/kvBg_sp.svg) center top no-repeat;
		background-size: 100% auto;
		height: 127.2vw;
	}

	.lp_main .kv::before {
		background: url(../img/kvDecoration_sp.svg) center no-repeat;
		background-size: 100% auto;
	}

	.lp_main .kv__title {
		width: 76.81197%;
		top: 21.33333vw;
		left: 50%;
		transform: translateX(-50%);
	}
}

/* ---------------------------------------------------
	lead
---------------------------------------------------- */
.lp_main .lpLead {
	margin-bottom: 8em;
}

.lp_main .lpLead__title {
	width: 58.57482%;
	position: relative;
	top: -2rem;
}

.lp_main .lpLead__text {
	padding-left: 2.5rem;
	line-height: 2.8;
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.lp_main .lpLead {
		margin-bottom: 2em;
	}

	.lp_main .lpLead__title {
		margin: 1rem 0;
		width: 100%;
		top: 0;
	}

	.lp_main .lpLead__text {
		padding-left: 0;
		font-size: 4.26667vw;
		letter-spacing: -0.005em;
	}
}

/* ---------------------------------------------------
	mnav
---------------------------------------------------- */
.lp_main .lpMnav {
	margin-bottom: 8em;
	overflow: hidden;
}

.lp_main .lpMnav .container {
	padding: 8em 0;
	position: relative;
}

.lp_main .lpMnav .container::before,
.lp_main .lpMnav .container::after {
	background: url(../img/wave1.svg) no-repeat;
	background-size: 100% auto;
	width: 89.37015%;
	height: 50px;
	position: absolute;
	content: "";
}

.lp_main .lpMnav .container::before {
	background-position: right bottom;
	top: 0;
	left: -10%;
}

.lp_main .lpMnav .container::after {
	background-position: left top;
	right: -10%;
	bottom: 0;
}

.lp_main .lpMnav__title {
	margin-bottom: 1em;
	line-height: 1;
	color: rgb(var(--btnColor2));
	font-family: var(--ab-clip);
	font-size: 40px;
	text-align: center;
}

.lp_main .lpMnav__list {
	display: flex;
	flex-wrap: wrap;
}

.lp_main .lpMnav__list--item {
	margin-bottom: 3em;
	width: 25%;
	text-align: center;
}

.lp_main .lpMnav__list--item a {
	height: 100%;
	text-decoration: none;
	display: block;
}

.lp_main .lpMnav__list--item a .lpMnav__list--image {
	margin: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.lp_main .lpMnav__list--item a .menuName {
	margin-top: auto;
}

/* icon */
.lp_main .lpMnav__list--item.hanabi .lpMnav__list--image img {
	width: 44.36364%;
}

.lp_main .lpMnav__list--item.bar .lpMnav__list--image img {
	width: 53.81818%;
}

.lp_main .lpMnav__list--item.activity .lpMnav__list--image img {
	width: 47.27273%;
}

.lp_main .lpMnav__list--item.pool .lpMnav__list--image img {
	width: 26.90909%;
}

.lp_main .lpMnav__list--item.room .lpMnav__list--image img {
	width: 46.18182%;
}

.lp_main .lpMnav__list--item.workshop .lpMnav__list--image img {
	width: 43.27273%;
}

.lp_main .lpMnav__list--item.stay .lpMnav__list--image img {
	width: 34.18182%;
}

.lp_main .lpMnav__list--item.buffet .lpMnav__list--image img {
	width: 28.72727%;
}

/* name */
.lp_main .lpMnav__list--item.hanabi .menuName img {
	width: 33.01705%;
}

.lp_main .lpMnav__list--item.bar .menuName img {
	width: 62.69698%;
}

.lp_main .lpMnav__list--item.activity .menuName img {
	width: 70.52735%;
}

.lp_main .lpMnav__list--item.pool .menuName img {
	width: 47.44778%;
}

.lp_main .lpMnav__list--item.room .menuName img {
	width: 46.78553%;
}

.lp_main .lpMnav__list--item.workshop .menuName img {
	width: 54.98367%;
}

.lp_main .lpMnav__list--item.stay .menuName img {
	width: 87.14916%;
}

.lp_main .lpMnav__list--item.buffet .menuName img {
	width: 54.97622%;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpMnav__title {
		font-size: 3.33333vw;
	}

	.lp_main .lpMnav__list--item a .menuName {
		font-size: 2vw;
	}

	.lp_main .lpMnav__list--item a .menuName .en {
		font-size: 2.33333vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpMnav {
		margin-bottom: 4em;
	}

	.lp_main .lpMnav .container {
		padding: 4em 0 6em;
	}

	.lp_main .lpMnav .container::before,
	.lp_main .lpMnav .container::after {
		background: url(../img/wave2.svg) no-repeat;
		background-size: 100% auto;
		width: 88%;
		height: 50px;
		left: 50%;
		right: auto;
		transform: translateX(-50%);
	}

	.lp_main .lpMnav__title {
		margin-bottom: 0;
		font-size: 7.46667vw;
	}

	.lp_main .lpMnav__list--item a .menuName {
		font-size: 3.2vw;
		letter-spacing: -0.05em;
	}

	.lp_main .lpMnav__list--item a .menuName .en {
		font-size: 4.26667vw;
	}

	/* name */
	.lp_main .lpMnav__list--item.hanabi .menuName img {
		width: 11.41707vw;
	}

	.lp_main .lpMnav__list--item.bar .menuName img {
		width: 13.54061vw;
	}

	.lp_main .lpMnav__list--item.activity .menuName img {
		width: 18.1224vw;
	}

	.lp_main .lpMnav__list--item.pool .menuName img {
		width: 7.88307vw;
	}

	.lp_main .lpMnav__list--item.room .menuName img {
		width: 8.14739vw;
	}

	.lp_main .lpMnav__list--item.workshop .menuName img {
		width: 10.35027vw;
	}

	.lp_main .lpMnav__list--item.stay .menuName img {
		width: 15.644vw;
	}

	.lp_main .lpMnav__list--item.buffet .menuName img {
		width: 9.71771vw;
	}
}

/*
	anime
------------------------------ */
.lpMnav__list--item img {
	transform: scale(1.0);
	opacity: 1;
}

.lpMnav__list--item.poyopoyo img {
	animation: poyopoyo 2s ease-out forwards;
}

@keyframes poyopoyo {

	0%,
	40%,
	60%,
	80%,
	100% {
		transform: scale(1.0);
	}

	50%,
	70% {
		transform: scale(0.9);
	}
}

/* ---------------------------------------------------
	section
---------------------------------------------------- */
.lp_main .section {
	margin-bottom: 5em;
}

.lp_main .section .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lp_main .section:nth-child(odd) .container {
	flex-direction: row-reverse;
}

.lp_main .section__image {
	width: 56%;
}

.lp_main .section__contents {
	width: 44%;
}

.lp_main .section__contents .title {
	margin-bottom: 2rem;
	line-height: 1;
	color: rgb(var(--btnColor2));
	font-family: var(--ab-clip);
	font-size: 72px;
	text-indent: -0.25em;
	letter-spacing: -0.25em;
}

.lp_main .section__contents .title .en {
	font-family: var(--pauline);
	font-size: 76px;
	letter-spacing: 0;
	display: inline-block;
}

.lp_main .section__contents .title .enTitle {
	padding: 0.25em 0 0 0.35em;
	font-family: var(--pauline);
	font-size: 36px;
	font-style: italic;
	letter-spacing: 0;
	display: block;
}

.lp_main .section__contents .date {
	margin-bottom: 1rem;
}

.lp_main .section__contents .text {
	margin-bottom: 2rem;
}

.lp_main .section__contents .link .linkBtn:not(:last-of-type) {
	margin-bottom: 1em;
}

.lp_main .section__contents .link .linkBtn a {
	max-width: 297px;
}

@media screen and (max-width: 1200px) {
	.lp_main .section__contents .title {
		font-size: 6vw;
	}

	.lp_main .section__contents .title .en {
		font-size: 6.33333vw;
	}

	.lp_main .section__contents .title .enTitle {
		font-size: 3vw;
	}

	.lp_main .section__contents .date,
	.lp_main .section__contents .text {
		font-size: 1.33333vw;
	}

	.lp_main .section__contents .link .linkBtn a {
		max-width: 24.75vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .section .container {
		display: block;
	}

	.lp_main .section__image,
	.lp_main .section__contents {
		width: 100%;
	}

	.lp_main .section__contents {
		margin-bottom: 2em;
	}

	.lp_main .section__contents .title {
		margin-bottom: 1rem;
		font-size: 10.66667vw;
	}

	.lp_main .section__contents .title .en {
		font-size: 11.2vw;
	}

	.lp_main .section__contents .title .enTitle {
		font-size: 5.33333vw;
	}

	.lp_main .section__contents .date {
		font-size: 3.73333vw;
	}

	.lp_main .section__contents .text {
		margin-bottom: 1rem;
		font-size: 3.73333vw;
	}

	.lp_main .section__contents .link .linkBtn a {
		max-width: 66.66667vw;
	}
}

/*
	sectionTitle
------------------------------ */
.lp_main .sectionTitle {
	margin-bottom: 1.5rem;
	line-height: 1;
	font-family: var(--din2024);
	font-size: 69px;
	font-weight: 400;
}

.lp_main .sectionTitle .jp {
	margin-top: 1rem;
	font-family: var(--ab-clip);
	font-size: 31px;
	letter-spacing: -0.25em;
	display: block;
}

@media screen and (max-width: 768px) {
	.lp_main .sectionTitle {
		font-size: 10.66667vw;
	}

	.lp_main .sectionTitle .jp {
		font-size: 6.13333vw;
	}
}

/* ---------------------------------------------------
	hanabi
---------------------------------------------------- */
.lp_main .lpHanabi .section__contents {
	padding-right: 2rem;
	width: 38%;
}

.lp_main .lpHanabi .section__image {
	background: url(../img/hanabiDeco01.svg) center top no-repeat;
	background-size: 638px auto;
	width: 62%;
	height: 608px;
	position: relative;
}

.lp_main .lpHanabi .section__image img {
	width: 607px;
	position: absolute;
	top: 110px;
	left: 70px;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpHanabi .section__image {
		background-size: 53.16667vw auto;
		height: 50.66667vw;
	}

	.lp_main .lpHanabi .section__image img {
		width: 50.58333vw;
		top: 9.16667vw;
		left: 5.83333vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpHanabi .section__contents {
		padding-right: 0;
		width: 100%;
	}

	.lp_main .lpHanabi .section__image {
		background: none;
		width: 100%;
		height: 88.18597vw;
	}

	.lp_main .lpHanabi .section__image::before {
		background: url(../img/hanabiDeco01_sp.svg) center top no-repeat;
		width: 89.7148vw;
		height: 76.93227vw;
		position: absolute;
		top: -3vw;
		right: -4.5vw;
		content: "";
	}

	.lp_main .lpHanabi .section__image::after {
		background: url(../img/hanabiDeco02_sp.svg) center no-repeat;
		background-size: cover;
		width: 27.06667vw;
		height: 15.6vw;
		position: absolute;
		right: 0;
		bottom: 0;
		content: "";
	}

	.lp_main .lpHanabi .section__image img {
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
	}
}

/* ---------------------------------------------------
	bar
---------------------------------------------------- */
.lp_main .lpBar .title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.lp_main .lpBar .title .en {
	margin-left: 0.35em;
}

.lp_main .lpBar .title .enTitle {
	width: 100%;
}

.lp_main .lpBar .section__image {
	height: 472px;
	position: relative;
}

.lp_main .lpBar .section__image::before {
	background: url(../img/barDeco01.svg) left top no-repeat;
	background-size: 600px auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100px;
	content: "";
}

.lp_main .lpBar .section__image img {
	width: 530px;
	position: absolute;
	top: 30px;
	left: 0;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpBar .section__image {
		height: 39.33333vw;
	}

	.lp_main .lpBar .section__image::before {
		background-size: 50vw auto;
		left: -8.33333vw;
	}

	.lp_main .lpBar .section__image img {
		width: 44.16667vw;
		top: 2.5vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpBar .section__image {
		height: auto;
		position: relative;
	}

	.lp_main .lpBar .section__image::before {
		background: url(../img/barDeco01_sp.svg) right top no-repeat;
		background-size: 100% auto;
		width: 94.66667vw;
		height: 90.69203vw;
		position: absolute;
		top: -2vw;
		right: -5vw;
		left: auto;
		content: "";
	}

	.lp_main .lpBar .section__image img {
		width: 100%;
		position: relative;
		top: auto;
	}
}

/* ---------------------------------------------------
	activity
---------------------------------------------------- */
.lp_main .lpActivity .title {
	margin-left: -0.2em;
	text-indent: 0;
}

.lp_main .lpActivity .section__contents {
	padding-right: 2rem;
	width: 38%;
}

.lp_main .lpActivity .section__image {
	width: 62%;
	height: 785px;
	position: relative;
}

.lp_main .lpActivity .section__image::before,
.lp_main .lpActivity .section__image .image1,
.lp_main .lpActivity .section__image .image2,
.lp_main .lpActivity .section__image .image3 {
	position: absolute;
}

.lp_main .lpActivity .section__image::before {
	background: url(../img/activityDeco01.svg) center no-repeat;
	background-size: 100%;
	width: 115px;
	height: 100px;
	top: 160px;
	left: 0;
	content: "";
}

.lp_main .lpActivity .section__image .image1 {
	width: 467px;
	top: 0;
	right: 20px;
}

.lp_main .lpActivity .section__image .image2 {
	width: 510px;
	left: 50px;
	bottom: 90px;
}

.lp_main .lpActivity .section__image .image3 {
	width: 320px;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpActivity .section__image {
		height: 65.41667vw;
	}

	.lp_main .lpActivity .section__image::before {
		width: 9.58333vw;
		height: 8.33333vw;
		top: 13.33333vw;
	}

	.lp_main .lpActivity .section__image .image1 {
		width: 38.91667vw;
		right: 1.66667vw;
	}

	.lp_main .lpActivity .section__image .image2 {
		width: 42.5vw;
		left: 4.16667vw;
		bottom: 7.5vw;
	}

	.lp_main .lpActivity .section__image .image3 {
		width: 26.66667vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpActivity .section__contents {
		padding-right: 0;
		width: 100%;
	}

	.lp_main .lpActivity .section__image {
		width: 100%;
		height: 107.54539vw;
	}

	.lp_main .lpActivity .section__image::before,
	.lp_main .lpActivity .section__image .image1,
	.lp_main .lpActivity .section__image .image2,
	.lp_main .lpActivity .section__image .image3 {
		position: absolute;
	}

	.lp_main .lpActivity .section__image::before {
		background: url(../img/activityDeco01_sp.svg) center no-repeat;
		background-size: 100%;
		width: 26.8vw;
		height: 14.66667vw;
		top: auto;
		bottom: 0;
		left: -4.5vw;
		z-index: 2;
	}

	.lp_main .lpActivity .section__image .image1 {
		width: 58.34069vw;
		top: 0;
		right: auto;
		left: -4vw;
		z-index: 2;
	}

	.lp_main .lpActivity .section__image .image2 {
		width: 100%;
		left: 0;
		bottom: 11.2vw;
		z-index: 1;
	}

	.lp_main .lpActivity .section__image .image3 {
		width: 44.53333vw;
		top: 8vw;
		right: -4vw;
		bottom: auto;
		z-index: 3;
	}
}

/* ---------------------------------------------------
	pool
---------------------------------------------------- */
.lp_main .lpPool .section__image {
	height: 472px;
	position: relative;
}

.lp_main .lpPool .section__image::before {
	background: url(../img/poolDeco01.svg) left top no-repeat;
	background-size: 600px auto;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100px;
	content: "";
}

.lp_main .lpPool .section__image img {
	width: 530px;
	position: absolute;
	top: 40px;
	left: 0;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpPool .section__image {
		height: 39.33333vw;
	}

	.lp_main .lpPool .section__image::before {
		background-size: 50vw auto;
		left: -8.33333vw;
	}

	.lp_main .lpPool .section__image img {
		width: 44.16667vw;
		top: 3.33333vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpPool .section__image {
		height: 72.43731vw;
	}

	.lp_main .lpPool .section__image::before {
		background: url(../img/poolDeco01_sp.svg) center no-repeat;
		background-size: cover;
		width: 97.20333vw;
		height: 71.62704vw;
		left: 50%;
		transform: translateX(-50%);
	}

	.lp_main .lpPool .section__image::after {
		background: url(../img/poolDeco02_sp.svg) center no-repeat;
		background-size: 100% auto;
		width: 18.66667vw;
		height: 15.73333vw;
		position: absolute;
		top: 2vw;
		right: 4vw;
		content: "";
	}

	.lp_main .lpPool .section__image img {
		width: 100%;
		top: 6.5vw;
	}
}

/* ---------------------------------------------------
	room
---------------------------------------------------- */
.lp_main .lpRoom .section__image {
	height: 520px;
	position: relative;
}

.lp_main .lpRoom .section__image::before,
.lp_main .lpRoom .section__image .image1 {
	position: absolute;
}

.lp_main .lpRoom .section__image::before {
	background: url(../img/roomDeco01.svg) center top no-repeat;
	background-size: cover;
	width: 582px;
	height: 505px;
	top: 50%;
	left: 0;
	z-index: 1;
	transform: translateY(-50%);
	content: "";
}

.lp_main .lpRoom .section__image .image1 {
	width: 524px;
	right: 0;
	bottom: 0;
	z-index: 2;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpRoom .section__image {
		height: 43.33333vw;
	}

	.lp_main .lpRoom .section__image::before {
		width: 48.5vw;
		height: 42.08333vw;
	}

	.lp_main .lpRoom .section__image .image1 {
		width: 43.66667vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpRoom .section__image {
		height: 84.69203vw;
	}

	.lp_main .lpRoom .section__image::before {
		background: url(../img/roomDeco01_sp.svg) center top no-repeat;
		background-size: cover;
		width: 88.26667vw;
		height: 74.87269vw;
		top: 0;
		left: -5vw;
		transform: translateY(0);
	}

	.lp_main .lpRoom .section__image::after {
		background: url(../img/roomDeco02_sp.svg) center no-repeat;
		background-size: 100% auto;
		width: 23.86667vw;
		height: 18.26667vw;
		position: absolute;
		right: 12vw;
		bottom: 0;
		z-index: 3;
		content: "";
	}

	.lp_main .lpRoom .section__image .image1 {
		width: 100%;
		top: 4vw;
		right: auto;
		bottom: auto;
	}
}

/* ---------------------------------------------------
	workshop
---------------------------------------------------- */
.lp_main .lpWorkshop .section__image {
	height: 542px;
	position: relative;
}

.lp_main .lpWorkshop .section__image::before,
.lp_main .lpWorkshop .section__image::after {
	position: absolute;
	content: "";
}

.lp_main .lpWorkshop .section__image::before {
	background: url(../img/workshopDeco02.svg) center no-repeat;
	background-size: cover;
	width: 520px;
	height: 488px;
	top: 0;
	right: 80px;
}

.lp_main .lpWorkshop .section__image::after {
	background: url(../img/workshopDeco01.svg) center no-repeat;
	background-size: 100% auto;
	width: 95px;
	height: 138px;
	bottom: 0;
	left: -70px;
}

.lp_main .lpWorkshop .section__image img {
	width: 500px;
	position: absolute;
	bottom: 54px;
	left: 0;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpWorkshop .section__image {
		height: 45.16667vw;
	}

	.lp_main .lpWorkshop .section__image::before {
		width: 43.33333vw;
		height: 40.66667vw;
		right: 6.66667vw;
	}

	.lp_main .lpWorkshop .section__image::after {
		width: 7.91667vw;
		height: 11.5vw;
		left: -5.83333vw;
	}

	.lp_main .lpWorkshop .section__image img {
		width: 41.66667vw;
		bottom: 4.5vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpWorkshop .section__image {
		height: 87.27549vw;
	}

	.lp_main .lpWorkshop .section__image::before {
		background: url(../img/workshopDeco02_sp.svg) center no-repeat;
		background-size: cover;
		width: 94.61187%;
		height: 76.49472vw;
		right: -6.4vw;
	}

	.lp_main .lpWorkshop .section__image::after {
		background: url(../img/workshopDeco01_sp.svg) center no-repeat;
		background-size: 100% auto;
		width: 26.8vw;
		height: 23.06667vw;
		bottom: 0;
		left: -5vw;
	}

	.lp_main .lpWorkshop .section__image img {
		width: 100%;
		position: absolute;
		bottom: 14vw;
		left: 0;
	}
}

/* ---------------------------------------------------
	stay
---------------------------------------------------- */
.lp_main .lpStay .title img {
	width: auto;
	height: 150px;
}

.lp_main .lpStay .section__image {
	width: 62%;
	height: 645px;
	position: relative;
}

.lp_main .lpStay .section__image::before,
.lp_main .lpStay .section__image .image1,
.lp_main .lpStay .section__image .image2 {
	position: absolute;
}

.lp_main .lpStay .section__image::before {
	background: url(../img/stayDeco01.svg) center no-repeat;
	background-size: auto 100%;
	width: 101px;
	height: 103px;
	top: 140px;
	right: 10px;
	content: "";
}

.lp_main .lpStay .section__image .image1 {
	width: 443px;
	top: 0;
	left: 40px;
}

.lp_main .lpStay .section__image .image2 {
	width: 517px;
	right: 0;
	bottom: 0;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpStay .title img {
		height: 12.5vw;
	}

	.lp_main .lpStay .title img {
		height: 12.5vw;
	}

	.lp_main .lpStay .section__image {
		height: 53.75vw;
	}

	.lp_main .lpStay .section__image::before {
		width: 8.41667vw;
		height: 8.58333vw;
		top: 11.66667vw;
		right: 0.83333vw;
	}

	.lp_main .lpStay .section__image .image1 {
		width: 36.91667vw;
		left: 3.33333vw;
	}

	.lp_main .lpStay .section__image .image2 {
		width: 43.08333vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpStay .title img {
		height: 21.27475vw;
	}

	.lp_main .lpStay .section__image {
		width: 100%;
		height: 94.87525vw;
	}

	.lp_main .lpStay .section__image::before {
		background: url(../img/stayDeco01.svg) center no-repeat;
		background-size: auto 100%;
		width: 19.15797vw;
		height: 19.27032vw;
		top: auto;
		right: auto;
		bottom: 7.5vw;
		left: 10vw;
		transform: rotate(180deg);
	}

	.lp_main .lpStay .section__image .image1 {
		width: 54.66667vw;
		top: auto;
		right: -4vw;
		bottom: 0;
		left: auto;
		z-index: 2;
	}

	.lp_main .lpStay .section__image .image2 {
		width: 100%;
		top: 0;
		left: 0;
		right: auto;
		bottom: auto;
		z-index: 1;
	}
}

/* ---------------------------------------------------
	buffet
---------------------------------------------------- */
.lp_main .lpBuffet .section__image {
	height: 510px;
	position: relative;
}

.lp_main .lpBuffet .section__image::before {
	position: absolute;
	content: "";
}

.lp_main .lpBuffet .section__image::before {
	background: url(../img/buffetDeco01.svg) center no-repeat;
	background-size: 100% auto;
	width: 575px;
	height: 488px;
	top: 0;
	left: -60px;
}

.lp_main .lpBuffet .section__image img {
	width: 500px;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpBuffet .section__image {
		height: 42.5vw;
	}

	.lp_main .lpBuffet .section__image::before {
		width: 47.91667vw;
		height: 40.66667vw;
		left: -5vw;
	}

	.lp_main .lpBuffet .section__image img {
		width: 41.66667vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpBuffet .section__image {
		height: 72.32043vw;
	}

	.lp_main .lpBuffet .section__image::before {
		background: url(../img/buffetDeco01_sp.svg) center no-repeat;
		background-size: 100% auto;
		width: 97.0572vw;
		height: 71.39331vw;
		top: -4vw;
		left: -6.4vw;
	}

	.lp_main .lpBuffet .section__image::after {
		background: url(../img/poolDeco02_sp.svg) center no-repeat;
		background-size: 100% auto;
		width: 18.66667vw;
		height: 15.73333vw;
		position: absolute;
		top: -4vw;
		right: 4vw;
		content: "";
	}

	.lp_main .lpBuffet .section__image img {
		width: 100%;
		top: 0;
	}
}

/* ---------------------------------------------------
	lpAbout
---------------------------------------------------- */
.lp_main .lpAbout {
	background: #49a6b6;
	padding: 5em 0;
	color: rgb(var(--wht));
	overflow: hidden;
}

.lp_main .lpAbout .container {
	padding: 0 50px 8em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: center;
	position: relative;
}

.lp_main .lpAbout .container::before,
.lp_main .lpAbout .container::after {
	background: url(../img/wave2.svg) no-repeat;
	background-size: 100% auto;
	width: 69.37015%;
	height: 50px;
	position: absolute;
	z-index: 1;
	content: "";
}

.lp_main .lpAbout .container::before {
	background-position: right top;
	top: 0;
	left: -10%;
}

.lp_main .lpAbout .container::after {
	background-position: left bottom;
	right: -10%;
	bottom: 0;
}

.lp_main .lpAbout__image {
	margin: 0;
	width: 52.81818%;
}

.lp_main .lpAbout__wrap {
	padding-top: 7.5em;
}

.lp_main .lpAbout__title,
.lp_main .lpAbout__lead,
.lp_main .lpAbout__link {
	position: relative;
	z-index: 2;
}

.lp_main .lpAbout__lead {
	line-height: 2.875;
}

.lp_main .lpAbout__link {
	margin-top: 3em;
	width: 100%;
}

@media screen and (max-width: 1200px) {
	.lp_main .lpAbout {
		padding: 6.66667vw 0;
	}

	.lp_main .lpAbout .container {
		padding: 0 4.16667vw 10.66667vw;
	}

	.lp_main .lpAbout .container::before,
	.lp_main .lpAbout .container::after {
		width: 69.37015%;
		height: 4.16667vw;
	}

	.lp_main .lpAbout__wrap {
		padding-top: 10vw;
	}

	.lp_main .lpAbout__title {
		font-size: 5.75vw;
	}

	.lp_main .lpAbout__title .jp {
		font-size: 2.58333vw;
	}

	.lp_main .lpAbout__lead {
		font-size: 1.33333vw;
	}

	.lp_main .lpAbout__link {
		margin-top: 4.36364vw;
	}

	.lp_main .lpAbout__link .linkBtn a {
		background-size: 3.16667vw auto;
		padding-left: 3.33333vw;
		height: 5.66667vw;
		font-size: 1.33333vw;
	}
}

@media screen and (max-width: 768px) {
	.lp_main .lpAbout {
		padding: 5em 0;
	}

	.lp_main .lpAbout .container {
		padding: 0 8vw 4em;
		display: block;
	}

	.lp_main .lpAbout .container::before,
	.lp_main .lpAbout .container::after {
		width: 88vw;
		height: 4.54545vw;
	}

	.lp_main .lpAbout .container::before {
		left: 0;
	}

	.lp_main .lpAbout .container::after {
		right: 0;
	}

	.lp_main .lpAbout__image {
		width: 100%;
	}

	.lp_main .lpAbout__wrap {
		padding-top: 4em;
		width: 100%;
	}

	.lp_main .lpAbout__title {
		font-size: 10.66667vw;
	}

	.lp_main .lpAbout__title .jp {
		font-size: 6.13333vw;
	}

	.lp_main .lpAbout__lead {
		margin-bottom: 2rem;
		line-height: 2.5;
		font-size: 3.73333vw;
	}

	.lp_main .lpAbout__link .linkBtn a {
		background-size: 10vw auto;
		background-position: right 1vw center;
		padding-left: 2em;
		height: 12vw;
		font-size: 4.26667vw;
		border-radius: 16vw;
	}
}

/* ---------------------------------------------------
	about__link
---------------------------------------------------- */
.lp_main .lpAbout__link {
	display: flex;
	justify-content: space-between;
}

.lp_main .lpAbout__link .linkBtn {
	width: 30.81818%;
}

@media screen and (max-width: 768px) {
	.lp_main .lpAbout__link {
		display: block;
	}

	.lp_main .lpAbout__link .linkBtn {
		width: 100%;
	}

	.lp_main .lpAbout__link .linkBtn:not(:last-of-type) {
		margin-bottom: 1rem;
	}
}

/* ---------------------------------------------------
	lpAccess
---------------------------------------------------- */
.lp_main .lpAccess {
	padding: 5em 0;
}

.lp_main .lpAccess__title {
	color: #49a6b6;
}

.lp_main .lpAccess__title .jp {
	margin-left: -0.25em;
}

.lp_main .lpAccess .address {
	margin-bottom: 1rem;
	font-size: 20px;
}

.lp_main .lpAccess .map iframe {
	width: 100%;
	height: 368px;
}

@media screen and (max-width: 768px) {
	.lp_main .lpAccess .container {
		padding: 0;
	}

	.lp_main .lpAccess__title {
		padding: 0 8vw;
	}

	.lp_main .lpAccess .address {
		padding: 0 8vw;
		font-size: 3.73333vw;
	}

	.lp_main .lpAccess .map iframe {
		height: 62.93333vw;
	}
}

/* ---------------------------------------------------
	banner
---------------------------------------------------- */
.lp_banner {
	background: #d9ecee;
	padding: 110px 0;
	text-align: center;
}

.lp_banner__title {
	margin-bottom: 1em;
	font-family: var(--mincho);
	font-size: 32px;
}

.lp_banner__lead {
	margin-bottom: 4em;
}

.lp_banner__list {
	margin: 0 auto;
	max-width: 637px;
}

.lp_banner__list li:not(:last-of-type) {
	margin-bottom: 2em;
}

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

	.lp_banner__title {
		font-size: 6.4vw;
	}

	.lp_banner__lead {
		margin-bottom: 2em;
	}

	.lp_banner__list li:not(:last-of-type) {
		margin-bottom: 1em;
	}
}

/* ----------------------------------------------------
	fadeIn
---------------------------------------------------- */
/*
	共通初期設定
------------------------------ */
.fadeBlock {
	opacity: 0;
	transition: all 1s;
}

.fadeBlock.fadeIn {
	opacity: 1;
}

/*
	anime
------------------------------ */
.fadeBlock.fadeIn .poyopoyo2 img {
	animation: poyoyon2 1s ease-in-out forwards;
}

@keyframes poyoyon2 {
	0% {
		transform: scale(1.0, 1.0) translate(0, 0);
	}

	15% {
		transform: scale(0.98, 0.9) translate(0, 5px);
	}

	30% {
		transform: scale(1.02, 1.0) translate(0, 8px);
	}

	50% {
		transform: scale(0.98, 1.05) translate(0, -8px);
	}

	70% {
		transform: scale(1.0, 0.9) translate(0, 5px);
	}

	100% {
		transform: scale(1.0, 1.0) translate(0, 0);
	}

	0%,
	100% {
		opacity: 1;
	}
}

.area .header {
    height: 132px;
}
@media screen and (max-width: 736px) {
    .area .header {
        height: 58px;
    }
}