/* CSS style Document */
a{
	display: block;
	transition: 0.3s;
}
a:hover{
	filter: brightness(1.1);
	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;
}
	
#sec01 {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: -35px;
}
	.sec01_image_wrap{
		width: 100%;
		height: 100%;
		position: relative;
	}
		.sec01_image_01{
			width: 100%;
			height: auto;
		}
			.sec01_image_01 picture{
				width: 100%;
				height: auto;
				position: relative;
			}
		.sec01_image_01__link{
			width: calc((310 / 1440) * 100vw);
			height: calc((912 / 1440) * 100vw);
			position: absolute;
			top: calc((160 / 1440) * 100vw);
			right: calc((232 / 1440) * 100vw);
		}
		.sec01_image_01__link:hover{
			transform: scale(1.02);
		}
#sec02 {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: -35px;
}
	.sec02_image_01{
		width: 100%;
		height: auto;
	}
	.sec02_image_01_link{
		width: calc((480 / 1440) * 100vw);
		height: calc((720 / 1440) * 100vw);
		position: absolute;
		top: calc((169 / 1440) * 100vw);
		right: calc((226 / 1440) * 100vw);
		background-color: rgba(255, 255, 255, 0);
	}
	.sec02_image_01_link:hover{
		background-color: rgba(255, 255, 255, 0.2);
	}
	.sec02_image_01_obj{
		width: calc((360 / 1440) * 100vw);
		height: calc((367 / 1440) * 100vw);
		position: absolute;
		bottom: calc((0 / 1440) * 100vw);
		right: calc((82/ 1440) * 100vw);
	}
#sec03 {
	width: 100%;
	height: auto;
	position: relative;
}
	.sec03_image_01{
		width: 100%;
		height: auto;
	}
#sec04 {
	width: 100%;
	height: auto;
	position: relative;
}
	.sec04_image_01{
		width: 100%;
		height: auto;
	}
	.sec04_image_01_obj_01{
		width: calc((448 / 1440) * 100vw);
		height: calc((150 / 1440) * 100vw);
		position: absolute;
		top: calc((674 / 1440) * 100vw);
		right: calc((227/ 1440) * 100vw);
	}
	.sec04_image_01_obj_02{
		width: calc((619 / 1440) * 100vw);
		height: calc((157 / 1440) * 100vw);
		position: absolute;
		bottom: calc((177 / 1440) * 100vw);
		left: calc((137/ 1440) * 100vw);
	}
	.sec04_image_01__link_01,
	.sec04_image_01__link_02{
		width: calc((795 / 1440) * 100vw);
		height: calc((795 / 1440) * 100vw);
		position: absolute;
		background-color: rgba(255, 255, 255, 0);
	}
	.sec04_image_01__link_01:hover,
	.sec04_image_01__link_02:hover{
		background-color: rgba(255, 255, 255, 0.2);
	}
	.sec04_image_01__link_01{
		top: calc((79 / 1440) * 100vw);
		left: calc((322/ 1440) * 100vw);
	}
	.sec04_image_01__link_02{
		top: calc((956 / 1440) * 100vw);
		left: calc((322/ 1440) * 100vw);
	}
#sec05{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: calc((113 / 1440) * 100vw);
}
	.sec05_image_01{
		width: 100%;
		height: auto;
	}
	.sec05_image_01__link_01{
		width: calc((485 / 1440) * 100vw);
		height: calc((740 / 1440) * 100vw);
		position: absolute;
		bottom: calc((191 / 1440) * 100vw);
		right: calc((269/ 1440) * 100vw);
	}
	.sec05_image_01__link_01:hover{
		transform: scale(1.02);
	}
	.sec05_image_01__link_02{
		width: calc((600 / 1440) * 100vw);
		height: calc((900 / 1440) * 100vw);
		position: absolute;
		top: calc((0 / 1440) * 100vw);
		right: calc((167/ 1440) * 100vw);
		background-color: rgba(255, 255, 255, 0);
	}
	.sec05_image_01__link_02:hover{
		background-color: rgba(255, 255, 255, 0.1);
	}
#sec06{
	width: 100%;
	height: auto;
	position: relative;
}
	.sec06_image_01{
		width: 100%;
		height: auto;
	}
	.bottom_image_01__link{
		width: calc((480 / 1440) * 100vw);
		height: calc((720 / 1440) * 100vw);
		position: absolute;
		top: calc((179 / 1440) * 100vw);
		right: calc((239 / 1440) * 100vw);
		background-color: rgba(255, 255, 255, 0);
	}
	.bottom_image_01__link:hover{
		background-color: rgba(255, 255, 255, 0.2);
	}
#bottom {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: calc((49 / 1440) * 100vw);
	margin-bottom: calc((30 / 1440) * 100vw);
}

@media screen and (max-width: 762px) {
	p{
		font-size: calc((10 / 400) * 100vw) !important;
		font-feature-settings: "palt";
		letter-spacing: 0;
	}
#top {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	
#sec01 {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: calc((95 / 393) * -100vw);
}
	.sec01_image_wrap{
		width: 100%;
		height: 100%;
		position: relative;
	}
		.sec01_image_01{
			width: 100%;
			height: auto;
		}
			.sec01_image_01 picture{
				width: 100%;
				height: auto;
				position: relative;
			}
		.sec01_image_01__link{
			width: calc((127 / 393) * 100vw);
			height: calc((368 / 393) * 100vw);
			position: absolute;
			top: calc((146 / 393) * 100vw);
			right: calc((66 / 393) * 100vw);
		}
#sec02 {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: calc((31 / 393) * 100vw);
}
	.sec02_image_01_link{
		width: calc((240 / 393) * 100vw);
		height: calc((360 / 393) * 100vw);
		position: absolute;
		top: calc((434 / 393) * 100vw);
		right: calc((74 / 393) * 100vw);
	}
	.sec02_image_01_obj{
		width: calc((175 / 393) * 100vw);
		height: calc((179 / 393) * 100vw);
		position: absolute;
		bottom: calc((334 / 393) * 100vw);
		right: calc((16/ 393) * 100vw);
	}

	.sec04_image_01_obj_01{
		width: calc((146 / 393) * 100vw);
		height: calc((49 / 393) * 100vw);
		position: absolute;
		top: calc((221 / 393) * 100vw);
		right: calc((38/ 393) * 100vw);
	}
	.sec04_image_01_obj_02{
		width: calc((203 / 393) * 100vw);
		height: calc((51 / 393) * 100vw);
		position: absolute;
		bottom: calc((54 / 393) * 100vw);
		left: calc((3/ 393) * 100vw);
	}
	.sec04_image_01__link_01,
	.sec04_image_01__link_02{
		width: calc((260 / 393) * 100vw);
		height: calc((261 / 393) * 100vw);
		position: absolute;
		background-color: rgba(255, 255, 255, 0);
	}
	.sec04_image_01__link_01:hover,
	.sec04_image_01__link_02:hover{
		background-color: rgba(255, 255, 255, 0.2);
	}
	.sec04_image_01__link_01{
		top: calc((26 / 393) * 100vw);
		left: calc((65/ 393) * 100vw);
	}
	.sec04_image_01__link_02{
		top: calc((337 / 393) * 100vw);
		left: calc((65/ 393) * 100vw);
	}
#sec05{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: calc((56 / 393) * 100vw);
}
	.sec05_image_01__link_01{
		width: calc((158 / 393) * 100vw);
		height: calc((241 / 393) * 100vw);
		position: absolute;
		bottom: calc((61 / 393) * 100vw);
		right: calc((54/ 393) * 100vw);
		opacity: 1;
	}
	.sec05_image_01__link_02{
		width: calc((193 / 393) * 100vw);
		height: calc((290 / 393) * 100vw);
		position: absolute;
		top: calc((0 / 393) * 100vw);
		right: calc((23/ 393) * 100vw);
	}
#sec06{
	width: 100%;
	height: auto;
	position: relative;
}
	.sec06_image_01{
		width: 100%;
		height: auto;
	}
	.bottom_image_01__link{
		width: calc((480 / 393) * 100vw);
		height: calc((720 / 393) * 100vw);
		position: absolute;
		top: calc((179 / 393) * 100vw);
		right: calc((234 / 393) * 100vw);
	}
#bottom {
	width: 100%;
	height: auto;
	position: relative;
	margin-top: calc((49 / 393) * 100vw);
	margin-bottom: calc((12 / 393) * 100vw);
}
}

/* 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;
}