/* CSS style Document */
#top {
	width: 100%;
	height: auto;
	margin: 0 auto calc((110 / 1440) * 100vw);
}

/* 共通 */
.sec_heading {
	width: 100%;
	height: auto;
}
	.sec_heading img {
		width: 100%;
		height: auto;
	}
.sec_contents {
	width: 100%;
	height: auto;
}
	.sec_contents__inner {
		margin: 0 auto;
	}
		.sec_contents__list {
			display: grid;
		}

picture {
	display: block;
}

main a {
	display: block;
}

#sec01 {
	width: 100%;
	height: auto;
	background-color: #000000;
}
	#sec01 .sec_contents {
		padding: calc((80 / 1440) * 100vw) 0 calc((125 / 1440) * 100vw);
	}
		#sec01 .sec_contents__inner {
			width: calc((1140 / 1440) * 100%);
		}
			#sec01 .sec_contents__list {
				grid-template-columns: repeat(2, 1fr);
				gap: calc((30 / 1440) * 100vw);
			}
				#sec01 .sec_contents__list__item {
					width: 100%;
					height: auto;
				}
				#sec01 .sec_contents__list__item:first-of-type {
					grid-column: 1 / 3;
					position: relative;
				}
					.sec01_link_01 {
						width: calc((489.6 / 1440) * 100vw);
						height: calc((714.24 / 1440) * 100vw);
						position: absolute;
						top: calc((43 / 1440) * 100vw);
						left: calc((57 / 1440) * 100vw);
						background-color: #000000;
						opacity: 0;
					}
					.sec01_link_02 {
						width: calc((489.6 / 1440) * 100vw);
						height: calc((714.24 / 1440) * 100vw);
						position: absolute;
						top: calc((43 / 1440) * 100vw);
						right: calc((57 / 1440) * 100vw);
						background-color: #000000;
						opacity: 0;
					}
				@media (any-hover: hover) {
					.sec01_link_01:hover,
					.sec01_link_02:hover {
						opacity: .3;
					}
				}

#sec02 {
	width: 100%;
	height: auto;
	background-color: #ffffff;
}
	#sec02 .sec_contents {
		padding: calc((75 / 1440) * 100vw) 0 calc((115 / 1440) * 100vw);
	}
		#sec02 .sec_contents__inner {
			width: calc((1071 / 1440) * 100%);
		}
			#sec02 .sec_contents__list {
				display: block;
			}
				#sec02 .sec_contents__list__item {
					width: 100%;
					height: auto;
				}
					.sec02_link {
						width: calc((512 / 1440) * 100vw);
						height: calc((748 / 1440) * 100vw);
						position: absolute;
						top: 0;
						left: 0;
						background-color: #ffffff;
						opacity: 0;
					}
				@media (any-hover: hover) {
					.sec02_link:hover {
						opacity: .3;
					}
				}

#sec03 {
	width: 100%;
	height: auto;
	background-color: #000000;
}
	#sec03 .sec_contents {
		padding: 0 0 calc((155 / 1440) * 100vw);
	}
		#sec03 .sec_contents__inner {
			width: 100%;
		}
			#sec03 .sec_contents__list {
				grid-template-columns: repeat(3, 1fr);
				gap: 3px;
				padding-bottom: 3px;
				background-color: #ffffff;
			}
				#sec03 .sec_contents__list__item {
					padding: calc((38 / 1440) * 100vw) calc((36 / 1440) * 100vw) calc((48 / 1440) * 100vw);
					background-color: #000000;
				}

#sec04 {
	width: 100%;
	height: auto;
	background-color: #000000;
}
	#sec04 .sec_contents {
		padding: calc((62 / 1440) * 100vw) 0 calc((110 / 1440) * 100vw);
	}
		#sec04 .sec_contents__inner {
			width: calc((1141 / 1440) * 100%);
		}
			#sec04 .sec_contents__list {
				grid-template-columns: repeat(2, 1fr);
				gap: calc((100 / 1440) * 100vw);
			}
				#sec04 .sec_contents__list__item {
					width: 100%;
					height: auto;
				}
					#sec04 .sec_contents__list__item:nth-of-type(2) a {
						display: block;
						width: calc(100% + ((22 / 1440) * 100vw));
						margin-right: calc((-22 / 1440) * 100vw);
					}

#sec05 {
	width: 100%;
	height: auto;
	background-color: #000000;
}
	#sec05 .sec_contents {
		padding: calc((110 / 1440) * 100vw) 0 calc((150 / 1440) * 100vw);
	}
		#sec05 .sec_contents__inner {
			width: calc((1120 / 1440) * 100%);
		}
			#sec05 .sec_contents__list {
				display: block;
			}
				#sec05 .sec_contents__list__item {
					width: 100%;
					height: auto;
				}
				#sec05 .sec_contents__list__item:nth-of-type(2) {
					margin-top: calc((-58 / 1440) * 100vw);
				}
					.sec05_link_01 {
						width: calc((582 / 1440) * 100vw);
						height: calc((538 / 1440) * 100vw);
						position: absolute;
						top: 0;
						right: 0;
						background-color: #000000;
						opacity: 0;
					}
					.sec05_link_02 {
						width: calc((562 / 1440) * 100vw);
						height: calc((508 / 1440) * 100vw);
						position: absolute;
						bottom: calc((100 / 1440) * 100vw);
						left: 0;
						background-color: #000000;
						opacity: 0;
					}
				@media (any-hover: hover) {
					.sec05_link_01:hover,
					.sec05_link_02:hover {
						opacity: .3;
					}
				}

@media screen and (max-width: 762px) {
#top {
	margin: 0 auto calc((30 / 393) * 100vw);
}

/* sec01 */
	#sec01 .sec_contents {
		padding: calc((12 / 393) * 100vw) 0 calc((34 / 393) * 100vw);
	}
		#sec01 .sec_contents__inner {
			width: calc((363 / 393) * 100%);
		}
			#sec01 .sec_contents__list {
				gap: calc((9 / 393) * 100vw);
			}
					.sec01_link_01 {
						width: calc((156.61 / 393) * 100vw);
						height: calc((228.47 / 393) * 100vw);
						top: calc((14 / 393) * 100vw);
						left: calc((18 / 393) * 100vw);
					}
					.sec01_link_02 {
						width: calc((156.61 / 393) * 100vw);
						height: calc((228.47 / 393) * 100vw);
						top: calc((14 / 393) * 100vw);
						right: calc((18 / 393) * 100vw);
					}

/* sec02 */
	#sec02 .sec_contents {
		padding: calc((15 / 393) * 100vw) 0 calc((50 / 393) * 100vw);
	}
		#sec02 .sec_contents__inner {
			width: calc((241 / 393) * 100%);
		}
					.sec02_link {
						width: 100%;
						height: calc((349.75 / 393) * 100vw);
					}

/* sec03 */
	#sec03 .sec_contents {
		padding: 0 0 calc((30 / 393) * 100vw);
	}
			#sec03 .sec_contents__list {
				grid-template-columns: repeat(2, 1fr);
				gap: 2px;
				padding-bottom: 2px;
			}
				#sec03 .sec_contents__list__item {
					padding: calc((7 / 393) * 100vw) calc((20 / 393) * 100vw) calc((10 / 393) * 100vw);
				}

/* sec04 */
	#sec04 .sec_contents {
		padding: calc((24 / 393) * 100vw) 0 calc((56 / 393) * 100vw);
	}
		#sec04 .sec_contents__inner {
			width: calc((331 / 393) * 100%);
		}
			#sec04 .sec_contents__list {
				gap: calc((22 / 393) * 100vw) calc((28 / 393) * 100vw);
			}
					#sec04 .sec_contents__list__item:nth-of-type(2) a {
						display: block;
						width: calc(100% + ((18.84 / 393) * 100vw));
						margin-right: calc((-18.84 / 393) * 100vw);
					}

/* sec05 */
	#sec05 .sec_contents {
		padding: calc((34 / 393) * 100vw) 0 calc((77 / 393) * 100vw);
	}
		#sec05 .sec_contents__inner {
			width: calc((344 / 393) * 100%);
		}
				#sec05 .sec_contents__list__item:nth-of-type(1) picture {
					width: calc(100% + ((10 / 393) * 100vw));
					margin-right: calc((-10 / 393) * 100vw);
				}
				#sec05 .sec_contents__list__item:nth-of-type(2) {
					margin-top: calc((-23 / 393) * 100vw);
				}
					.sec05_link_01 {
						width: calc((212 / 393) * 100vw);
						height: calc((180 / 393) * 100vw);
						right: calc((-10 / 393) * 100vw);
					}
					.sec05_link_02 {
						width: calc((210 / 393) * 100vw);
						height: calc((184 / 393) * 100vw);
						bottom: calc((30 / 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);
}