@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Dongle&family=Frank+Ruhl+Libre:wght@300..900&display=swap');

/*common例外措置*/
a.readmore{
	margin:10px auto 0 0;
}

/*------------*/
.mainvis img{
	width:100%;
}
.lead{
	aspect-ratio:480 / 143;
	padding:100px 0 0;
	background:url(../img/mainvis_bg.png) no-repeat;
	background-size:100% auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.lead h2{
	aspect-ratio:31 / 3;
	width:86%;
	max-width:1240px;
	margin:0 auto 1%;
	padding:2.2% 0 0;
	color:#fff;
	text-align:center;
	font-size:40px;
	font-weight:500;
	background:url(../img/mainvis_title_bg.png) no-repeat;
	background-size:100% auto;
	line-height:1;
	border-radius:20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.lead .profile{
	font-size:20px;
	text-align:center;
	line-height:1.8;
}
.lead .profile:first-line{
	font-size:48px;
	font-family: "Antonio", sans-serif;
}

.article{
	max-width:1440px;
	margin:0 auto;
}
.article ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.article ul li{
	width:100%;
	margin:0 0 60px;
	border-radius:20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.article ul li img{
	width:100%;
	margin:0 0 40px;
}
.article ul li:nth-of-type(1) img,.article ul li:nth-of-type(6) img{
	margin:0 0 0 5.5%;
}
.article ul li.photo{
	width:50%;
}
.article ul li.text{
	width:50%;
}
.article ul li.text div{
	padding:0 11.1%;
}
.article ul li.schedule{
	width:50%;
	padding:40px 2.7%;
	border-radius: 20px 0px 0px 0px;
	background: linear-gradient(120deg, #FFE145 0%, #FFF2B0 72.83%);
}
.article ul li.schedule h3{
	margin:0 0 40px;
	font-size:32px;
	letter-spacing:-1.6px;
	font-family: "Antonio", sans-serif;
	color:#FF7A00;
	line-height:1;
}
.article ul li.schedule dl{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.article ul li.schedule dl dt{
	width:11%;
	margin:0 0 10px;
	padding:5px 0 0;
	font-size:36px;
	font-family: "Dongle", sans-serif;
	color:#FF7A00;
	line-height:1;
}
.article ul li.schedule dl dd{
	width:89%;
	margin:0 0 10px;
	font-size:18px;
}

.foot > ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:90%;
	max-width:1240px;
	margin:0 auto;
}
.foot > ul > li{
	position:relative;
	width:50%;
	font-size:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.foot > ul > li img{
	width:100%;
}
.foot > ul > li:last-child{
	padding:0 0 0 2.7%;
}
.foot > ul > li > ul{
	position:absolute;
	bottom:0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.foot > ul > li > ul > li:first-child{
	width:34.66%;
	font-size:0;
}
.foot > ul > li > ul > li:last-child{
	display:flex;
	align-items:end;
	flex-wrap:wrap;
	width:61.55%;
}
.foot > ul > li > ul > li div{
	font-size:16px;
	font-weight:700;
	line-height:1.4;
}
.foot > ul > li > ul > li div a{
	color:#000;
}
.foot > ul > li > ul > li h4{
	width:50%;
	padding:0 0 8px;
	margin:0 0 15px;
	border-bottom:1px solid #FF7A00;
	font-size:20px;
	font-family: "Antonio", sans-serif;
}
.foot > ul > li > ul > li div span{
	display:block;
	margin:10px 0 0;
	font-size:24px;
	font-weight:700;
	font-family: "Antonio", sans-serif;
}



@media screen and (max-width: 980px) {
	.mainvis h1{
		padding:15px 0 20px;
		font-size:32px;
		font-weight:700;
		color:#FF4D00;
		text-align:center;
	}
	.mainvis h1 span{
		display:block;
		font-size:16px;
		font-weight:400;
		font-family: "Frank Ruhl Libre", serif;
		color:#000;
	}
	
	.lead{
		aspect-ratio:initial;
		padding:0;
		margin:0 0 50px;
		background-position:center;
	}
	.lead h2{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		aspect-ratio:393 / 130;
		padding:0;
		margin:0 auto;
		background:url(../img/mainvis_title_bg_sp.png) no-repeat;
		background-size:100% auto;
		font-size:24px;
		font-weight:500;
		line-height:1.4;
	}
	.lead .profile{
		font-size:16px;
	}
	
	.article ul li{
		margin:0 0 30px;
	}
	.article ul li:nth-of-type(1) img,.article ul li:nth-of-type(6) img{
		width:90%;
		margin:0 auto;
	}
	.article ul li:nth-of-type(3){
		margin:0 0 0 5%;
	}
	.article ul li:nth-of-type(4){
		order:5;
		margin:0 5% 0 0;
	}
	.article ul li:nth-of-type(5){
		order:4;
		margin:0 5% 30px 0;
	}
	.article ul li:nth-of-type(6){
		order:6;
	}
	.article ul li:nth-of-type(7){
		order:7;
	}
	.article ul li:nth-of-type(8){
		order:8;
		margin:0 0 0 5%;
	}
	.article ul li:nth-of-type(9){
		order:10;
		margin:0;
	}
	.article ul li:nth-of-type(10){
		order:9;
	}
	.article ul li:nth-of-type(11){
		order:11;
	}
	.article ul li:nth-of-type(12){
		order:12;
	}
	.article ul li.photo{
		width:95%;
	}
	.article ul li.text{
		width:100%;
	}
	.article ul li.text img{
		width:90%;
		margin:0 auto 30px;
	}
	.article ul li.text div{
		padding:0 5%;
	}
	.article ul li.schedule{
		width:95%;
		margin:0 0 0 5%;
		padding:35px 5%;
	}
	.article ul li.schedule h3{
		margin:0 0 30px;
	}
	.article ul li.schedule dl dt{
		width:18%;
		padding:2px 0 0;
	}
	.article ul li.schedule dl dd{
		width:80%;
	}
	
	
	.foot > ul{
		width:100%;
	}
	.foot > ul > li{
		width:100%;
	}
	.foot > ul > li:first-child img{
		width:40%;
	}
	.foot > ul > li:last-child{
		padding:0;
	}
	.foot > ul > li > ul{
		position:relative;
		width:90%;
		margin:20px auto 0;
	}
	.foot > ul > li > ul > li:first-child{
		width:32%;
	}
	.foot > ul > li > ul > li:last-child{
		width:64%;
	}
	.foot > ul > li > ul > li div{
		line-height:1.2;
	}

}