@charset "UTF-8";
/* FV
------------------------------------------------------------------------- */
.fv {
	background: #ebf6ff url(../images/common/wave_white_sp.png) repeat-x bottom center;
	background-size: contain;
	padding: 23.4666666667vw 0 8vw;
	position: relative;
}

/* 画像 */
.fv_img01 {
	width: 95.7333333333vw;
	margin: 0 auto 2.1333333333vw;
}

/* テキスト */
.wrap_fv_txt {
	width: 87.4666666667vw;
	margin: 4.2666666667vw auto 0;
}

.fv_ttl {
	font-weight: 900;
	font-size: 7.4666666667vw;
	letter-spacing: 0.05em;
	line-height: 1.2857142857;
	margin-bottom: 4px;
}

.ul_fv_text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 2.1333333333vw;
	margin: 4.2666666667vw 0 6.4vw;
}
.ul_fv_text li {
	font-weight: bold;
	color: #0244c8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 1.0666666667vw 1.6vw;
	border: 4px double #0244c8;
	line-height: 1;
	text-align: center;
	border-radius: 4px;
}

/* スペースシアターの魅力
------------------------------------------------------------------------- */
.charm {
	padding: 6.4vw 0 17.0666666667vw;
}

.wrap_charm {
	width: 87.4666666667vw;
	margin: 0 auto;
	background: #fff;
	padding: 10.6666666667vw 0;
	border-radius: 4.2666666667vw;
}

.wrap_charm_contents {
	width: 78.9333333333vw;
	margin: 0 auto;
}

.charm_contents {
	margin-bottom: 12.8vw;
}
.charm_contents:last-child {
	margin-bottom: 0;
}

.charm_img {
	width: 55.4666666667vw;
	margin: 0 auto;
}

.charm_ttl {
	text-align: center;
	font-weight: bold;
	font-size: 5.3333333333vw;
	letter-spacing: 0.05em;
	color: #0244c8;
	margin: 6.4vw 0 4.2666666667vw;
}

/* 料金について
------------------------------------------------------------------------- */
.price_text {
	margin: 6.4vw 0;
	font-weight: bold;
}

/* 施設概要
------------------------------------------------------------------------- */
.facility .ttl_heading01 {
	z-index: 10;
}

.wrap_facility_contents {
	position: relative;
	z-index: 1;
}
.wrap_facility_contents::before {
	content: '';
	display: block;
	width: 93.3333333333vw;
	height: 93.3333333333vw;
	background: url(../images/top/circle01.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: -62.1333333333vw;
	left: -23.2vw;
	z-index: -1;
}

.facility_contents {
	margin-bottom: 8.5333333333vw;
}
.facility_contents:last-child {
	margin-bottom: 0;
}

/* 基本情報 */
.dl_facility dt,
.dl_facility dd {
	padding: 2.1333333333vw 3.2vw;
	font-weight: bold;
}
.dl_facility dt {
	color: #0244c8;
}
.dl_facility dd {
	border-bottom: 1px solid #f4f4f4;
}

/* ご利用例 */
.wrap_facility_case_contents {
	margin: 17.0666666667vw 0 8.5333333333vw;
	position: relative;
	z-index: 10;
}

.facility_case_contents {
	background: #fff;
	border: 8px solid #f6f6f6;
	border-radius: 4.2666666667vw;
	padding: 14.9333333333vw 6.4vw 6.4vw;
	margin-bottom: 17.0666666667vw;
	position: relative;
}
.facility_case_contents:last-child {
	margin-bottom: 0;
}
.facility_case_contents::before {
	content: '';
	display: block;
	width: 25.6vw;
	height: 25.6vw;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.facility_case_contents:nth-child(1)::before {
	background-image: url(../images/top/facility_icon01.svg);
}
.facility_case_contents:nth-child(2)::before {
	background-image: url(../images/top/facility_icon02.svg);
}
.facility_case_contents:nth-child(3)::before {
	background-image: url(../images/top/facility_icon03.svg);
}

.ttl_facility_case {
	font-weight: bold;
	font-size: 6.4vw;
	letter-spacing: 0.05em;
	line-height: 1.125;
	margin-bottom: 2.1333333333vw;
	text-align: center;
	color: #0244c8;
}

.ul_facility_case {
	width: 61.8666666667vw;
	margin: 0 auto;
}
.ul_facility_case li {
	font-weight: bold;
}

/* 施設画像 */
.facility_img {
	width: 95.7333333333vw;
	margin: 10.6666666667vw auto 0;
	position: relative;
}
.facility_img::before,
.facility_img::after {
	content: '';
	display: block;
	background: url(../images/top/circle01.svg) no-repeat;
	background-size: contain;
	position: absolute;
	z-index: -1;
}
.facility_img::before {
	width: 70.9333333333vw;
	height: 70.9333333333vw;
	top: 10.6666666667vw;
	left: -29.3333333333vw;
}
.facility_img::after {
	width: 58.6666666667vw;
	height: 58.6666666667vw;
	top: -27.4666666667vw;
	right: -24.2666666667vw;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

/* イベント予定
------------------------------------------------------------------------- */
.event {
	background: linear-gradient(to top, #f4f4f4 0, #f4f4f4 354px, #fff 354px, #fff 100%);
}

.slash {
	display: inline-block;
	margin: 0 0.5em;
}

/* スライダー矢印 */
.splide__arrows {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 59.7333333333vw;
	position: absolute;
	bottom: -6.4vw;
	left: 50%;
	-webkit-transform: translate(-50%, 100%);
	transform: translate(-50%, 100%);
}

.splide__arrow {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	position: static;
	background: url(../images/common/icon_arrow_slider.png) no-repeat;
	background-size: contain;
	width: 8.5333333333vw;
	height: 8.5333333333vw;
	opacity: 1;
}
.splide__arrow svg {
	display: none;
}

.splide__arrow--next {
	-webkit-transform: translateY(0) scale(-1, 1);
	transform: translateY(0) scale(-1, 1);
}

/* ページネーション */
.event .pagination {
	text-align: center;
	margin-top: 6.4vw;
	margin-bottom: calc(48 / 375 * 100vw);
	font-weight: bold;
	font-size: 6.4vw;
	line-height: 1.1666666667;
}

/* アクセス
------------------------------------------------------------------------- */
/* Google Map */
.wrap_access_map {
	width: 87.4666666667vw;
	margin: 0 auto;
}

.google_map iframe {
	display: block;
	width: 87.4666666667vw;
	height: 83.2vw;
}

.access_map_img {
	margin-top: 8.5333333333vw;
}

.access_map_ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 8.5333333333vw;
	background: -webkit-gradient(linear, left top, right top, from(#1489e5), to(#0244c8));
	background: linear-gradient(to right, #1489e5 0%, #0244c8 100%);
	color: #fff;
	border-radius: 10.6666666667vw;
	font-weight: bold;
	font-size: 4.8vw;
}

.access_map_text {
	margin: 4.2666666667vw 0;
	font-weight: bold;
	letter-spacing: 0.05em;
}

/* 交通手段別アクセス */
.wrap_access_contents {
	width: 95.7333333333vw;
	border-radius: 4.2666666667vw;
	border: 4px solid #f4f4f4;
	padding: 7.4666666667vw 0;
	margin: 8.5333333333vw auto 0;
}
.wrap_access_contents .ttl_heading02 {
	color: #0244c8;
	font-size: 4.8vw;
}
.wrap_access_contents .ttl_heading02::before {
	min-width: 1.0666666667vw;
	max-width: 1.0666666667vw;
	height: 4.2666666667vw;
	-webkit-transform: translateY(1.3333333333vw);
	transform: translateY(1.3333333333vw);
}

.access_contents {
	width: 87.4666666667vw;
	margin: 0 auto 8.5333333333vw;
}

.dl_access dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 2.1333333333vw;
	font-weight: bold;
	margin-bottom: 2.1333333333vw;
}
.dl_access dt::before {
	content: '';
	display: block;
	min-width: 2.1333333333vw;
	max-width: 2.1333333333vw;
	height: 2.1333333333vw;
	background: #1489e5;
	border-radius: 50%;
	margin-top: 8px;
}
.dl_access dd {
	padding-left: 4.2666666667vw;
	margin-bottom: 2.1333333333vw;
}
.dl_access > dd:last-of-type,
.dl_access div:last-child dd {
	margin-bottom: 0;
}

/* センタービルについて */
.access_about_center_bill {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: bold;
	padding: 0 4.2666666667vw;
	background: #ebf6ff;
	margin: 4.2666666667vw 0;
}

@media (min-width: 769px) {
	/* FV
	------------------------------------------------------------------------- */
	.fv {
		background-image: url(../images/common/wave_white_pc.png);
		background-size: 1360px 208px;
		padding: 14.7058823529vw 0 9.3382352941vw;
		z-index: 1;
	}
	/* テキスト */
	.wrap_fv_txt {
		width: calc(1200 / 1360 * 100vw);
		margin: 0 auto;
		font-size: calc(20 / 1360 * 100vw);
	}
	.fv_ttl {
		font-size: calc(40 / 1360 * 100vw);
		line-height: 1.5;
		margin-bottom: calc(24 / 1360 * 100vw);
	}
	.ul_fv_text {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		gap: calc(8 / 1360 * 100vw);
		margin: calc(40 / 1360 * 100vw) 0 calc(80 / 1360 * 100vw);
	}
	.ul_fv_text li {
		padding: calc(6 / 1360 * 100vw) calc(22 / 1360 * 100vw);
		border-radius: calc(4 / 1360 * 100vw);
	}
	/* ボタン */
	.fv .btn {
		width: calc(412 / 1360 * 100vw);
		margin: 0;
	}
	.fv .btn a {
		height: calc(51 / 1360 * 100vw);
		font-size: calc(24 / 1360 * 100vw);
		border-radius: calc(40 / 1360 * 100vw);
	}
	.fv .btn a::before {
		width: calc(24 / 1360 * 100vw);
		height: calc(24 / 1360 * 100vw);
	}
	.fv .btn a::after {
		border-radius: calc(40 / 1360 * 100vw);
	}
	/* 画像 */
	.wrap_fv_img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		gap: 1.1764705882vw;
		position: absolute;
		top: 0;
		right: 0;
		width: 48.8235294118vw;
		height: 100%;
		overflow: hidden;
		z-index: -1;
	}
	.fv_img01 {
		width: 50%;
		height: 100%;
		margin: 0;
	}
	.fv_img01 img {
		height: 100%;
	}
	#fv_slider {
		width: 50%;
	}
	/* スペースシアターの魅力
	------------------------------------------------------------------------- */
	.ttl_heading01 {
		margin-bottom: min(6.4705882353vw, 88px);
	}
	.charm {
		padding: min(2.9411764706vw, 40px) 0;
	}
	.wrap_charm {
		width: 94.1176470588vw;
		padding: min(2.9411764706vw, 40px) 0;
		border-radius: 1.7647058824vw 24;
	}
	.wrap_charm_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		gap: min(2.3529411765vw, 32px);
		width: min(82.3529411765vw, 1120px);
	}
	.charm_contents {
		width: min(25.8823529412vw, 352px);
		margin-bottom: 0;
	}
	.charm_img {
		width: min(18.2352941176vw, 248px);
	}
	.charm_ttl {
		font-size: min(1.7647058824vw, 24px);
		margin: min(1.7647058824vw, 24px) 0 min(1.1764705882vw, 16px);
	}
	.charm_text {
		width: min(23.5294117647vw, 320px);
		margin: 0 auto;
		line-height: 1.75;
	}
	/* 料金について
	------------------------------------------------------------------------- */
	.price_text {
		margin: min(0.5882352941vw, 8px) 0 min(2.9411764706vw, 40px);
		text-align: center;
	}
	/* 施設概要
	------------------------------------------------------------------------- */
	.facility .inner_section {
		width: min(82.3529411765vw, 1120px);
	}
	.wrap_facility_contents {
		position: relative;
		z-index: 1;
	}
	.wrap_facility_contents::before {
		width: min(30.5882352941vw, 416px);
		height: min(30.5882352941vw, 416px);
		top: max(-27.5vw, -374px);
		left: max(-23.2352941176vw, -316px);
	}
	.facility_contents {
		margin-bottom: min(2.9411764706vw, 40px);
	}
	.facility_contents:not(:nth-child(2)) {
		width: min(67.6470588235vw, 920px);
		margin-left: auto;
		margin-right: auto;
	}
	/* 基本情報 */
	.dl_facility {
		position: relative;
		z-index: 1;
	}
	.dl_facility::after {
		content: '';
		display: block;
		width: min(24.4117647059vw, 332px);
		height: min(20.5882352941vw, 280px);
		background: url(../images/top/circle02.svg) no-repeat;
		background-size: contain;
		position: absolute;
		top: min(1.1029411765vw, 15px);
		right: max(-20.5882352941vw, -280px);
		z-index: -1;
	}
	.dl_facility div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: min(0.2941176471vw, 4px) 0;
		border-bottom: 1px solid #d9ecfb;
	}
	.dl_facility dt,
	.dl_facility dd {
		padding: min(0.5882352941vw, 8px) min(1.7647058824vw, 24px);
	}
	.dl_facility dt {
		width: min(21.1764705882vw, 288px);
		background: #ebf6ff;
		border-radius: min(0.5882352941vw, 8px);
	}
	.dl_facility dd {
		width: calc(100% - min(21.1764705882vw, 288px));
		border-bottom: none;
	}
	/* ご利用例 */
	.ttl_heading02_case,
	.case_text {
		width: min(67.6470588235vw, 920px);
		margin-left: auto;
		margin-right: auto;
	}
	.wrap_facility_case_contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin: min(5.8823529412vw, 80px) 0 min(2.9411764706vw, 40px);
	}
	.facility_case_contents {
		width: min(25.8823529412vw, 352px);
		border-radius: min(1.1764705882vw, 16px);
		padding: min(4.1176470588vw, 56px) 0 min(1.7647058824vw, 24px);
		margin-bottom: 0;
	}
	.facility_case_contents::before {
		width: min(7.0588235294vw, 96px);
		height: min(7.0588235294vw, 96px);
	}
	.ttl_facility_case {
		font-size: min(1.7647058824vw, 24px);
		margin-bottom: min(0.5882352941vw, 8px);
	}
	.ul_facility_case {
		width: min(18.8235294118vw, 256px);
	}
	/* 施設画像 */
	.facility_img {
		width: min(96.4705882353vw, 1312px);
		margin: min(5.8823529412vw, 80px) auto 0;
	}
	.facility_img::before {
		width: min(34.7058823529vw, 472px);
		height: min(34.7058823529vw, 472px);
		top: max(-8.2352941176vw, -112px);
		left: max(-16.6911764706vw, -227px);
	}
	.facility_img::after {
		width: min(25.9558823529vw, 353px);
		height: min(25.9558823529vw, 353px);
		top: 0;
		right: max(-12.2794117647vw, -167px);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	/* イベント予定
	------------------------------------------------------------------------- */
	.event {
		background: linear-gradient(to top, #f4f4f4 0, #f4f4f4 354px, #fff 354px, #fff 100%);
	}

	#event_slider .splide__list.slideCount3 {
		justify-content: center;
	}

	/* スライダー矢印 */
	.splide__arrows {
		width: min(16.4705882353vw, 224px);
		bottom: max(-1.7647058824vw, -24px);
	}
	.splide__arrow {
		width: min(2.3529411765vw, 32px);
		height: min(2.3529411765vw, 32px);
	}
	/* ページネーション */
	.event .pagination {
		margin-top: min(1.7647058824vw, 24px);
		margin-bottom: min(calc(48 / 1360 * 100vw), 48px);
		font-size: min(1.7647058824vw, 24px);
	}
	/* アクセス
	------------------------------------------------------------------------- */
	/* Google Map */
	.wrap_access_map {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: min(82.3529411765vw, 1120px);
	}
	.google_map {
		width: min(40vw, 544px);
	}
	.google_map iframe {
		display: block;
		width: 100%;
		height: min(38.0882352941vw, 518px);
	}
	.access_map_img {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: min(40vw, 544px);
		margin-top: 0;
	}
	.access_map_ttl {
		height: min(2.3529411765vw, 32px);
		border-radius: min(1.1764705882vw, 16px);
		font-size: min(1.3970588235vw, 19px);
	}
	.access_map_text {
		margin: 0;
		font-weight: bold;
		letter-spacing: 0.05em;
	}
	/* 交通手段別アクセス */
	.wrap_access_contents {
		width: min(82.3529411765vw, 1120px);
		border-radius: min(1.1764705882vw, 16px);
		border: 8px solid #f4f4f4;
		padding: min(2.3529411765vw, 32px) 0;
		margin: min(1.7647058824vw, 24px) auto 0;
	}
	.wrap_access_contents .ttl_heading02 {
		font-size: min(1.3235294118vw, 18px);
		gap: min(0.5882352941vw, 8px);
		margin-bottom: min(1.1764705882vw, 16px);
	}
	.wrap_access_contents .ttl_heading02::before {
		min-width: min(0.2941176471vw, 4px);
		max-width: min(0.2941176471vw, 4px);
		height: min(1.1764705882vw, 16px);
		-webkit-transform: translateY(min(0.4411764706vw, 6px));
		transform: translateY(min(0.4411764706vw, 6px));
	}
	.access_contents {
		width: min(68.2352941176vw, 928px);
		margin: 0 auto min(2.3529411765vw, 32px);
	}
	.dl_access dt {
		gap: min(0.5882352941vw, 8px);
		margin-bottom: min(0.2941176471vw, 4px);
	}
	.dl_access dt::before {
		min-width: min(0.5882352941vw, 8px);
		max-width: min(0.5882352941vw, 8px);
		height: min(0.5882352941vw, 8px);
		margin-top: min(0.5882352941vw, 8px);
	}
	.dl_access dd {
		padding-left: min(1.1764705882vw, 16px);
		margin-bottom: min(0.5882352941vw, 8px);
	}
	.dl_access:has(div) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.dl_access:has(div) div dd {
		margin-bottom: 0;
	}
	/* センタービルについて */
	.access_about_center_bill {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0 min(1.1764705882vw, 16px);
		margin: min(1.1764705882vw, 16px) 0 min(0.5882352941vw, 8px);
	}
}