html{scroll-behavior: auto;}
dt,dd{color:var(--white);}

.visual{position: relative;height: 100vh;}
.visual #particles{position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 1;}
.visual #particles video{position: absolute; width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.visual img{position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: -2; object-fit: cover;}
.visual h2{color:var(--white);position: absolute;top: 15%;left:50%;transform: translate(-50%,0);font-size:80px;z-index: 30;text-align: center;line-height: .8;text-shadow: 3px 3px 2px #000;}
.visual h2 span{font-size:110px;}
.visual h2 i{font-size: .75em;font-style: normal;}

#container>section{position: relative;z-index: 10;}
.noone_content_1{padding:130px 0;padding-bottom:320px;background: url(/images/main/main_bg2-38a09c29ab77db6a976879bd7aa17ef9.png) no-repeat center/cover;display: flex; min-height: 100vh; box-sizing: border-box;flex-wrap:wrap; justify-content: center;}
/*
.noone_content_1 .section_title{margin-bottom: 36px;display: flex;align-items: flex-end;}
.noone_content_1 .section_title h3{font-size:70px;}
.noone_content_1 .section_title a{display: flex;align-items: center; font-size:28px;color:var(--keyColor);margin-bottom: .52em;margin-left: 1.7143em;font-weight: 500;transition: color .3s;}
.noone_content_1 .section_title a span{display: inline-flex;margin-top: .2em;margin-left: .1em; width: .6073em;height: .6073em;align-items: center;justify-content: center;background-color: #444;border-radius: 50%;}
.noone_content_1 .section_title a svg{width:4.136px; height:6.858px;}
.noone_content_1 .section_title a svg path{fill:none;stroke:#fff;stroke-linecap:square;stroke-width: 1px;}
*/
.noone_content_1 .discription h3{font-size:70px;color: #000;margin-bottom: 50px;}
.noone_content_1 .discription p{font-size: 24px;color:#000;letter-spacing: -.04em;line-height: 1.43;font-weight: 500;}
.noone_content_1 .discription p:last-child{margin-top:50px;font-weight: 500;}
.noone_content_1 .discription p strong{color:#000;}
.noone_content_1 .discription p:first-child{margin-bottom: 1.43em;}
.noone_business_group{display: flex;justify-content: space-between;padding-top:109px;}
.noone_business_group .noone_business_box{width: 360px;}
.noone_business_group .noone_business_box:first-child~.noone_business_box{margin-left: 20px;}
.noone_business_group .noone_business{position: relative;}
.noone_business_group .noone_business::before{position: absolute;top: 0;left: 0;z-index: 10; border-radius: 50%;display: block;content: '';width: 100%;height: 100%;background:#525252;opacity: 0;transition:opacity .3s;will-change: opacity;}
.noone_business_group .noone_business img{width: 100%;height: 100%;object-fit: cover;opacity: 1;transition:opacity .5s;will-change: opacity;}
.noone_business_group .noone_business dl{position: absolute;z-index: 11; top: 30%;left: 50%;transform: translateX(-50%);}
.noone_business_group .noone_business dl dt,
.noone_business_group .noone_business dl dd{text-align: center;white-space: nowrap;font-size: var(--subTitle); opacity: 0; transition: .5s ease-out;}
.noone_business_group .noone_business dl dt{font-size: var(--title);font-weight:700;letter-spacing: -.02em;margin-bottom:.5em;transform: translateY(30%);color:#fff;}
.noone_business_group .noone_business dl dd{line-height: 1.75;transform: translateY(10%);color:#fff;}
.noone_business_group .noone_business svg{position: absolute;top: 0;left: 0;z-index: 15;width: 100%;transform: opacity 1s;will-change: opacity;}
.noone_business_group .noone_business svg .path{fill:none;stroke:#000;stroke-miterlimit:1;stroke-width:.4px;stroke-dashoffset: 262;stroke-dasharray: 262;transition: 1s ease-in-out;}
.noone_business_group .noone_business svg .circle{fill:#8e1d22;opacity: 0;transition: .3s;}
.noone_business_group .noone_business_box:nth-child(2) dl dt{transition-delay: .58s;}
.noone_business_group .noone_business_box:nth-child(2) dl dd{transition-delay: .80s;}
.noone_business_group .noone_business_box:nth-child(3) dl dt{transition-delay: .66s;}
.noone_business_group .noone_business_box:nth-child(3) dl dd{transition-delay: .88s;}
/*
.noone_business_group.on .noone_business dl dt{opacity: 1; transform: translateY(0);}
.noone_business_group.on .noone_business dl dd{opacity: 1;transition-delay: .22s; transform: translateY(0);}
.noone_business_group.on .noone_business_box svg .path{stroke-dashoffset: 0;stroke-dasharray: 262;transition-delay: .15s;}
.noone_business_group.on .noone_business_box svg .circle{opacity: 1;}

.noone_business_group.on .noone_business_box:nth-child(2) svg .path{transition-delay: .37s;}
.noone_business_group.on .noone_business_box:nth-child(2) svg .circle{transition-delay: .23s;}
.noone_business_group.on .noone_business_box:nth-child(3) svg .path{transition-delay: .67s;}
.noone_business_group.on .noone_business_box:nth-child(3) svg .circle{transition-delay: .31s;}
*/
.noone_business_group.on .noone_business dl dt{opacity: 1; transform: translateY(0);}
.noone_business_group.on .noone_business dl dd{opacity: 1;transition-delay: .22s; transform: translateY(0);}
.noone_business_group .noone_business_box:hover dl dt,
.noone_business_group .noone_business_box:hover dl dd{color:#000;transition-delay: 0s;}
.noone_business_group .noone_business_box:hover svg .path{stroke-dashoffset: 0;stroke-dasharray: 262;transition-delay: .15s;}
.noone_business_group .noone_business_box:hover svg .circle{opacity: 1;}
.noone_business_group .noone_business_box:hover img{opacity: 0;}
.noone_business_group .noone_business_box:hover svg{opacity: 1;}
.noone_content_1 .section_title a:hover{color: #ddd;}


.noone_content_2{height: 600vh;display: flex;transform: translateY(5vh);transition:transform .8s,opacity .8s;opacity: 0;}
.noone_content_2 .discriptions_wrap{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.noone_content_2 .discriptions_wrap .stikey{width: 100%;height: 100vh; position: sticky; top:0; left: 0;z-index: 100;}
.noone_content_2 .discriptions_wrap .inner_wrap{padding-top: 7vmax;padding-bottom: 7vmax;}
.noone_content_2 .discriptions_wrap span{font-size: 28px;color: #fff;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.16);opacity: 0;transform: translateY(120%);transition: transform .5s .5s ease-out,opacity .5s .5s ease-out; }
.noone_content_2 .discriptions_wrap ul{position: relative;height: 14em; margin-bottom: 100px;}
.noone_content_2 .discriptions_wrap li{position: absolute; top:0; left: 0; }
.noone_content_2 .discriptions_wrap h4{font-family: 'Montserrat',sans-serif;color:#fff;font-size: 120px;letter-spacing: -.03em;margin-bottom: 30px;opacity: 0; transform: translateY(30%);transition: transform .3s,opacity .3s;}
.noone_content_2 .discriptions_wrap p{color:#fff; font-size: 28px;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.16);transform: translateY(20%);transition: transform .3s ,opacity .3s ;opacity: 0;}
.noone_content_2 .discriptions_wrap a{font-family: 'Montserrat',sans-serif;display: flex;align-items: center;justify-content: center;font-size:24px;height:2.5em;border-radius: 2.5em;width: 8.3334em;background: #fff;color:var(--keyColor); opacity: 0;transform: translateY(50%);transition: transform .5s .8s ease-out,opacity .5s .8s ease-out; }
.noone_content_2 .bg_imarges{flex: 0 0 100%; width: 100%;height: 100%;padding-left: calc((100% - 1280px)/2 + 325px);box-sizing: border-box;transition: background .3s;}
.noone_content_2 .bg_imarges>div{position: relative;height: 100vh;}
.noone_content_2 .bg_imarges .bg_wrap{height: 200vh;position: sticky;top: 0;}
.noone_content_2 .bg_imarges .bg_wrap img{position: sticky;top: 0;object-fit: cover; width: 100%; height: 100vh;}

.noone_content_2 .bg_imarges.bg_1{background: #98a1b9;}
.noone_content_2 .bg_imarges.bg_2{background: #848484;}
.noone_content_2 .bg_imarges.bg_3{background: #5f7288;}


.noone_content_2.on{transform: translateY(0);opacity: 1;}
.noone_content_2.on .discriptions_wrap span{transform: translateY(0);opacity: 1;}
.noone_content_2.on .discriptions_wrap a{transform: translateY(0);opacity: 1;}
.noone_content_2.on .discriptions_wrap li.active h4{opacity: 1;transform: translateY(0);transition-duration: .6s;}
.noone_content_2.on .discriptions_wrap li.active p{opacity: 1;transform: translateY(0);transition-duration: .6s;transition-delay: .2s;}

.noone_content_3{padding:168px 0 273px;background: url(/images/main/main_bg3-9741d2013f7728145cec75adbe1ba1e6.png) no-repeat center/cover;}
.noone_content_3 h3{font-size:70px;margin-bottom: 36px;color:#000;}
.noone_content_3 h3+.discription{margin-bottom: 60px;}
.noone_content_3 .discription p{font-size: 28px;color:#000;letter-spacing: -.04em;line-height: 1.43;}
.noone_content_3 .discription strong{color:#000;display: block;font-size: 28px;}
.noone_content_3 .logo_play{padding-top: 168px;}
.noone_content_3 .logo_play .swiper-wrapper {transition-timing-function: linear;}
.noone_content_3 .logo_play .swiper-slide{width: 12.2292vmax;height: 12.2292vmax;display: flex;align-items: center;justify-content: center;background-color: var(--white);border-radius: 50%;margin: 0 0.7292vw;}
.noone_content_3 .logo_play .swiper-slide img{width: 42.86%;}

@media screen and (max-width:1344px){
	.visual h2{white-space:nowrap;}
	
	/*
	.noone_content_1 .section_title{flex-direction:column;align-items:flex-start;}
	.noone_content_1 .section_title a{margin-left:0;font-size:22px;}
	*/
	.noone_content_1 .discription p{font-size:22px;}
	.noone_business_group .noone_business_box:nth-child(2){margin:0 14px;}
	.noone_business_group .noone_business dl dd{font-size:var(--description);}

	.noone_content_2 .discriptions_wrap span{font-size:22px;}
	.noone_content_2 .discriptions_wrap li h4{font-size:80px;margin-bottom:20px;}
	.noone_content_2 .discriptions_wrap ul{margin-bottom:60px;}
	.noone_content_2 .discriptions_wrap p{font-size:22px;word-break:keep-all;}
	.noone_content_2 .discriptions_wrap p br{display:none;}
	.noone_content_2 .discriptions_wrap a{font-size:18px;}


}
@media screen and (max-width:1280px){
	.noone_business_group{flex-direction:column;align-items:center;}
	.noone_business_group .noone_business_box:nth-child(2){margin:4vw 0;}
	.noone_content_2 .discriptions_wrap .inner_wrap{overflow:hidden;height:100%;box-sizing:border-box;padding-top:20vmax;padding-bottom:0vmax;}
	.noone_content_2 .bg_imarges{padding-left:0;}


}
@media screen and (max-width:600px){
	.visual h2,
	.visual h2 span{font-size:13.3333vw;}
	.visual h2 i{font-size: .6em;}

	.noone_content_1{padding:26.6667vw 0 64vw;}
	.noone_content_1 .discription h3{font-size:8vw;}
	.noone_content_1 .discription p{font-size:3.7333vw;}
	.noone_business_group .noone_business_box{width:53.3333vw;}
	.noone_business_group .noone_business dl{top:50%;transform: translate(-50%,-50%);}
	.noone_business_group .noone_business dl dt{margin-bottom:0;font-size:4.8vw}
	.noone_business_group.on .noone_business dl dd{display:none;}

	.noone_content_2 .discriptions_wrap ul{height:32vw;}
	.noone_content_2 .discriptions_wrap li h4{font-size:13.3333vw;;margin-bottom:2.6667vw;}
	.noone_content_2 .discriptions_wrap span{font-size:4.2667vw;}
	.noone_content_2 .discriptions_wrap p{font-size:3.7333vw;}
	.noone_content_2 .discriptions_wrap a{font-size:3.7333vw;}

	.noone_content_3{padding: 26.6667vw 0 37.3333vw;}
	.noone_content_3 h3{font-size:8vw;}
	.noone_content_3 .discription strong,
	.noone_content_3 .discription p{font-size: 3.7333vw;}
	.noone_content_3 .logo_play{padding-top:18.6667vw;}
	.noone_content_3 .logo_play .swiper-slide {width: 42vw;height: 42vw;}
	.noone_content_3 .logo_play .swiper-slide img{width: 60%;}
}