@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700;900&display=swap');

:root {
	/* --------------------------------------------------
		Adobe Fonts - タイトル等
	-------------------------------------------------- */
	--dunbarLow: "dunbar-low", sans-serif;
	/* 
		font-weight 400, 500, 600, 700
		font-style normal
 */

	/* --------------------------------------------------
		Adobe Fonts - 基本（日本語）
	-------------------------------------------------- */
	--SourceHanSansJP: "source-han-sans-japanese", sans-serif;
	/* 
		font-weight 200, 400, 700
		font-style normal
 */

	/* --------------------------------------------------
		Google Fonts - TOP（FUN IDEASの数字）
	-------------------------------------------------- */
	--poppins-thin: "Poppins", sans-serif;
	/* 
		font-weight 100-900
		font-style: normal
 */

	/* --------------------------------------------------
		color
	-------------------------------------------------- */
	--blk: 35, 24, 21;
	--wht: 255, 255, 255;
	--gry: 199, 200, 201;
	--darkGry: 136, 136, 136;
	--blu: 31, 185, 222;
	--lightBlu: 232, 248, 252;
	--nvy: 35, 53, 114;
	--aqu: 31, 185, 222;
	--sky: 207, 229, 251;
	--red: 216, 54, 54;
	--pnk: 255, 110, 187;
	--lightPnk: 255, 240, 248;
	--ppl: 128, 72, 152;
	--yel: 242, 150, 0;
	--lightYel: 255, 247, 225;
	--orn: 214, 71, 23;

	--poolBase: 90, 90, 90;
}

/* --------------------------------------------------
	Adobe Fontsのチラつき防止
-------------------------------------------------- */
html body {
	visibility: hidden;
}

html.wf-active body {
	visibility: visible;
}

/* --------------------------------------------------
	リセット
-------------------------------------------------- */
* {
	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,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
	font-style: normal;
	font-weight: 400;
}

caption,
th {
	text-align: left;
}

area {
	border: none;
	outline: none;
}

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

/* --------------------------------------------------
	初期設定
-------------------------------------------------- */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 100px;
}

body.renewal {
	line-height: 1.8;
	font-family: var(--SourceHanSansJP);
	font-size: 15px;
	font-weight: 400;
	overflow-x: hidden;
}

body.renewal table {
	font-size: 15px;
}

.main {
	padding-top: 100px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

@media screen and (max-width: 900px) {
	html {
		scroll-padding-top: 74px;
	}
}

@media screen and (max-width: 768px) {
	body.renewal {
		font-size: 4vw;
	}

	body.renewal table {
		font-size: 4vw;
	}

	.main {
		padding-top: 74px;
	}
}

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

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

b {
	font-weight: bold;
}

/* --------------------------------------------------
	PC, SP
-------------------------------------------------- */
.pc {
	display: block;
}

.sp {
	display: none;
}

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

	.sp {
		display: block;
	}
}

/* --------------------------------------------------
	header
-------------------------------------------------- */
.header {
	background: rgb(var(--wht));
	padding: 0 1.65217vw;
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: fixed;
	z-index: 10;
}

.header__logo {
	margin-right: 24px;
	width: 124px;
}

.header__ticket {
	position: absolute;
	top: 50%;
	right: 150px;
	transform: translateY(-50%);
}

.header__ticket a {
	background: rgb(var(--pnk));
	width: 150px;
	height: 50px;
	line-height: 1.25;
	color: rgb(var(--wht));
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	border-radius: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header__ticket a:hover {
	text-decoration: none;
}

@media screen and (max-width: 1150px) {
	.header__logo {
		margin-right: 2.08696vw;
		width: 10.78261vw;
	}

	.header__ticket {
		right: 13.04348vw;
	}

	.header__ticket a {
		width: 13.04348vw;
		height: 4.34783vw;
		font-size: 1.3913vw;
		border-radius: 0.6087vw;
	}
}

@media screen and (max-width: 900px) {
	.header {
		padding: 0 4.49333vw;
		height: 74px;
	}

	.header__logo {
		margin-right: 0;
		width: 96px;
	}

	.header__ticket {
		right: 95px;
	}

	.header__ticket a {
		width: 115px;
		height: 40px;
		line-height: 1.14;
		font-size: 14px;
		border-radius: 7px;
	}
}

/* @media screen and (max-width: 768px) {
	.header {
		padding: 0 4.49333vw;
		height: 74px;
	}

	.header__logo {
		margin-right: 0;
		width: 96px;
	}

	.header__ticket {
		right: 95px;
	}

	.header__ticket a {
		width: 115px;
		height: 40px;
		line-height: 1.14;
		font-size: 14px;
		border-radius: 7px;
	}
} */

/* --------------------------------------------------
	renGnav
-------------------------------------------------- */
.renGnav {
	width: calc(100% - 148px);
}

.renGnav__list {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.renGnav__list--item {
	height: 100%;
	display: flex;
	align-items: center;
}

.renGnav__list--item:not(:last-of-type) {
	margin-right: 14px;
}

.renGnav__list--item a {
	height: 68px;
	color: #5a5a5a;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.renGnav__list--item a:hover {
	text-decoration: none;
}

.renGnav__list--item a .renGnav__icon {
	width: 50px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.renGnav__list--item a svg {
	height: auto;
	fill: rgb(var(--blu));
}

.renGnav__list--item.active a svg {
	fill: rgb(var(--pnk));
}

.renGnav__list--item a .renGnav__text {
	margin-top: 10px;
	line-height: 1;
	font-size: 13px;
	text-align: center;
}

/* icon */
.renGnav__topics svg {
	width: 68%;
}

.renGnav__pool svg {
	width: 88%;
}

.renGnav__shop svg {
	width: 56%;
}

.renGnav__charge svg {
	width: 94%;
}

.renGnav__parasol svg {
	width: 80%;
}

.renGnav__hotel svg {
	width: 90%;
}

.renGnav__access svg {
	width: 80%;
}

.renGnav__faq svg {
	width: 64%;
}

.renGnav__guidemap svg {
	width: 90%;
}

@media screen and (max-width: 1300px) {
	.renGnav {
		width: calc(100% - 11.385vw);
	}

	.renGnav__list--item:not(:last-of-type) {
		margin-right: 1.077vw;
	}

	.renGnav__list--item a {
		height: 5.231vw;
	}

	.renGnav__list--item a .renGnav__icon {
		width: 3.846vw;
		height: 3.077vw;
	}

	.renGnav__list--item a .renGnav__text {
		margin-top: 0.769vw;
		font-size: 1vw;
	}
}

/* @media screen and (max-width: 1150px) {
	.renGnav {
		width: calc(100% - 12.86957vw);
	}

	.renGnav__list--item:not(:last-of-type) {
		margin-right: 1.21739vw;
	}

	.renGnav__list--item a {
		height: 5.91304vw;
	}

	.renGnav__list--item a .renGnav__icon {
		width: 4.34783vw;
		height: 3.47826vw;
	}

	.renGnav__list--item a .renGnav__text {
		margin-top: 0.86957vw;
		font-size: 1.13043vw;
	}
} */

@media screen and (max-width: 900px) {
	.renGnav {
		background: rgb(var(--wht));
		width: 100%;
		height: calc(100dvh - 74px);
		overflow: auto;
		display: none;
		position: absolute;
		top: 74px;
		left: 0;
		z-index: 1000;
	}

	.renGnav__list {
		width: 100%;
		height: auto;
		border-top: solid 1px rgb(var(--gry));
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: flex-start;
	}

	.renGnav__list--item {
		width: 50%;
		height: 20vw;
		border-bottom: solid 1px rgb(var(--gry));
		display: block;
	}

	.renGnav__list--item:not(:last-of-type) {
		margin-right: 0;
	}

	.renGnav__list--item.renGnav__guidemap {
		width: 100%;
	}

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

	.renGnav__list--item a {
		width: 100%;
		height: 100%;
		flex-direction: row;
		justify-content: center;
	}

	.renGnav__list--item a .renGnav__icon {
		width: 10.66667vw;
		height: 8vw;
	}

	.renGnav__list--item a .renGnav__text {
		margin: 0 0 0 0.5em;
		font-size: 3.73333vw;
	}

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

	.is-open .overlay {
		opacity: 1;
		visibility: visible;
		cursor: pointer;
	}
}

/* @media screen and (max-width: 768px) {
	.renGnav {
		background: rgb(var(--wht));
		width: 100%;
		height: calc(100dvh - 74px);
		overflow: auto;
		display: none;
		position: absolute;
		top: 74px;
		left: 0;
		z-index: 1000;
	}

	.renGnav__list {
		width: 100%;
		height: auto;
		border-top: solid 1px rgb(var(--gry));
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: flex-start;
	}

	.renGnav__list--item {
		width: 50%;
		height: 20vw;
		border-bottom: solid 1px rgb(var(--gry));
		display: block;
	}

	.renGnav__list--item:not(:last-of-type) {
		margin-right: 0;
	}

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

	.renGnav__list--item a {
		width: 100%;
		height: 100%;
		flex-direction: row;
		justify-content: center;
	}

	.renGnav__list--item a .renGnav__icon {
		width: 10.66667vw;
		height: 8vw;
	}

	.renGnav__list--item a .renGnav__text {
		margin: 0 0 0 0.5em;
		font-size: 3.73333vw;
	}

	.is-open {
		overflow: hidden;
	}

	.is-open .overlay {
		opacity: 1;
		visibility: visible;
		cursor: pointer;
	}
} */

/*
	sns
------------------------------ */
.renGnav__list--item.sns {
	margin-left: auto;
}

.sns__list {
	width: 114px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.sns__list--item.line {
	margin-top: 10px;
}

.sns__list--item a {
	height: auto;
	display: block;
}

.sns__list--item a img {
	height: auto;
	display: block;
}

.sns__list--item.instagram a img {
	width: 27px;
}

.sns__list--item.facebook a img {
	width: 26px;
}

.sns__list--item.twitter a img {
	width: 26px;
}

.sns__list--item.line a img {
	width: 114px;
}

@media screen and (max-width: 1150px) {
	.sns__list {
		width: 9.91304vw;
	}

	.sns__list--item.line {
		margin-top: 0.86957vw;
	}

	.sns__list--item.instagram a img {
		width: 2.34783vw;
	}

	.sns__list--item.facebook a img {
		width: 2.26087vw;
	}

	.sns__list--item.twitter a img {
		width: 2.26087vw;
	}

	.sns__list--item.line a img {
		width: 9.91304vw;
	}
}

@media screen and (max-width: 900px) {
	.renGnav__list--item.sns {
		margin-left: 0;
		width: 100%;
	}

	.sns__list {
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}

	.sns__list--item {
		margin: 0 2.4vw;
	}

	.sns__list--item.line {
		margin-top: 0;
	}

	.sns__list--item.instagram a img {
		width: 7.2vw;
	}

	.sns__list--item.facebook a img {
		width: 6.93333vw;
	}

	.sns__list--item.twitter a img {
		width: 6.93333vw;
	}

	.sns__list--item.line {
		margin-top: 0;
	}

	.sns__list--item.line a img {
		width: 30.4vw;
	}
}

/* @media screen and (max-width: 768px) {
	.renGnav__list--item.sns {
		margin-left: 0;
		width: 100%;
	}

	.sns__list {
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}

	.sns__list--item {
		margin: 0 2.4vw;
	}

	.sns__list--item.line {
		margin-top: 0;
	}

	.sns__list--item.instagram a img {
		width: 7.2vw;
	}

	.sns__list--item.facebook a img {
		width: 6.93333vw;
	}

	.sns__list--item.twitter a img {
		width: 6.93333vw;
	}

	.sns__list--item.line {
		margin-top: 0;
	}

	.sns__list--item.line a img {
		width: 30.4vw;
	}
} */

/*
	toggle
------------------------------ */
.toggle {
	width: 48px;
	height: 28px;
	display: none;
	position: fixed;
	top: 23px;
	right: 22px;
	z-index: 1000;
}

.toggle__inner {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
}

.toggle__inner--item {
	background: rgb(var(--blk));
	width: 100%;
	height: 2px;
	border-radius: 1px;
	display: block;
	position: absolute;
	left: 50%;
	transition: all 0.6s;
}

.renewal .toggle__inner--item {
	background: #ccc;
}


.toggle__inner--item:nth-child(1) {
	top: 0;
	transform: translateX(-50%);
}

.toggle__inner--item:nth-child(2) {
	top: 50%;
	transform: translate(-50%, -50%);
}

.toggle__inner--item:nth-child(3) {
	bottom: 0;
	transform: translateX(-50%);
}

/* is-open */
.is-open .toggle__inner--item {
	transform-origin: 0 0;
}

.is-open .toggle__inner--item:nth-child(1) {
	top: 50%;
	transform: rotate(30deg) translate(-50%, -50%);
}

.is-open .toggle__inner--item:nth-child(2) {
	opacity: 0;
}

.is-open .toggle__inner--item:nth-child(3) {
	top: 50%;
	bottom: auto;
	transform: rotate(-30deg) translate(-50%, -50%);
}

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

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

/* --------------------------------------------------
	footer
-------------------------------------------------- */
.footer {
	background: rgb(var(--wht));
}

.footer__note {
	background: rgb(var(--blu));
	padding: 45px 0;
	color: rgb(var(--wht));
}

.footer__note .details {
	margin: 0 auto;
	width: 830px;
	height: 145px;
	color: rgb(var(--wht));
	border: solid 1px rgb(var(--wht));
	display: flex;
}

.footer__note .details__title {
	width: 145px;
	line-height: 1.25;
	font-family: var(--dunbarLow);
	font-size: 28px;
	border-right: solid 1px rgb(var(--wht));
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer__note .details__contents {
	padding: 0 0.25em 0 1em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.footer__note .details__contents .text {
	line-height: 1.35;
	font-size: 16px;
}

.footer__note .details__contents .text:not(:last-of-type) {
	margin-bottom: 0.25em;
}

.footer__note .details__contents .text small {
	font-size: 13px;
}

.footer__note .textLink {
	margin-top: 1.5em;
	font-size: 13px;
	text-align: center;
}

.footer__note .textLink a {
	color: rgb(var(--wht));
	display: inline-flex;
}

.footer__official {
	background: #323232;
	padding: 45px 0;
	color: rgb(var(--wht));
	text-align: center;
}

.footer__official a {
	color: rgb(var(--wht));
	font-size: 21px;
	text-decoration: none;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.footer__official--logo figcaption {
	background: url(../img/arrow.svg) center right no-repeat;
	background-size: 30px auto;
	padding-right: 55px;
}

.footer__official--logo {
	display: inline-flex;
}

.footer__official--logo img {
	margin-right: 20px;
	width: 165px;
}

.footer__etc {
	padding: 20px 0 40px;
	text-align: center;
}

.footer__etc--link a {
	color: rgb(var(--blk));
	font-size: 13px;
	text-decoration: none;
}

.footer__etc--link a::before {
	content: "■";
}

.footer__etc--copy {
	margin-top: 1em;
	line-height: 1;
	font-size: 11px;
}

@media screen and (max-width: 1150px) {
	.footer__note {
		padding: 3.91304vw 0;
	}

	.footer__note .details {
		width: 72.17391vw;
		height: 12.6087vw;
	}

	.footer__note .details__title {
		width: 12.6087vw;
		font-size: 2.43478vw;
	}

	.footer__note .details__contents .text {
		font-size: 1.3913vw;
	}

	.footer__note .details__contents .text small,
	.footer__note .textLink {
		font-size: 1.13043vw;
	}

	.footer__official {
		padding: 3.91304vw 0;
	}

	.footer__official a {
		background-size: 2.6087vw auto;
		font-size: 1.82609vw;
	}

	.footer__official--logo img {
		margin-right: 1.73913vw;
		width: 14.34783vw;
	}

	.footer__etc {
		padding: 1.73913vw 0 3.47826vw;
	}

	.footer__etc--link a {
		font-size: 1.13043vw;
	}

	.footer__etc--copy {
		font-size: 0.95652vw;
	}
}

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

	.footer__note .details {
		width: 85.33333vw;
		height: auto;
		display: block;
	}

	.footer__note .details__title {
		padding: 3.2vw 0;
		width: 100%;
		font-size: 7.46667vw;
		border-right: none;
		border-bottom: solid 1px rgb(var(--wht));
	}

	.footer__note .details__contents {
		padding: 3.2vw 4.8vw;
	}

	.footer__note .details__contents .text {
		line-height: 1.5;
		font-size: 4.26667vw;
	}

	.footer__note .details__contents .text:not(:last-of-type) {
		margin-bottom: 0.25em;
	}

	.footer__note .details__contents .text small,
	.footer__note .textLink {
		font-size: 3.2vw;
	}

	.footer__official {
		padding: 9.33333vw 0;
	}

	.footer__official a {
		font-size: 4vw;
		display: block;
	}

	.footer__official--logo img {
		margin-right: 4vw;
		width: 32vw;
	}

	.footer__official--logo figcaption {
		background: url(../img/arrow.svg) center right no-repeat;
		background-size: 6.4vw auto;
		padding-right: 9.6vw;
	}

	.footer__etc {
		padding: 4.8vw 0 9.6vw;
	}

	.footer__etc--link a {
		font-size: 3.2vw;
	}

	.footer__etc--copy {
		line-height: 1.5;
		font-size: 2.93333vw;
	}
}

/* --------------------------------------------------
	#container
-------------------------------------------------- */
#container {
	padding: 100px 0 0;
}

@media screen and (max-width: 768px) {
	#container {
		padding-top: 74px;
	}
}

/* --------------------------------------------------
	pageTitle
-------------------------------------------------- */
.pageTitle {
	padding: 66px 0;
	line-height: 1;
	color: rgb(var(--blk));
	font-family: var(--dunbarLow);
	font-size: 55px;
	font-weight: 400;
	text-align: center;
}

.pageTitle .jp {
	margin-top: 1em;
	font-size: 20px;
	font-weight: 700;
	display: block;
}

.pageTitle + .end {
	max-width: min(100%, 1150px);
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	display: block;
	margin: 0 auto 3em;
	padding: .6em 0;
	color: rgb(var(--wht));
	background-color: rgb(var(--pnk));
}

@media screen and (max-width: 768px) {
	.pageTitle {
		padding: 10.66667vw 0;
		font-size: 9.6vw;
	}

	.pageTitle .jp {
		font-size: 4vw;
	}
	.pageTitle + .end {
		font-size: 4vw;
	}
}

/* --------------------------------------------------
	mainContents
-------------------------------------------------- */
.mainContents {
	padding: 0 50px 100px;
}

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

/* --------------------------------------------------
	contArticle
-------------------------------------------------- */
.contArticle {
	margin: 0 auto;
	max-width: 870px;
	font-size: 15px;
	text-align: left;
}

@media screen and (max-width: 768px) {
	.contArticle {
		font-size: 4vw;
	}
}

/* --------------------------------------------------
	section
-------------------------------------------------- */
.section {
	margin-bottom: 50px;
}

.section__title {
	margin-bottom: 30px;
	padding: 0 20px;
	height: 50px;
	color: rgb(var(--wht));
	font-size: 19px;
	display: flex;
	align-items: center;
	position: relative;
}

.section__title.icon {
	padding: 0 13px;
}

.section__title.nvy {
	background: rgb(var(--nvy));
}

.section__title.pnk {
	background: rgb(var(--pnk));
}

.section__title::before {
	margin-right: 11px;
	content: "";
}

.section__title span {
	display: inline-block;
}

.section__contents {
	margin-bottom: 30px;
}

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

	.section__title {
		margin-bottom: 4vw;
		padding: 4vw 5.33333vw;
		min-height: 10.66667vw;
		height: auto;
		line-height: 1.25;
		font-size: 4.8vw;
	}

	.section__title.icon {
		padding: 4vw 3.2vw;
	}

	.section__title::before {
		margin-right: 2.93333vw;
	}

	.section__contents {
		margin-bottom: 8vw;
	}
}

/*
	section__contents__title
------------------------------ */
.section__contents__title {
	margin-bottom: 30px;
	font-size: 17px;
	font-weight: 600;
	border-bottom: solid 1px rgb(var(--blk));
	display: flex;
}

.section__contents__title.type1 {
	color: rgb(var(--nvy));
	font-size: 19px;
	border-color: rgb(var(--nvy));
	border-bottom-width: 2px;
}

.section__contents__title.type2 {
	color: rgb(var(--blk));
	font-size: 15px;
	border-bottom: none;
}

@media screen and (max-width: 768px) {
	.section__contents__title {
		margin-bottom: 4vw;
		font-size: 4.53333vw;
	}

	.section__contents__title.type1 {
		font-size: 4.8vw;
	}

	.section__contents__title.type2 {
		font-size: 4vw;
	}
}

/* 
	lead, text
------------------------------ */
.section__contents--lead,
.section__contents--text {
	margin-bottom: 30px;
}

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

/* 
	text
------------------------------ */
.section__contents__text {}

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

/* 
	images
------------------------------ */
.section__contents__images {
	margin-bottom: 30px;
}

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

/* 
	table
------------------------------ */
.section__contents__table th,
.section__contents__table td {
	font-size: 15px;
}

/* type1 */
.section__contents__table.type1 .tableTh {
	padding-right: 1em;
}

.section__contents__table.type1 .tableTd {}

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

	.section__contents__table th,
	.section__contents__table td {
		font-size: 4vw;
	}
}

/*
	list
------------------------------ */
.list {
	margin-bottom: 30px;
}

.list__item {}

.list__item {
	display: flex;
}

.type1 .list__item::before {
	content: "●";
}

.type2 .list__item::before {
	content: "・";
}

.type3 .list__item::before {
	content: "■";
}

.list__inner {}

@media screen and (max-width: 1150px) {
	.list {
		margin-bottom: 2.6087vw;
	}
}

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

/* --------------------------------------------------
	notes
-------------------------------------------------- */
.notes {}

.notes__item {
	font-size: 13px;
	display: flex;
}

.notes__item::before {
	content: "※";
}

@media screen and (max-width: 1150px) {
	.notes__item {
		font-size: 1.13043vw;
	}
}

@media screen and (max-width: 768px) {
	.notes__item {
		font-size: 3.2vw;
	}
}

/* --------------------------------------------------
	decoration
-------------------------------------------------- */
.decoration {
	display: flex;
}

/* circle */
.decoration.circle::before {
	content: "●";
}

/* square */
.decoration.square:before {
	content: "■";
}

/* triangle */
.decoration.triangle:before {
	content: "▶︎";
}

/* notes */
.decoration.notes:before {
	content: "※";
}

/* --------------------------------------------------
	textLink
-------------------------------------------------- */
.textLink a {
	color: rgb(var(--pnk));
	font-weight: 700;
	text-decoration: underline;
	display: flex;
}

.textLink a::before {
	content: "＞";
}

.textLink a:hover {
	text-decoration: none;
}

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

/* --------------------------------------------------
	renLinkBtn
-------------------------------------------------- */
.renLinkBtn {}

.renLinkBtn a,
.renLinkBtn .no-link {
	height: 88px;
	font-size: 22px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 88px;
	border-style: solid;
	border-width: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: all 0.5s ease 0s;
}

/* color */
.renLinkBtn a.nvy {
	color: rgb(var(--nvy));
	border-color: rgb(var(--nvy));
}

.renLinkBtn a.blu {
	color: rgb(var(--blu));
	border-color: rgb(var(--blu));
}

.renLinkBtn a.pnk {
	color: rgb(var(--pnk));
	border-color: rgb(var(--pnk));
}

.renLinkBtn a.yel {
	color: rgb(var(--yel));
	border-color: rgb(var(--yel));
}

.renLinkBtn a.orn {
	color: rgb(var(--orn));
	border-color: rgb(var(--orn));
}

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

	.renLinkBtn a,
	.renLinkBtn .no-link {
		height: 7.65217vw;
		font-size: 1.91304vw;
		border-radius: 7.65217vw;
		border-width: 0.26087vw;
	}
}

@media screen and (max-width: 768px) {
	.renLinkBtn a {
		height: 16vw;
		font-size: 4.26667vw;
		text-align: center;
		border-width: 0.8vw;
	}
}

/*
	right
------------------------------ */
.renLinkBtn.right a svg,
.renLinkBtn.right .no-link svg {
	width: 18px;
	height: 15px;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}

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

	.renLinkBtn.right a svg,
	.renLinkBtn.right .no-link svg {
		width: 1.56522vw;
		height: 1.47826vw;
	}
}

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

	.renLinkBtn.right a svg,
	.renLinkBtn.right .no-link svg {
		width: 4.8vw;
		height: 4.53333vw;
	}
}

/*
	under
------------------------------ */
.renLinkBtn.under a,
.renLinkBtn.under .no-link svg {
	flex-direction: column;
}

.renLinkBtn.under a svg,
.renLinkBtn.under .no-link svg {
	width: 18px;
	height: 17px;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2px;
}

/* color */
.renLinkBtn a.nvy svg {
	stroke: rgb(var(--nvy));
}

.renLinkBtn a.blu svg {
	stroke: rgb(var(--blu));
}

.renLinkBtn a.pnk svg {
	stroke: rgb(var(--pnk));
}

.renLinkBtn a.yel svg {
	stroke: rgb(var(--yel));
}

.renLinkBtn a.orn svg {
	stroke: rgb(var(--orn));
}

/* --------------------------------------------------
	marker
-------------------------------------------------- */
.marker {
	background: linear-gradient(transparent 60%, #ff6 60%);
}

/* --------------------------------------------------
	goTop
-------------------------------------------------- */
#goTop {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	height: 0;
	z-index: 99;
}

#goTop a {
	background: rgb(var(--blu), 0.75);
	width: 60px;
	height: 60px;
	text-indent: -999px;
	overflow: hidden;
	border-radius: 3px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

#goTop a::after {
	content: '';
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	width: 30px;
	height: 30px;
	background: url(../img/icon_goTop.webp) no-repeat center center;
	background-size: 100% auto;
	transform: rotate(-90deg);
}

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