@charset "UTF-8";

body {
	/* background-color:#F0F0F5; */
	position:relative;
	/* scrollbar-gutter: stable;
	overflow:hidden;
	animation:sp06 0.5s linear 16.5s forwards; */
}
body * {
	color: #23274F;
	font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
	font-weight:400;
	padding:0;
	margin: 0;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	word-break: break-word;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6,p,a,li {
	font-size:14px;
	font-weight:400;
	letter-spacing:0.160em;
	line-height:30px;
}
.inline-block {
	display:inline-block;
	color:inherit !important;
	font-size:inherit !important;
	font-weight:inherit !important;
	text-decoration:inherit !important;
}
a {
	color:#919191;
	color:#fff;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
}
a::before,
a::after,
a:hover,
a:hover::before,
a:hover::after {
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
a.no-link {
	pointer-events:none;
}
img {
	display:block;
	width:100%;
	max-width: 100%;
	height: auto;
}
.border-gray {
	border:1px solid #CBCBD4;
}
.fs10 { font-size:10px !important; }
.fs11 { font-size:11px !important; }
.fs12 { font-size:12px !important; }
.fs13 { font-size:13px !important; }
.fs14 { font-size:14px !important; }
.fs15 { font-size:15px !important; }
.fs16 { font-size:16px !important; }
.fs17 { font-size:17px !important; }
.fs18 { font-size:18px !important; }
.fs19 { font-size:19px !important; }
.fs20 { font-size:20px !important; }
.t-red { color:#E12F23 !important; }
.t-bold { font-weight:bold !important; }
.t-left { text-align:left; }
.t-center { text-align:center; }
.t-right { text-align:right; }
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.ml05 { margin-left:-0.5em; display:inline-block; color:inherit; text-decoration:inherit; }
.mr05 { margin-right:-0.5em; display:inline-block; color:inherit; text-decoration:inherit; }

.tb-block,
.sp-block,
.under500 {
	display:none;
}
.pc-block {
	display:block;
}
@media screen and (max-width:1080px) {
	.pc-block {
		display:none;
	}
	.tb-block {
		display:block;
	}
}
@media screen and (max-width:750px) {
	.tb-block {
		display:none;
	}
	.sp-block {
		display:block;
	}
}

.container {
	width:100%;
	max-width:1080px;
	padding:0 60px;
	margin:0 auto;
	position:relative;
	/* z-index:20; */
}
.flex-container {
	display: flex;
	flex-wrap:wrap;
}
.flex-container.flex-2,
.flex-container.flex-3,
.flex-container.flex-4 {
	gap:40px;
}
.flex-container.flex-2 .flex-item,
.flex-container.flex-4 .flex-item {
	width:calc( ( 100% - 40px ) / 2 );
}
.flex-container.flex-3 .flex-item {
	width:calc( ( 100% - 80px ) / 3 );
}

header {
	width:100%;
	height:80px;
}
header .container {
	width: 100%;
	max-width:100%;
	height:80px;
	padding:0 18px;
	background-color:#fff;
	border-bottom:1px solid #E6000D;
	display:flex;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
}
header .logo-area {
	display:block;
	width:120px;
	line-height:0;
}
header .menu-area {
	display:flex;
	flex-direction:column-reverse;
	gap:10px;
	margin-left:auto;
	padding-right:76px;
	padding-right:104px;
	position:relative;
}
header .menu-area .first-menu,
header .menu-area .second-menu {
	justify-content:flex-end;
	gap:22px;
}
header .menu-area .second-menu {
	display:none;
}
.menu-area .first-menu > li,
.menu-area .second-menu > li {
	line-height:0;
	/* margin:0 10px; */
}
.menu-area .first-menu li > a,
.menu-area .second-menu li:not(.btn_language) a {
	display:block;
}
header .menu-area .first-menu li > a {
	color:#23274F;
	font-size:14px;
	font-weight:600;
	letter-spacing:0;
	line-height:18px;
	transition:0.5s;
	cursor:pointer;
	position:relative;
}
header .menu-area .first-menu li > a.active,
header .menu-area .first-menu li > a:hover {
	color:#E12F23;
	font-weight:700;
	transition:0.5s;
}
header .menu-area .first-menu li > a.active::after,
header .menu-area .first-menu li > a:hover::after {
	content:"";
	display:block;
	width:100%;
	height:4px;
	background-color:#E12F23;
	position:absolute;
	bottom:-18px;
	bottom:-31px;
	left:0;
	z-index:1;
}
header .btn_search {
	cursor:pointer;
}
header .menu-area .first-menu .btn_search img {
	width:auto;
	height:20px;
	margin-top:-2px;
}
header .menu-area .first-menu li .sub-menu-area {
	display:none;
}
header .menu-area .second-menu li a {
	color:#23274F;
	font-size:12px;
	letter-spacing:0;
	line-height:16px;
}
.menu-area .second-menu li a:hover,
.menu-area .sub-menu-area li a:hover {
	color:#E12F23;
}
header .menu-area .second-menu li.btn_language,
header .menu-area .second-menu li.btn_language a {
	color:#BEBEC8;
	font-size:12px;
	letter-spacing:0;
	line-height:16px;
}
header .menu-area .second-menu li.btn_language a.active {
	color:#0041A8;
}
.sns-area {
	display:flex;
	align-items:center;
	gap:11px;
}
.sns-area a {
	display:block;
	width:17px;
	height:17px;
	line-height:0;
}
header .sns-area {
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
header .sns-area::before {
	content:"";
	display:block;
	width:1px;
	height:44px;
	margin:0 4px 0 15px;
	background-color:#CBCBD4;
}

footer {
	background-color:#2B2B33;
	position:relative;
}
footer .container {
	width:100%;
	max-width:1360px;
	padding-top:70px;
	padding-bottom:70px;
	justify-content:space-between;
	align-items:flex-start;
}
footer .logo-area {
	width:104px;
	width:180px;
}
footer .menu-area {
	width:calc( 100% - 160px );
	max-width:970px;
	position:relative;
}
footer .menu-area .first-menu {
	gap:50px 35px;
}
footer .menu-area .first-menu li > a {
	color:#fff;
	font-size:14px;
	font-weight:700;
	letter-spacing:0;
	line-height:1;
	margin-bottom:10px;
}
footer .menu-area .sub-menu-area li {
	line-height:0;
	padding-left:10px;
	position:relative;
}
footer .menu-area .sub-menu-area li::before {
	content:"";
	display:block;
	width:2px;
	height:2px;
	border-radius:50%;
	background-color:#fff;
	position:absolute;
	top:12px;
	left:0;
	transform:translateY(-50%);
}
footer .menu-area .sub-menu-area li a {
	color:#fff;
	font-size:12px;
	letter-spacing:0;
	line-height:2;
}
footer .menu-area .second-menu {
	gap:40px;
	margin-top:100px;
}
footer .menu-area .second-menu li a {
	font-size:14px;
	letter-spacing:0;
	line-height:25px;
	line-height:20px;
	padding:5px 0;
}
footer .sns-area {
	position:absolute;
	bottom:0;
	right:0;
}
footer .footer_bottom {
	width:100%;
	border-top:1px solid #78788C;
}
footer .footer_bottom .flex-container {
	width:100%;
	max-width:1400px;
	height:44px;
	padding:0 18px;
	margin:0 auto;
	/* justify-content:space-between; */
	justify-content:center;
	align-items:center;
}
footer .footer_bottom .footer_bottom_menu {
	display:flex;
	gap:15px;
}
footer .footer_bottom .footer_bottom_menu li a,
footer .footer_bottom .copyright {
	color:#fff;
	font-size:12px;
	letter-spacing:0.050em;
	line-height:2;
}
footer .menu-area .first-menu li > a:hover,
footer .footer_bottom .footer_bottom_menu li a:hover {
	color:#E12F23;
}

@media screen and (max-width:1250px) {
	footer .container {
		max-width:850px;
	}
}
@media screen and (max-width:850px) {
	footer .container {
		max-width:650px;
	}
	footer .menu-area .second-menu {
		margin:50px 0;
	}
	footer .sns-area {
		right:auto;
		left:0;
	}
}

.btn_scrolltop {
	width:60px;
	height:60px;
	padding:18px 21px 18px 23px;
	background-color:#78788C;
	position:fixed;
	bottom:0;
	right:0;
	transform:rotate(-90deg);
	z-index:999;
	cursor:pointer;
	display:none;
}
.btn_scrolltop:hover {
	background-color:rgba(120,120,140,0.75);
}
.btn_scrolltop.bottomed {
	position:absolute;
	bottom:100%;
}

.traffic-information {
	background-color:#23274F;
}
.traffic-information .flex-container {
	height:40px;
	align-items:center;
	justify-content:space-between;
}
.traffic-information .text-area {
	color:#fff;
	font-size:14px;
	font-weight:600;
	line-height:24px;
	padding-right:0px;
	width:fit-content;
}
.traffic-information .slide-area {
	width:calc( 100% - 95px );
}
.traffic-information .slide-area .slick-slide {
	color:#fff;
	font-size:12px;
	letter-spacing:0.050em;
	line-height:24px;
	width:426px;
	height:24px;
	margin-right:10px;
	background-color:#3C3E5B;
	border-radius:12px;
}
.traffic-information .slide-area .slick-slide a {
	display:block;
	width:100%;
	color:inherit;
	font-size:inherit;
	letter-spacing:inherit;
	line-height:inherit;
}
.traffic-information .slide-area .traffic-info {
	font-size:12px;
	font-weight:700;
	letter-spacing:0.050em;
	line-height:24px;
	text-align:center;
	display:inline-block;
	width:70px;
	margin-right:8px;
	background-color:#fff;
	border-radius:12px;
}
.traffic-information .slide-area .traffic-info.info-schedule {
	color:#003384;
}
.traffic-information .slide-area .traffic-info.info-progress {
	color:#E12F23;
}

/* breadcrumb */
.parts_bc {
	border-bottom:1px solid #bcbcbc;
}
.parts_bc ul {
	padding:5px 0;
}
.parts_bc ul li {
	font-size:12px;
	line-height:20px;
	display:inline;
}
.parts_bc ul li a span {
	color:#23274F;
	font-weight:600;
}
.parts_bc ul li a,
.parts_bc ul li span {
	color:#bcbcbc;
	font-size:11px;
	font-weight:300;
	letter-spacing:0.050em;
	line-height:20px;
}
.parts_bc ul li + li {
	padding-left:20px;
	position:relative;
}
.parts_bc ul li + li::before {
	content:"";
	display:block;
	width:0px;
	height:0px;
	border-top:3px solid transparent;
	border-bottom:3px solid transparent;
	border-left:6px solid #23274F;
	position:absolute;
	top:50%;
	top:10px;
	left:calc( 9px / 2 );
	transform:translateY(-50%);
}

.parts_page-header {
	width:100%;
	height:150px;
	background-color:#bcbcbc;
	display:flex;
	justify-content:center;
	align-items:center;
}
.parts_page-header .page-title {
	color:#23274F;
	font-size:30px;
	font-weight:600;
	letter-spacing:0.15em;
	line-height:1.5;
}

.section {
	padding-top:90px;
	overflow:hidden;
}
.section:last-of-type {
	padding-bottom:90px;
}
.section-kv {
	width:100%;
	padding:30px 0;
	background-color:#D7D7DC;
	overflow:hidden;
}
.section-kv .slider.slick-dotted.slick-slider {
	padding-bottom:19px;
	margin:0 -30px;
}
.section-kv .slider .slick-list {
	overflow:visible;
}
.section-kv .slider .slick-slide {
	width:calc( 100% - 60px );
	margin:0 30px;
	box-shadow:0 0 20px 0 rgba(0,0,0,0.15);
}
.section-kv .slider .slick-slide img {
	width:100%;
	aspect-ratio:2 / 1;
	object-fit:cover;
}
@media screen and (min-width:750px) {
	.section-kv .slider .slick-slide img.pc-ver {
		display:block !important;
	}
	.section-kv .slider .slick-slide img.sp-ver {
		display:none !important;
	}
	.section-kv .slider .slick-slide img.pc-ver.sp-ver {
		display:block !important;
	}
}
@media screen and (max-width:750px) {
	.section-kv .slider .slick-slide img.pc-ver {
		display:none !important;
	}
	.section-kv .slider .slick-slide img.sp-ver {
		display:block !important;
	}
	.section-kv .slider .slick-slide img.pc-ver.sp-ver {
		display:block !important;
	}
}
.section-kv .slider .slick-arrow {
	width:60px;
	height:60px;
	top:calc( ( 100% - 19px ) / 2 );
	background-color:#E12F23;
	z-index:1;
	transition:0.5s;
}
.section-kv .slider .slick-arrow:hover {
	background-color:rgba(225,47,35,0.75);
	transition:0.5s;
}
.section-kv .slider .slick-arrow::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-image:url('../img/icon_btn_white.svg');
	background-size:15px 24px;
	background-repeat:no-repeat;
	background-position:calc( 50% + 2px ) center;
	opacity:1;
}
.section-kv .slider .slick-prev {
	left:0;
}
.section-kv .slider .slick-prev::before {
	transform:rotate(180deg);
}
.section-kv .slider .slick-next {
	right:0;
}
.section-kv .slider .slick-dots {
	bottom:0;
}
.section-kv .slider .slick-dots li {
	width:90px;
	height:4px;
	margin:0 4px;
	line-height:0;
}
.section-kv .slider .slick-dots li button {
	width:100%;
	height:100%;
	padding:0;
	background-color:#fff;
	border:1px solid #fff;
}
.section-kv .slider .slick-dots li.slick-active button {
	/* background-color:#23274F; */
	border:1px solid #23274F;
}
.section-kv .slider .slick-dots li button::before {
	content:"";
	width:0;
	height:100%;
	font-size:0;
	line-height:0;
	background-color:#23274F;
	opacity:1;
}
.section-kv .slider .slick-dots li.slick-active button::before {
	animation: progress 7s linear 0s forwards;
}
@keyframes progress {
  0%{ width:0; }
  100% { width:100%; }
}

.section-title {
	font-size:30px;
	font-weight:600;
	letter-spacing:0.15em;
	line-height:1;
	text-align:center;
}
.section-title::after {
	content:"";
	display:block;
	width:60px;
	height:4px;
	margin:40px auto;
	background: linear-gradient(90deg, #003384 0%, #003384 50%, #E12F23 50%, #E12F23 100%);
}
.btn {
	width:100%;
	max-width:380px;
	margin:40px auto 0;
}
.btn.btn-link {
	margin-top:60px;
}
.btn a {
	color:#fff;
	font-size:16px;
	font-weight:600;
	line-height:70px;
	text-align:center;
	display:block;
	width:100%;
	background-color:#E12F23;
	border:2px solid #E12F23;
	position:relative;
}
.btn a::after {
	content:"";
	display:block;
	width:10px;
	height:16px;
	background-image:url('../img/icon_btn_white.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
}
.btn.btn-link a::after {
	width:20px;
	height:20px;
	background-image:url('../img/icon_btn_link_white.svg');
	right:25px;
}
.btn a:hover {
	color:#E12F23;
	background-color:#fff;
}
.btn a:hover::after {
	background-image:url('../img/icon_btn_red.svg');
}
.btn.btn-link a:hover::after {
	background-image:url('../img/icon_btn_link_red.svg');
}

.section-traffic-information .flex-container {
	justify-content:center;
	gap:40px;
}
.section-traffic-information .flex-container .flex-item {
	width:calc( 50% - 20px );
	background-color:#fff;
	box-shadow:0 0 20px 0 rgba(0,0,0,0.15);
}
.section-traffic-information .flex-container .flex-item .tab-area {
	color:#fff;
	font-size:20px;
	font-weight:600;
	letter-spacing:0.16em;
	line-height:50px;
	text-align:center;
}
.section-traffic-information .flex-container .flex-item:nth-of-type(1) .tab-area {
	background-color:#003384;
}
.section-traffic-information .flex-container .flex-item:nth-of-type(2) .tab-area {
	background-color:#E12F23;
}
.section-traffic-information .flex-container .flex-item .text-area {
	display:flex;
	justify-content:center;
	align-items:center;
	height:150px;
}
.section-traffic-information .flex-container .flex-item .text-area p {
	font-size:18px;
	font-weight:500;
	letter-spacing:0.16em;
	line-height:30px;
	text-align:center;
}
.section-traffic-information .btn {
	margin:40px auto 0;
}

.section-pickup {
	padding-bottom:90px;
	background-color:#F0F0F5;
}
.section-pickup .container {
	max-width:1460px;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}
.section-pickup .slider.slick-slider {
	width:100%;
	margin:0 auto;
}
.section-pickup .slider .slick-slide {
	width:495px;
	padding:0 15px;
}
.section-pickup .slider .slick-slide a {
	display:block;
	transition:0.5s;
}
.section-pickup .slider .slick-slide a .image-area {
	width:100%;
	aspect-ratio:930 / 496;
	overflow:hidden;
}
.section-pickup .slider .slick-slide a .image-area img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:0.5s;
}
.section-pickup .slider .slick-slide a .text-area {
	margin-top:14px;
}
.section-pickup .slider .slick-slide a .text-area p {
	font-size:16px;
	font-weight:500;
	letter-spacing:0.040em;
	line-height:26px;
	transition:0.5s;
}
.section-pickup .slider .slick-slide a:hover .image-area img {
	transform:scale(1.1);
	transition:0.5s;
}
.section-pickup .slider .slick-slide a:hover .text-area p {
	color:#E12F23;
	transition:0.5s;
}
.section-pickup .slider .slick-arrow {
	width:60px;
	height:60px;
	top:calc( 248px / 2 );
	background-color:#E12F23;
	z-index:1;
	transition:0.5s;
}
.section-pickup .slider .slick-arrow:hover {
	background-color:rgba(225,47,35,0.75);
	transition:0.5s;
}
.section-pickup .slider .slick-arrow::before {
	background-size:11px 17px;
	background-position:calc( 50% + 1px ) center;
}
.section-pickup .slider .slick-arrow::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-image:url('../img/icon_btn_white.svg');
	background-size:15px 24px;
	background-repeat:no-repeat;
	background-position:calc( 50% + 2px ) center;
	opacity:1;
}
.section-pickup .slider .slick-prev {
	left:0;
}
.section-pickup .slider .slick-prev::before {
	transform:rotate(180deg);
}
.section-pickup .slider .slick-next {
	right:0;
}
@media screen and (max-width:750px) {
	.section-pickup {
		padding-bottom:50px;
	}
	.section-pickup .slider .slick-slide {
		width:480px;
		padding:0 7.5px;
	}
	.section-pickup .slider .slick-arrow {
		width:44px;
		height:44px;
	}
	.section-pickup .slider .slick-arrow::before {
		background-size:11px 17px;
		background-position:calc( 50% + 1px ) center;
	}
}
@media screen and (max-width:510px) {
	.section-pickup .slider .slick-slide {
		width:calc( 100vw - 45px );
	}
	.section-pickup .slider .slick-arrow {
		top:calc( ( 100vw - 60px ) * 248 / 930 );
	}
}


.section-information {
	padding-bottom:90px;
}
.section-information .addition-info {
	width:100%;
	padding:30px;
	margin:0 auto 80px;
	background-color:#ccc;
	background-color:#D7D7DC;
	background-color:#F0F0F5;
}
.section-information .addition-info p {
	color:#E12F23;
	font-size:14px;
	font-weight:500;
	letter-spacing:0;
	line-height:1.75;
	text-align:center;
	margin-right:-0.5em;
}
.section-information .container > ul {
	border-top:1px solid #CBCBD4;
}
.section-information .container > ul li a {
	width:100%;
	padding:18px 35px 18px 0;
	border-bottom:1px solid #CBCBD4;
	display:flex;
	align-items:center;
	transition:0.5s;
	position:relative;
}
.section-information .container > ul li a::after {
	content:"";
	display:block;
	width:10px;
	height:16px;
	background-image:url('../img/icon_btn_blue.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	transition:0.5s;
}
.section-information .container > ul li a.no-link::after {
	display:none;
}
.section-information .container > ul li .date {
	font-size:16px;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:35px;
	width:124px;
	border-right:1px solid #CBCBD4;
	transition:0.5s;
}
.section-information .container > ul li .info-cat {
	font-size:12px;
	letter-spacing:0.1em;
	line-height:35px;
	text-align:center;
	width:100px;
	background-color:#F0F0F5;
	margin:0 25px;
}
.section-information .container > ul li .info-text {
	font-size:14px;
	letter-spacing:0;
	line-height:1.5;
	width:calc( 100% - 275px );
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.section-information .container > ul li a:hover {
	border-bottom:1px solid #E12F23;
}
.section-information .container > ul li a:hover::after {
	background-image:url('../img/icon_btn_red.svg');
}
.section-information .container > ul li a:hover .date,
.section-information .container > ul li a:hover .info-text {
	color:#E12F23;
	transition:0.5s;
}
.section-event .flex-container.flex-3 {
	gap:35px 30px;
	justify-content:center;
}
.section-event .flex-container.flex-3 .flex-item {
	width:calc( ( 100% - 60px ) / 3 );
	width:100% !important;
	max-width:300px;
}
.section-event .flex-container.flex-3 .flex-item a {
	display:flex;
	flex-direction:column;
	height:100%;
}
.section-event .flex-container.flex-3 .flex-item .image-area {
	width:100%;
	aspect-ratio:15 / 8;
}
.section-event .flex-container.flex-3 .flex-item .image-area img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.section-event .flex-container.flex-3 .flex-item .info-text {
	font-size:16px;
	font-weight:600;
	letter-spacing:0.040em;
	line-height:26px;
	margin-top:15px;
}
.date-area {
	display:flex;
	padding-top:14px;
	margin-top:auto;
}
.date-area .info-cat {
	color:#23274F;
	font-size:12px;
	letter-spacing:0.1em;
	line-height:25px;
	text-align:center;
	width:65px;
	height:25px;
	background-color:#F0F0F5;
	margin-right:10px;
}
.date-area .info-date {
	color:#E6000D;
	font-size:16px;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:25px;
	width:calc( 100% - 70px );
	margin-right:-5px;
}
@media screen and (max-width:800px) {
	.section-event .flex-container.flex-3 .flex-item {
		width:calc( ( 100% - 30px ) / 2 );
	}
}
@media screen and (max-width:500px) {
	.section-event .flex-container.flex-3 {
		gap:25px 30px;
	}
	.section-event .flex-container.flex-3 .flex-item {
		width:100%;
	}
	.date-area .info-date {
		font-size:14px;
	}
}

.section.section-about {
	/* padding-top:70px; */
	/* padding-bottom:70px; */
	background-image:url('../img/bg_top-about.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.section-about .about-title {
	font-size:28px;
	font-weight:600;
	letter-spacing:0.16em;
	line-height:50px;
	text-align:center;
}
.section-about p {
	font-size:14px;
	letter-spacing:0.050em;
	line-height:30px;
	text-align:center;
	margin-top:20px;
}
.section-about .slide-area {
	width:100%;
	margin-top:70px;
}
.section-about .slide-area li {
	width:280px;
	height:160px;
}

.pagination-area {
	margin-top:60px;
}
.pagination-area ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	padding:0;
	margin:0 auto;
	position:relative;
}
.pagination-area ul li {
	line-height:60px;
	margin:0 4px;
}
.pagination-area ul li a {
	color:#23274F;
	font-size:16px;
	font-weight:600;
	line-height:60px;
	text-align:center;
	display:block;
	width:60px;
	height:60px;
	border:1px solid #23274F;
}
.pagination-area ul li a:hover {
	color:#fff;
	background-color:#23274F;
}
.pagination-area ul li.on a {
	background-color:#F0F0F5;
	border:1px solid #F0F0F5;
	pointer-events:none;
}
.pagination-area ul li.prev,
.pagination-area ul li.next {
	margin:0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.pagination-area ul li.prev {
	left:0;
}
.pagination-area ul li.next {
	right:0;
}
/* .pagination-area ul li.prev:hover,
.pagination-area ul li.next:hover {
	background-color:rgba(225,47,35,0.75);
} */
.pagination-area ul li.prev a,
.pagination-area ul li.next a {
	border:1px solid #E6000D;
	background-image:url('../img/icon_btn_white.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:15px 23px;
	background-color:#E6000D;
}
.pagination-area ul li.prev a {
	transform:rotate(180deg);
}
.pagination-area ul li.prev a:hover,
.pagination-area ul li.next a:hover {
	border-color:rgba(225,47,35,0.75);
	background-color:rgba(225,47,35,0.75);
}

@media screen and (max-width:750px) {
	.pagination-area {
		margin-top:30px;
	}
	.pagination-area ul {
		width:100%;
		/* max-width:250px; */
		margin:0 auto;
		justify-content:center;
	}
	.pagination-area ul li {
		font-size:12px;
		line-height:45px;
		width:45px;
		height:45px;
		margin:0 2.5px;
	}
	.pagination-area ul li a {
		font-size:12px;
		line-height:45px;
		width:45px;
		height:45px;
	}
	.pagination-area ul li.prev,
	.pagination-area ul li.next {
		width:auto;
	}
	.pagination-area ul li.prev a,
	.pagination-area ul li.next a {
		background-size:12px 18px;
	}
}

.section-single-main {
	padding-bottom:90px;
}
.section-single-main .container > .title-area::after {
	content:"";
	display: block;
	width: 60px;
	height: 4px;
	margin: 45px auto 50px 0;
	background: linear-gradient(90deg, #003384 0%, #003384 50%, #E12F23 50%, #E12F23 100%);
}
.section-single-main .container > .title-area .page-title {
	font-size:30px;
	font-weight:600;
	letter-spacing:0.15em;
	line-height:1.8;
}
.section-single-main .container > .title-area .date {
	font-size:16px;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:1;
	margin-top:1.25em;
}
.section-single-main .container > .title-area .date-area {
	padding-top:22px;
}
@media screen and (min-width:751px) {
	.section-single-main .container > .title-area + *,
	.section-single-main .container h3 + * {
		margin-top:0 !important;
	}
}
.section-single-main h3 {
	font-size:20px;
	font-weight:600;
	letter-spacing:0.15em;
	line-height:1.8;
	margin-top:2.25em;
	margin-bottom:1em;
}
.section-single-main h4 {
	font-size:16px;
	font-weight:600;
	letter-spacing:0.15em;
	line-height:1.5;
	margin-top:2.25em;
	margin-bottom:1em;
}
.section-single-main p {
	font-size:14px;
	font-weight:500;
	letter-spacing:0;
	line-height:30px;
	margin-top:1em;
}
.section-single-main .image-area {
	margin-top:40px;
}
.section-single-main .image-area p {
	font-size:14px;
	letter-spacing:0;
	line-height:30px;
	margin-top:15px;
}
.section-single-main .traffic-info-area {
	width:100%;
	border:1px solid #E6000D;
	margin:50px auto 0;
}
.section-single-main .traffic-info-area .title-area {
	color:#fff;
	font-size:20px;
	font-weight:600;
	letter-spacing:0.160em;
	line-height:50px;
	text-align:center;
	width:100%;
	background-color:#E6000D;
}
.section-single-main .traffic-info-area .text-area {
	padding:30px 30px 40px;
}
.section-single-main .traffic-info-area .text-area p {
	font-size:18px;
	font-weight:600;
	letter-spacing:0.160em;
	line-height:22px;
	text-align:center;
}
.section-single-main .traffic-info-area .text-area p + p {
	margin-top:10px;
}
.section-single-main .traffic-info-area .text-area p.text-red,
.section-single-main .traffic-info-area .text-area p.text-red .inline-block {
	color:#E6000D;
	font-size:23px;
	line-height:30px;
	margin-top:0;
}
.section-single-main table {
	width:100%;
	margin-top:40px;
	border:1px solid #CBCBD4;
	border-bottom:none;
}
.section-single-main table th {
	font-size:16px;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:1.5;
	text-align:left;
	vertical-align:top;
	width:240px;
	padding:15px;
	background-color:#F0F0F5;
	border-bottom:1px solid #CBCBD4;
}
.section-single-main table td {
	font-size:16px;
	letter-spacing:0;
	line-height:1.5;
	width:calc( 100% - 240px );
	padding:15px;
	border-bottom:1px solid #CBCBD4;
}
.section-single-main table td .td-title,
.section-single-main table td .text-small,
.section-single-main table td .td-text {
	display:block;
}
.section-single-main table td .text-small {
	font-size:14px;
	line-height:1;
}
.section-single-main table td span + span {
	margin-top:5px;
}

.parts_single-pagination {
	padding-bottom:90px;
	margin-top:-30px;
}
.parts_single-pagination .flex-container {
	justify-content:center;
	gap:15px;
}
.parts_single-pagination .flex-container .flex-item {
	width:calc( ( 100% - 30px ) / 3 );
}
.parts_single-pagination .flex-container .flex-item a {
	color:#23274F;
	font-size:16px;
	font-weight:500;
	letter-spacing:0.16em;
	line-height:66px;
	text-align:center;
	display:block;
	width:100%;
	background-color:#fff;
	border:2px solid #23274F;
	position:relative;
}
.parts_single-pagination .flex-container .flex-item.no-link a {
	display:none;
}
.parts_single-pagination .flex-container .flex-item:not(.up) a::after {
	content: "";
	display: block;
	width: 10px;
	height: 16px;
	background-image: url('../img/icon_btn_blue.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.parts_single-pagination .flex-container .flex-item.prev a::after {
	left:20px;
	transform: translateY(-50%) rotate(180deg);
}
.parts_single-pagination .flex-container .flex-item.next a::after {
	right:20px;
}
.parts_single-pagination .flex-container .flex-item a:hover {
	color:#fff;
	background-color:#23274F;
}
.parts_single-pagination .flex-container .flex-item:not(.up) a:hover::after {
	background-image: url('../img/icon_btn_white.svg');
}

.page-about .section01 h3 {
	font-size:20px;
	font-weight:600;
	text-align:center;
	margin-bottom:1.5em;
}
.page-about .section01 p {
	text-align:center;
	margin-bottom:2.5em;
}

/* @media screen and (max-width:850px) {
	header .menu-area .first-menu {
		gap:18px;
	}
	header .menu-area .first-menu li > a {
		font-size:12px;
	}
} */

@media screen and (max-width:750px) {
	.parts_page-header {
		height:125px;
	}
	.parts_page-header .page-title {
		font-size:25px;
	}
	.section {
		padding-top:50px;
	}
	.section:last-of-type {
		padding-bottom:50px;
	}
	.container {
		padding:0 30px;
	}
	.flex-container.flex-2,
	.flex-container.flex-3,
	.flex-container.flex-4 {
		gap:15px;
	}
	.flex-container.flex-2 .flex-item,
	.flex-container.flex-4 .flex-item {
		width:calc( ( 100% - 15px ) / 2 );
	}
	.flex-container.flex-3 .flex-item {
		width:calc( ( 100% - 30px ) / 3 );
	}

	header {
		height:60px;
	}
	header .container {
		height:60px;
		padding:0 15px;
	}
	header .container::after {
		content:"";
		display:block;
		width:100%;
		height:100%;
		background-color:#fff;
		position:absolute;
		top:0;
		left:0;
		z-index:-5;
	}
	header .logo-area {
		width:96px;
	}
	header .btn_search.sp-block {
		height:30px;
		margin-left:auto;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		align-items:center;
	}
	header .btn_search.sp-block img {
		width:18px;
	}
	header .btn_search.sp-block span,
	header .btn_menu span {
		font-size:7px;
		font-weight:600;
		letter-spacing:0.15em;
		letter-spacing:0.07em;
		line-height:1;
		text-align:center;
	}
	header .btn_menu {
		width:30px;
		height:30px;
		margin-left:15px;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		align-items:center;
		cursor:pointer;
	}
	header .btn_menu .menu-bar {
		display:block;
		line-height:0;
		width:100%;
		height:2px;
		background-color:#E12F23;
		margin:8px 0;
		position:relative;
		transition:0.5s;
	}
	header .btn_menu .menu-bar::before,
	header .btn_menu .menu-bar::after {
		content:"";
		display:block;
		line-height:0;
		width:100%;
		height:2px;
		background-color:#E12F23;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		transition:0.5s;
	}
	header .btn_menu .menu-bar::before {
		top:-8px;
	}
	header .btn_menu .menu-bar::after {
		bottom:-8px;
	}
	header.open .btn_menu .menu-bar {
		background-color:transparent;
		transition:0.5s;
	}
	header.open .btn_menu .menu-bar::before {
		top:0;
		transform:translateX(-50%) rotate(30deg);
		transition:0.5s;
	}
	header.open .btn_menu .menu-bar::after {
		bottom:0;
		transform:translateX(-50%) rotate(-30deg);
		transition:0.5s;
	}
	header .menu-area {
		width:calc( 100% + 30px );
		padding:30px 30px 40px;
		background-color:#F5F5F5;
		position:fixed;
		top:calc( 60px - 100% );
		left:-15px;
		z-index:-10;
		display:block;
		transition:0.5s;
	}
	header.open .menu-area {
		top:60px;
		transition:0.5s;
	}
	header .menu-area .first-menu,
	header .menu-area .second-menu,
	header .sns-area,
	header .header_bottom_menu {
		display:block;
		width:100%;
		max-width:315px;
		margin:0 auto;
	}
	header .menu-area .first-menu > li,
	header .menu-area .second-menu > li {
		border-bottom:1px solid #D7D7DC;
	}
	header .menu-area .first-menu li > a,
	header .menu-area .second-menu li a {
		font-size:18px;
		font-weight:600;
		letter-spacing:0.05em;
		line-height:50px;
		padding:0;
	}
	header .menu-area .first-menu li > a.active::after,
	header .menu-area .first-menu li > a:hover::after {
		display:none;
	}
	header .menu-area .first-menu li .sub-menu-area {
		display:none;
	}
	header .sns-area {
		gap:15px;
	}
	header .sns-area a {
		width:30px;
		height:30px;
	}
	header .sns-area {
		display:flex;
		margin-top:20px;
		position:initial;
		transform:none;
	}
	header .sns-area::before {
		display:none;
	}
	header .header_bottom_menu {
		margin-top:12px;
	}
	header .header_bottom_menu li {
		line-height:0;
	}
	header .header_bottom_menu li a {
		color:#23274F;
		font-size:14px;
		letter-spacing:0.050em;
		line-height:30px;
	}
	header .header_bottom_menu li a:hover {
		color:#E12F23;
	}
	header .bg_menu {
		width:100%;
		height:100dvh;
		background-color:rgba(245,245,245,0.25);
		position:fixed;
		bottom:0;
		left:0;
		z-index:-20;
		display:none;
	}

	footer .container {
		padding-top:50px;
		padding-bottom:50px;
		justify-content:center;
	}
	footer .footer_bottom .flex-container {
		justify-content:center;
	}
	footer .footer_bottom .footer_bottom_menu {
		display:none;
	}
	footer .footer_bottom .copyright {
		font-size:10px;
		line-height:36px;
	}
	.btn_scrolltop {
		width:45px;
		height:45px;
		padding:14px 15px 14px 18px;
	}
	
	.traffic-information .flex-container {
		padding:0 15px;
	}
	.traffic-information .text-area {
		font-size:12px;
	}
	.traffic-information .slide-area {
		width:calc( 100% - 82px );
	}
	.traffic-information .slide-area .slick-slide {
		font-size:10px;
		line-height:22px;
		width:261px;
		height:22px;
	}
	.traffic-information .slide-area .traffic-info {
		font-size:10px;
		line-height:22px;
		width:55px;
		margin-right:7px;
	}

	.section-kv {
		padding:20px 0;
	}
	.section-kv .slider.slick-dotted.slick-slider {
		margin:0 -22px;
	}
	.section-kv .slider .slick-slide {
		width:calc( 100% - 44px );
		/* height:315px; */
		margin:0 22px;
		box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
	}
	.section-kv .slider .slick-slide img {
		aspect-ratio:1 / 1;
	}
	.section-kv .slider .slick-arrow {
		width:44px;
		height:44px;
	}
	.section-kv .slider .slick-arrow::before {
		background-size:11px 17px;
		background-position:calc( 50% + 1px ) center;
	}
	.section-kv .slider .slick-dots li {
		width:calc( ( 100% - 59px ) / 4 );
		width:calc( ( 100% - 64px ) / 5 );
		max-width:75px;
		margin:0 2.5px;
	}
	.section-title {
		font-size:25px;
	}
	.section-title::after {
		height:3px;
		margin:30px auto;
	}
	.btn {
		max-width:315px;
		margin:30px auto 0;
	}
	.btn a {
		line-height:60px;
	}
	.btn.btn_l2 a {
		line-height:24px;
		padding:6px 0;
	}
	
	.section-traffic-information .flex-container {
		gap:15px;
	}
	.section-traffic-information .flex-container .flex-item {
		width:calc( 50% - 7.5px );
		box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
	}
	.section-traffic-information .flex-container .flex-item .tab-area {
		font-size:18px;
	}
	.section-traffic-information .flex-container .flex-item .text-area {
		height:120px;
	}
	
	.section-information {
		padding-bottom:50px;
	}
	.section-information .addition-info {
		padding:15px 5px;
		margin:0 auto 50px;
	}
	.section-information .addition-info p {
		font-size:12px;
	}
	.section-information .container > ul li a {
		padding:15px 0;
	}
	.section-information .container > ul li a::after {
		top:calc( 55px / 2 );
	}
	.section-information .container > ul li .date {
		font-size:14px;
		letter-spacing:0.050em;
		line-height:25px;
		width:90px;
	}
	.section-information .container > ul li .info-cat {
		font-size:11px;
		line-height:25px;
		margin:0 10px;
	}
	.section-information .container > ul li .info-text {
		font-size:12px;
		line-height:1.75;
		width:100%;
		display:block;
		margin-top:10px;
	}

	/* .section.section-about {
		padding-top:50px;
		padding-bottom:50px;
	} */
	.section-about .about-title {
		font-size:24px;
		letter-spacing:0.15em;
		line-height:1.6;
		margin:0 -30px;
	}
	.section-about p {
		line-height:27px;
		margin:20px -20px 0;
	}
	.section-about .slide-area {
		margin-top:50px;
	}

	.section-single-main {
		padding-bottom:50px;
	}
	.section-single-main .container > .title-area .page-title {
		font-size:25px;
		line-height:1.5
	}
	.section-single-main .container > .title-area .date {
		font-size:14px;
	}
	.section-single-main .container > .title-area::after {
		margin:35px auto 30px 0;
	}
	.section-single-main h3 {
		margin-top:1.2em;
		margin-bottom:-0.25em;
	}
	.section-single-main h4 {
		margin-top:1.2em;
		margin-bottom:0;
	}
	.section-single-main p {
		margin-top:10px;
	}
	.section-single-main .image-area {
		margin-top:15px;
	}
	.section-single-main .traffic-info-area {
		margin:30px auto 0;
	}
	.section-single-main .traffic-info-area .title-area {
		font-size:18px;
	}
	.section-single-main .traffic-info-area .text-area {
		padding:15px 15px 20px;
	}
	.section-single-main .traffic-info-area .text-area p {
		font-size:14px;
	}
	.section-single-main .traffic-info-area .text-area p + p {
		margin-top:10px;
	}
	.section-single-main .traffic-info-area .text-area p.text-red,
	.section-single-main .traffic-info-area .text-area p.text-red .inline-block {
		font-size:18px;
	}
	.section-single-main table,
	.section-single-main table tbody,
	.section-single-main table tr,
	.section-single-main table th,
	.section-single-main table td {
		display:block;
		width:100%;
	}
	.section-single-main table {
		margin-top:15px;
	}
	.section-single-main table td .td-text {
		font-size:14px;
	}
	.parts_single-pagination {
		padding-bottom:50px;
		margin-top:-15px;
	}
	.parts_single-pagination .flex-container {
		justify-content:center;
		gap:10px;
	}
	.parts_single-pagination .flex-container .flex-item {
		width:calc( ( 100% - 20px ) / 3 );
	}
	.parts_single-pagination .flex-container .flex-item a {
		/* font-size:12px; */
		line-height:56px;
	}
	/* .parts_single-pagination .flex-container .flex-item:not(.up) a::after {
		width: 8px;
		height: 12px;
	}
	.parts_single-pagination .flex-container .flex-item.prev a::after {
		left:15px;
	}
	.parts_single-pagination .flex-container .flex-item.next a::after {
		right:15px;
	} */
}

@media screen and (max-width:650px) {
	.parts_single-pagination .flex-container .flex-item {
		width:100%;
		max-width:315px;
	}
}

@media screen and (max-width:500px) {
	.flex-container.flex-2 .flex-item,
	.flex-container.flex-3 .flex-item,
	.flex-container.flex-4 .flex-item {
		width:100%;
	}
	.section-traffic-information .flex-container .flex-item {
		width:100%;
		max-width:315px;
	}
}




/* pre open ver */
.btn_language a {
	pointer-events:none;
}
.sns-area a.no-link {
	opacity:0.25;
}
footer .container {
	max-width:500px !important;
	max-width:520px !important;
	justify-content:space-between;
}
footer .logo-area {
	width:180px;
	background-color:#fff;
}
footer .menu-area {
	width:calc( 100% - 240px );
}
footer .menu-area .first-menu {
	gap:35px;
	gap:30px;
	flex-direction:column;
	/* gap:20px; */
}
footer .menu-area .first-menu li > a {
	padding:5px 0;
	margin-bottom:0;
}
footer .menu-area .second-menu {
	margin:60px 0 0;
	margin-top: 40px;
	margin-top:20px;
	display:none;
}
footer .sns-area {
	position:relative;
	margin-top:40px;
	/* margin-top:25px; */
}
@media screen and (max-width:750px) {
	header .container {
		justify-content:space-between;
	}
	footer .container {
		max-width:440px !important;
		max-width:460px !important;
		justify-content:space-between;
	}
	footer .footer_bottom .flex-container {
		height:38px;
	}
}
@media screen and (max-width:500px) {
	footer .container {
		justify-content:center;
	}
	footer .menu-area {
		display:none;
	}
}


















.splash {
	display:none;
}
.splash.play {
	width:100%;
	height:100dvh;
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	animation:sp001 1s linear 0.5s forwards;
	display:block;
}
.splash.play .movie-area {
	/* width:calc( 100% - 60px );
	height:calc( 100% - 60px ); */
	/* max-width:1080px; */
	/* aspect-ratio:560 / 315; */
	width:100%;
	max-width:1180px;
	height:100%;
	max-height:750px;
	padding:60px 30px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	opacity:0;
	animation:sp002 1s linear 1s forwards;
}
.splash.play .movie-area iframe {
	width:100%;
	height:100%;
}
.splash.play .btn-close {
	width:30px;
	position:absolute;
	top:30px;
	right:30px;
	opacity:0;
	animation:sp002 1s linear 1s forwards;
}
.splash.end {
	animation:sp003 1s linear 1.5s forwards;
}
.page-top.scroll {
	overflow:auto !important;
}

@keyframes sp001 {
  0% { background-color:#fff; }
  100% { background-color:#2B2B33; }
}
@keyframes sp002 {
  0% { opacity: 0; }
  100% { opacity:1; }
}
@keyframes sp003 {
  0% { opacity: 1; }
  100% { opacity:0; display:none; }
}





.traffic-information.ver02 .slide-area {
	display:flex;
	gap:10px;
}
.traffic-information.ver02 .slide-area .flex-item {
	display:flex;
	width:calc( 50% - 5px ); /* 2コの場合 */
	width:100%; /* 1コの場合 */
	height:24px;
	background-color:#3C3E5B;
	border-radius:12px;
}
.traffic-information.ver02 .slide-area .slider {
	width:calc( 100% - 80px );
}
.traffic-information.ver02 .slide-area .slick-slide {
	width:400px;
	width:450px;
	margin-right:0;
	background-color:transparent;
	border-radius:0;
}
@media screen and (max-width:750px) {
	.traffic-information.ver02 .slide-area .slider {
		width:calc( 100% - 65px );
	}
}

.h-volunteer {
	position:relative;
}
.h-volunteer span {
	color:#E12F23;
	font-size:10px;
	line-height:1;
	display:block;
	position:absolute;
	top:-10px;
	left:-5px;
}
@media screen and (max-width:750px) {
	.h-volunteer span {
		top:2px;
		left:0;
	}
}


/* 固定ページartwalk */
.page-artwalk .text-red {
	color:#E6000D !important;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}
.page-artwalk .section-title::after {
	display:none;
}
.page-artwalk .section-kv {
	padding:0;
}
.page-artwalk .section01 {
	padding:70px 0 100px;
	background-color:#FFEFEB;
}
.page-artwalk .section01 .area01 {
	width:100%;
	max-width:750px;
	margin:0 auto;
}
.page-artwalk .section01 .area02 {
	width:100%;
	max-width:750px;
	margin:45px auto 0;
}
.page-artwalk .section01 .area03 {
	width:100%;
	margin:50px auto 0;
}
.page-artwalk .section01 p {
	color:#703B48;
	font-size:23px;
	letter-spacing:0;
	font-weight:700;
	line-height:33px;
	text-align:center;
	width:100%;
	margin:50px auto 0;
}
.page-artwalk .section02 {
	padding-bottom:100px;
	background-color:#93253A;
	position:relative;
}
.page-artwalk .section02::before,
.page-artwalk .section02::after {
	content:"";
	display:block;
	width:544px;
	width:424px;
	height:275px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	background-size:cover;
	position:absolute;
	top:-75px;
}
.page-artwalk .section02::before {
	background-image:url('../img/artwalk/deco_area-map_l.png');
	background-position:center right;
	left:-120px;
	left:0;
}
.page-artwalk .section02::after {
	background-image:url('../img/artwalk/deco_area-map_r.png');
	background-position:center left;
	right:-120px;
	right:0;
}
@media screen and (max-width:1400px) {
	.page-artwalk .section02::before,
	.page-artwalk .section02::after {
		width:calc( 100% * 424 / 1400 );
		height:calc( 100vw * 275 / 1400 );
	}
}
.page-artwalk .section02 .section-title {
	width:100%;
	max-width:452px;
	margin:0 auto;
}
.page-artwalk .section02 .section-title .sub-title {
	width:100%;
	max-width:286px;
	margin:23px auto 0;
}
.page-artwalk .section02 .lead-text {
	color:#fff;
	font-size:18px;
	font-weight:500;
	letter-spacing:0;
	line-height:33px;
	text-align:center;
	margin:40px auto 0;
}
.page-artwalk .section02 .map-area {
	width:100%;
	margin:35px auto 0;
	border-radius:7.5px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.page-artwalk .section02 .map-area-btn-area {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	gap:40px;
	margin:50px auto 0;
}
.page-artwalk .section02 .map-area-btn-accordion {
	width:calc( ( 100% - 40px ) / 2 );
	max-width:382px;
}
.page-artwalk .section02 .map-area-btn-accordion .flex-container {
	gap:10px;
}
.page-artwalk .section02 .map-area-btn-accordion .map-area-btn {
	width:calc( ( 100% - 40px ) / 5 );
	cursor:pointer;
}
.page-artwalk .section02 .map-area-btn-accordion details {
	border-radius:35px;
	background-color:#fff;
	overflow:hidden;
	transition:0.5s;
}
.page-artwalk .section02 .map-area-btn-accordion details[open] {
	transition:0.5s;
}
.page-artwalk .section02 .map-area-btn-accordion details summary {
	padding:25px 30px;
	border-radius:35px;
	list-style:none;
	cursor:pointer;
	position:relative;
}
.page-artwalk .section02 .map-area-btn-fc details summary {
	background-color:#E8546B;
}
.page-artwalk .section02 .map-area-btn-wp details summary {
	background-color:#75A3D2;
}
.page-artwalk .section02 .map-area-btn-accordion details summary::after {
	content:"";
	display:block;
	width:13px;
	height:11px;
	background-image:url('../img/artwalk/icon_triangle_bottom.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	right:30px;
	transform:translateY(-50%);
}
.page-artwalk .section02 .map-area-btn-accordion details summary img {
	width:auto;
	height:20px;
	width:calc( 100% - 20px );
	object-fit:contain;
	object-position:left;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item {
	display:block;
	width:100%;
	height:70px;
	padding:15px 30px;
}
.page-artwalk .section02 .map-area-btn-fc details .program-item:not(:first-of-type) {
	border-top:1px solid #F4B1B2;
}
.page-artwalk .section02 .map-area-btn-wp details .program-item:not(:first-of-type) {
	border-top:1px solid #C6D5E5;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100%;
	height:100%;
}
.page-artwalk .section02 .map-area-btn-wp details .program-item > .map-area-btn {
	justify-content:flex-start;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .fc_no,
.modal-inner .modal-item .header-area .fc_no {
	width:calc( 100% - 70px );
	height:20px;
	object-fit:contain;
	object-position:left;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .fc_no.no_jp,
.modal-inner .modal-item .header-area .fc_no.no_jp {
	height:24px;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_no,
.modal-inner .modal-item .header-area .wp_no {
	width:35px;
	height:20px;
	object-fit:contain;
	object-position:left;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .item_num,
.modal-inner .modal-item .header-area .item_num {
	width:auto;
	height:18px;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_title {
	width:calc( 100% - 35px );
	height:16px;
	object-fit:contain;
	object-position:left;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_title.lh2 {
	height:39px;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item .program01-flex {
	width:100%;
	margin:14px auto 0;
	gap:5px;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item .program01-flex .map-area-btn {
	width:calc( ( 100% - 10px ) / 3 );
	height:28px;
	border-radius:14px;
	background-color:#FFEEEB;
	display:flex;
	justify-content:center;
	align-items:center;
}
.page-artwalk .section02 .map-area-btn-accordion details .program-item .program01-flex .map-area-btn img {
	width:auto;
	height:12px;
}
.page-artwalk .section02 .banner-area {
	width:100%;
	max-width:405px;
	margin:50px auto 0;
}
.page-artwalk .section02 .banner-area a {
	display:block;
	transition:0.3s;
}
.page-artwalk .section02 .banner-area a img {
	width:calc( 100% * 435 / 405 );
	max-width:none;
	margin:calc( 100% * -33.8 / 405 ) calc( 100% * -15 / 405 ) calc( 100% * -15 / 405 );
	margin:calc( 100% * -26 / 405 ) calc( 100% * -15 / 405 ) calc( 100% * -15 / 405 );
	transition:0.3s;
}
@media screen and (max-width:750px) {
	.page-artwalk .section02 .banner-area {
		max-width:315px;
	}
	.page-artwalk .section02 .banner-area a img {
		margin-top:calc( 100% * -19 / 405 );
	}
}
.page-artwalk .section02 .banner-area a:hover img {
	opacity:0.7;
	transition:0.3s;
}

.page-artwalk .section03 {
	width:100%;
	padding-bottom:90px;
	margin:0 auto;
}
.page-artwalk .section03 .section-title {
	width:100%;
	max-width:373px;
	margin:0 auto;
}
.section-single-main .page-artwalk .section03 .section-title {
	margin-top:60px;
}
.page-artwalk .section03 .map-area {
	width:100%;
	margin:40px auto 0;
	border-radius:7.5px;
	overflow:hidden;
	position:relative;
}
/* .page-artwalk .section03 .map-area::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	border-radius:10px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
} */
.page-artwalk .section03 .map-area .traffic-filter {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	border-radius:10px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	cursor:pointer;
}
/* .page-artwalk .section03 .map-area::after {
	content:"";
	display:block;
	width:62px;
	height:69px;
	background-image:url('../img/artwalk/icon_search.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:2;
} */
.page-artwalk .section03 .flex-container {
	margin:35px auto 0;
}
.page-artwalk .section03 .text-notice {
	padding:35px 0;
	margin:35px auto 0;
	border-top:1px solid #CBCBD4;
	border-bottom:1px solid #CBCBD4;
}
.page-artwalk .section03 .text-notice p {
	color:#703B48;
	font-size:20px;
	font-weight:700;
	letter-spacing:0;
	line-height:32px;
	text-align:center;
}
.page-artwalk .section03 .text-notice p + p {
	margin-top:22px;
}
.page-artwalk .section04 {
	padding-bottom:calc( 100% * 390 / 1400 - 45px );
	background-color:#C3DAC5;
	background-image:url('../img/artwalk/bg_art-walk.png');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain;
}
.page-artwalk .section04 .section-title {
	width:100%;
	max-width:306px;
	margin:0 auto;
}
.page-artwalk .section04 .flex-container {
	margin:37px auto 0;
	justify-content:center;
}
.page-artwalk .section04 .banner-area {
	margin:60px auto 0;
	justify-content:center;
}
@media screen and (max-width:750px) {
	.page-artwalk .section01 {
		padding:25px 0 40px;
	}
	.page-artwalk .section01 .area02 {
		margin:17px auto 0;
	}
	.page-artwalk .section01 .area03 {
		margin:25px auto 0;
	}
	.page-artwalk .section01 p {
		font-size:14px;
		line-height:1.5;
		margin:17px auto 0;
	}
	.page-artwalk .section02::before,
	.page-artwalk .section02::after {
		width:231px;
		height:117px;
		top:-25px;
	}
	.page-artwalk .section02::before {
		left:-128px;
	}
	.page-artwalk .section02::after {
		right:-128px;
	}
	.page-artwalk .section02 {
		padding-top:40px;
		padding-bottom:45px;
	}
	.page-artwalk .section02 .section-title .main-title.sp-block {
		width:170px;
		margin:0 auto;
	}
	.page-artwalk .section02 .section-title .main-title.sp-block + .main-title {
		width:114px;
		margin:13px auto 0;
	}
	.page-artwalk .section02 .section-title .sub-title {
		max-width:186px;
		margin:13px auto 0;
	}
	.page-artwalk .section02 .lead-text {
		font-size:14px;
		line-height:25px;
		margin:15px -5px 0;
	}
	.page-artwalk .section02 .map-area {
		margin:20px auto 0;
		border-radius:5px;
		overflow:hidden;
		position:relative;
	}
	/* .page-artwalk .section02 .map-area::before {
		content:"";
		display:block;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.6);
		border-radius:5px;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		display:none;
	} */
	.page-artwalk .section02 .map-filter {
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.6);
		border-radius:5px;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		cursor:pointer;
	}
	.page-artwalk .section02 .map-filter::after {
		content:"";
		display:block;
		width:62px;
		height:69px;
		background-image:url('../img/artwalk/icon_search.png');
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:2;
	}
	.page-artwalk .section03 {
		padding-top:45px;
		padding-bottom:60px;
	}
	.page-artwalk .section03 .section-title {
		max-width:233px;
	}
	.section-single-main .page-artwalk .section03 .section-title {
		margin-top:40px;
	}
	.page-artwalk .section03 .map-area {
		margin:20px auto 0;
		border-radius:5px;
	}
	.page-artwalk .section03 .map-area::before {
		border-radius:5px;
	}
	.page-artwalk .section03 .flex-container {
		margin:20px auto 0;
	}
	.page-artwalk .section03 .text-notice {
		padding:25px 0;
		margin:20px auto 0;
	}
	.page-artwalk .section03 .text-notice p {
		font-size:15px;
		line-height:23px;
		text-align:left;
	}
	.page-artwalk .section03 .text-notice p + p {
		margin-top:10px;
	}
	.page-artwalk .section04 {
		padding-top:30px;
		padding-bottom:calc( 100% * 240 / 750 + 45px );
	}
	.page-artwalk .section04 .section-title {
		max-width:232px;
	}
	.page-artwalk .section04 .flex-container {
		margin:20px auto 0;
	}
	.page-artwalk .section04 .banner-area {
		margin:45px auto 0;
	}
}



.modal-area {
  display: none;
  position: fixed;
  z-index: 10; /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bg_modal-area {
  width: 100%;
  height: 100%;
  background-color: rgba(30,30,30,0.9);
}
.modal-inner {
  position: absolute;
  top: 50%;
	top:calc( 50% + 40px );
  left: 50%;
  transform:translate(-50%,-50%);
  width: 100%;
  max-width: 460px;
  padding: 25px;
	max-height:calc( 100dvh - 120px );
	overflow-y:scroll;
	-ms-overflow-style: none;
  scrollbar-width: none;
}
.modal-inner.map {
  max-width: none;
}
.modal-inner::-webkit-scrollbar{
  display:none;
}
.modal-inner .modal-item {
	display:none;
	width:100%;
	background-color: #fff;
	border: 2px solid #E8546B;
	border-radius: 10px;
	height: 500px;
	height:auto;
	overflow:hidden;
}
.modal-inner .modal-item.map {
	border:none;
	border-radius:0;
}
.modal-inner .modal-item .header-area {
	width:100%;
	height:70px;
	padding:25px 30px;
	background-color:#FFEDEA;
	border-bottom: 2px solid #E8546B;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.modal-inner .modal-item .contents-area {
	padding:30px 0;
	margin:0 30px;
	border-bottom:2px dotted #E9546C;
}
.modal-inner .modal-item > .contents-area:last-of-type {
	padding-bottom:45px;
	border-bottom:none;
}
.modal-inner .modal-item.red-modal .image-area img {
	width:100%;
	max-width:100%;
	height:100%;
	max-height:290px;
	object-fit:contain;
}
.modal-inner .modal-item .event-title {
	text-align:center;
	margin:20px auto 0;
}
.modal-inner .modal-item .event-title img {
	width:auto;
	height:25px;
	margin:0 auto;
}
.modal-inner .modal-item .event-title.lh2 img {
	height:60px;
}
.modal-inner .modal-item .event-text {
	color:#703B48;
	font-size:14px;
	font-weight:500;
	letter-spacing:0;
	line-height:24px;
	margin:20px 0 -5px;
}
.modal-inner .modal-item .event-text .text-bold {
	color:inherit;
	font-weight:700;
}
.modal-inner .modal-item .event-period {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:35px;
	margin:15px auto 0;
	background-color:#E9546C;
	clip-path:polygon(0 0, 100% 0, calc( 100% - 8px ) 50%, 100% 100%, 0 100%, 8px 50%);
}
.modal-inner .modal-item .event-period .period-date {
	color:#fff;
	font-size:18px;
	font-weight:500;
	letter-spacing:0;
	line-height:1;
}
.modal-inner .modal-item .event-period .period-inner {
	width:20px;
	margin:0 8px;
}
.btn_modal-close {
	width:50px;
	height:50px;
  position: absolute;
  top:0;
	right:0;
  cursor: pointer;
}
.modal-inner .modal-item.blue-modal {
	border: 2px solid #75A3D2;
}
.modal-inner .modal-item.blue-modal .header-area {
	height:152px;
	padding:22px 30px 30px;
	border-bottom: 2px solid #75A3D2;
}
.modal-inner .modal-item.blue-modal .header-area img {
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:left;
}
.modal-inner .modal-item.blue-modal.area_wp01 .header-area,
.modal-inner .modal-item.blue-modal.area_wp02 .header-area,
.modal-inner .modal-item.blue-modal.area_wp03 .header-area {
	background-color:#FFEDEA;
}
.modal-inner .modal-item.blue-modal.area_wp04 .header-area {
	background-color:#FFEDCC;
}
.modal-inner .modal-item.blue-modal.area_wp05 .header-area {
	background-color:#F2FFDD;
}
.modal-inner .modal-item.blue-modal.area_wp06 .header-area {
	background-color:#E4FFE2;
}
.modal-inner .modal-item.blue-modal.area_wp07 .header-area {
	background-color:#E5F5FF;
}
.modal-inner .modal-item.blue-modal.area_wp08 .header-area {
	background-color:#E5EFFF;
}
.modal-inner .modal-item.blue-modal.area_wp09 .header-area {
	background-color:#EFE5FF;
}
.modal-inner .modal-item.blue-modal .contents-area {
	border-bottom:2px dotted #75A3D2;
}
.modal-inner .modal-item.blue-modal > .contents-area:last-of-type {
	border-bottom:none;
}
.modal-inner .modal-item.blue-modal .contents-area p {
	color:#703B48;
	letter-spacing:0;
	margin-top:20px;
	line-height:24px;
}
.modal-inner .modal-item.blue-modal .contents-area .text-bold {
	color:#75A3D2;
	font-weight:700;
}
.modal-inner .modal-item.blue-modal .contents-area p.annotation {
	font-size:12px;
	line-height:1;
	text-align:center;
	margin-top:5px;
}
.modal-inner .modal-item.blue-modal .contents-area p.annotation::before {
	content:"\203b";
}
.modal-inner .modal-item.blue-modal .contents-area .tag-area {
	width:100%;
	height:28px;
	padding:7.5px 0;
	margin:20px auto 0;
	border-radius:14px;
	background-color:#75A3D2;
}
.modal-inner .modal-item.blue-modal .contents-area .tag-area img {
	width:auto;
	height:13px;
	margin:0 auto;
}
.modal-inner .modal-item.blue-modal.area_wp01 .contents-area .flex-container {
	margin:-10px auto 0;
	gap:20px;
}
.modal-inner .modal-item.blue-modal.area_wp01 .contents-area .flex-container p {
	font-size:12px;
	line-height:1.5;
	width:calc( 50% - 10px );
}
.modal-inner .modal-item.blue-modal .contents-area ul {
	margin:15px auto 0;
}
.modal-inner .modal-item.blue-modal .contents-area ul li {
	color:#703B48;
	font-size:12px;
	font-weight:400;
	letter-spacing:0;
	line-height:1.5;
	padding-left:24px;
	position:relative;
}
.modal-inner .modal-item.blue-modal .contents-area ul li + li {
	margin-top:10px;
}
.modal-inner .modal-item.blue-modal .contents-area ul li::before {
	content:"";
	display:block;
	width:11px;
	height:11px;
	border-radius:50%;
	background-color:#75A3D2;
	position:absolute;
	top:0.75em;
	left:12px;
	transform:translate(-50%,-50%);
}
.modal-inner .modal-item.blue-modal .contents-area p.place_text img {
	width:100%;
	height:16px;
	object-fit:contain;
}
.modal-inner .modal-item.blue-modal .contents-area p.date_text img {
	width:100%;
	height:17px;
	object-fit:contain;
}
.modal-inner .modal-item.blue-modal.area_wp01 .contents-area p.date_text img {
	height:20px;
}
.modal-inner .modal-item.blue-modal.area_wp03 .contents-area .image-area {
	width:100%;
	aspect-ratio:350 / 290;
}
.modal-inner .modal-item.blue-modal.area_wp03 .contents-area .image-area img {
	width:100%;
	height:100%;
	object-fit:contain;
}
.modal-inner .modal-item.blue-modal.area_wp05 .contents-area p.info_text img {
	width:100%;
	height:51px;
	object-fit:contain;
}
.modal-inner .modal-item.blue-modal.area_wp06 .contents-area p.info_text img {
	width:100%;
	height:98px;
	object-fit:contain;
}

/* .page-artwalk .sec03.modal-area .modal-inner {
	max-width:calc( 100dvw - 50px );
	max-height:calc( 100dvh - 50px );
	padding:0;
	border:none;
} */
.page-artwalk .sec03.modal-area .modal-inner {
	margin-top:30px;
}
.page-artwalk .sec03.modal-area .modal-inner .modal-item {
	height:auto;
	margin-top:0;
	border:none;
	border-radius:0;
}
@media screen and (max-width:750px) {
	.page-artwalk .section02 .map-area-btn-area {
		gap:15px;
	}
	.page-artwalk .section02 .map-area-btn-accordion {
		width:100%;
		max-width:315px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details {
		border-radius:25px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details summary {
		padding:16.5px 20px;
		border-radius:25px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details summary::after {
		width:10px;
		height:8px;
		right:20px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details summary img {
		height:17px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details .program-item {
		height:50px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details .program-item {
		padding:10px 20px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .fc_no {
		width:calc( 100% - 50px );
		height:15px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .fc_no.no_jp {
		height:16px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .item_num {
		height:12px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_no {
		width:25px;
		height:15px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_title {
		width:calc( 100% - 25px );
		height:13px;
	}
	.page-artwalk .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_title.lh2 {
		height:30px;
	}











	.sec02 .modal-inner {
		max-height:calc( 100dvh - 80px );
		top:calc( 50% + 30px );
	 }
	/* .sec02 .modal-inner::-webkit-scrollbar{
		display: none;
	} */
	/* .modal-inner .modal-item {
		margin-top:40px;
	} */
	/* .btn_modal-close {
    width: 40px;
    height: 40px;
    top: 65px;
    right: 5px;
	} */
}
@media screen and (max-width:600px) {
	.page-artwalk .section02 .map-area-btn-area {
		flex-direction:column;
		align-items:center;
	}
}
@media screen and (max-width:370px) {
	.modal-inner .modal-item .event-period .period-date {
		font-size:15px;
	}
	.modal-inner .modal-item .event-period .period-inner {
		width:15px;
		margin:0 5px;
	}
}

/* page-satellite */
.page-satellite .section-title::after {
	display:none;
}
.page-satellite .section-kv {
	padding:0;
}
.page-satellite .section01 {
	padding-bottom:100px;
}
.page-satellite .section01 .main-image {
	width:100%;
	max-width:750px;
	margin:0 auto 50px;
}
.page-satellite .section01 .program-image {
	width:calc( 100% / 3 );
}
.page-satellite .section01 .program-image a {
	display:block;
	width:100%;
}
.page-satellite .section01 .program-image a.filter {
	pointer-events:none;
	position:relative;
}
.page-satellite .section01 .program-image a.filter::after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.page-satellite .section01 .program-image .event_month {
	width:calc( 100% - 20px );
	margin:15px auto 0;
}
.page-satellite .section02 {
	padding-bottom:100px;
	background-color:#E7DED1;
}
.page-satellite .section02 .section-title {
	width:100%;
	max-width:562px;
	margin:0 auto;
}
.page-satellite .section02 .section-title .sub-title {
	width:100%;
	max-width:286px;
	margin:23px auto 0;
}
.page-satellite .section02 .lead-text {
	color: #231813;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 33px;
	text-align: center;
	margin: 40px auto 0;
}
.page-satellite .section02 .map-area {
	width:100%;
	margin:35px auto 0;
}
.page-satellite .section03 {
	padding-bottom:calc( 100% * 320 / 1400 + 90px );
	margin-bottom:calc( 100% * -125 / 1400 );
	background-image: url(../img/satellite/bg_satellite-plan.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}
.page-satellite .section03 .section-title {
	width:100%;
	max-width:373px;
	margin:0 auto;
}
.page-satellite .section03 .traffic-info-area {
	width:100%;
	border:1px solid #E6000D;
	margin:50px auto 0;
}
.page-satellite .section03 .traffic-info-area .title-area {
	color:#fff;
	font-size:20px;
	font-weight:600;
	letter-spacing:0.160em;
	line-height:50px;
	text-align:center;
	width:100%;
	background-color:#E6000D;
}
.page-satellite .section03 .traffic-info-area .text-area {
	padding:30px 30px 40px;
}
.page-satellite .section03 .traffic-info-area .text-area p {
	font-size:18px;
	font-weight:600;
	letter-spacing:0.160em;
	line-height:22px;
	text-align:center;
}
.page-satellite .section03 .traffic-info-area .text-area p + p {
	margin-top:10px;
}
.page-satellite .section03 .traffic-info-area .text-area p.text-red,
.page-satellite .section03 .traffic-info-area .text-area p.text-red .inline-block {
	color:#E6000D;
	font-size:23px;
	line-height:30px;
	margin-top:0;
}
.page-satellite .section04 .section-title {
	width:100%;
	max-width:356px;
	margin:0 auto;
}
.page-satellite .section04 .flex-container {
	margin:40px auto 0;
}

@media screen and (max-width:750px) {
	.page-satellite .section01 {
		padding-bottom:40px;
	}
	.page-satellite .section01 .main-image {
		margin:0 auto 28px;
	}
	.page-satellite .section01 .program-image .event_month {
		width:calc( 100% - 7px );
		margin:5px auto 0;
	}
	.page-satellite .section02 {
		padding-bottom:45px;
	}
	.page-satellite .section02 .section-title {
		max-width:255px;
	}
	.page-satellite .section02 .section-title .sub-title {
		max-width:186px;
		margin:13px auto 0;
	}
	.page-satellite .section02 .lead-text {
		font-size:14px;
		line-height:25px;
		margin:15px auto 0;
	}
	.page-satellite .section02 .map-area {
		margin:25px auto 0;
	}
	.page-satellite .section03 {
		padding-bottom: calc(100% * 320 / 1400 + 45px);
	}
	.page-satellite .section03 .section-title {
		max-width:233px;
	}
	.page-satellite .section03 .traffic-info-area {
		margin:20px auto 0;
	}
	.page-satellite .section03 .traffic-info-area .title-area {
		font-size:18px;
	}
	.page-satellite .section03 .traffic-info-area .text-area {
		padding:15px 15px 20px;
	}
	.page-satellite .section03 .traffic-info-area .text-area p {
		font-size:14px;
	}
	.page-satellite .section03 .traffic-info-area .text-area p + p {
		margin-top:10px;
	}
	.page-satellite .section03 .traffic-info-area .text-area p.text-red,
	.page-satellite .section03 .traffic-info-area .text-area p.text-red .inline-block {
		font-size:18px;
	}
	.page-satellite .section04 .section-title {
		max-width:232px;
	}
	.page-satellite .section04 .flex-container {
		margin:20px auto 0;
	}
}

/* 404ページ */
.error404 .section-information .section-title {
	line-height:1.5;
	margin:-0.25em 0 0;
}
.error404 .section-information p {
	font-size:14px;
	font-weight:500;
	letter-spacing:0;
	line-height:1.75;
	text-align:center;
}
@media screen and (max-width:750px) {
	.error404 .section-information p {
		font-size:12px;
	}
}


.single-news .section-single-main table td .flex-container .flex-item img {
	width:100%;
	height:100%;
	max-height:200px;
	object-fit:contain;
}
.single-news .section-single-main table td p > a {
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	letter-spacing:inherit;
	line-height:inherit;
	text-decoration:underline;
}
.single-news .section-single-main table td p > a:hover {
	text-decoration:none;
}
.single-news .section-single-main table td p.art-title {
	font-size:1.1em;
	font-weight:700;
	margin-bottom:5px;
	clear:both;
}
.single-news .section-single-main table td .float-area {
	overflow:hidden;
}
.single-news .section-single-main table td .float-area .image-area {
	width:50%;
	max-width:240px;
	aspect-ratio:3 / 2;
	margin:0 15px 15px 0;
	float:left;
}
.single-news .section-single-main table td .float-area .image-area.herabony img {
	padding:0 10%;
}
.single-news .section-single-main table td .float-area .image-area img {
	width:100%;
	height:100%;
	object-fit:contain;
}
.single-news .section-single-main table td .float-area .t-bold {
	line-height:1.5;
	margin:0;
}
.single-news .section-single-main table td .float-area .t-small {
	font-size:0.8em;
	line-height:1.5;
}
.single-news .section-single-main table td .clear {
	clear:both;
}
@media screen and (max-width:500px) {
	.single-news .section-single-main table td .float-area .image-area {
		width:100%;
		max-width:none;
		height:200px;
		aspect-ratio:unset;
		margin:0 0 10px;
		float:none;
	}
	.single-news .section-single-main table td .float-area .image-area img {
		width:100%;
		height:100%;
		object-fit:contain;
	}
	.single-news .section-single-main table td .float-area .image-area.herabony {
		height:auto;
	}
	.single-news .section-single-main table td .float-area .image-area.herabony img {
		max-width:300px;
		margin:0 auto;
	}
}
.single-news .section-single-main table td .flex-container.crysta-flex .flex-item img {
	max-height:none;
}
.single-news .section-single-main table td .flex-container.crysta-flex .flex-item:nth-of-type(2) {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.single-news .section-single-main table td .flex-container.crysta-flex .flex-item:nth-of-type(2) p {
	line-height:1.5;
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
}
.single-news .section-single-main table td .flex-container.crysta-flex .flex-item:nth-of-type(2) img {
	width:120px;
	padding-top:30px;
	margin-left:auto;
}
@media screen and (max-width:500px) {
	.single-news .section-single-main table td .flex-container.crysta-flex .flex-item:nth-of-type(2) img {
		margin-right:auto;
	}
}





/* 固定ページsummercamp */
.page-summercamp .text-red {
	color:#E6000D !important;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}
.page-summercamp .section-title::after {
	display:none;
}
.page-summercamp .section-kv {
	padding:0;
}
.page-summercamp .section01 {
	padding:70px 0 100px;
	background-color:#E6FAFF;
}
.page-summercamp .section01 .area01 {
	width:100%;
	max-width:750px;
	margin:0 auto;
}
.page-summercamp .section01 .area02 {
	width:100%;
	max-width:750px;
	margin:45px auto 0;
}
.page-summercamp .section01 .area03 {
	width:100%;
	margin:50px auto 0;
}
.page-summercamp .section01 p {
	color:#703B48;
	font-size:23px;
	letter-spacing:0;
	font-weight:700;
	line-height:33px;
	text-align:center;
	width:100%;
	margin:50px auto 0;
}
.page-summercamp .section02 {
	padding-bottom:100px;
	background-color:#005E95;
	/* background: linear-gradient(#005E95, #005E95), url(../img/summercamp/bg_event-area_pc.png) top center no-repeat; */
  background-size: contain;
	position:relative;
}
.page-summercamp .section02::before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-image:url('../img/summercamp/bg_event-area_pc.png');
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
	position:absolute;
	top:0;
	left: 50%;
	transform:translateX(-50%);
}
@media screen and (max-width:1100px) {
	.page-summercamp .section02::before {
		content:"";
		display:block;
		width:1100px;
	}
}
.page-summercamp .section02 .container {
	z-index:1
}
.page-summercamp .section02 .section-title {
	width:100%;
	max-width:452px;
	margin:0 auto;
}
.page-summercamp .section02 .section-title .sub-title {
	width:100%;
	max-width:286px;
	margin:23px auto 0;
}
.page-summercamp .section02 .lead-text {
	color:#fff;
	font-size:18px;
	font-weight:500;
	letter-spacing:0;
	line-height:33px;
	text-align:center;
	margin:40px auto 0;
}
.page-summercamp .section02 .map-area {
	width:100%;
	margin:35px auto 0;
	border-radius:7.5px;
	overflow:hidden;
	position:relative;
	/* cursor:pointer; */
}
.page-summercamp .section02 .map-area .map-area-btn {
	width:calc( 100% * 846 / 2382 );
	position:absolute;
	cursor:pointer;
}
.page-summercamp .section02 .map-area .map-area-btn.area02,
.page-summercamp .section02 .map-area .map-area-btn.area03,
.page-summercamp .section02 .map-area .map-area-btn.area04,
.page-summercamp .section02 .map-area .map-area-btn.area05,
.page-summercamp .section02 .map-area .map-area-btn.area06 {
	margin:0 calc( 100% * -1.5 / 2382 );
}
.page-summercamp .section02 .map-area .map-area-btn.area01 {
	top:1%;
	left:1.175%;
}
.page-summercamp .section02 .map-area .map-area-btn.area02 {
	top:23%;
	left:1.2%;
}
.page-summercamp .section02 .map-area .map-area-btn.area03 {
	top:45%;
	left:1.2%;
}
.page-summercamp .section02 .map-area .map-area-btn.area04 {
	top:1%;
	left:63.85%;
}
.page-summercamp .section02 .map-area .map-area-btn.area05 {
	top:23%;
	left:63.85%;
}
.page-summercamp .section02 .map-area .map-area-btn.area06 {
	top:45%;
	left:63.85%;
}
.page-summercamp .section02 .map-area .map-area-btn.area07 {
	top:67%;
	left:1.175%;
}
.page-summercamp .section02 .map-area .map-area-btn.area08 {
	top:67%;
	left:63.8%;
}
.page-summercamp .section02 .map-area .map-area-btn.area09 {
	top:89%;
	left:1.175%;
}
.page-summercamp .section02 .map-area .map-area-btn.area10 {
	top:89%;
	left:63.8%;
}
.page-summercamp .section02 .map-area .map-area-btn .sp-block,
.page-summercamp .section02 .map-area .map-area-btn:hover .sp-block {
	display:none;
}
.page-summercamp .section02 .map-area .map-area-btn .pc-block.tb-block.h-style,
.page-summercamp .section02 .map-area .map-area-btn:hover .pc-block.tb-block.n-style {
	display:none;
}
.page-summercamp .section02 .map-area .map-area-btn .pc-block.tb-block.n-style,
.page-summercamp .section02 .map-area .map-area-btn:hover .pc-block.tb-block.h-style {
	display:block;
}
@media screen and (min-width:751px) {
	.page-summercamp .section02 .map-area .map-area-btn.area01,
	.page-summercamp .section02 .map-area .map-area-btn.area07,
	.page-summercamp .section02 .map-area .map-area-btn.area08 {
		pointer-events:none;
	}
}
.page-summercamp .section02 .annotation {
	color:#fff;
	font-size:14px;
	letter-spacing:0;
	line-height:1.5;
	text-align:center;
	margin-top:0.5em;
}
.page-summercamp .section02 .annotation a {
	color:inherit;
	font-size:inherit;
	letter-spacing:inherit;
	line-height:1;
	display:inline-block;
	width:fit-content;
	border-bottom:1px solid #fff;
}
.page-summercamp .section02 .annotation a:hover {
	border-bottom:none;
}
.page-summercamp .section02 .annotation::before {
	content:"\203b";
	letter-spacing:0;
}
.page-summercamp .section02 .about-area {
	width:100%;
	max-width:804px;
	margin:50px auto 0;
	justify-content:space-between;
}
.page-summercamp .section02 .about-area > div {
	width:calc( 50% - 20px );
	aspect-ratio:382 / 70;
	/* height:70px; */
	/* padding:25px 30px; */
	/* padding:calc( ( 50% - 20px ) * 25 / 382 ) calc( ( 50% - 20px ) * 30 / 382 );
	padding:calc( ( 50% - 20px ) * 25 / 382 ) calc( ( 50% - 20px ) * 60 / 382 + 13px ) calc( ( 50% - 20px ) * 25 / 382 ) calc( ( 50% - 20px ) * 30 / 382 ); */
	border-radius:35px;
	cursor:pointer;
	position:relative;
	transition:0.5s;
}
.page-summercamp .section02 .about-area > div:nth-of-type(1) {
	background-color:rgba(0,159,232,1);
}
.page-summercamp .section02 .about-area > div:nth-of-type(2) {
	background-color:rgba(223,106,8,1);
}
.page-summercamp .section02 .about-area > div:nth-of-type(1):hover {
	background-color:rgba(0,159,232,0.75);
	transition:0.5s;
}
.page-summercamp .section02 .about-area > div:nth-of-type(2):hover {
	background-color:rgba(223,106,8,0.75);
	transition:0.5s;
}
.page-summercamp .section02 .about-area > div::after {
	content:"";
	width:13px;
	height:11px;
	background-image:url('../img/summercamp/icon_triangle.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	position:absolute;
	top:50%;
	right:30px;
	right:calc( 100% * 30 / 382 );
	transform:translateY(-50%);
}
.page-summercamp .section02 .about-area > div img {
	width:auto;
	max-width:none;
	height:100%;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center left;
	line-height:0;
	padding:calc( 100% * 25 / 382 ) calc( 100% * 60 / 382 + 13px ) calc( 100% * 25 / 382 ) calc( 100% * 30 / 382 );
}
.page-summercamp .modal-area .modal-inner {
	max-width:448px;
}
.page-summercamp .modal-area .modal-inner .modal-item {
	border:none;
	border-radius:unset;
	background-color:transparent;
	position:relative;
}
.page-summercamp .modal-area .modal-inner .modal-item.area02,
.page-summercamp .modal-area .modal-inner .modal-item.area03,
.page-summercamp .modal-area .modal-inner .modal-item.area04,
.page-summercamp .modal-area .modal-inner .modal-item.area05,
.page-summercamp .modal-area .modal-inner .modal-item.area06 {
	width:unset;
	margin:0 calc( 100% * -15 / 796 );
}
.page-summercamp .modal-area .modal-inner .modal-item .detail-btn {
	/* width:calc( 100% * 600 / 826 ); */
	/* position:absolute;
	left:50%;
	transform:translateX(-50%); */
}
.page-summercamp .modal-area .modal-inner .modal-item .detail-btn:hover .n-style,
.page-summercamp .modal-area .modal-inner .modal-item .detail-btn .h-style {
	display:none;
}
.page-summercamp .modal-area .modal-inner .modal-item .detail-btn .n-style,
.page-summercamp .modal-area .modal-inner .modal-item .detail-btn:hover .h-style {
	display:block;
}
.page-summercamp .modal-area .modal-inner .modal-item.area03::before {
	content:"";
	display:block;
	width:calc( 100% * 398 / 413 );
	height:100%;
	background-image:url('../img/summercamp/bg_workshop_repeat.png');
	background-size:contain;
	background-repeat:repeat-y;
	background-position:top center;
	border-radius:calc( 100% * 17 / 413 );
	border-radius:17px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:-10;
}
.page-summercamp .modal-area .modal-inner .modal-item.area03::after {
	content:"";
	display:block;
	width:calc( 100% * 376 / 413 );
	height:calc( 100% - 22px );
	background-color:#fff;
	border-radius:calc( 100% * 11.5 / 413 );
	border-radius:11.5px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:-5;
}
.page-summercamp .modal-area .modal-inner .modal-item.area03 .wst01 {
	padding-top:calc( 100% * 22 / 413 );
}
.page-summercamp .modal-area .modal-inner .modal-item.area03 .wst02,
.page-summercamp .modal-area .modal-inner .modal-item.area03 .wst03 {
	margin-top:calc( 100% * 25 / 376 );
}
.page-summercamp .modal-area .modal-inner .modal-item.area03 .workshop-area {
	width:calc( 100% * 376 / 413 );
	margin:0 auto;
}
.page-summercamp .modal-area .modal-inner .modal-item.area03 .ws-box {
	width:calc( 100% * 340 / 376 );
	margin:25px auto 0;
	background-color:#FFF4E5;
	border-radius:10px;
	border-radius:27.5px 27.5px 10px 10px;
	margin-top:calc( 100% * 105 / 752 );
}
.page-summercamp .modal-area .modal-inner .modal-item.area03 .ws-box:last-of-type {
	margin-bottom:calc( 100% * 35 / 376 );
}
.page-summercamp .modal-area .modal-inner .modal-item.area03 .ws_tab {
	margin-top:calc( 100% * -55 / 680 );
}
.page-summercamp .modal-area .modal-inner .modal-item.area03 .ws_inner {
	padding:calc( 100% * 13 / 340 ) calc( 100% * 20 / 340 ) calc( 100% * 25 / 340 );
}
.page-summercamp .modal-area .modal-inner .modal-item.area03 .ws_inner a.detail-btn {
	display:block;
	width:100%;
	margin-top:calc( 100% * 22 / 340 );
}
.page-summercamp .modal-area .modal-inner .modal-item.area03 .ws_inner span.hr {
	display:block;
	width:100%;
	height:1px;
	margin:calc( 100% * 19 / 300 ) 0;
	background-color:#DB5268;
	opacity:0.3;
}

.page-summercamp .section03 {
	width:100%;
	padding-bottom:90px;
	margin:0 auto;
}
.page-summercamp .section03 .section-title {
	width:100%;
	max-width:373px;
	margin:0 auto;
}
.section-single-main .page-summercamp .section03 .section-title {
	margin-top:60px;
}
.page-summercamp .section03 .flex-container {
	margin:35px auto 0;
}
.page-summercamp .section03 .map-area {
	width:100%;
	padding:15px;
	background-color:#F5F5F5;
	border-radius:5px;
	overflow:hidden;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}
.page-summercamp .section03 .map-area img {
	width:100%;
	max-width:196px;
	height:100%;
	object-fit:contain;
}
.page-summercamp .section03 .map-area + p {
	font-size:18px;
	font-weight:500;
	letter-spacing:0;
	line-height:calc( 5em / 3 );
	text-align:center;
	margin-top:1em;
}
.page-summercamp .section03 .annotation {
	font-size:14px;
	font-weight:400;
	letter-spacing:0;
	line-height:1;
	text-align:center;
	margin-top:1em;
	margin-bottom:2em;
}
.page-summercamp .section03 .annotation::before {
	content:"\203b";
}
.page-summercamp .section03 .text-notice {
	padding:35px 0;
	margin:35px auto 0;
	border-top:1px solid #CBCBD4;
	border-bottom:1px solid #CBCBD4;
}
.page-summercamp .section03 .text-notice p {
	color:#703B48;
	font-size:20px;
	font-weight:700;
	letter-spacing:0;
	line-height:32px;
	text-align:center;
}
.page-summercamp .section03 .text-notice p + p {
	margin-top:22px;
}
.page-summercamp .section-sponsor {
	padding-bottom:90px;
	background-color:#00385F;
}
.page-summercamp .section-sponsor .circle_header {
	width:100%;
	height:55px;
	padding:15px;
	border:1px solid #fff;
	border-radius:30px;
}
.page-summercamp .section-sponsor .flex-container + .circle_header {
	margin-top:60px;
}
.page-summercamp .section-sponsor .circle_header img {
	width:auto;
	height:23px;
	margin:0 auto;
}
.page-summercamp .section-sponsor .flex-container {
	margin:34px auto 0;
	justify-content:center;
	gap:20px;
}
.page-summercamp .section-sponsor .flex-container .flex-item {
	width:calc( ( 100% - 60px ) / 4 );
	border-radius:5px;
	overflow:hidden;
}
.page-summercamp .section-sponsor .flex-container .flex-item:hover {
	opacity:0.85;
}
.page-summercamp .section04 {
	padding-bottom:calc( 100% * 250 / 1400 + 24px );
	background-color:#027FC7;
	background-image:url('../img/summercamp/bg_summer-camp.png');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain;
	position:relative;
}
.page-summercamp .section04::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/summercamp/bg_dl-area_pc.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
}
.page-summercamp .section04 .section-title {
	width:100%;
	max-width:306px;
	margin:0 auto;
}
.page-summercamp .section04 .flex-container {
	max-width:500px;
	margin:37px auto 0;
	justify-content:center;
}
.page-summercamp .section04 .flex-container .flex-item p {
	color:#fff;
	line-height:1;
	margin-top:20px;
}
.page-summercamp .section04 .banner-area {
	margin:60px auto 0;
	justify-content:center;
}
@media screen and (max-width:900px) {
	.page-summercamp .section-sponsor .flex-container .flex-item {
		width:calc( ( 100% - 40px ) / 3 );
	}
}
@media screen and (max-width:750px) {
	.page-summercamp .section01 {
		padding:25px 0 40px;
	}
	.page-summercamp .section01 .area02 {
		margin:17px auto 0;
	}
	.page-summercamp .section01 .area03 {
		margin:25px auto 0;
	}
	.page-summercamp .section01 p {
		font-size:14px;
		line-height:1.5;
		margin:17px auto 0;
	}
	.page-summercamp .section02 {
		padding-top:40px;
		padding-bottom:45px;
	}
	.page-summercamp .section02::before {
		width:100%;
		background-image:url('../img/summercamp/bg_event-area_sp.png');
	}
	.page-summercamp .section02 .section-title .main-title.sp-block {
		width:170px;
		margin:0 auto;
	}
	.page-summercamp .section02 .section-title .main-title.sp-block + .main-title {
		width:114px;
		margin:13px auto 0;
	}
	.page-summercamp .section02 .section-title .sub-title {
		max-width:186px;
		margin:13px auto 0;
	}
	.page-summercamp .section02 .lead-text {
		font-size:14px;
		line-height:25px;
		margin:15px -5px 0;
	}
	.page-summercamp .section02 .map-area {
		margin:20px auto 0;
		border-radius:5px;
		overflow:hidden;
		position:relative;
	}
	.page-summercamp .section02 .map-area .map-area-btn {
		width:calc( 100% * 846 / 1560 );
		position:absolute;
		cursor:pointer;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area02,
	.page-summercamp .section02 .map-area .map-area-btn.area03,
	.page-summercamp .section02 .map-area .map-area-btn.area04,
	.page-summercamp .section02 .map-area .map-area-btn.area05,
	.page-summercamp .section02 .map-area .map-area-btn.area06 {
		margin:0 calc( 100% * -1.5 / 1560 );
	}
	.page-summercamp .section02 .map-area .map-area-btn.area01 {
		top:0.9%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area02 {
		top:10.72%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area03 {
		top:20.54%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area04 {
		top:30.36%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area05 {
		top:40.12%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area06 {
		top:50%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area07 {
		top:59.82%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area08 {
		top:69.64%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area09 {
		top:79.36%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn.area10 {
		top:89.18%;
		left:44.75%;
	}
	.page-summercamp .section02 .map-area .map-area-btn .pc-block.tb-block,
	.page-summercamp .section02 .map-area .map-area-btn:hover .pc-block.tb-block {
		display:none !important;
	}
	.page-summercamp .section02 .map-area .map-area-btn .sp-block.h-style,
	.page-summercamp .section02 .map-area .map-area-btn:hover .sp-block.n-style {
		display:none;
	}
	.page-summercamp .section02 .map-area .map-area-btn .sp-block.n-style,
	.page-summercamp .section02 .map-area .map-area-btn:hover .sp-block.h-style {
		display:block;
	}
	.page-summercamp .section02 .annotation {
		font-size:12px;
	}
	.page-summercamp .section02 .about-area {
		max-width:646px;
		margin:25px auto 0;
	}
	.page-summercamp .section02 .about-area > div {
		width:calc( 50% - 8px );
		aspect-ratio:315 / 50;
		/* padding:calc( ( 50% - 8px ) * 17 / 315 ) calc( ( 50% - 8px ) * 20 / 315 );
		padding:calc( ( 50% - 8px ) * 17 / 315 ) calc( ( 50% - 8px ) * 40 / 315 + 10px ) calc( ( 50% - 8px ) * 17 / 315 ) calc( ( 50% - 8px ) * 20 / 315 ); */
		border-radius:25px;
	}
	.page-summercamp .section02 .about-area > div::after {
		width:10px;
		height:8px;
		right:calc( 100% * 20 / 315 );
	}
	.page-summercamp .section02 .about-area > div img {
		padding:calc( 100% * 17 / 315 ) calc( 100% * 40 / 315 + 10px ) calc( 100% * 17 / 315 ) calc( 100% * 20 / 315 );
	}
	.page-summercamp .section03 {
		padding-top:45px;
		padding-bottom:60px;
	}
	.page-summercamp .section03 .section-title {
		max-width:233px;
	}
	.section-single-main .page-summercamp .section03 .section-title {
		margin-top:40px;
	}
	.page-summercamp .section03 .flex-container {
		margin:20px auto 0;
	}
	.page-summercamp .section03 .map-area {
		padding:10px;
	}
	.page-summercamp .section03 .map-area img {
		max-width:148px;
	}
	.page-summercamp .section03 .map-area + p {
		font-size:14px;
	}
	.page-summercamp .section03 .annotation {
		font-size:12px;
		line-height:1.3;
		text-align:left;
	}
	.page-summercamp .section03 .text-notice {
		padding:25px 0;
		margin:20px auto 0;
	}
	.page-summercamp .section03 .text-notice p {
		font-size:15px;
		line-height:23px;
	}
	.page-summercamp .section03 .text-notice p + p {
		margin-top:10px;
	}
	.page-summercamp .section-sponsor {
		padding-bottom:50px;
	}
	.page-summercamp .section-sponsor .circle_header {
		height:40px;
		padding:11px;
	}
	.page-summercamp .section-sponsor .flex-container + .circle_header {
		margin-top:35px;
	}
	.page-summercamp .section-sponsor .circle_header img {
		height:18px;
	}
	.page-summercamp .section-sponsor .flex-container {
		margin:20px auto 0;
		gap:13px;
	}
	.page-summercamp .section-sponsor .flex-container .flex-item {
		width:calc( ( 100% - 26px ) / 3 );
	}
	.page-summercamp .section04 {
		padding-top:45px;
	}
	.page-summercamp .section04 .section-title {
		max-width:232px;
	}
	.page-summercamp .section04 .flex-container {
		margin:20px auto 0;
	}
	.page-summercamp .section04 .banner-area {
		margin:45px auto 0;
	}
}
.page-summercamp .sec03.modal-area .modal-inner {
	max-width:550px;
}
.page-summercamp .sec03.modal-area .modal-inner .modal-item {
	height:auto;
	padding:25px;
	margin-top:0;
	background-color:#F5F5F5;
	border:none;
	border-radius:25px;
}

@media screen and (max-width:750px) {
	.page-summercamp .section02 .map-area-btn-area {
		gap:15px;
	}
	.page-summercamp .section02 .map-area-btn-accordion {
		width:100%;
		max-width:315px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details {
		border-radius:25px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details summary {
		padding:16.5px 20px;
		border-radius:25px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details summary::after {
		width:10px;
		height:8px;
		right:20px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details summary img {
		height:17px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details .program-item {
		height:50px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details .program-item {
		padding:10px 20px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details .program-item > .map-area-btn .fc_no {
		width:calc( 100% - 50px );
		height:15px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details .program-item > .map-area-btn .fc_no.no_jp {
		height:16px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details .program-item > .map-area-btn .item_num {
		height:12px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_no {
		width:25px;
		height:15px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_title {
		width:calc( 100% - 25px );
		height:13px;
	}
	.page-summercamp .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_title.lh2 {
		height:30px;
	}
	.sec02 .modal-inner {
		max-height:calc( 100dvh - 80px );
		top:calc( 50% + 30px );
	 }
}
@media screen and (max-width:600px) {
	.page-summercamp .section02 .map-area-btn-area {
		flex-direction:column;
		align-items:center;
	}
	.page-summercamp .section03 .map-area img {
		max-width:calc( 74px + 74 * ( 100vw - 400px ) / ( 600 - 400 ) );
	}
}
@media screen and (max-width:500px) {
	.page-summercamp .section02 .about-area {
		max-width:315px;
		gap:15px;
	}
	.page-summercamp .section02 .about-area > div {
		width:100%;
		/* padding:calc( 100% * 17 / 315 ) calc( 100% * 20 / 315 );
		padding:calc( 100% * 17 / 315 ) calc( 100% * 40 / 315 + 10px ) calc( 100% * 17 / 315 ) calc( 100% * 20 / 315 ); */
	}
	.page-summercamp .section02 .about-area > div img {
		padding:calc( 100% * 17 / 315 ) calc( 100% * 40 / 315 + 10px ) calc( 100% * 17 / 315 ) calc( 100% * 20 / 315 );
	}
	.page-summercamp .section03 {
		padding-top:45px;
		padding-bottom:60px;
	}
	.page-summercamp .section03 .map-area img {
		max-width:74px;
	}
	.page-summercamp .section03 .text-notice p {
		text-align:left;
	}
	.page-summercamp .section-sponsor .flex-container {
		justify-content:flex-start;
	}
	.page-summercamp .section-sponsor .flex-container .flex-item {
		width:calc( ( 100% - 13px ) / 2 );
	}
	.page-summercamp .section04::before {
		background-image: url(../img/summercamp/bg_dl-area_sp.png);
		background-size:cover;
	}
	.page-summercamp .section04 .flex-container {
		max-width:158px;
	}
	.page-summercamp .section04 .flex-container .flex-item p {
		font-size:12px;
		margin-top:15px;
	}
}
@media screen and (max-width:400px) {
	.page-summercamp .section03 .map-area img {
		max-width:74px;
	}
}

/* 固定ページwith */
.page-with .text-red {
	color:#E6000D !important;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	line-height: inherit;
}
.page-with .section-title::after {
	display:none;
}
.page-with .section-kv {
	padding:0;
}
.page-with .section01 {
	padding:90px 0 100px;
	background-color:#FFE6B2;
}
.page-with .section01 .area01 {
	width:100%;
	max-width:750px;
	margin:0 auto;
}
.page-with .section01 .area02 {
	width:100%;
	max-width:750px;
	margin:50px auto 0;
}
.page-with .section01 .area03 {
	width:100%;
	margin:75px auto 0;
}
.page-with .section01 .area04 {
	width:100%;
	padding:43px;
	margin:50px auto 0;
	background-color:#fff;
	border-radius:7.5px;
}
.page-with .section01 .area04 img {
	width:100%;
	max-width:650px;
	margin:0 auto;
}
.page-with .section02 {
	padding-bottom:100px;
	background-color:#C68412;
	position:relative;
}
.page-with .section02::before,
.page-with .section04::before,
.page-with .section02::after,
.page-with .section04::after {
	content:"";
	display:block;
	height:100%;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
	position:absolute;
	top:0;
}
@media screen and (min-width:1400px) {
	.page-with .section02::before,
	.page-with .section02::after {
		width:calc( ( 100% - 400px ) / 2 );
	}
	.page-with .section04::before,
	.page-with .section04::after {
		width:calc( ( 100% - 470px ) / 2 );
	}
}
.page-with .section02::before {
	width:500px;
	max-width:calc( 50% - 110px );
	background-image:url('../img/with/bg_map-area_l_pc.png');
	left:0;
}
.page-with .section04::before {
	width:465px;
	max-width:calc( 50% - 120px );
	background-image:url('../img/with/bg_dl-area_l_pc.png');
	left:0;
}
.page-with .section02::after {
	width:500px;
	max-width:calc( 50% - 110px );
	background-image:url('../img/with/bg_map-area_r_pc.png');
	right:0;
}
.page-with .section04::after {
	width:465px;
	max-width:calc( 50% - 120px );
	background-image:url('../img/with/bg_dl-area_r_pc.png');
	right:0;
}
.page-with .section02 .container,
.page-with .section04 .container {
	z-index:1
}
.page-with .section02 .section-title {
	width:100%;
	max-width:338px;
	margin:0 auto;
}
.page-with .section02 .section-title .sub-title {
	width:100%;
	max-width:286px;
	margin:23px auto 0;
}
.page-with .section02 .lead-text {
	color:#fff;
	font-size:18px;
	font-weight:500;
	letter-spacing:0;
	line-height:33px;
	text-align:center;
	margin:40px auto 0;
}
.page-with .section02 .map-area {
	width:100%;
	margin:35px auto 0;
	border-radius:7.5px;
	overflow:hidden;
	position:relative;
	/* cursor:pointer; */
}
.page-with .section02 .map-area .map-area-btn {
	width:calc( 100% * 846 / 2382 );
	position:absolute;
	cursor:pointer;
}
/* .page-with .section02 .map-area .map-area-btn.area02,
.page-with .section02 .map-area .map-area-btn.area03,
.page-with .section02 .map-area .map-area-btn.area04,
.page-with .section02 .map-area .map-area-btn.area05,
.page-with .section02 .map-area .map-area-btn.area06 {
	margin:0 calc( 100% * -1.5 / 2382 );
} */
.page-with .section02 .map-area .map-area-btn.area01 {
	top:1%;
	left:1.175%;
}
.page-with .section02 .map-area .map-area-btn.area02 {
	top:23%;
	left:1.2%;
}
.page-with .section02 .map-area .map-area-btn.area03 {
	top:45%;
	left:1.2%;
}
.page-with .section02 .map-area .map-area-btn.area04 {
	top:67%;
	left:1.175%;
}
.page-with .section02 .map-area .map-area-btn.area05 {
	top:1%;
	left:63.85%;
	pointer-events:none;
}
.page-with .section02 .map-area .map-area-btn.area05_web {
	width:calc( 100% * 343 / 2382 );
	top:16.75%;
	left:66.37%;
	border-radius:25px;
	background-color:#fff;
}
.page-with .section02 .map-area .map-area-btn.area05_pdf {
	width:calc( 100% * 343 / 2382 );
	top:16.75%;
	left:81.61%;
	border-radius:25px;
	background-color:#fff;
}
.page-with .section02 .map-area .map-area-btn.area05_web:hover,
.page-with .section02 .map-area .map-area-btn.area05_pdf:hover {
	background-color:#fce5e1;
}
.page-with .section02 .map-area .map-area-btn.area06 {
	top:23%;
	left:63.85%;
}
.page-with .section02 .map-area .map-area-btn.area06_yt {
	width:calc( 100% * 343 / 2382 );
	top:38.52%;
	left:66.37%;
	border-radius:25px;
	background-color:#fff;
}
.page-with .section02 .map-area .map-area-btn.area06_pdf {
	width:calc( 100% * 343 / 2382 );
	top:38.52%;
	left:81.61%;
	border-radius:25px;
	background-color:#fff;
}
.page-with .section02 .map-area .map-area-btn.area06_yt:hover,
.page-with .section02 .map-area .map-area-btn.area06_pdf:hover {
	background-color:#e5e9db;
}
.page-with .section02 .map-area .map-area-btn.area07 {
	top:45%;
	left:63.85%;
}
.page-with .section02 .map-area .map-area-btn.area08 {
	top:67%;
	left:63.8%;
}
.page-with .section02 .map-area .map-area-btn.area09 {
	top:89%;
	left:1.175%;
}
.page-with .section02 .map-area .map-area-btn.area10 {
	top:89%;
	left:63.8%;
}
/* .page-with .section02 .map-area .map-area-btn .sp-block,
.page-with .section02 .map-area .map-area-btn:hover .sp-block {
	display:none;
} */
.page-with .section02 .map-area .map-area-btn .pc-block.tb-block.h-style,
.page-with .section02 .map-area .map-area-btn:hover .pc-block.tb-block.n-style {
	display:none;
}
.page-with .section02 .map-area .map-area-btn .pc-block.tb-block.n-style,
.page-with .section02 .map-area .map-area-btn:hover .pc-block.tb-block.h-style {
	display:block;
}
.page-with .modal-area .modal-inner {
	max-width:463px;
}
.page-with .modal-area .modal-inner .modal-item {
	padding:0 calc( 100% * 15 / 413 / 2 );
	border:none;
	border-radius:unset;
	background-color:transparent;
	position:relative;
}
.page-with .modal-area .modal-inner .modal-item .item-inner {
	border-radius:17px;
	background-color:#fff;
	/* overflow: hidden; */
}
.page-with .modal-area .modal-inner .modal-item .item-inner .modal-header {
	position:relative;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .modal-header .modal-header-btn {
	display:block;
	width:210px;
	height:40px;
	background-color:#FFB400;
	border-radius:20px;
	position:absolute;
	bottom:22.5px;
	left:25px;
	overflow:hidden;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .modal-header .modal-header-btn:hover {
	background-color:#FF6101;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .area-header {
	margin:calc( 100% * -13 / 398 ) calc( 100% * -15 / 398 / 2 ) calc( 100% * -19 / 398 );
	position:relative;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .area-header.no-icon {
	margin-top:-8px;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents {
	padding:25px 29px 35px;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .contents-inner {
	border-radius:27px 27px 10px 10px;
}
.page-with .modal-area .modal-inner .modal-item.area01 .item-inner .event-container .event-contents .contents-inner {
	background-color:#FFECCB;
}
.page-with .modal-area .modal-inner .modal-item.area02 .item-inner .event-container .event-contents .contents-inner {
	background-color:#FFE7E2;
}
.page-with .modal-area .modal-inner .modal-item.area03 .item-inner .event-container .event-contents .contents-inner {
	padding:20px 20px 25px;
	margin-top:23px;
	background-color:#FFEDEA;
	border-radius:10px;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .mm {
	width:calc( 100% * 707 / 680 );
	max-width:none;
	margin-left:calc( 100% * -27 / 680 );
}
.page-with .modal-area .modal-inner .modal-item.area03 .item-inner .event-container .event-contents .contents-inner .ci-item + .ci-item {
	margin-top:39px;
	position:relative;
}
.page-with .modal-area .modal-inner .modal-item.area03 .item-inner .event-container .event-contents .contents-inner .ci-item + .ci-item::before {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background-color:rgba(219,82,104,0.3);
	position:absolute;
	top:-20px;
	left:0;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .contents-inner + .contents-inner {
	margin-top:20px;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .contents-inner .contents-header + img {
	padding:13.5px 20px 28px;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn {
	display:block;
	width:100%;
	margin-top:20px;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn .h-style,
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn:hover .n-style {
	display:none;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn .n-style,
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn:hover .h-style {
	display:block;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn.bg-hover {
	color:#DB5268;
	font-size:16px;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:46px;
	text-align:center;
	display:block;
	width:100%;
	height:50px;
	padding-right:12px;
	border:2px solid;
	border-radius:25px;
	background-color:#fff;
	position:relative;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn.bg-hover:hover {
	background-color:#FFEDEA;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn.bg-hover::before,
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn.bg-hover::after {
	content:"";
	display:block;
	width:25px;
	height:25px;
	border-radius:50%;
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn.bg-hover::before {
	background-color:#DB5268;
}
.page-with .modal-area .modal-inner .modal-item .item-inner .event-container .event-contents .modal-btn.bg-hover::after {
	background-image:url('../img/with/icon_modal-btn.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:15px 13px;
}
.page-with .sec02 .btn_modal-close {
	right:calc( ( 100% - 50px ) * 15 / 413 / 2);
}
.page-with .section-gw {
	padding-top:62px;
	padding-bottom:calc( 100% * 100 / 1400 );
	background-color:rgba(226,226,226,0.3);
	background-image:url('../img/with/bg_gw-area.png');
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}
.page-with .section-gw .section-title {
	width:100%;
	max-width:604px;
	margin:0 auto;
}
.page-with .section-gw .lead-text {
	color:#411E00;
	font-size:18px;
	font-weight:500;
	letter-spacing:0;
	line-height:33px;
	text-align:center;
	margin:20px auto 0;
}
.page-with .section-gw .map-area {
	width:100%;
	margin:30px auto 0;
	border-radius:7.5px;
	overflow:hidden;
	position:relative;
}
.page-with .section-gw .map-area iframe {
	width:100%;
	height:500px;
}
.page-with .section-gw .btn {
	display:block;
	width:100%;
	max-width:310px;
	margin:50px auto 0;
	border-radius:15px;
	box-shadow:0 0 7.5px rgba(0,0,0,0.2);
	overflow:hidden;
}
.page-with .section03 {
	width:100%;
	padding-bottom:90px;
	margin:0 auto;
}
.page-with .section03 .section-title {
	width:100%;
	max-width:373px;
	margin:0 auto;
}
.page-with .section03 .map-area {
	width:100%;
	margin:40px auto 0;
	border-radius:7.5px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.page-with .section03 .map-area .traffic-filter {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	border-radius:10px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	cursor:pointer;
}
.page-with .section03 .map-text {
	color:#411E00;
	font-size:18px;
	font-weight:500;
	letter-spacing:0;
	line-height:33px;
	text-align:center;
	margin:25px auto 0;
}
.page-with .section03 .flex-container {
	margin:35px auto 0;
}
.page-with .section03 .annotation {
	color:#411E00;
	font-size:14px;
	font-weight:400;
	letter-spacing:0;
	line-height:1.5;
	text-align:center;
	margin-top:0.75em;
}
.page-with .section03 .annotation::before {
	content:"\203b";
}
.page-with .section03 .for-parking {
	color: #411E00;
	text-align: center;
	margin: 50px auto 0;
}
.page-with .section03 .for-parking .title_for_parking {
	color: #411E00;
	font-size: 25px;
	font-weight:700;
	letter-spacing: 0;
	line-height: 33px;
}
.page-with .section03 .for-parking .image-area p {
	color: #411E00;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 33px;
	text-align: center;
	margin: 0px auto 0;
	padding: 15px 0 20px;
}
.page-with .section03 .for-parking .image-area img {
	border-radius:7.5px;
}
.page-with .section03 .text-notice {
	padding:35px 0;
	margin:35px auto 0;
	border-top:1px solid #CBCBD4;
	border-bottom:1px solid #CBCBD4;
}
.page-with .section03 .text-notice p {
	color:#703B48;
	font-size:20px;
	font-weight:700;
	letter-spacing:0;
	line-height:32px;
	text-align:center;
}
.page-with .section03 .text-notice p + p {
	margin-top:22px;
}
.page-with .section03 .end-text {
	font-size:25px;
	font-weight:700;
	letter-spacing:0;
	line-height:32px;
	text-align:center;
	margin-top:35px;
}
.page-with .section-sponsor {
	padding-bottom:100px;
	background-color:#FFE6B2;
}
.page-with .section-sponsor .circle_header {
	width:100%;
	height:55px;
	padding:15px;
	border:1px solid #411E00;
	border-radius:30px;
}
.page-with .section-sponsor .flex-container + .circle_header {
	margin-top:60px;
}
.page-with .section-sponsor .circle_header img {
	width:auto;
	height:23px;
	margin:0 auto;
}
.page-with .section-sponsor .flex-container {
	margin:34px auto 0;
	justify-content:flex-start;
	gap:20px;
}
.page-with .section-sponsor .flex-container .flex-item {
	width:calc( ( 100% - 60px ) / 4 );
	border-radius:5px;
	overflow:hidden;
}
.page-with .section-sponsor .flex-container .flex-item:hover {
	opacity:0.85;
}
.page-with .section04 {
	padding-bottom:calc( 100% * 300 / 1400 + 45px );
	background-color:#DCA200;
	background-image:url('../img/with/bg_dl-area_pc.png');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:contain;
	position:relative;
}
.page-with .section04 .section-title {
	width:100%;
	max-width:356px;
	margin:0 auto;
}
.page-with .section04 .flex-container {
	max-width:460px;
	margin:42px auto 0;
	justify-content:center;
}
.page-with .section04 .flex-container .flex-item p {
	color:#fff;
	line-height:1;
	margin-top:20px;
}
@media screen and (max-width:900px) {
	.page-with .section-sponsor .flex-container .flex-item {
		width:calc( ( 100% - 40px ) / 3 );
	}
}
@media screen and (max-width:750px) {
	.page-with .section01 {
		padding:33px 0 40px;
	}
	.page-with .section01 .area01 {
		max-width:500px;
	}
	.page-with .section01 .area02 {
		max-width:500px;
		margin:20px auto 0;
	}
	.page-with .section01 .area03 {
		margin:25px auto 0;
	}
	.page-with .section01 .area04 {
		padding:calc( 100% * 38 / 510 ) calc( 100% * 60 / 510 );
		margin:23px auto 0;
	}
	.page-with .section02 {
		padding-top:40px;
		padding-bottom:45px;
	}
	.page-with .section02::before {
		width:calc( ( 100% - 55px ) / 2 );
		max-width:260px;
		background-image:url('../img/with/bg_map-area_l_sp.png');
	}
	.page-with .section04::before {
		width:calc( ( 100% - 25px ) / 2 );
		max-width:none;
		background-image:url('../img/with/bg_dl-area_l_sp.png');
	}
	.page-with .section02::after {
		width:calc( ( 100% - 55px ) / 2 );
		max-width:260px;
		background-image:url('../img/with/bg_map-area_r_sp.png');
	}
	.page-with .section04::after {
		width:calc( ( 100% - 25px ) / 2 );
		max-width:none;
		background-image:url('../img/with/bg_dl-area_r_sp.png');
	}
	.page-with .section04 .container {
		padding-top:calc( 50px + ( 100vw - 750px ) * 50 / 375 );
	}
	.page-with .section02 .section-title .main-title.sp-block {
		width:114px;
		margin:0 auto;
	}
	.page-with .section02 .section-title .sub-title {
		max-width:186px;
		margin:13px auto 0;
	}
	.page-with .section02 .lead-text {
		font-size:14px;
		line-height:25px;
		margin:15px -5px 0;
	}
	.page-with .section02 .map-area {
		margin:20px auto 0;
		border-radius:5px;
		overflow:hidden;
		position:relative;
	}
	.page-with .section02 .map-area .map-area-btn {
		width:calc( 100% * 846 / 1560 );
		position:absolute;
		cursor:pointer;
	}
	/* .page-with .section02 .map-area .map-area-btn.area02,
	.page-with .section02 .map-area .map-area-btn.area03,
	.page-with .section02 .map-area .map-area-btn.area04,
	.page-with .section02 .map-area .map-area-btn.area05,
	.page-with .section02 .map-area .map-area-btn.area06 {
		margin:0 calc( 100% * -1.5 / 1560 );
	} */
	.page-with .section02 .map-area .map-area-btn.area01 {
		top:0.9%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn.area02 {
		top:10.72%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn.area03 {
		top:20.54%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn.area04 {
		top:30.36%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn.area05 {
		top:40.12%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn.area05_web {
		width:calc( 100% * 378 / 1560 );
		top:42.13%;
		left:71.25%;
	}
	.page-with .section02 .map-area .map-area-btn.area05_pdf {
		width:calc( 100% * 378 / 1560 );
		top:45.28%;
		left:71.25%;
	}
	.page-with .section02 .map-area .map-area-btn.area06 {
		top:50%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn.area06_yt {
		width:calc( 100% * 378 / 1560 );
		top:51.94%;
		left:71.25%;
	}
	.page-with .section02 .map-area .map-area-btn.area06_pdf {
		width:calc( 100% * 378 / 1560 );
		top:55.10%;
		left:71.25%;
	}
	.page-with .section02 .map-area .map-area-btn.area07 {
		top:59.82%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn.area08 {
		top:69.64%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn.area09 {
		top:79.36%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn.area10 {
		top:89.18%;
		left:44.75%;
	}
	.page-with .section02 .map-area .map-area-btn .pc-block.tb-block,
	.page-with .section02 .map-area .map-area-btn:hover .pc-block.tb-block {
		display:none !important;
	}
	.page-with .section02 .map-area .map-area-btn .sp-block.h-style,
	.page-with .section02 .map-area .map-area-btn:hover .sp-block.n-style {
		display:none;
	}
	.page-with .section02 .map-area .map-area-btn .sp-block.n-style,
	.page-with .section02 .map-area .map-area-btn:hover .sp-block.h-style {
		display:block;
	}
	.page-with .section-gw {
		padding-top:28px;
		padding-bottom:45px;
	}
	.page-with .section-gw .lead-text {
		font-size:14px;
		line-height:25px;
		margin:15px auto 0;
	}
	.page-with .section-gw .map-area {
		margin:20px auto 0;
		border-radius:5px;
		overflow:hidden;
		position:relative;
	}
	.page-with .section-gw .btn {
		max-width: 255px;
    margin: 25px auto 0;
	}
	.page-with .section03 {
		padding-top:45px;
		padding-bottom:50px;
	}
	.page-with .section03 .section-title {
		max-width:233px;
	}
	.page-with .section03 .map-area {
		margin:20px auto 0;
		border-radius:5px;
		cursor:pointer;
	}
	.page-with .section03 .map-text {
		font-size:14px;
		margin-top:1em;
	}
	.page-with .section03 .flex-container {
		margin:10px auto 0;
	}
	.page-with .section03 .annotation {
		font-size:12px;
		text-align:left;
		/* text-indent:-1em; */
		padding-left:1em;
		position:relative;
	}
	.page-with .section03 .annotation::before {
		display:block;
		width:1em;
		height:1.5em;
		position:absolute;
		top:0;
		left:0;
	}
	.page-with .section03 .for-parking {
		margin: 25px auto 0;
	}
	.page-with .section03 .for-parking .title_for_parking {
		font-size: 18px;
		line-height: 28px;
	}
	.page-with .section03 .for-parking .image-area p {
		font-size: 12px;
		line-height: 20px;
		padding: 10px 0 15px;
	}
	.page-with .section03 .text-notice {
		padding:20px 0;
		margin:20px auto 0;
	}
	.page-with .section03 .text-notice p {
		font-size:15px;
		line-height:23px;
		text-align:left;
	}
	.page-with .section03 .text-notice p + p {
		margin-top:10px;
	}
	.page-with .section03 .end-text {
		font-size:18px;
		line-height:28px;
		margin-top:20px;
	}
	.page-with .section-sponsor {
		padding-top:45px;
		padding-bottom:50px;
	}
	.page-with .section-sponsor .circle_header {
		height:40px;
		padding:11px;
	}
	.page-with .section-sponsor .flex-container + .circle_header {
		margin-top:35px;
	}
	.page-with .section-sponsor .circle_header img {
		height:18px;
	}
	.page-with .section-sponsor .flex-container {
		margin:20px auto 0;
		gap:13px;
	}
	.page-with .section-sponsor .flex-container .flex-item {
		width:calc( ( 100% - 26px ) / 3 );
	}
	.page-with .section04 {
		padding-top:45px;
		padding-bottom:calc( 100% * 300 / 1400 + 15px );
	}
	.page-with .section04 .section-title {
		max-width:232px;
	}
	.page-with .section04 .flex-container {
		margin:20px auto 0;
	}
}
.page-with .sec03.modal-area .modal-inner {
	max-width:2020px;
}
.page-with .sec03.modal-area .modal-inner .modal-item {
	height:auto;
	padding:25px;
	margin-top:0;
	background-color:#F5F5F5;
	border:none;
	border-radius:15px;
}

@media screen and (max-width:750px) {
	.page-with .section02 .map-area-btn-accordion {
		width:100%;
		max-width:315px;
	}
	.page-with .section02 .map-area-btn-accordion details {
		border-radius:25px;
	}
	.page-with .section02 .map-area-btn-accordion details summary {
		padding:16.5px 20px;
		border-radius:25px;
	}
	.page-with .section02 .map-area-btn-accordion details summary::after {
		width:10px;
		height:8px;
		right:20px;
	}
	.page-with .section02 .map-area-btn-accordion details summary img {
		height:17px;
	}
	.page-with .section02 .map-area-btn-accordion details .program-item {
		height:50px;
	}
	.page-with .section02 .map-area-btn-accordion details .program-item {
		padding:10px 20px;
	}
	.page-with .section02 .map-area-btn-accordion details .program-item > .map-area-btn .fc_no {
		width:calc( 100% - 50px );
		height:15px;
	}
	.page-with .section02 .map-area-btn-accordion details .program-item > .map-area-btn .fc_no.no_jp {
		height:16px;
	}
	.page-with .section02 .map-area-btn-accordion details .program-item > .map-area-btn .item_num {
		height:12px;
	}
	.page-with .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_no {
		width:25px;
		height:15px;
	}
	.page-with .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_title {
		width:calc( 100% - 25px );
		height:13px;
	}
	.page-with .section02 .map-area-btn-accordion details .program-item > .map-area-btn .wp_title.lh2 {
		height:30px;
	}
	.sec02 .modal-inner {
		max-height:calc( 100dvh - 80px );
		top:calc( 50% + 30px );
	 }
}
@media screen and (max-width:634px) {
	.page-with .section-gw {
		background-size:634px 87.5px;
	}
}
@media screen and (max-width:500px) {
	.page-with .section-sponsor .flex-container .flex-item {
		width:calc( ( 100% - 13px ) / 2 );
	}
	.page-with .section04 .flex-container .flex-item p {
		font-size:12px;
		margin-top:15px;
	}
}
@media screen and (max-width:375px) {
	.page-with .section04 .container {
		padding-top:0;
	}
}


.archive-info {
	width:calc( 100% * 300 / 413 );
	position:absolute;
	top:54.7%;
	left:50%;
	transform:translate(-50%,-50%);
}
.archive-info p {
	font-size:14px;
	font-weight:500;
	letter-spacing:0;
	line-height:23px;
	text-align:center;
	margin-bottom:1em;
}
.archive-info a {
	display:block;
	width:100%;
}
@media screen and (max-width:425px) {
	.archive-info p {
		font-size:10px;
		font-size:calc( 10px + 4 * ( 100vw - 320px ) / ( 425 - 320 ) );
	}
}