main{
	position: relative;
	padding-top: 44px;
	padding-bottom: 74px;
	background-color: #c8d1e0;
	overflow: hidden;
}

#mv{
	width: 1014px;
	margin-left: auto;
	margin-right: auto;
}

.sec{
	margin-top: 282px;
}

.sec .conte{
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 55px;
	z-index: 1;
}
.sec#sec1 .conte{
	align-items: flex-end;
}
.sec#sec2 .conte{
	align-items: center;
	flex-direction: row-reverse;
	gap: 140px;
}
.sec#sec3 .conte{
	align-items: center;
}
.sec#sec4 .conte{
	align-items: center;
	flex-direction: row-reverse;
}
.sec#sec5 .conte{
	align-items: center;
}

.sec .conte .feat{
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.sec#sec1 .conte .feat img{
	width: 1173px;
	margin-left: auto;
	margin-right: auto;
}
.sec#sec2 .conte .feat img{
	width: 1244px;
	margin-left: auto;
	margin-right: auto;
}
.sec#sec3 .conte .feat img{
	width: 476px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 430px;
	box-sizing: content-box;
}
.sec#sec4 .conte .feat img{
	width: 914px;
	margin-left: auto;
	margin-right: auto;
}
.sec#sec5 .conte .feat img{
	width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

.sec#sec1 .conte .illust{
	width: 315px;
}
.sec#sec2 .conte .illust{
	width: 257px;
}
.sec#sec3 .conte .illust{
	width: 496px;
}
.sec#sec4 .conte .illust{
	width: 503px;
}
.sec#sec5 .conte .illust{
	width: 480px;
	margin-top: 100px;
}

.sec#sec1 .conte .txt_wrap{
	width: 381px;
}
.sec#sec2 .conte .txt_wrap{
	width: 351px;
}
.sec#sec3 .conte .txt_wrap{
	width: 405px;
}
.sec#sec4 .conte .txt_wrap{
	width: 376px;
}
.sec#sec5 .conte .txt_wrap{
	width: 445px;
}

.sec#sec1 .conte .txt_wrap .ttl{
	width: 381px;
}
.sec#sec2 .conte .txt_wrap .ttl{
	width: 335px;
}
.sec#sec3 .conte .txt_wrap .ttl{
	width: 405px;
}
.sec#sec4 .conte .txt_wrap .ttl{
	width: 335px;
}
.sec#sec5 .conte .txt_wrap .ttl{
	width: 396px;
}

.sec .conte .txt_wrap .txt{
	font-size: 18px;
	font-weight: 500;
	line-height: 2.2;
	margin-top: 2em;
	margin-bottom: 1em;
}

.sec .conte .txt_wrap .btn_lists{
	display: flex;
	justify-content: space-between;
	width: 422px;
}
.sec .conte .txt_wrap .map_btn{
	width: 224px;
}
.sec .conte .txt_wrap .print_btn{
	width: 170px;
}



.modal{
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #c8d1e0;
	z-index: 1000;
}
.modal.active{
	opacity: 1;
	visibility: visible;
}
.modal_inner{
	position: relative;
	width: 100%;
	height: 100%;
}
.modal_conte{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.modal_conte .close_btn{
	width: 720px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
.modal_conte .close_btn img{
	width: 51px;
	margin-left: auto;
	margin-right: 0;
}
.modal_conte .modal_img{
	width: 670px;
	margin-left: auto;
	margin-right: auto;
}
.modal_conte .modal_print_btn{
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}


.cloud{
	position: absolute;
	z-index: 1;
}
.cloud._01{
	width: 294px;
	top: 200px;
	right: -116px;
}
.cloud._02{
	width: 327px;
	top: 462px;
	left: 0;
}
.cloud._03{
	width: 178px;
	top: 657px;
	right: -30px;
}
.cloud._04{
	width: 294px;
	top: 1405px;
	left: -177px;
}
.cloud._05{
	width: 293px;
	top: 1368px;
	right: -116px;
}
.cloud._06{
	width: 327px;
	top: 2139px;
	left: -56px;
}
.cloud._07{
	width: 177px;
	top: 2755px;
	right: -30px;
}

@media(max-width:1440px){
	main{
		padding-top: 3.05vw;
		padding-bottom: 5.13vw;
	}
	
	#mv{
		width: 70.41vw;
	}
	
	.sec{
		margin-top: 19.58vw;
	}
	
	.sec .conte{
		gap: 3.81vw;
	}
	.sec#sec2 .conte{
		gap: 9.72vw;
	}

	
	
	.sec#sec1 .conte .feat img{
		width: 81.45vw;
	}
	.sec#sec2 .conte .feat img{
		width: 86.38vw;
	}
	.sec#sec3 .conte .feat img{
		width: 33.05vw;
		padding-right: 29.86vw;
	}
	.sec#sec4 .conte .feat img{
		width: 63.47vw;
	}
	.sec#sec5 .conte .feat img{
		width: 81.25vw;
	}
	
	.sec#sec1 .conte .illust{
		width: 21.87vw;
	}
	.sec#sec2 .conte .illust{
		width: 17.84vw;
	}
	.sec#sec3 .conte .illust{
		width: 34.44vw;
	}
	.sec#sec4 .conte .illust{
		width: 34.93vw;
	}
	.sec#sec5 .conte .illust{
		width: 33.33vw;
		margin-top: 6.94vw;
	}
	
	.sec#sec1 .conte .txt_wrap{
		width: 26.45vw;
	}
	.sec#sec2 .conte .txt_wrap{
		width: 24.37vw;
	}
	.sec#sec3 .conte .txt_wrap{
		width: 28.12vw;
	}
	.sec#sec4 .conte .txt_wrap{
		width: 26.11vw;
	}
	.sec#sec5 .conte .txt_wrap{
		width: 30.9vw;
	}
	
	.sec#sec1 .conte .txt_wrap .ttl{
		width: 26.45vw;
	}
	.sec#sec2 .conte .txt_wrap .ttl{
		width: 23.26vw;
	}
	.sec#sec3 .conte .txt_wrap .ttl{
		width: 28.12vw;
	}
	.sec#sec4 .conte .txt_wrap .ttl{
		width: 23.26vw;
	}
	.sec#sec5 .conte .txt_wrap .ttl{
		width: 27.5vw;
	}
	
	.sec .conte .txt_wrap .txt{
		font-size: 1.25vw;
	}
	
	.sec .conte .txt_wrap .btn_lists{
		width: 29.3vw;
	}
	.sec .conte .txt_wrap .map_btn{
		width: 15.55vw;
	}
	.sec .conte .txt_wrap .print_btn{
		width: 11.8vw;
	}

	.modal_conte .close_btn{
		width: 50vw;
		margin-bottom: 1.38vw;
	}
	.modal_conte .close_btn img{
		width: 3.54vw;
	}
	.modal_conte .modal_img{
		width: 46.52vw;
	}
	.modal_conte .modal_print_btn{
		width: 11.8vw;
		margin-top: 2.08vw;
	}
	
	.cloud._01{
		width: 20.41vw;
		top: 13.88vw;
		right: -8.05vw;
	}
	.cloud._02{
		width: 22.70vw;
		top: 32.08vw;
	}
	.cloud._03{
		width: 12.36vw;
		top: 45.62vw;
		right: -2.08vw;
	}
	.cloud._04{
		width: 20.41vw;
		top: 97.56vw;
		left: -12.29vw;
	}
	.cloud._05{
		width: 20.34vw;
		top: 95vw;
		right: -8.05vw;
	}
	.cloud._06{
		width: 22.70vw;
		top: 148.54vw;
		left: -3.88vw;
	}
	.cloud._07{
		width: 12.29vw;
		top: 191.31vw;
		right: -2.08vw;
	}
}

@media(max-width:769px){
	main{
		padding-top: 10vw;
		padding-bottom: 20vw;
	}
	
	#mv{
		width: 93vw;
	}
	
	.sec{
		margin-top: 29vw;
	}
	
	.sec .conte{
		display: block;
	}
	
	.sec .conte .feat{
		transform: translate(-50%, -68%);
	}
	.sec#sec1 .conte .feat img{
		width: 85vw;
	}
	.sec#sec2 .conte .feat img{
		width: 90vw;
	}
	.sec#sec3 .conte .feat img{
		width: 32.66vw;
		padding-right: 55vw;
	}
	.sec#sec4 .conte .feat img{
		width: 64.4vw;
	}
	.sec#sec5 .conte .feat img{
		width: 88vw;
	}
	
	.sec .conte .illust{
		position: absolute;
		top: 0;
		left: 0;
	}
	.sec#sec1 .conte .illust{
		width: 24vw;
		top: -1vw;
		left: 12vw;
	}
	.sec#sec2 .conte .illust{
		width: 20vw;
		top: -5vw;
		left: auto;
		right: 14vw;
	}
	.sec#sec3 .conte .illust{
		width: 36vw;
		top: 3vw;
		left: 1.5vw;
	}
	.sec#sec4 .conte .illust{
		width: 40.13vw;
		top: 3vw;
		left: auto;
		right: 14vw;
	}
	.sec#sec5 .conte .illust{
		width: 34.73vw;
		margin-top: 9.33vw;
		left: 1vw;
	}
	
	.sec .conte .txt_wrap{
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	.sec#sec1 .conte .txt_wrap{
		width: 87vw;
	}
	.sec#sec2 .conte .txt_wrap{
		width: 87vw;
	}
	.sec#sec3 .conte .txt_wrap{
		width: 87vw;
	}
	.sec#sec4 .conte .txt_wrap{
		width: 87vw;
	}
	.sec#sec5 .conte .txt_wrap{
		width: 87vw;
	}
	
	.sec .conte .txt_wrap .ttl{
		margin-left: auto;
		margin-right: 0;
	}
	.sec#sec1 .conte .txt_wrap .ttl{
		width: 54vw;
	}
	.sec#sec2 .conte .txt_wrap .ttl{
		width: 47vw;
		margin-left: 8vw;
		margin-right: auto;
	}
	.sec#sec3 .conte .txt_wrap .ttl{
		width: 57vw;
	}
	.sec#sec4 .conte .txt_wrap .ttl{
		width: 47.46vw;
		margin-left: 8vw;
		margin-right: auto;
	}
	.sec#sec5 .conte .txt_wrap .ttl{
		width: 56vw;
	}
	
	.sec .conte .txt_wrap .txt{
		font-size: 4vw;
		text-align: center;
	}
	
	.sec .conte .txt_wrap .btn_lists{
		width: 100%;
		position: relative;
		top: 0;
		left: 52%;
		transform: translateX(-50%);
	}
	.sec .conte .txt_wrap .map_btn{
		width: 54%;
	}
	.sec .conte .txt_wrap .print_btn{
		width: 46%;
	}

	.modal_conte .close_btn{
		width: 98vw;
		margin-bottom: 0;
		position: relative;
		bottom: -6vw;
		z-index: 5;
	}
	.modal_conte .close_btn img{
		width: 12vw;
	}
	.modal_conte .modal_img{
		width: 93.33vw;
		margin-left: 0;
		margin-right: auto;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	.modal_conte .modal_img img{
		width: 186.66vw;
		max-width: none;
		padding-bottom: 4vw;
	}
	
	/* スクロールバーのスタイル */
	.modal_conte .modal_img::-webkit-scrollbar{
		-webkit-appearance: none !important;
		width: auto !important;
		height: 3vw !important;
		margin-left: 6.67vw !important;
	}
	
	.modal_conte .modal_img::-webkit-scrollbar-track{
		-webkit-appearance: none !important;
		background: #FFF !important;
		border-radius: 100px !important;
		margin-left: 6.67vw !important;
		box-shadow: none !important;
	}
	
	.modal_conte .modal_img::-webkit-scrollbar-thumb{
		-webkit-appearance: none !important;
		background: #96a8bd !important;
		border: .8vw solid #FFF !important;
		border-radius: 100px !important;
		box-shadow: none !important;
	}
	.modal_conte .modal_img::-webkit-scrollbar-corner{
		background: transparent !important;
	}
	
	.modal_conte .modal_print_btn{
		width: 40vw;
		margin-top: 2.66vw;
	}
	
	.cloud._01{
		width: 45vw;
		top: 4vw;
		right: -15vw;
	}
	.cloud._02{
		width: 29vw;
		top: 36vw;
		left: -12vw;
	}
	.cloud._03{
		width: 36vw;
		top: 57vw;
		right: -4vw;
	}
}