html,body{overflow:hidden;}
.logo_intro{
	position:fixed;
	width:100vw;
	height:100vh;
	z-index:1000000;
	overflow:hidden;
	animation:logo_intro_back 2.1s;
	
}
.logo_intro > .logo_txt{
	position: absolute;
	z-index:100000;
	top: 50vh;
	left: 50vw;
	transform:translateX(-50%) translateY(-50%);
	font-size:10vw;
	text-align: center;
	opacity: 0;
	animation:logo_effect 2s ease-out forwards;
	animation-delay: 0.5s;
	color:#c9bc9c;
}

.logo_intro > .logo_txt img{
	width: 300px; 
	height: 300px; 
	display: block;
	
}

.logo_intro > .logo_txt .img01{
	animation:logo_img 3s ease-out forwards;
}

.logo_intro > .logo_txt .img02{
	animation:logo_img 3s ease-out forwards;
}


/*
.logo_intro:before{
	content:'';
	position:absolute;
	z-index:100000;
	opacity:1;
	animation:circle_effect 2s ease-out forwards;
	animation-delay: 2s;
	-webkit-transition: background .3s ease-in;
	-moz-transition: background .3s ease-in;
	-o-transition: background .3s ease-in;
	-ms-transition: background .3s ease-in;
	transition: background .3s ease-in;
}
*/
@keyframes logo_intro_back{
	0%{
		background:#fff;
		
	}
	70%{
		background:#fff;
		top:0;
	}
	95.23809%{
		background:#fff;
		top: -100vh;
	}
	100%{
		background:unset;
		top: -100vh;
	}
}
@keyframes logo_effect{
	0%{
		font-size:10vw;
		letter-spacing: 30px;
		opacity: 0;
	}
	50%{
		font-size:10vw;
		letter-spacing: 0px;
		opacity: 1;
	}
	80%{
/*		font-size:50vw;*/
		letter-spacing: 0px;
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}

@keyframes logo_img{
	0%{
		margin:0 40px;
		opacity: 0;
	}
	50%{
		margin:0 -80px;
		opacity: 1;
	}
	80%{
		margin:0 -80px;
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}

@keyframes circle_effect{
	0%{
		background:#fff url(/theme/aram_01/img/main/intro01.svg) no-repeat center center / 200px 253px;
		background-repeat:no-repeat;
		-webkit-background-repeat:no-repeat;
		-moz-background-repeat:no-repeat;
		-o-background-repeat:no-repeat;
		-webkit-background-size: 200px 253px;
		-moz-background-size: 200px 253px;
		-o-background-size: 200px 253px;
		top:50vh;
		left:50vw;
		transform:translateX(-50%) translateY(-50%);
		border-radius: 100px;
		width: 200px;
		height: 253px;
		box-shadow: 0px 0px 0px 10000px #fff;
		opacity:1;
	}
	30%{
		background:#fff url(/theme/aram_01/img/main/intro01.svg) no-repeat center center / 200px 253px;
		background-repeat:no-repeat;
		-webkit-background-repeat:no-repeat;
		-moz-background-repeat:no-repeat;
		-o-background-repeat:no-repeat;
		-webkit-background-size: 200px 253px;
		-moz-background-size: 200px 253px;
		-o-background-size: 200px 253px;
		top:50vh;
		left:50vw;
		transform:translateX(-50%) translateY(-50%);
		border-radius: 100px;
		width: 200px;
		height: 253px;
		box-shadow: 0px 0px 0px 10000px #fff;
		opacity:1;
	}
	40%{
		background:transparent url(/theme/fracevi/img/logo_intro2.png?ver=6) no-repeat center center / 200px 253px;
		background-repeat:no-repeat;
		-webkit-background-repeat:no-repeat;
		-moz-background-repeat:no-repeat;
		-o-background-repeat:no-repeat;
		-webkit-background-size: 200px 253px;
		-moz-background-size: 200px 253px;
		-o-background-size: 200px 253px;
		top:50vh;
		left:50vw;
		transform:translateX(-50%) translateY(-50%);
		border-radius: 100px;
		width: 200px;
		height: 253px;
		box-shadow: 0px 0px 0px 10000px #fff;
		opacity:1;
	}
	70%{
		top:50vh;
		left:50vw;
		transform:translateX(-50%) translateY(-50%);
		border-radius: 30vw;
		width: 60vw;
		height: 76.0386vw;
		box-shadow: 0px 0px 0px 10000px #fff;
		opacity:1;
	}
	80%{
		top:50vh;
		left:50vw;
		transform:translateX(-50%) translateY(-50%);
		border-radius: 37.5vw;
		width: 75vw;
		height: 95.0483vw;
		box-shadow: 0px 0px 0px 10000px #fff;
		opacity:1;
	}
	90%{
		top:50vh;
		left:50vw;
		transform:translateX(-50%) translateY(-50%);
		border-radius: 50vw;
		width: 100vw;
		height: 126.731vw;
		box-shadow: 0px 0px 0px 10000px #fff;
		opacity:1;
	}
	100%{
		top:50vh;
		left:50vw;
		transform:translateX(-50%) translateY(-50%);
		border-radius: 100vw;
		width: 200vw;
		height: 253.4621vw;
		opacity:0;
	}
}
.main_about .about_img .img_box{transition: background-image .5s ease-in-out,background-size 0s;}
.main_about .about_txt .in_tw.txt_black{color:#000;}
.main_about .about_txt txt4{width:0px;height:0px;position:relative;}
.mainSlider_wrap{margin-bottom:-1px}
.main_bn .box1 .swiper-container .swiper-wrapper{overflow: hidden;-webkit-clip-path: circle(350px at center);clip-path: circle(350px at center);}
/*.main_prod .prod_swiper .swiper-container .sct_li {padding-top:7em;}*/
.main_prod .prod_swiper .swiper-container .sct_li .sct_bg_img{display:none;}
.main_prod .prod_swiper .swiper-container .sct_li.swiper-slide-active .sct_bg_img{display:block;position: absolute;top: 0;right: 1vw;height: 27vw;width: 22vw;border-radius: 11vw 11vw 0 0;background-position: center;background-repeat: no-repeat;background-size: cover;}

@media screen and (max-width: 1600px){
	.main_prod .prod_swiper .swiper-container .sct_li.swiper-slide-active .sct_bg_img{width: 24vw;border-radius: 12vw 12vw 0 0;}
}
@media (min-width:1241px){
	.st05{z-index: 2;position: absolute;width: 100%;}
	.main_niche{display:block;}
	.main_niche.mo_only{display:none;}
	#main_digital.active .pocfs_viewB{position:fixed;top: 200px;left: calc(50% + 69px);}
	#main_digital.active .pocfs_w .pocfs_viewWrap .pocfs_viewB .slider_nav .item .img_wrap {max-width:526px;}
	.pocfs_w .pocfs_viewWrap .slider_for > div.img_wrap{display:none;}
}
@media screen and (max-width: 1240px){
	.main_niche{display:none;}
	.main_niche.mo_only{display:block;}
	.main_prod .prod_swiper .swiper-container .sct_li.swiper-slide-active .sct_bg_img{left:50%;transform:translateX(-50%);height: 520px;width: 420px;border-radius: 230px 230px 0 0;}
	.box2{max-width: 96%;}
	#main_digital .pocfs_viewB{display:none;}
	.pocfs_w .pocfs_viewWrap .slider_for{width:100% !important;}
	.pocfs_w .pocfs_viewWrap .slider_for > div.pocfs_img{text-align:center;}
	.pocfs_w .pocfs_viewWrap .slider_for > div.img_wrap{display:block;width:600px;max-width: 100%;margin: 0 auto;}
	.pocfs_w .pocfs_viewWrap .slider_for > .img_wrap .stt{display:block;}
	.pocfs_w .pocfs_viewWrap .slider_for > .img_wrap .tw{display:block;}
}
@media (min-width:501px){
	.mainSlider_wrap{display:block;}
	.mainSlider_wrap.mo_only{display:none;}
}
@media screen and (max-width: 500px){
	.mainSlider_wrap{display:none;}
	.mainSlider_wrap.mo_only{display:block;}
	.main_about .about_txt > p:nth-child(-n+2){display:none;}
	.main_about .about_txt > p:nth-child(3){margin-top: 0 !important;}
	.main_prod .prod_swiper .swiper-container .sct_li.swiper-slide-active .sct_bg_img{width: 80%;height: 340px;}
}