@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------- */

.now.index::before {
	content: "";
}

/* ---------------------------------------------------------------------------------------------------- */

.section_1 {}

.section_1 .inner {
	position: relative;
	z-index: 1;
	padding: 20% 0;
}

.section_1 .wrap {}

.section_1 .heading_wrap {}

.section_1 .heading_wrap .heading {
	align-items: flex-start;
}

.section_1 .heading_wrap .heading .main {}

.section_1 .heading_wrap .heading .sub {}

.section_1 .content_wrap {}

.section_1 .content_wrap .content {
	gap: 60px;
	width: 90%;
}

.section_1 .item_wrap {
	gap: 24px;
}

.section_1 .item_wrap .item {}

.section_1 .item_wrap .item .item_inner {
	gap: 48px;
}

.section_1 .intro_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
}

.section_1 .intro_wrap .intro_wrap_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
}

.section_1 .intro_wrap .intro_wrap_inner .text {}

.section_1 .box_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
}

.section_1 .box_wrap .box_wrap_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 48px;
	width: 100%;
}

.section_1 .box_wrap .box_wrap_inner .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
}

.section_1 .box_wrap .box_wrap_inner .box .box_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
}

.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap {}

.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner {
	align-items: flex-start;
	gap: 12px;
}

.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner .text {
	width: max-content;
	max-width: 100%;
	font-weight: 500;
}

.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner .text_1 {
	position: relative;
	z-index: 0;
	font-size: 1.5rem;
}

.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner .text_1 .num {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	transform: translate(0, -50%);
	width: max-content;
	font-family: "Bilbo Swash Caps", cursive;
	font-size: 4rem;
	line-height: 1;
	color: #8ADBDE;
}

.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner .text_2 {}

.section_1 .box_wrap .box_wrap_inner .box .box_inner .img {
	position: relative;
	z-index: 0;
	width: 100%;
}

.section_1 .box_wrap .box_wrap_inner .box .box_inner .img::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-5deg);
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	background-color: #66A8D0;
}

@media screen and (min-width: 768px) {
	.section_1 .inner {
		padding: 5% 0 20%;
	}

	.section_1 .content_wrap .content {
		width: 90%;
		max-width: 1680px;
	}

	.section_1 .intro_wrap {
		width: 80%;
	}

	.section_1 .box_wrap .box_wrap_inner {
		gap: 72px;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner {
		flex-direction: row-reverse;
		align-items: flex-start;
		gap: 24px;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap {
		width: calc((100% - (24px * 1)) * 0.4);
		padding-right: 5%;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner {
		position: relative;
		z-index: 0;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner::before {
		content: "";
		position: absolute;
		z-index: -1;
		bottom: 0;
		right: 0;
		width: 60px;
		height: auto;
		aspect-ratio: 1 / 1;
		background-image: url(../img);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner .text_1 .num {
		left: -12px;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .img {
		width: calc((100% - (24px * 1)) * 0.6);
	}

	.section_1 .box_wrap .box_wrap_inner .box:nth-child(even) .box_inner {
		flex-direction: row;
	}
	
	.section_1 .box_wrap .box_wrap_inner .box:nth-child(even) .box_inner .text_wrap {
		padding: 0;
		padding-left: 5%;
	}

	.section_1 .box_wrap .box_wrap_inner .box:nth-child(1) .box_inner .text_wrap .text_wrap_inner::before {
		width: 120px;
		transform: translate(25%, 50%);
		aspect-ratio: 618 / 432;
		background-image: url(../img/about_sec1_deco_1.webp);
	}

	.section_1 .box_wrap .box_wrap_inner .box:nth-child(2) .box_inner .text_wrap .text_wrap_inner::before {
		width: 60px;
		transform: translate(25%, 50%);
		aspect-ratio: 152 / 390;
		background-image: url(../img/about_sec1_deco_2.webp);
	}

	.section_1 .box_wrap .box_wrap_inner .box:nth-child(3) .box_inner .text_wrap .text_wrap_inner::before {
		width: 96px;
		transform: translate(25%, 50%);
		aspect-ratio: 346 / 462;
		background-image: url(../img/about_sec1_deco_3.webp);
	}
}

@media screen and (min-width: 1280px) {
	.section_1 .inner {
		padding: 5% 0 10%;
	}
}

@media screen and (min-width: 1440px) {
	.section_1 .intro_wrap .intro_wrap_inner {
		gap: 60px;
	}

	.section_1 .item_wrap .item .item_inner {
		gap: 168px;
	}

	.section_1 .box_wrap .box_wrap_inner {
		gap: 195px;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner {
		gap: 96px;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap {
		width: calc((100% - (96px * 1)) * 0.4);
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap {
		padding-right: 5%;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner {
		gap: 48px;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner .text_1 {
		font-size: 2.5rem;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .text_wrap .text_wrap_inner .text_1 .num {
		left: -60px;
		font-size: 8rem;
	}

	.section_1 .box_wrap .box_wrap_inner .box .box_inner .img {
		width: calc((100% - (96px * 1)) * 0.6);
	}

	.section_1 .box_wrap .box_wrap_inner .box:nth-child(even) .box_inner .text_wrap .text_wrap_inner {
		padding: 0;
		padding-left: 10%;
	}

	.section_1 .box_wrap .box_wrap_inner .box:nth-child(1) .box_inner .text_wrap .text_wrap_inner::before {
		width: 300px;
	}

	.section_1 .box_wrap .box_wrap_inner .box:nth-child(2) .box_inner .text_wrap .text_wrap_inner::before {
		width: 75px;
	}

	.section_1 .box_wrap .box_wrap_inner .box:nth-child(3) .box_inner .text_wrap .text_wrap_inner::before {
		width: 173px;
	}
}

@media screen and (min-width: 1920px) {
	
}

/* ---------------------------------------------------------------------------------------------------- */

.section_2 {
	position: relative;
	z-index: 0;
	background-color: #E0F7FD;
    background-image: url(../img/top_enjoy_deco_1.webp), url(../img/top_enjoy_deco_2.webp), url(../img/top_enjoy_deco_3.webp);
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 35% auto, 25% auto, 45% auto;
    background-position: 105% 20%, -5% 55%, 110% 95%;
	overflow: visible;
}

.section_2::before {
    content: "";
    position: absolute;
	z-index: -1;
    top: 0.5px;
    right: 0;
    transform: translate(0, -100%) scale(-1, 1);
    width: 90%;
    height: auto;
    aspect-ratio: 312 / 99;
    background-image: url(../img/border_ice_sp.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.section_2 .inner {
	padding: 20% 0;
}

.section_2 .wrap {}

.section_2 .heading_wrap {}

.section_2 .heading_wrap .heading {
	color: #1B9097;
}

.section_2 .heading_wrap .heading.deco_bg::before {
	right: 15%;
	transform: translate(0, 10%);
}

.section_2 .heading_wrap .heading .main {}

.section_2 .heading_wrap .heading .sub {}

.section_2 .content_wrap {}

.section_2 .content_wrap .content {
	gap: 24px;
	width: 90%;
}

.section_2 .item_wrap {
	gap: 24px;
}

.section_2 .item_wrap .item {}

.section_2 .item_wrap .item .item_inner {
	gap: 48px;
}

.section_2 .box_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
}

.section_2 .box_wrap .box_wrap_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 48px;
	width: 100%;
}

.section_2 .box_wrap .box_wrap_inner .box {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	width: 100%;
}

.section_2 .box_wrap .box_wrap_inner .box .box_inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
}

.section_2 .box_wrap .box_wrap_inner .box .box_inner .img {
	width: 100%;
}

@media screen and (min-width: 768px) {
	.section_2 {
		background-size: 15% auto, 10% auto, 20% auto;
		background-position: 95% 20%, 5% 70%, 105% 95%;
	}

	.section_2::before {
		width: 60%;
		aspect-ratio: 1064 / 329;
		background-image: url(../img/border_ice_pc.svg);
	}

	.section_2 .inner {
		padding: 10% 0;
	}

	.section_2 .content_wrap .content {
		width: 90%;
		max-width: 1024px;
	}
}

@media screen and (min-width: 1280px) {
	
}

@media screen and (min-width: 1440px) {
	.section_2 .content_wrap .content {
		gap: 48px;
	}
}

@media screen and (min-width: 1920px) {
	
}

/* ---------------------------------------------------------------------------------------------------- */

.section_3 {
	background-image: url(../img/bg_about_sec3.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.section_3 .inner {
	padding: 20% 0;
}

.section_3 .wrap {}

.section_3 .heading_wrap {}

.section_3 .heading_wrap .heading {
	color: #ffffff;
}

.section_3 .heading_wrap .heading .main {}

.section_3 .heading_wrap .heading .sub {}

.section_3 .content_wrap {}

.section_3 .content_wrap .content {
	gap: 24px;
	width: 90%;
}

.section_3 .item_wrap {}

.section_3 .item_wrap .item {}

.section_3 .item_wrap .item .item_inner {}

.section_3 .table_wrap {
	width: 100%;
}

.section_3 .table_wrap .table {
	width: 100%;
}

.section_3 .table_wrap .table tr {}

.section_3 .table_wrap .table th,
.section_3 .table_wrap .table td {
	display: block;
	border: 0;
	padding: 16px;
	border-bottom: 1px #ffffff solid;
	font-weight: 500;
	color: #ffffff;
}

.section_3 .table_wrap .table th {}

.section_3 .table_wrap .table tr:first-child th {
	padding-top: 0;
}

.section_3 .table_wrap .table td {}

.section_3 .table_wrap .table tr:first-child td {
	/* padding-top: 0; */
}

.section_3 .table_wrap .table th .flex,
.section_3 .table_wrap .table td .flex {}

.section_3 .table_wrap .table th .flex .text,
.section_3 .table_wrap .table td .flex .text {}

@media screen and (min-width: 768px) {
	.section_3 .inner {
		padding: 5% 0;
	}

	.section_3 .content_wrap .content {
		gap: 48px;
		width: 90%;
		max-width: 1048px;
	}

	.section_3 .table_wrap .table th,
	.section_3 .table_wrap .table td {
		display: table-cell;
	}

	.section_3 .table_wrap .table tr th {
		width: 30%;
	}

	.section_3 .table_wrap .table tr:first-child th {
		padding-top: 0;
	}

	.section_3 .table_wrap .table tr td {
		width: 70%;
	}

	.section_3 .table_wrap .table tr:first-child td {
		padding-top: 0;
	}
}

@media screen and (min-width: 1280px) {
	
}

@media screen and (min-width: 1440px) {
	.section_3 .table_wrap .table th,
	.section_3 .table_wrap .table td {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1920px) {
	
}

/* ---------------------------------------------------------------------------------------------------- */

.section_4 {}

.section_4 .inner {
	position: relative;
	z-index: 1;
	padding: 20% 0;
}

.section_4 .wrap {}

.section_4 .heading_wrap {}

.section_4 .heading_wrap.deco_bottom::before {
	background-image: url(../img/hd_deco_bottom_gr.webp);
}

.section_4 .heading_wrap .heading {}

.section_4 .heading_wrap .heading .main {}

.section_4 .heading_wrap .heading .sub {}

.section_4 .content_wrap {}

.section_4 .content_wrap .content {
	gap: 24px;
	width: 90%;
}

.section_4 .item_wrap {}

.section_4 .item_wrap .item {}

.section_4 .item_wrap .item .item_inner {}

.section_4 .table_wrap {
	width: 100%;
}

.section_4 .table_wrap .table {
	width: 100%;
}

.section_4 .table_wrap .table tr {}

.section_4 .table_wrap .table th,
.section_4 .table_wrap .table td {
	display: block;
	border: 0;
	padding: 16px;
	border-bottom: 1px #66A8D0 solid;
	font-weight: 500;
}

.section_4 .table_wrap .table th {}

.section_4 .table_wrap .table tr:first-child th {
	padding-top: 0;
}

.section_4 .table_wrap .table td {}

.section_4 .table_wrap .table tr:first-child td {
	/* padding-top: 0; */
}

.section_4 .table_wrap .table th .flex,
.section_4 .table_wrap .table td .flex {}

.section_4 .table_wrap .table th .flex .text,
.section_4 .table_wrap .table td .flex .text {}

@media screen and (min-width: 768px) {
	.section_4 .inner {
		padding: 5% 0 10%;
	}

	.section_4 .content_wrap .content {
		gap: 48px;
		width: 90%;
		max-width: 1048px;
	}

	.section_4 .table_wrap .table th,
	.section_4 .table_wrap .table td {
		display: table-cell;
	}

	.section_4 .table_wrap .table tr th {
		width: 30%;
	}

	.section_4 .table_wrap .table tr:first-child th {
		padding-top: 0;
	}

	.section_4 .table_wrap .table tr td {
		width: 70%;
	}

	.section_4 .table_wrap .table tr:first-child td {
		padding-top: 0;
	}
}

@media screen and (min-width: 1280px) {
	
}

@media screen and (min-width: 1440px) {
	.section_4 .table_wrap .table th,
	.section_4 .table_wrap .table td {
		font-size: 1.2rem;
	}
}

@media screen and (min-width: 1920px) {
	
}

/* ---------------------------------------------------------------------------------------------------- */

.section_5 {
	position: relative;
	z-index: 0;
	background-color: #7BCCCF;
	overflow: visible;
}

.section_5::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0.5px;
	left: 0;
	transform: translate(0, -100%) scale(-1, 1);
	width: 100%;
	height: auto;
	aspect-ratio: 375 / 66;
	background-image: url(../img/border_wave_sp.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.section_5 .inner {
	padding: 20% 0;
}

.section_5 .wrap {}

.section_5 .heading_wrap {}

.section_5 .heading_wrap::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(100%, -50%);
	width: 48px;
	height: auto;
	aspect-ratio: 234 / 258;
	background-image: url(../img/about_sec5_deco_1.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.section_5 .heading_wrap .heading {
	color: #ffffff;
}

.section_5 .heading_wrap .heading .main {}

.section_5 .heading_wrap .heading .sub {}

.section_5 .content_wrap {}

.section_5 .content_wrap .content {
	gap: 24px;
	width: 90%;
}

.section_5 .item_wrap {
	gap: 24px;
}

.section_5 .item_wrap .item {}

.section_5 .item_wrap .item .item_inner {
	gap: 24px;
}

.section_5 .list_wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
    gap: 0px;
	width: 100%;
}

.section_5 .list_wrap .list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
    gap: 24px 0px;
	width: 100%;
}

.section_5 .list_wrap .list li {
	position: relative;
	width: max-content;
	max-width: 100%;
}

.section_5 .list_wrap .list li .flex {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0px;
	width: 100%;
	padding-left: 1rem;
	/* font-weight: 500; */
	/* line-height: 1; */
}

.section_5 .list_wrap .list li .flex::before {
	content: "";
	position: absolute;
	top: calc(0.5rem * 1.25);
	left: 0;
	transform: translate(0, 0);
	width: 0.5rem;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 100vmax;
	background-color: #C4EBF0;
}

.section_5 .list_wrap .list li .flex .text {
	color: #ffffff;
}

.section_5 .list_wrap .list li .flex .text.top {
	font-size: 1.2em;
	font-weight: 500;
}

.section_5 .list_wrap .list li .flex .text.bottom {}

.section_5 .map {
	position: relative;
    width: 100%;
    height: 0;
    padding-top: calc(100% * (4 / 5));
    overflow-y: hidden;
}

.section_5 .map iframe {
	position: absolute;
    top: -150px;
    left: 0;
    width: 100%;
    height: calc(100% + (150px * 2));
}

@media screen and (min-width: 768px) {
	.section_5::before {
		aspect-ratio: 1920 / 64;
		background-image: url(../img/border_wave_pc.svg);
	}

	.section_5 .inner {
		padding: 5% 0;
	}

	.section_5 .content_wrap .content {
		width: 90%;
		max-width: 1280px;
	}

	.section_5 .item_wrap {
		flex-direction: row;
		align-items: flex-start;
		gap: 48px;
	}

	.section_5 .item_wrap .item:nth-child(1) {
		flex: 0 0 auto;      /* 中身に合わせる（伸びない/縮まない） */
		width: max-content;  /* 任意：内容幅に寄せる */
	}

	.section_5 .item_wrap .item:nth-child(2) {
		flex: 1 1 auto;      /* 残り幅いっぱい */
		min-width: 0;        /* 重要：長い文字で押し広げない */
	}

	.section_5 .map {
		padding-top: calc(100% * (3 / 5));
	}
}

@media screen and (min-width: 1280px) {
	
}

@media screen and (min-width: 1440px) {
	.section_5 .item_wrap {
		gap: 72px;
	}
}

@media screen and (min-width: 1920px) {
	
}

/* ---------------------------------------------------------------------------------------------------- */

.section_6 {}

.section_6 .inner {
	padding: 20% 0;
}

.section_6 .wrap {}

.section_6 .heading_wrap {}

.section_6 .heading_wrap.deco_bottom::before {
	background-image: url(../img/hd_deco_bottom_gr.webp);
}

.section_6 .heading_wrap .heading {
	text-align: center;
}

.section_6 .heading_wrap .heading .main {}

.section_6 .heading_wrap .heading .sub {}

.section_6 .content_wrap {}

.section_6 .content_wrap .content {
	gap: 24px;
	width: 90%;
}

.section_6 .item_wrap {}

.section_6 .item_wrap .item {}

.section_6 .item_wrap .item .item_inner {}

.section_6 .list_wrap {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
    gap: 0px;
	width: 100%;
}

.section_6 .list_wrap .intro {
	font-weight: 500;
}

.section_6 .list_wrap .list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
    gap: 0px;
	width: 100%;
}

.section_6 .list_wrap .list li {
	position: relative;
	width: max-content;
	max-width: 100%;
	padding-left: 1rem;
	font-weight: 500;
}

.section_6 .list_wrap .list li::before {
	content: "";
	position: absolute;
	top: calc(0.5rem * 1.25);
	left: calc(0.25rem * 1.5);
	transform: translate(0, 0);
	width: 0.25rem;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 100vmax;
	background-color: #000000;
}

@media screen and (min-width: 768px) {
	.section_6 .inner {
		padding: 5% 0 5%;
	}

	.section_6 .content_wrap .content {
		width: max-content;
		max-width: 90%;
	}
}

@media screen and (min-width: 1280px) {
	
}

@media screen and (min-width: 1440px) {
	.section_6 .content_wrap .content {
		gap: 48px;
	}

	.section_6 .list_wrap {
		gap: 12px;
	}

	.section_6 .list_wrap .intro {
		font-size: 1.2rem;
	}

	.section_6 .list_wrap .list {
		gap: 12px;
	}

	.section_6 .list_wrap .list li {
		font-size: 1.2rem;
	}

	.section_6 .list_wrap .list li::before {
        top: calc(0.6rem * 1.25);
	}
}

@media screen and (min-width: 1920px) {
	
}

/* ---------------------------------------------------------------------------------------------------- */