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

#top {
	width: 100%;
	height: auto;
}
	
#sec01{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec01_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((79 / 1440) * 100vw);
	}
		.sec01_image{
			width: 100%;
			height: auto;
		}
			.sec01_image picture{
				width: 100%;
				height: auto;
				position: relative;
			}
				.sec01_image picture img{
					width: 100%;
					height: auto;
				}
				.sec01_link_01{
					display: block;
					width: calc((1167.59 / 1440) * 100vw);
					height: calc((825.93 / 1440) * 100vw);
					position: absolute;
					top: calc((233 / 1440) * 100vw);
					right: calc((173.41 / 1440) * 100vw);
					transition: 0.3s;
					opacity: 1;
				}
					.sec01_link_01 picture{
						display: block;
						width: 100%;
						height: auto;
					}
				.sec01_link_02{
					display: block;
					width: calc((329.52 / 1440) * 100vw);
					height: calc((494.95 / 1440) * 100vw);
					position: absolute;
					top: calc((1096.53 / 1440) * 100vw);
					right: calc((525.88 / 1440) * 100vw);
					transition: 0.3s;
				}
				.sec01_link_03{
					display: block;
					width: calc((329.52 / 1440) * 100vw);
					height: calc((494.95 / 1440) * 100vw);
					position: absolute;
					top: calc((1096.53 / 1440) * 100vw);
					right: calc((170.16 / 1440) * 100vw);
					transition: 0.3s;
				}
				.sec01_link_02:hover,.sec01_link_03:hover{
					background-color: rgba(255, 255, 255, 0.2);
				}

#sec02{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec02_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((31.75 / 1440) * 100vw);
	}
		.sec02_image{
			width: 100%;
			height: auto;
		}
			.sec02_image picture{
				width: 100%;
				height: auto;
				position: relative;
			}
				.sec02_image picture img{
					width: 100%;
					height: auto;
				}
				.sec02_link{
					display: block;
					width: calc((806.4 / 1440) * 100vw);
					height: calc((959.04 / 1440) * 100vw);
					position: absolute;
					top: calc((0 / 1440) * 100vw);
					left: calc((319.97 / 1440) * 100vw);
					transition: 0.3s;
				}
				.sec02_link:hover{
					background-color: rgba(255, 255, 255, 0.2);
				}

#sec03{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec03_image_wrap{
		width: 100%;
		height: auto;
		margin-top: calc((-21 / 1440) * 100vw);
	}
		.sec03_image{
			width: 100%;
			height: auto;
		}
			.sec03_image picture{
				width: 100%;
				height: auto;
				position: relative;
			}
				.sec03_image picture img{
					width: 100%;
					height: auto;
				}
				.sec03_link_01{
					display: block;
					width: calc((697.63 / 1440) * 100vw);
					height: calc((723.47 / 1440) * 100vw);
					position: absolute;
					top: calc((224 / 1440) * 100vw);
					left: calc((147 / 1440) * 100vw);
					transition: 0.3s;
				}
				.sec03_link_02{
					display: block;
					width: calc((453.31 / 1440) * 100vw);
					height: calc((545.9 / 1440) * 100vw);
					position: absolute;
					top: calc((268.03 / 1440) * 100vw);
					left: calc((847.52 / 1440) * 100vw);
					transition: 0.3s;
				}
				.sec03_link_01:hover,.sec03_link_02:hover{
					background-color: rgba(255, 255, 255, 0.2);
					transform: scale(1);
				}

#sec04{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec04_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((67 / 1440) * 100vw);
	}
		.sec04_image{
			width: 100%;
			height: auto;
		}
			.sec04_image picture{
				width: 100%;
				height: auto;
				position: relative;
			}
				.sec04_image picture img{
					width: 100%;
					height: auto;
				}
					.sec04_link_01{
						display: block;
						width: calc((329.52 / 1440) * 100vw);
						height: calc((494.95 / 1440) * 100vw);
						position: absolute;
						top: calc((64.25 / 1440) * 100vw);
						left: calc((529.22 / 1440) * 100vw);
						transition: 0.3s;
					}
					.sec04_link_02{
						display: block;
						width: calc((399.63 / 1440) * 100vw);
						height: calc((791.69 / 1440) * 100vw);
						position: absolute;
						top: calc((107.01 / 1440) * 100vw);
						left: calc((859 / 1440) * 100vw);
						transition: 0.3s;
					}
					.sec04_link_01:hover,.sec04_link_02:hover{
						background-color: rgba(255, 255, 255, 0.2);
						transform: scale(1);
					}

#sec05{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec05_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((39 / 1440) * 100vw);
	}
		.sec05_image{
			width: 100%;
			height: auto;
		}
			.sec05_image picture{
				width: 100%;
				height: auto;
				position: relative;
			}
				.sec05_image picture img{
					width: 100%;
					height: auto;
				}
				.sec05_link{
					display: block;
					width: calc((806.4 / 1440) * 100vw);
					height: calc((959.04 / 1440) * 100vw);
					position: absolute;
					top: calc((46.03 / 1440) * 100vw);
					left: calc((319.17 / 1440) * 100vw);
					transition: 0.3s;
				}
				.sec05_link:hover{
					background-color: rgba(255, 255, 255, 0.2);
					transform: scale(1);
				}

#sec06{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec06_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((37.43 / 1440) * 100vw);
	}
		.sec06_image{
			width: 100%;
			height: auto;
		}
			.sec06_image picture{
				width: 100%;
				height: auto;
				position: relative;
			}
				.sec06_image picture img{
					width: 100%;
					height: auto;
				}
				.sec06_link_01{
					display: block;
					width: calc((504.85 / 1440) * 100vw);
					height: calc((742.11 / 1440) * 100vw);
					position: absolute;
					top: calc((0 / 1440) * 100vw);
					right: calc((140.15 / 1440) * 100vw);
					transition: 0.3s;
				}
				.sec06_link_02{
					display: block;
					width: calc((517.57 / 1440) * 100vw);
					height: calc((1043.24 / 1440) * 100vw);
					position: absolute;
					top: calc((73 / 1440) * 100vw);
					left: calc((199 / 1440) * 100vw);
					transition: 0.3s;
					border-radius: 0% 0% 43% 0% / 0% 0% 43% 1%;
				}
				.sec06_link_03{
					display: block;
					width: calc((484.18 / 1440) * 100vw);
					height: calc((739.4 / 1440) * 100vw);
					position: absolute;
					top: calc((797 / 1440) * 100vw);
					left: calc((501 / 1440) * 100vw);
					border-radius: 54% 0% 0% 0% / 82% 0% 0% 1%;
					transition: 0.3s;
				}
				.sec06_link_01:hover,.sec06_link_02:hover,.sec06_link_03:hover{
					background-color: rgba(255, 255, 255, 0.2);
				}

#sec07{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec07_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((23.6 / 1440) * 100vw);
		padding-bottom: calc((144.75 / 1440) * 100vw);
	}
		.sec07_image{
			width: 100%;
			height: auto;
		}
			.sec07_image picture{
				width: 100%;
				height: auto;
				position: relative;
			}
				.sec07_image picture img{
					width: 100%;
					height: auto;
				}
				.sec07_link{
					display: block;
					width: calc((434.2 / 1440) * 100vw);
					height: calc((633.75 / 1440) * 100vw);
					position: absolute;
					top: calc((153.71 / 1440) * 100vw);
					left: calc((268.48 / 1440) * 100vw);
					transition: 0.3s;
				}
				.sec07_link:hover{
					background-color: rgba(255, 255, 255, 0.2);
				}
@media all and (max-width:762px) {
	.sec01_image_wrap{
		padding-top: calc((9.61 / 393) * 100vw);
	}
				.sec01_link_01{
					width: calc((331.56 / 393) * 100vw);
					height: calc((251.89 / 393) * 100vw);
					position: absolute;
					top: calc((238 / 393) * 100vw);
					right: calc((19.44 / 393) * 100vw);
					transition: 0.3s;
				}
				.sec01_link_02{
					width: calc((329.52 / 393) * 100vw);
					height: calc((494.95 / 393) * 100vw);
					position: absolute;
					top: calc((1096.53 / 393) * 100vw);
					right: calc((525.88 / 393) * 100vw);
					transition: 0.3s;
				}
				.sec01_link_03{
					width: calc((329.52 / 393) * 100vw);
					height: calc((494.95 / 393) * 100vw);
					position: absolute;
					top: calc((1096.53 / 393) * 100vw);
					right: calc((170.16 / 393) * 100vw);
					transition: 0.3s;
				}
				.sec01_link_02:hover,.sec01_link_03:hover{
					background-color: rgba(255, 255, 255, 0.2);
				}
	.sec02_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((0 / 393) * 100vw);
		margin-top: calc((-36 / 393) * 100vw);
	}
				.sec02_link{
					width: calc((245.45 / 393) * 100vw);
					height: calc((291.94 / 393) * 100vw);
					position: absolute;
					top: calc((73.04 / 393) * 100vw);
					left: calc((78.43 / 393) * 100vw);
					transition: 0.3s;
				}
	.sec03_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((19.74 / 393) * 100vw);
	}
				.sec03_link_01{
					width: 100%;
					height: calc((368.14 / 393) * 100vw);
					position: absolute;
					top: calc((0 / 393) * 100vw);
					left: calc((0 / 393) * 100vw);
					transition: 0.3s;
				}
				.sec03_link_02{
					width: calc((184.93 / 393) * 100vw);
					height: calc((222.7 / 393) * 100vw);
					position: absolute;
					top: calc((384.49 / 393) * 100vw);
					left: calc((105.99 / 393) * 100vw);
					transition: 0.3s;
				}

#sec04{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec04_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((29 / 393) * 100vw);
	}
				.sec04_link_01{
					width: calc((134.87 / 393) * 100vw);
					height: calc((202.57 / 393) * 100vw);
					position: absolute;
					top: calc((333.29 / 393) * 100vw);
					left: calc((205 / 393) * 100vw);
					transition: 0.3s;
				}
				.sec04_link_02{
					width: calc((143.79 / 393) * 100vw);
					height: calc((284.85 / 393) * 100vw);
					position: absolute;
					top: calc((0 / 393) * 100vw);
					left: calc((124 / 393) * 100vw);
					transition: 0.3s;
				}
#sec05{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec05_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((35 / 393) * 100vw);
	}
				.sec05_link{
					width: calc((245 / 393) * 100vw);
					height: calc((292 / 393) * 100vw);
					position: absolute;
					top: calc((9 / 393) * 100vw);
					left: calc((79.63 / 393) * 100vw);
					transition: 0.3s;
				}
#sec06{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
	.sec06_image_wrap{
		width: 100%;
		height: auto;
		padding-top: calc((7 / 393) * 100vw);
	}
		.sec06_image{
			width: 100%;
			height: auto;
		}
			.sec06_image picture{
				width: 100%;
				height: auto;
				position: relative;
			}
				.sec06_image picture img{
					width: 100%;
					height: auto;
				}
				.sec06_link_01{
					width: calc((206.62 / 393) * 100vw);
					height: calc((303.73 / 393) * 100vw);
					position: absolute;
					top: calc((0 / 393) * 100vw);
					right: calc((5.38 / 393) * 100vw);
					transition: 0.3s;
				}
				.sec06_link_02{
					width: calc((211.83 / 393) * 100vw);
					height: calc((426.97 / 393) * 100vw);
					position: absolute;
					top: calc((192 / 393) * 100vw);
					left: calc((19 / 393) * 100vw);
					transition: 0.3s;
					border-radius: 0% 45% 0% 0% / 100% 100% 0% 1% ;
				}
				.sec06_link_03{
					width: calc((198.16 / 393) * 100vw);
					height: calc((302.62 / 393) * 100vw);
					position: absolute;
					top: calc((370 / 393) * 100vw);
					left: calc((181 / 393) * 100vw);
					border-radius: 54% 0% 0% 0% / 82% 0% 0% 1%;
					transition: 0.3s;
				}

#sec07{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
				.sec07_link{
					width: calc((177.71 / 393) * 100vw);
					height: calc((259.38 / 393) * 100vw);
					position: absolute;
					top: calc((56.54 / 393) * 100vw);
					left: calc((114.06 / 393) * 100vw);
					transition: 0.3s;
				}
				.sec07_link:hover{
					background-color: rgba(255, 255, 255, 0.2);
				}
}

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