@charset "utf-8";

.mvSection{
	width: min(1366px,100%);
	margin: auto;
}

/* ---------------------- mv */

.mvBox{
	position: relative;
	padding-bottom: min(4.39vw,60px);
	.swiper-container{
		height: min(35.14vw,480px);
		overflow: hidden;
	}
	.swiper-slide .evtImg,
	.swiper-slide .imgHover {
		display: block;
	  height: 100%;
		> div{
			display: flex;
		  width: 100%;
		  height: 100%;
		}
	}
	.swiper-pagination{
		bottom: var(--px20) !important;
	}
	.swiper-pagination-bullet{
		margin: 0 var(--px12);
		width: var(--px15);
		height: var(--px15);
		opacity: 1;
		background: #ddd;
	}
	.swiper-pagination-bullet-active{
		background: #000;
	}
}

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

	.mvBox{
		padding-bottom: 6.67vw;
		.swiper-container{
			height: 81.33vw;
		}
		.swiper-pagination{
			bottom: 1.6vw !important;
		}
		.swiper-pagination-bullet{
			margin: 0 2.13vw;
			width: 2.13vw;
			height: 2.13vw;
		}
	}

	}/* --- max-width:768px */

/* ---------------------- slides */

#slides{
	position: relative;
	padding: 0 var(--px50);
	.swiper-container {
		overflow: hidden;
	}
	.swiper-slide a{
		display: block;
		padding: 0 var(--px10);
	}
	.slide{
		transition: all 0.3s 0s ease;
		span{
			display: block;
			aspect-ratio: 1;
			overflow: hidden;
			aspect-ratio: 4 / 3;
		}
		img{transform: scale(1.5);}
	}
	.slide:hover{opacity: 0.8;}
}



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

	#slides{
		padding: 0 6vw;
		.swiper-slide a{
			padding: 0 0.39vw;
		}
	}

	}/* --- max-width:768px */

/* ---------------------- button */

#slides{
	.swiper-button-prev{
		height: 100%;
		top: 0;
		left: 0;
		margin-top: 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
		span{
			display: block;
		}
		svg{display: none}
	}

	.swiper-button-next{
		height: 100%;
		top: 0;
		right: 0;
		margin-top: 0;
	  display: flex;
	  align-items: center;
	  justify-content: center;
		span{
			display: block;
			rotate: 180deg;
		}
		svg{display: none}
	}
}

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

	#slides{
		.swiper-button-prev{
			width: 6vw;
			left: 0;
			span{width: 2vw;}
		}

		.swiper-button-next{
			width: 6vw;
			right: 0;
			span{width: 2vw;}
		}
	}

	}/* --- max-width:768px */

/* ---------------------- topSection */

.topSection{
	padding: var(--px35) 0 min(9.11vw,70px);
	.txtCap{
		font-size: calc(var(--px18) * var(--zoom));
		font-weight: bold;
		line-height: 1.9;
		text-align: center;
	}
	.txtNml{
		font-size: calc(var(--px16) * var(--zoom));
		line-height: 1.8;
		margin-top: 1em;
	}
	.btn{
		margin-top: var(--px35);
		text-align: center;
		a{
			width: min(36.6vw,500px);
		}
	}
}

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

	.topSection{
		padding: 5.21vw 0 7.81vw;
		.txtCap{
			font-size: calc(3.20vw * var(--zoom));
		}
		.txtNml{
			font-size: calc(3.0vw * var(--zoom));
		}
		.btn{
			margin-top: 3.91vw;
			a{
				width: 100%;
			}
		}
	}

	}/* --- max-width:768px */

/* ---------------------- newsSection */

.newsSection{
	.newsBlock{
		padding-top: min(4.39vw,60px);
		padding-bottom: min(5.12vw,70px);
		border-top: 1px solid #f0f0f0;
		display: flex;
		.ttlSide{
			text-align: center;
			.ttl{
				font-family: "Noto Sans JP", sans-serif;
				font-weight: 600;
				font-size: var(--px48);
			}
			.link{
				margin-top: var(--px20);
				font-size: calc(var(--px18) * var(--zoom));
			}
		}
		.linkSide{
			padding-left: min(4.39vw,60px);
			.linkTable{
				font-size: calc(var(--px18) * var(--zoom));
				line-height: 1.5;
				td{
					padding: var(--px20) 0 var(--px20) var(--px20);
				}
				tr:first-child td{padding-top: 0;}
				tr:last-child td{padding-bottom: 0;}
			}
		}
	}
}

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

	.newsSection{
		.newsBlock{
			padding-top: 6.51vw;
			padding-bottom: 7.81vw;
			display: block;
			.ttlSide{
				text-align: left;
				.ttl{
					font-size: calc(4.70vw * var(--zoom));
				}
				.link{
					margin-top: 2vw;
					font-size: calc(3.20vw * var(--zoom));
				}
			}
			.linkSide{
				margin-top: 2em;
				padding-left: 0;
				.linkTable{
					width: 100%;
					font-size: calc(3.20vw * var(--zoom));
					td{
						padding: 2.6vw 0 2.6vw 2.6vw;
					}
				}
			}
		}
	}

	}/* --- max-width:768px */

/* ---------------------- theme3Section */

.theme3Section{
	.theme3Block{
		padding-top: min(4.39vw,60px);
		padding-bottom: min(5.12vw,70px);
		border-top: 1px solid #f0f0f0;
		> .ttl{
			font-weight: bold;
			font-size: var(--px36);
		}
		> .txt{
			font-size: calc(var(--px18) * var(--zoom));
			margin-top: var(--px24);
			line-height: 1.5;
		}
		.theme3Box{
			margin-top: var(--px50);
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			gap: min(5.86vw,80px);
			.box{
				a.inner{
					display: block;
					text-decoration: none;
				}
				.img span{display: block;}
				.txtArea{
					text-align: center;
					.ttl{
						font-size: var(--px28);
						font-weight: bold;
						margin-top: var(--px15);
					}
					.txt{
						font-size: calc(var(--px18) * var(--zoom));
						margin-top: var(--px15);
						line-height: 1.5;
						text-align: left;
						min-height: min(8.05vw,110px);
					}
					.link{
						display: block;
						font-size: calc(var(--px20) * var(--zoom));
						font-weight: bold;
						margin-top: var(--px20);
						padding-bottom: var(--px10);
						text-align: left;
						text-decoration: none;
						border-bottom: 1px solid #eee;
					}
				}
				&.expo .link{border-color: #1b9133;color: #1b9133;}
				&.school .link{border-color: #e70012;color: #e70012;}
				&.support .link{border-color: #0168b7;color: #0168b7;}
			}
		}
	}
}

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

	.theme3Section{
		.theme3Block{
			padding-top: 6.51vw;
			padding-bottom: 7.81vw;
			> .ttl{
				font-size: calc(4.0vw * var(--zoom));
			}
			> .txt{
				font-size: calc(3.20vw * var(--zoom));
				margin-top: 2.6vw;
			}
			.theme3Box{
				margin-top: 3.26vw;
				display: block;
				.box{
					margin-top: 7.81vw;
					a.inner{
						gap: 3.91vw;
					}
					.img{
						text-align: center;
						span{
							overflow: hidden;
							width: 50%;
							height: 100%;
							display: inline-block;
							img{transform: scale(1.2);}
						}
					}
					.txtArea{
						.ttl{
							font-size: calc(3.80vw * var(--zoom));
							margin-top: 1.95vw;
							text-align: left;
						}
						.txt{
							font-size: calc(3.20vw * var(--zoom));
							margin-top: 1.95vw;
							height: auto;
						}
						.link{
							font-size: calc(3.20vw * var(--zoom));
							margin-top: 1.95vw;
							padding-bottom: 1.3vw;
						}
					}
				}
			}
		}
	}

	}/* --- max-width:768px */

/* ---------------------- sideImgBox */

.sideImgBox{
	padding-top: min(4.39vw,60px);
	padding-bottom: min(5.12vw,70px);
	border-top: 1px solid #f0f0f0;
	display: flex;
	gap: var(--px40);
	position: relative;
	.txtSide{
		> .ttl{
			font-size: var(--px36);
			font-weight: bold;
			line-height: 1.5;
		}
		> .cap{
			font-size: calc(var(--px20) * var(--zoom));
			font-weight: bold;
			line-height: 1.5;
			margin-top: var(--px5);
		}
		> .txt{
			font-size: calc(var(--px18) * var(--zoom));
			line-height: 1.5;
			margin-top: var(--px5);
		}
		.btn{
			margin-top: var(--px15);
			a{
				width: min(21.96vw,300px);
			}
		}
	}
	.imgSide{
		.img{width: min(29.28vw,400px);}
		.btn{display: none;}
	}
}

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

	.sideImgBox{
		padding-top: 6.51vw;
		padding-bottom: 7.81vw;
		gap: 3.91vw;
		.txtSide{
			order: 2;
			margin-top: 13vw;
			.ttl{
				font-size: 4.0vw;
				position: absolute;
				top: 6vw;
				left: 0;
			}
			.cap{
				font-size: 3.20vw;
				margin-top: 0;
				position: absolute;
				top: 12vw;
				left: 0;
			}
			.txt{
				font-size: calc(3.20vw * var(--zoom));
				margin-top: 0;
			}
			.btn{
				display: none;
			}
		}
		.imgSide{
			order: 1;
			margin-top: 13vw;
			.img{width: 38vw;}
			.btn{
				margin-top: 2.6vw;
				display: block;
				a{width: 100%;}
			}
		}
	}

	}/* --- max-width:768px */

.schoolSection .sideImgBox{
	border: none;
}

.expoSection .banner{
	border: 1px solid #000;
}

/* ---------------------- paImg */

.paImg{
	background: #f2f2f2;
	height: 100%;
	padding: var(--px40) var(--px45);
	.inner{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mainTxt .main{
		span{
			font-size: var(--px30);
			line-height: 1.5;
			font-weight: 900;
		}
	}
	.mainTxt .sub{
		display: block;
		margin-top: var(--px20);
		span{
			font-size: var(--px20);
			line-height: 1.5;
			font-weight: 900;
		}
	}
	.img{
		width: min(41vw,560px);
		height: 100%;
		background: #eee;
		overflow: hidden;
		img{
			width: 120%;
			height: 120%;
			object-fit:cover;
			display:block;
		}
	}
}

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

	.paImg{
		height: 100%;
		padding: 3.91vw 11vw 6.51vw;
		.inner{
			width: 100%;
			height: 100%;
			flex-wrap: wrap;
		}
		.mainTxt{
			order: 2;
			text-align: center;
		}
		.mainTxt .main{
			span{
				font-size: 3.91vw;
			}
		}
		.mainTxt .sub{
			margin-top: 2.6vw;
			span{
				font-size: 2.6vw;
			}
		}
		.img{
			order: 1;
			width: 100%;
			height: 50.78vw;
		}
	}

	.verEn{
		.paImg{
		.mainTxt .sub{margin-top: 1vw;}
		}
	}

	}/* --- max-width:768px */

/* ---------------------- evtImg */

.evtImg{
	background: #f6ab00 url(/common/img/bg_event.png) no-repeat right var(--px45) center;
	background-size: 50%;
	height: 100%;
	position: relative;
	.inner{
	  display: flex;
	  align-items: center;
	  justify-content: center;
		padding: var(--px40) var(--px45);
		width: 70%;
		height: 100%;
		.ttl{
			font-size: var(--px35);
			line-height: 1.5;
			font-weight: bold;
	  	font-family: "Noto Sans JP", sans-serif;
		}
		.txtEvt{
			font-size: var(--px25);
			line-height: 1.5;
			margin-top: var(--px18);
	  	font-family: "Noto Sans JP", sans-serif;
		}
		.btn{
			margin-top: var(--px18);
		}
	}
}

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

	.evtImg{
		background: #f6ab00 url(/common/img/bg_event.png) no-repeat right bottom;
		background-size: 67%;
		.inner{
			padding: 4vw 5.86vw;
			width: 100%;
			.ttl{
				font-size: 4.56vw;
			}
			.txtEvt{
				font-size: 3.26vw;
				margin-top: 2.34vw;
			}
			.btn{
				margin-top: 2.34vw;
			}
		}
	}

	}/* --- max-width:768px */