@charset "utf-8";


#section1.pageCommon figure { margin-bottom: 0; }

.tableLayout { width: min(90%, 1150px); }
.tableLayoutB .flexWrapper { align-items: center; }
.card1 { width: 42px; }
.card1 .cls-1 { fill: url(#linear-gradient-2); }
.card1 .cls-2 { fill: #fff; }
.card1 .cls-3 { fill: url(#linear-gradient-3); }
.card1 .cls-4 { fill: url(#linear-gradient); }
.card2 { width: 52px; }
.card2 .cls-1 { fill: #005396; }

#section3 { margin: clamp(80px, 20vw, 175px) 0 0; }
#section3 .flexWrapper { width: min(90%, 1150px); margin: clamp(100px, 26.6vw, 113px) auto; justify-content: center; flex-wrap: wrap; gap: clamp(50px, 13.3vw, 100px) 4.9%; }
#section3 figure { width: min(100%, 245px); }
#section3 figcaption { font-size: clamp(16px, 4.2vw, 18px); font-weight: bold; text-align: center; padding-bottom: clamp(20px, 5.3vw, 30px); margin: calc(calc(calc(clamp(16px, 4.2vw, 18px) * 1.75 - clamp(16px, 4.2vw, 18px)) / 2) * -1) 0; }
#section3 .pageLink { margin: clamp(20px, 5.3vw, 30px) auto 0; }

@media (max-width:1277px) {
	#section3 .flexWrapper { justify-content: center; }
	@media (max-width:767px) {
		.tableLayoutB .flexWrapper { flex-wrap: wrap; }
	}
}
/* 2026.08.27.当館について　修正 */
#section1 .aso_content figure{
	margin:0;
}
#section1 .aso_content .sp{display:none;}
#section1 .aso_content .flex{
	display:flex;
	max-width:1150px;
	margin-inline:auto;
}
#section1 .aso_content .text,
#section1 .aso_content .image5,
#section1 .aso_content .image8{
	width:50%;
}
#section1 .aso_content.content1 .text{
	margin-left:40px;
}
#section1 .aso_content.content2 .text{
	margin-right:40px;
}
#section1 .aso_content.content1 {
	position:relative;
	margin-top: 160px;
	margin-bottom:270px;
}
#section1 .aso_content .image6 img{
	position:absolute;
	right:0;
	bottom:0;
	width: clamp(200px, calc(40.625vw - 450px), 330px);
}

#section1 .aso_content.content2{
	position:relative;
	margin-bottom:200px;
}
#section1 .aso_content .image7 img{
	position:absolute;
	left:0;
	bottom:0;
	width: clamp(200px, calc(40.625vw - 450px), 330px);
}
#section1 .aso_content .aso_text{
	line-height: 1.8;
	font-size: clamp(12px, 3.2vw, 16px);
}
#section1 .aso_content h4{
	font-size: clamp(20px, calc(1.262vw + 15.27px), 39.5px);
	line-height:1.4;
	color:#333;
	letter-spacing:0.4em;
}
#section1 .aso_content h5{
	font-size: clamp(15px, calc(0.841vw + 11.84px), 28px);
	line-height:1;
	color:#333;
	margin:36px 0;
	letter-spacing:0.36em;
}

#section1 .aso_content .aso_text span{
	font-size: clamp(18px, calc(0.453vw + 16.30px), 25px);
	letter-spacing:-0.01em;
	line-height: 1.5;
	font-weight:bold;
}
.flexWrapper.ver2{
	gap: clamp(10px, calc(0.518vw + 8.06px), 18px);
}
@media (max-width:1600px) {
	#section1 .aso_content .image6.pc img{
		right: 20%;
        bottom: -225px;
	}
	#section1 .aso_content .image7.pc img{
		left: 20%;
        top: -225px;
	}
}
@media (max-width:1200px) {
	#section1 .aso_content {
		max-width:90%;
		margin-inline:auto;
	}
	#section1 .aso_content h4{
		letter-spacing: 0.3em;
	}
	#section1 .aso_content h5{
		margin-top:0px;
	}
	#section1 .aso_content.content1{
		margin-top:clamp(90px, calc(6.06vw + 67.27px), 140px);
        margin-bottom:clamp(90px, calc(13.33vw + 40px), 200px);
	}
	#section1 .aso_content.content2{
		margin-bottom:clamp(10px, calc(10.91vw - 30.91px), 100px);
	}
	#section1 .aso_content .pc{display:none;}
	#section1 .aso_content.content1 h4{
		margin-left: clamp(20px, calc(2.424vw + 10.91px), 40px);
	}

	#section1 .aso_content.content1 .sp{
		display: grid;
		grid-template-columns: 19fr 15fr;
		grid-template-rows: 1fr 1fr;
		height: clamp(260px, calc(29.09vw + 150.91px), 500px);
		overflow: hidden;
	}
	#section1 .aso_content .sp .item1{
		grid-column: 1;
		grid-row: 1 / 3;
	}
	#section1 .aso_content .sp .item3 img,
	#section1 .aso_content .sp .item6 img{
		width: 100%;
		height:clamp(137px, calc(19.76vw + 62.91px), 300px);
		justify-content: center;
		align-items: center;
		display: block;
		object-fit: cover;
	}
	#section1 .aso_content .sp .item1 img,
	#section1 .aso_content .sp .item4 img{
		width: 100%;
		height:100%;
		object-fit: cover;
		object-position: bottom;
	}

	#section1 .aso_content.content2 .sp{
		display: grid;
		grid-template-columns: 15fr 19fr;
		grid-template-rows: 1fr 1fr;
		height: clamp(260px, calc(29.09vw + 150.91px), 500px);
		overflow: hidden;
	}
	#section1 .aso_content .sp .item4{
		grid-column: 2;
		grid-row: 1 / 3;
	}
	#section1 .aso_content .text{
		text-align:center;
		width:100%;
		margin-top:clamp(50px, calc(3.64vw + 36.36px), 80px);
		font-weight:bold;
	}
	#section1 .aso_content.content1 .text{
		margin-left: 0px;
	}
	#section1 .aso_content.content2 .text{
		margin-right: 0px;
	}

	#section1 .aso_content .aso_text span{
		font-size: clamp(12px, 3.2vw, 16px);
	}
}
@media (max-width:390px) {
	#section1 .aso_content .aso_text{
		letter-spacing: -0.03em;
	}
}