/* CSS style Document */
a{
	display: block;
	transition: 0.3s;
}
a:hover{
	filter: brightness(1.1);
	transform: scale(1.02);
	opacity: 1;
}
.header_nav_lst{
	align-items: center;
}
.sec03_image_04,.sec04_image_04{
	transition: 0.3s;
}
.sec03_image_04 > a:hover,.sec04_image_04 > a:hover{
	transform: scale(1);
}
.sec03_image_04:hover,.sec04_image_04:hover{
	filter: brightness(1.1);
	transform: scale(1.02);
}
.bg {
	width: 100%;
	height: auto;
	background-position: top center;
	background-repeat: repeat-y;
	background-size: 100% auto;
}

#top {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: linear-gradient(0deg, #FFFFFF 18.32%, #29A2D5 60.13%);
	padding-top: calc((132 / 1440) * 100vw);
	padding-bottom: calc((350 / 1440) * 100vw);
}
	
#sec01 {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: calc((102 / 1440) * -100vw);
}
	.sec01_image_wrap{
		width: 100%;
		height: 100%;
		position: relative;
	}
		.sec01_bg{
			width: 100vw;
			height: auto;
		}
		.sec01__link_wrap{
			width: 100%;
			height: auto;
			position: absolute;
			top: calc((101 / 1440) * -100vw);
			left: 0;
		}
			.sec01_image_01{
				width: 100%;
				height: auto;
			}
				.sec01_image_01 picture{
					width: 100%;
					height: auto;
					position: relative;
				}
			.sec01_image_01__link{
				width: calc((789 / 1440) * 100vw);
				height: calc((624 / 1440) * 100vw);
				margin: calc((15 / 1440) * 100vw) auto 0 calc((299 / 1440) * 100vw);
			}
			.sec01_image_01__link:hover{
				transform: scale(1.02);
			}
			.sec01_image_02__link{
				width: calc((973 / 1440) * 100vw);
				height: calc((747 / 1440) * 100vw);
				margin: calc((145 / 1440) * 100vw) auto 0 calc((254 / 1440) * 100vw);
			}
			.sec01_image_02__link:hover{
				transform: scale(1.02);
			}
#sec02 {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #29A2D5;
	padding-top: calc((182 / 1440) * 100vw);
	padding-bottom: calc((254 / 1440) * 100vw);
}
	.sec02_bg{
		width: 100vw;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
		.sec02_bg picture{
			width: 100%;
			height: auto;
		}
			.sec02_bg picture img{
				width: 100%;
				height: auto;
			}
	.sec02_image_wrap{
		width: 100%;
		height: auto;
		position: relative;
		z-index: 2;
	}
		.sec02_image_01{
			width: calc((1139 / 1440) * 100vw);
			height: calc((860 / 1440) * 100vw);
			margin: calc((8 / 1440) * 100vw) auto 0 calc((177 / 1440) * 100vw);
		}
			.sec02_image_01__link{
				width: 100%;
				height: auto;
			}
		.sec02_image_02{
			width: calc((1243 / 1440) * 100vw);
			height: calc((665 / 1440) * 100vw);
			margin: calc((64 / 1440) * -100vw) auto 0 calc((140 / 1440) * 100vw);
		}
			.sec02_image_02__link{
				width: 100%;
				height: auto;
			}
		.sec02_image_03{
			width: calc((1243 / 1440) * 100vw);
			height: calc((665 / 1440) * 100vw);
			margin: calc((0 / 1440) * -100vw) auto 0 calc((74 / 1440) * 100vw);
		}
			.sec02_image_03__link{
				width: 100%;
				height: auto;
			}
		.sec02_image_04{
			width: calc((1232 / 1440) * 100vw);
			height: calc((798 / 1440) * 100vw);
			margin: calc((0 / 1440) * -100vw) auto 0 calc((108 / 1440) * 100vw);
		}
			.sec02_image_04__link{
				width: 100%;
				height: auto;
			}
#sec03 {
	width: 100%;
	height: auto;
	position: relative;
	margin: calc((191 / 1440) * -100vw) auto 0 auto;
}
	.sec03_bg{
		width: 100%;
		height: auto;
	}
	.sec03_image_01{
		width: calc((1288 / 1440) * 100vw);
		height: calc((761 / 1440) * 100vw);
		position: absolute;
		top: calc((63 / 1440) * -100vw);
		left: calc((31 / 1440) * 100vw);
	}

#bottom {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: calc((718 / 1440) * -100vw);
	margin-bottom: calc((550 / 1440) * 100vw);
	position: relative;
}
	.bottom_image__wrap{
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
	}
		.bottom_image_01{
			width: calc((1355 / 1440) * 100vw);
			height: calc((702 / 1440) * 100vw);
			margin: calc((191 / 1440) * 100vw) auto calc((114 / 1440) * 100vw) auto;
		}
		.bottom_image_02{
			width: calc((1050 / 1440) * 100vw);
			height: calc((870 / 1440) * 100vw);
			margin: 0 auto calc((414 / 1440) * 100vw) auto;
		}
		.bottom_image_03{
			width: calc((1000 / 1440) * 100vw);
			height: calc((621 / 1440) * 100vw);
			margin: 0 auto calc((389 / 1440) * 100vw) auto;
		}
@media screen and (max-width: 762px) {
	p{
		font-size: calc((10 / 400) * 100vw) !important;
		font-feature-settings: "palt";
		letter-spacing: 0;
	}
#top {
	padding-top: calc((50 / 393) * 100vw);
	padding-bottom: calc((393 / 393) * 100vw);
}
 #sec01 {
 	width: 100%;
 	height: auto;
 	position: relative;
 	margin-top: calc((359 / 393) * -100vw);
 }
 	.sec01_image_wrap{
 		width: 100%;
 		height: 100%;
 		position: relative;
 	}
 		.sec01_bg{
 			width: 100vw;
 			height: auto;
 		}
 		.sec01__link_wrap{
 			width: 100%;
 			height: auto;
 			position: absolute;
 			top: calc((58 / 393) * -100vw);
 			left: 0;
 		}
 			.sec01_image_01{
 				width: 100%;
 				height: auto;
 			}
 				.sec01_image_01 picture{
 					width: 100%;
 					height: auto;
 					position: relative;
 				}
 			.sec01_image_01__link{
 				width: calc((227 / 393) * 100vw);
 				height: calc((183 / 393) * 100vw);
 				margin: calc((34 / 393) * 100vw) auto 0 calc((70 / 393) * 100vw);
 			}
 			.sec01_image_01__link:hover{
 				transform: scale(1.02);
 			}
 			.sec01_image_02__link{
 				width: calc((286 / 393) * 100vw);
 				height: calc((210 / 393) * 100vw);
 				margin: calc((26 / 393) * 100vw) auto 0 calc((61 / 393) * 100vw);
 			}
 #sec02 {
 	width: 100%;
 	height: auto;
 	position: relative;
 	background-color: #29A2D5;
 	padding-top: calc((0 / 393) * 100vw);
 	padding-bottom: calc((77 / 393) * 100vw);
 }
 	.sec02_bg{
 		width: 100vw;
 		height: auto;
 		position: absolute;
 		top: 0;
 		left: 0;
 		z-index: 1;
 	}
 		.sec02_bg picture{
 			width: 100%;
 			height: auto;
 		}
 			.sec02_bg picture img{
 				width: 100%;
 				height: auto;
 			}
 	.sec02_image_wrap{
 		width: 100%;
 		height: auto;
 		position: relative;
 		z-index: 2;
 	}
 		.sec02_image_01{
 			width: calc((323 / 393) * 100vw);
 			height: calc((243 / 393) * 100vw);
 			margin: calc((0 / 393) * 100vw) auto 0 calc((37 / 393) * 100vw);
 		}
 			.sec02_image_01__link{
 				width: 100%;
 				height: auto;
 			}
 		.sec02_image_02{
 			width: calc((342 / 393) * 100vw);
 			height: calc((166 / 393) * 100vw);
 			margin: calc((12 / 393) * 100vw) auto 0 calc((34 / 393) * 100vw);
 		}
 			.sec02_image_02__link{
 				width: 100%;
 				height: auto;
 			}
 		.sec02_image_03{
 			width: calc((349 / 393) * 100vw);
 			height: calc((166 / 393) * 100vw);
 			margin: calc((0 / 393) * 100vw) auto 0 calc((25 / 393) * 100vw);
 		}
 			.sec02_image_03__link{
 				width: 100%;
 				height: auto;
 			}
 		.sec02_image_04{
 			width: calc((349 / 393) * 100vw);
 			height: calc((226 / 393) * 100vw);
 			margin: calc((20 / 393) * 100vw) auto 0 calc((19 / 393) * 100vw);
 		}
 			.sec02_image_04__link{
 				width: 100%;
 				height: auto;
 			}
 #sec03 {
 	width: 100%;
 	height: auto;
 	position: relative;
 	margin: calc((67 / 393) * -100vw) auto 0 auto;
 }
 	.sec03_bg{
 		width: 100%;
 		height: auto;
 	}
 	.sec03_image_01{
 		width: calc((375 / 393) * 100vw);
 		height: calc((391 / 393) * 100vw);
 		position: absolute;
 		top: calc((0 / 393) * 100vw);
 		left: calc((3.46 / 393) * 100vw);
 	}

 #bottom {
 	width: 100%;
 	height: auto;
 	position: relative;
 	margin-top: calc((62 / 393) * -100vw);
 	margin-bottom: calc((294 / 393) * 100vw);
 	position: relative;
 }
 		.bottom_image_01{
 			width: calc((358 / 393) * 100vw);
 			height: calc((429 / 393) * 100vw);
 			margin: calc((75 / 393) * 100vw) auto calc((18 / 393) * 100vw) auto;
 		}
 		.bottom_image_02{
 			width: calc((317 / 393) * 100vw);
 			height: calc((313 / 393) * 100vw);
 			margin: calc((37 / 393) * 100vw) auto calc((38 / 393) * 100vw) auto;
 		}
 		.bottom_image_03{
 			width: calc((305 / 393) * 100vw);
 			height: calc((189 / 393) * 100vw);
 			margin: calc((120 / 393) * 100vw) auto calc((212 / 393) * 100vw) auto;
 		}

}

/* animation */
.is_fadeUp {
  opacity: 0;
  transition:  0.6s ease;
  -webkit-transition:  0.6s ease;
  -moz-transition:  0.6s ease;
  -ms-transition:  0.6s ease;
  -o-transition:  0.6s ease;
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
}
.on {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}
/* フォント */

.inter {
	font-family: "Inter", sans-serif;
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 1;
	font-size: 14px;
	color: #fff;
  }
/* ディレイ */
.delay01{
	transition-delay: .1s;
}
.delay02{
	transition-delay: .2s;
}
.delay03{
	transition-delay: .3s;
}
.delay04{
	transition-delay: .4s;
}
.delay05{
	transition-delay: .5s;
}
.delay06{
	transition-delay: .6s;
}
.delay07{
	transition-delay: .7s;
}
.delay08{
	transition-delay: .8s;
}
.delay09{
	transition-delay: .9s;
}
.delay10{
	transition-delay: 1s;
}