@charset "utf-8";

.topWrap{
	aspect-ratio: 1920/1080;
	background-attachment: fixed;
	background-image: url(../images/top/topBg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.eyeCatch{
	aspect-ratio: 1920/1080;
	width:100%;
	height:auto;
}
.appearPoint{
	background-color: #fff;
	padding: 20px 0;
}
.appearPoint_inner{
	width:1386px;
	margin:0 auto;
}
.appearPoint_inner ul{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.appearPoint_inner ul li:first-of-type{
	width:460px;
}
.appearPoint_inner ul li:nth-of-type(3){
	width:368px;
}
.appearPoint_inner ul li:nth-of-type(5){
	width:238px;
}
.appearPoint_inner ul li:last-of-type{
	width:182px;
}
.appearPoint_inner ul li:nth-of-type(even){
	width:24px;
}
.mainTxt{
	padding: 50px 0;
}
.mainTxt_inner{
	width:1386px;
	margin:0 auto;
}
.mainTxt_inner>p:first-of-type{
	margin-bottom:20px;
}
.mainTxt_inner>p:nth-of-type(2){
	margin-bottom:40px;
}
.mainTxt_inner>p:last-of-type{
	margin-bottom:40px;
}
.requestBtn_notice{
	width:370px;
	margin:0 auto;
}
.requestBtn_notice p{
	width:100%;
}
.requestBtn_notice p a{
	display: block;
	background-image: url(../images/top/btnBg_notice.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.requestBtn_notice p a:hover{
	opacity:0.5;
}
.specialContents{
	background-color: rgba(177,177,177,0.8);
	padding:50px 0;
}
.specialContents_inner{
	width:850px;
	margin:0 auto;
	background-color: #fff;
}
.specialContents_inner>span{
	display:block;
	aspect-ratio: 850/12;
	width:100%;
	height:auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.specialContents_inner>span:first-of-type{
	background-image: url(../images/top/deco02.svg);
}
.specialContents_inner>span:last-of-type{
	background-image: url(../images/top/deco03.svg);
}
.sC_txtWrap_inner{
	width:670px;
	margin:0 auto;
	padding:50px 0;
}
.sC_txtWrap_inner>.subTtl{
	margin-bottom: 10px;
}
.sC_txtWrap_inner>h2{
	border-top:0.5px solid #000;
	border-bottom:0.5px solid #000;
	padding:20px 0;
	margin-bottom:20px;
}
.sC_txtWrap_inner>p:last-of-type{
	font-size: 1em;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 20px;
}
.eyeCatch_wrap{
	aspect-ratio: 16/9;
	position: relative;
}
.eyeCatch_inner01,
.eyeCatch_inner02,
.eyeCatch_inner03{
	position: absolute;
	inset:0;
	background-color: #000;
}
.eyeCatch_inner02{
	opacity:0;
	animation: fadeIn 1s forwards ease-in-out;
	animation-delay:2s;
}
.eyeCatch_inner03{
	opacity:0;
	animation: fadeIn 1s forwards ease-in-out;
	animation-delay:5s;
}
.eyeCatch_inner01>h2{
	width:100%;
	overflow: hidden;
}
.eyeCatch_inner01>h2>img{
	opacity:0;
	transform: scale(1.05);
	animation: scaleDown 2s forwards ease-in-out;            
}
.eyeCatch_inner02>h2{
	width:100%;
	overflow: hidden;
}
.eyeCatch_inner02>h2>img{
	opacity:0;
	transform: scale(1.05);
	animation: scaleDown 2s forwards ease-in-out;
	animation-delay:3s;
}
.eyeCatch_inner03>.flash{
	width:100%;
	position: absolute;
	top:0;
	left:0;
}
.eyeCatch_inner03>.flash>img{
	mix-blend-mode: screen;
	opacity:0;
	filter:blur(50px);
	animation: nijimi 1s forwards ease-in-out;
	animation-delay:7s;
}
.eyeCatch_inner03>ul,
.eyeCatch_inner03>ul>li{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
}
.eyeCatch_inner03>ul>li{
	opacity:0;
	transform:translateY(0%);
	animation-name: kirari;
	animation-iteration-count: infinite;
	overflow: hidden;
}
.eyeCatch_inner03>ul>li:first-of-type{
	animation-delay:2.5s;
	animation-duration:4.5s;
}
.eyeCatch_inner03>ul>li:nth-of-type(2){
	animation-delay:3s;
	animation-duration:6.5s;
}
.eyeCatch_inner03>ul>li:nth-of-type(3){
	animation-delay:3.5s;
	animation-duration:3s;
}
.eyeCatch_inner03>ul>li:nth-of-type(4){
	animation-delay:4s;
	animation-duration:4.5s;
}
.eyeCatch_inner03>ul>li:nth-of-type(5){
	animation-delay:4.5s;
	animation-duration:6.5s;
}
.eyeCatch_inner03>ul>li:last-of-type{
	animation-delay:5s;
	animation-duration:3s;
}
.eyeCatch_inner03>.textBg{
	width:100%;
	mix-blend-mode: multiply;
	opacity:0;
	position: absolute;
	top:20px;
	left:0;
	overflow: hidden;
	animation: fadeUp 1s forwards ease-in-out;            
	animation-delay:8.5s;
}
.eyeCatch_inner03>.text{
	width:100%;
	opacity:0;
	position: absolute;
	top:20px;
	left:0;
	overflow: hidden;
	animation: fadeUp 1s forwards ease-in-out;            
	animation-delay:8.5s;
}
.eyeCatch_inner03>.eyeTxt{
	width:100%;
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
}
.eyeCatch_inner03>.eyeTxt>img{
	opacity:0;
	filter:blur(50px);
	animation: nijimi 1s forwards ease-in-out;
	animation-delay:7s;
}
@keyframes scaleDown{
	from{
		opacity:0;
		transform:scale(1.05);
	}
	to{
		opacity:1;
		transform:scale(1);
	}
}
@keyframes fadeIn{
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
@keyframes nijimi{
	from{
		opacity:0;
		filter:blur(50px);
	}
	to{
		opacity:1;
		filter:blur(0px);
	}
}
@keyframes kirari{
	0%{
		opacity:0;
		transform:translateY(0%);
	}
	10%{
		opacity:1;
	}
	85%{
		opacity:1;
	}
	100%{
		opacity:0;
		transform:translateY(-25%);
	}
}
@keyframes fadeUp{
	from{
		opacity:0;
		top:20px;
	}
	to{
		opacity:1;
		top:0;
	}
}
.under1024,
.navHeight,
.under500{
	display:none;
}
@media (max-width:1500px){
	.appearPoint{
		padding: 15px 0;
	}
	.appearPoint_inner{
		width:90%;
	}
}
@media (max-width:1400px){
	.mainTxt_inner{
		width:100%;
	}
	.requestBtn_notice{
		width: 26.42%;
	}
	.specialContents_inner{
		width: 60.71%;
	}
	.sC_txtWrap_inner{
		width:78.82%;
	}
	.sC_txtWrap_inner>.requestBtn_notice{
		width:55.22%;
	}
}
@media (max-width:1024px){
	.mainTxt_inner>p:nth-of-type(2),
	.mainTxt_inner>p:last-of-type{
		margin-bottom: 30px;
	}
	.under1024{
		display:block;
	}
}
@media (max-width:768px){
	.navHeight{
		display: block;
		width:100%;
		height:58px;
	}
	.appearPoint{
		padding:0px;
	}
	.appearPoint_inner{
		width:100%;
	}
	.appearPoint_inner ul{                
		flex-direction: column;
	}
	.appearPoint_inner.sp ul li{
		width:100%;
		text-align: center;
		padding: 15px 0;
		border-bottom: 1px solid #000;
	}
	.appearPoint_inner.sp ul li img{
		width:60%;
	}
	.appearPoint_inner.sp ul li:last-of-type{
		border-bottom:none;
	}
	.mainTxt_inner{
		width:85%;
	}
	.mainTxt_inner>p:first-of-type{
		margin-bottom: 15px;
	}
	.mainTxt_inner>p:nth-of-type(2),
	.mainTxt_inner>p:last-of-type {
		margin-bottom: 25px;
	}
	.requestBtn_notice{
		width:50%;
	}
	.specialContents_inner{
		width:85%;
	}
	.sC_txtWrap_inner>.requestBtn_notice {
		width: 63.46%;
	}
	.eyeCatch_wrap{
		aspect-ratio: 750/920;
		position: relative;
	}
}
@media (max-width:500px){
	.appearPoint_inner.sp ul li img{
		width:70%;
	}
	.mainTxt_inner{
		width:95%;
	}
	.requestBtn_notice,
	.sC_txtWrap_inner>.requestBtn_notice{
		width: 230px;
	}
	.under500{
		display:block;
	}
}
@media (max-width:400px){
	.navHeight{
		height:52px;
	}
}