@charset "UTF-8";

html.fp-enabled body:not(.fp-responsive) #page .page_section.fp-section.padding_large{padding:150px 0;}
html.fp-enabled body:not(.fp-responsive) #page .page_section.fp-section > .inner{flex:1;justify-content:center;}
html.fp-enabled body:not(.fp-responsive) #page .page_section.fp-section > *:not(.page_section_header,.page_section_content){height:100%;}
html.fp-enabled body:is(.fp-responsive) #page .page_section.fp-section{height:auto !important;}


#page .mainslide{position:relative;z-index:0;margin:0;padding:0;height:100vh;min-height:800px;background-color:#000000;overflow:hidden;container-type:inline-size;}
#page .mainslide .item{position:relative;margin:0;padding:0 0 150px;display:flex !important;flex-wrap:nowrap;flex-direction:column;flex:1;}
#page .mainslide .item .image_wrap{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;padding:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;}
#page .mainslide .item .image_wrap .image{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;transform:translate(-50%,-50%) scale(1.1);}
#page .mainslide .item .image_wrap:after{content:"";display:block;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);background-size:auto 100%;background-position:center bottom;background-repeat:repeat-x;}
#page .mainslide .item .inner{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-end;flex:1;z-index:1;}
#page .mainslide .item .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#page .mainslide .item .text .description{position:relative;margin:0;padding:0;font-size:78px;font-weight:400;color:#FFFFFF;line-height:1.4;word-break:keep-all;overflow:hidden;}
#page .mainslide .item .text .description .row{position:relative;display:block;margin:0;padding:0;overflow:hidden;}
#page .mainslide .item .text .description .row:nth-child(1) .wrap{animation-delay:0ms;}
#page .mainslide .item .text .description .row:nth-child(2) .wrap{animation-delay:300ms;}
#page .mainslide .item .text .description .row:nth-child(3) .wrap{animation-delay:600ms;}
#page .mainslide .item .text .description .row:nth-child(4) .wrap{animation-delay:900ms;}
#page .mainslide .item .text .description .row:nth-child(5) .wrap{animation-delay:1200ms;}
#page .mainslide .item .text .description .wrap{position:relative;display:block;margin:0;padding:0;transform:translateY(100%);}
#page .mainslide .item .text .description b{font-weight:700;}
#page .mainslide .slick-slide{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#page .mainslide .slick-slide > div{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;flex:1;}
#page .mainslide .slick-slide.slick-current .item .image_wrap .image{animation:ani_mainslide_bg ease 5000ms forwards;}
#page .mainslide .slick-slide.slick-current .item .description .wrap{animation:ani_mainlslide_text ease 1200ms forwards;}
#page .mainslide .slick-list{height:100%;}
#page .mainslide .slick-track{height:100%;}
#page .mainslide .slick-dots{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);margin:0;padding:0 30px;list-style:none;width:100%;max-width:calc(var(--sitewidth-wide) + 60px);box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:10px;}
#page .mainslide .slick-dots li{position:relative;margin:0;padding:0;}
#page .mainslide .slick-dots button{position:relative;margin:0;padding:0;border-radius:0;border:0;-webkit-appearance:none;height:6px;width:85px;font-size:0;color:transparent;background-color:rgb(255,255,255,0.7);box-sizing:border-box;cursor:pointer;}
#page .mainslide .slick-dots button:before{content:"";display:block;position:absolute;left:0;top:0;width:0;height:100%;background-color:#1d77ac;}
#page .mainslide .slick-dots .slick-active button:before{animation:ani_mainlslide_dot linear 5000ms forwards;}

@supports (height:100dvh){
	#page .mainslide{height:100dvh;}
}

#page .scroll_guide{position:absolute;z-index:1;bottom:50px;left:50%;transform:translateX(-50%);margin:0;padding:0;height:auto !important;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;gap:30px;}
#page .scroll_guide .icon{position:relative;margin:0;padding:0;width:30px;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;}
#page .scroll_guide .icon:before{content:"";display:block;position:relative;display:block;margin:0;padding:0;aspect-ratio:100/157;background-image:url("../img/home/scroll_guide_mouse.png");background-size:100%;background-repeat:no-repeat;background-position:center center;}
#page .scroll_guide .icon:after{content:"";display:block;position:relative;display:block;margin:0;padding:0;aspect-ratio:100/21;background-image:url("../img/home/scroll_guide_arrow.png");background-size:100%;background-repeat:no-repeat;background-position:center center;animation:ani_scroll_guide ease 1000ms infinite;}
#page .scroll_guide .guide{position:relative;margin:0;padding:0;font-size:16px;font-weight:500;color:#FFFFFF;line-height:1.4;letter-spacing:0.025em;text-align:center;white-space:nowrap;}
#page .scroll_guide + .mainslide .item{padding-bottom:250px;}

@keyframes ani_mainslide_bg
{
	from{transform:translate(-50%,-50%) scale(1.1);}
	to{transform:translate(-50%,-50%) scale(1);}
}
@keyframes ani_mainlslide_text
{
	from{transform:translateY(100%);}
	to{transform:translateY(0%);}
}
@keyframes ani_mainlslide_dot
{
	from{width:0;}
	to{width:100%;}
}

@keyframes ani_scroll_guide
{
	from{transform:translateY(-50%);opacity:0;}
	to{transform:translateY(75%);opacity:1;}
}

@media all and (max-width:1600px)
{
	#page .mainslide .item{padding:0 0 100px;}
	#page .mainslide .item .text .description{font-size:70px;}
}
@media all and (max-width:1200px)
{
	#page .mainslide{height:100vh;min-height:75cqw;max-height:180cqw;}
	#page .mainslide .item{padding:0 0 75px;}
	#page .mainslide .item .text .description{font-size:5.8cqw;text-align:center;font-weight:600;}
	#page .mainslide .slick-dots{bottom:30px;padding:0 15px;justify-content:center;}
	#page .mainslide .slick-dots button{width:10cqw;max-width:85px;}

	#page .scroll_guide{gap:20px;bottom:70px;}
	#page .scroll_guide .icon{width:20px;}
	#page .scroll_guide .guide{font-size:13px;}
	#page .scroll_guide + .mainslide .item{padding-bottom:220px;}
	
	@supports (height:100dvh){
		#page .mainslide{height:100dvh;}
	}
}
@media all and (max-width:600px)
{	
	#page .mainslide .item .text .description{font-size:6cqw;}
}


#page .slogun_banner{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;gap:40px;justify-content:space-between;container-type:inline-size;}
#page .slogun_banner .image{position:relative;z-index:1;margin:0;padding:0;border-radius:25px;max-width:calc(50% - 20px);width:830px;background-color:#F8F8F8;overflow:hidden;}
#page .slogun_banner .image:before{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:url("../img/home/slogun_banner_image.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}
#page .slogun_banner .image:after{content:"";display:block;padding-bottom:74%;}
#page .slogun_banner .text{position:relative;z-index:0;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;}
#page .slogun_banner .text .description{position:relative;margin:0;padding:0;font-size:54px;font-weight:300;color:#252525;line-height:1.4;letter-spacing:-0.025em;word-break:keep-all;text-align:right;display:flex;flex-wrap:nowrap;flex-direction:column;gap:5px;}
#page .slogun_banner .text .description .row{position:relative;display:block;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-start;gap:40px;}
#page .slogun_banner .text .description .border{position:relative;margin:0;padding:0;top:20px;height:3px;background-color:#13426B;flex-grow:1;}
#page .slogun_banner .text .description .wrap{position:relative;display:block;margin:0;padding:0;flex-grow:1;}
#page .slogun_banner .text .description .border + .wrap{flex-grow:0;flex-shrink:0;}
#page .slogun_banner .text .description .fold{position:relative;display:block;margin:0;padding:0;overflow:hidden;}
#page .slogun_banner .text .description .fold:before{content:"";display:block;position:absolute;right:0;top:0;width:0;height:100%;background-color:#FFFFFF;}
#page .slogun_banner .text .description b{font-weight:700;}
#page .slogun_banner .text .description .big{font-size:66px;}
#page .slogun_banner .text .description .color{color:#13426B;}
#page .slogun_banner .image[data-animation]{opacity:0;transform:translateY(25%);}
#page .slogun_banner .image[data-animation]:before{transform:translate(-50%,-50%) scale(1.2);}
#page .slogun_banner .text[data-animation] .description .border{flex-grow:0;}
#page .slogun_banner .text[data-animation] .description .fold:before{width:100%;}
#page .slogun_banner .image[data-animation].animated{animation:ani_slogun_banner_image ease 1500ms forwards;}
#page .slogun_banner .image[data-animation].animated:before{animation:ani_slogun_banner_image_zoom ease 3000ms forwards;}
#page .slogun_banner .text[data-animation].animated .description .border{animation:ani_slogun_banner_border ease 800ms forwards;}
#page .slogun_banner .text[data-animation].animated .description .fold:before{animation:ani_slogun_banner_text ease 800ms forwards;}
#page .slogun_banner .text[data-animation].animated .description .row:nth-child(1) .fold:before{animation-delay:700ms;}
#page .slogun_banner .text[data-animation].animated .description .row:nth-child(2) .fold:before{animation-delay:900ms;}
#page .slogun_banner .text[data-animation].animated .description .row:nth-child(3) .fold:before{animation-delay:1200ms;}
#page .slogun_banner .text[data-animation].animated .description .row:nth-child(4) .fold:before{animation-delay:1500ms;}

@keyframes ani_slogun_banner_image
{
	from{transform:translateY(25%);opacity:0;}
	to{transform:translateY(0%);opacity:1;}
}
@keyframes ani_slogun_banner_image_zoom
{
	from{transform:translate(-50%,-50%) scale(1.2);}
	to{transform:translate(-50%,-50%) scale(1);}
}
@keyframes ani_slogun_banner_border
{
	from{flex-grow:0;}
	to{flex-grow:1;}
}
@keyframes ani_slogun_banner_text
{
	from{width:100%;}
	to{width:0;}
}

@media all and (max-width:1600px)
{
	#page .slogun_banner .image{border-radius:20px;}
	#page .slogun_banner .text .description{font-size:45px;}
	#page .slogun_banner .text .description .row{gap:30px;}
	#page .slogun_banner .text .description .border{top:15px;}
	#page .slogun_banner .text .description .big{font-size:1.2em;}
}
@media all and (max-width:1200px)
{
	#page .slogun_banner{max-width:600px;width:100%;margin:0 auto;flex-direction:column;gap:35px;}
	#page .slogun_banner .image{width:auto;max-width:initial;border-radius:15px;}
	#page .slogun_banner .text{align-self:flex-end;}
	#page .slogun_banner .text .description{font-size:40px;}
	#page .slogun_banner .text .description .row{gap:25px;}
}
@media all and (max-width:600px)
{
	#page .slogun_banner{gap:5cqw;}
	#page .slogun_banner .image{border-radius:3.3cqw;}
	#page .slogun_banner .text .description{font-size:6.6cqw;}
	#page .slogun_banner .text .description .row{gap:4.1cqw;}
	#page .slogun_banner .text .description .border{top:2.5cqw;}
}


#page .text_banner{position:relative;margin:0;padding:0;height:820px;background-color:#000000;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;container-type:inline-size;}
#page .text_banner .box{position:relative;margin:0;padding:200px 0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:column;flex:1;}
#page .text_banner .box:before{content:"";display:block;position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .text_banner .box:after{content:"";display:block;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0.3) 100%);background-size:auto 100%;background-position:center bottom;background-repeat:repeat-x;}
#page .text_banner .box > .inner{display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:flex-end;flex:1;z-index:2;}
#page .text_banner .box .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#page .text_banner .box .text .title{position:relative;margin:0;padding:0;font-size:64px;font-weight:300;color:#FFFFFF;line-height:1.4;word-break:keep-all;overflow:hidden;}
#page .text_banner .box .text .title .wrap{position:relative;display:block;margin:0;padding:0;}
#page .text_banner .box .text .title b{font-weight:700;}
#page .text_banner .box .text .title .big{font-size:80px;}
#page .text_banner .box:before{background-image:url("../img/home/text_banner_image.webp");}
#page .text_banner[data-animation] .box:before{transform:translate(-50%,-50%) scale(1.1);}
#page .text_banner .box .text[data-animation] .title .wrap{transform:translateY(100%);}
#page .text_banner[data-animation].animated .box:before{animation:ani_text_banner_bg ease 5000ms forwards;}
#page .text_banner .box .text[data-animation].animated .title .wrap{animation:ani_text_banner_text ease 1200ms forwards;}

@keyframes ani_text_banner_bg
{
	from{transform:translate(-50%,-50%) scale(1.1);}
	to{transform:translate(-50%,-50%) scale(1);}
}
@keyframes ani_text_banner_text
{
	from{transform:translateY(100%);}
	to{transform:translateY(0%);}
}

@media all and (max-width:1600px)
{
	#page .text_banner{height:700px;}
	#page .text_banner .box{padding:150px 0;}
	#page .text_banner .box .text .title{font-size:55px;}
	#page .text_banner .box .text .title .big{font-size:1.25em;}
}
@media all and (max-width:1200px)
{
	#page .text_banner{height:60cqw !important;}
	#page .text_banner .box{padding:8.3cqw 0;}
	#page .text_banner .box .text .title{font-size:6cqw;}
}
@media all and (max-width:600px)
{
	#page .text_banner{height:75cqw !important;}
	#page .text_banner .box .text .title{font-size:9cqw;}
}


#page .technology_list{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;gap:40px;}
#page .technology_list > li{position:relative;margin:0;padding:0;min-width:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#page .technology_list > li > .item{flex:1;}
#page .technology_list .item{position:relative;margin:0;padding:0;text-decoration:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:60px;}
#page .technology_list .item .icon{position:relative;margin:0;padding:0;width:160px;aspect-ratio:1/1;background-size:100%;background-repeat:no-repeat;background-position:center center;align-self:center;flex-shrink:0;}
#page .technology_list .item .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:15px;flex-grow:1;}
#page .technology_list .item .text .title{position:relative;margin:0;padding:0;font-size:28px;font-weight:500;color:#252525;line-height:1.4;text-align:center;word-break:keep-all;overflow:hidden;}
#page .technology_list .item .text .title .wrap{position:relative;display:block;margin:0;padding:0;}
#page .technology_list .item .icon.solidity{background-image:url("../img/home/technology_list_icon_solidity.webp");}
#page .technology_list .item .icon.durable{background-image:url("../img/home/technology_list_icon_durable.webp");}
#page .technology_list .item .icon.productivity{background-image:url("../img/home/technology_list_icon_productivity.webp");}
#page .technology_list .item .icon.commercialization{background-image:url("../img/home/technology_list_icon_commercialization.webp");}
#page .technology_list .item[data-animation] .icon{transform:translateY(25%);opacity:0;}
#page .technology_list .item[data-animation] .text .title .wrap{transform:translateY(100%);}
#page .technology_list .item[data-animation].animated .icon{animation:ani_technology_list_icon ease 800ms forwards;}
#page .technology_list .item[data-animation].animated .text .title .wrap{animation:ani_technology_list_text ease 800ms 350ms forwards;}

@keyframes ani_technology_list_icon
{
	from{transform:translateY(25%);opacity:0;}
	to{transform:translateY(0%);opacity:1;}
}
@keyframes ani_technology_list_text
{
	from{transform:translateY(100%);}
	to{transform:translateY(0%);}
}

@media all and (max-width:1600px)
{
	#page .technology_list .item{gap:40px;}
	#page .technology_list .item .icon{width:130px;}
	#page .technology_list .item .text .title{font-size:22px;}
}
@media all and (max-width:1200px)
{
	#page .technology_list .item{gap:30px;}
	#page .technology_list .item .icon{width:100px;}
	#page .technology_list .item .text .title{font-size:20px;}
}
@media all and (max-width:600px)
{
	#page .technology_list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;row-gap:40px;}
	#page .technology_list .item{gap:20px;}
	#page .technology_list .item .icon{width:80px;}
	#page .technology_list .item .text .title{font-size:18px;}
}


#page .latest{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;gap:40px;}
#page .latest .divider{position:relative;margin:0;padding:100px;background-color:#EAEAEA;display:flex;flex-wrap:nowrap;flex-direction:column;gap:15px;flex:1;min-width:0;}
#page .latest .divider:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#EAEAEA;}
#page .latest .divider > *{z-index:1;}
#page .latest .divider .divider_header{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;}
#page .latest .divider .divider_header .title{position:relative;margin:0;padding:0;font-size:40px;font-weight:700;color:#252525;line-height:1.4;}
#page .latest .divider .divider_header .more{position:relative;margin:0;padding:5px 15px;height:30px;border-radius:15px;border:1px solid #252525;font-size:14px;font-weight:400;color:#252525;line-height:1.4;background-color:#FFFFFF;text-decoration:none;box-sizing:border-box;transition:color ease 250ms,background-color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:5px;}
#page .latest .divider .divider_header .more:after{content:"\F5DC";display:block;position:relative;margin:0;padding:0;font-family:"remixicon";font-weight:400;line-height:1;}
#page .latest .divider .divider_header .more:hover{background-color:#FAFAFA;}
#page .latest .divider .divider_header .more:active{color:#FFFFFF;background-color:#252525;}
#page .latest .divider .divider_content{position:relative;margin:0;padding:0;}
#page .latest .divider .divider_content .list{position:relative;margin:0;padding:0;list-style:none;border-top:1px solid #252525;border-bottom:1px solid #252525;display:flex;flex-wrap:nowrap;flex-direction:column;}
#page .latest .divider .divider_content .list > li{position:relative;margin:0;padding:0;}
#page .latest .divider .divider_content .list > li:nth-child(n+2){border-top:1px solid #252525;}
#page .latest .divider .divider_content .list .item{position:relative;margin:0;padding:0;box-sizing:border-box;min-height:70px;font-size:20px;font-weight:400;line-height:1.4;color:#252525;text-decoration:none;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:20px;}
#page .latest .divider .divider_content .list .item > *{position:relative;margin:0;padding:0;font-size:inherit;}
#page .latest .divider .divider_content .list .item .title{font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-grow:1;}
#page .latest .divider .divider_content .list .item .date{font-weight:400;flex-shrink:0;}
#page .latest .divider.primary{background-color:#E9F2FF;}
#page .latest .divider.primary:before{background-color:#E9F2FF;}
#page .latest .divider.primary .divider_header .title{color:#13426B;}
#page .latest .divider.primary .divider_header .more{border-color:#13426B;color:#13426B;}
#page .latest .divider.primary .divider_header .more:active{color:#FFFFFF;background-color:#13426B;}
#page .latest .divider.primary .divider_content .list{border-color:#13426B;}
#page .latest .divider.primary .divider_content .list > li:nth-child(n+2){border-color:#13426B;}
#page .latest .divider.primary .divider_content .list .item{color:#13426B;}
#page .latest .divider:first-child{padding-left:0;}
#page .latest .divider:first-child:before{left:auto;right:0;width:100vw;}
#page .latest .divider:last-child{padding-right:0;}
#page .latest .divider:last-child:before{right:auto;left:0;width:100vw;}
#page .latest .divider[data-animation]{transform:translateY(25%);opacity:0;}
#page .latest .divider[data-animation].animated{animation:ani_latest_divider ease 800ms forwards;}

@keyframes ani_latest_divider
{
	from{transform:translateY(25%);opacity:0;}
	to{transform:translateY(0%);opacity:1;}
}

@media all and (max-width:1600px)
{
	#page .latest .divider{padding:80px;}
	#page .latest .divider .divider_header .title{font-size:35px;}
	#page .latest .divider .divider_content .list .item{font-size:18px;min-height:3.5em;}
}
@media all and (max-width:1200px)
{
	#page .latest{flex-direction:column;}
	#page .latest .divider{padding:40px 30px;gap:10px;}
	#page .latest .divider .divider_header .title{font-size:30px;}
	#page .latest .divider .divider_content .list .item{font-size:16px;}
}
@media all and (max-width:600px)
{
	#page .latest{gap:30px;}
	#page .latest .divider .divider_header .title{font-size:25px;}
	#page .latest .divider .divider_content .list .item{font-size:14px;}
}


#page .shortcut_banner{position:relative;margin:0;padding:60px 120px;border-radius:50px;min-height:600px;background-color:#E9E9E9;overflow:hidden;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;gap:40px;align-items:center;justify-content:space-between;}
#page .shortcut_banner .image{position:relative;margin:0;padding:0;border-radius:30px;aspect-ratio:750/480;max-width:calc(50% - 20px);width:750px;background-color:#F8F8F8;overflow:hidden;}
#page .shortcut_banner .image:before{content:"";display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
#page .shortcut_banner .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;gap:40px;}
#page .shortcut_banner .text .title{position:relative;margin:0;padding:0;font-size:60px;font-weight:500;color:#252525;line-height:1.4;word-break:keep-all;text-align:right;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-start;gap:60px;}
#page .shortcut_banner .text .title .border{position:relative;margin:0;padding:0;top:20px;height:2px;background-color:#13426B;flex-grow:1;}
#page .shortcut_banner .text .title .wrap{position:relative;display:block;margin:0;padding:0;flex-grow:1;}
#page .shortcut_banner .text .title .border + .wrap{flex-grow:0;flex-shrink:0;}
#page .shortcut_banner .text .title .fold{position:relative;display:block;margin:0;padding:0;overflow:hidden;}
#page .shortcut_banner .text .title .fold:before{content:"";display:block;position:absolute;right:0;top:0;width:0;height:100%;background-color:#E9E9E9;}
#page .shortcut_banner .text .description{position:relative;margin:0;padding:0;font-size:24px;font-weight:400;color:#252525;line-height:1.6;word-break:keep-all;text-align:right;}
#page .shortcut_banner .text .description b{font-weight:900;}
#page .shortcut_banner .text .buttons{position:relative;margin:0;padding:0;margin-top:15px;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:flex-end;}
#page .shortcut_banner .text .buttons .button{position:relative;margin:0;padding:5px 10px;border-radius:0;border:1px solid #252525;min-width:250px;height:50px;font-size:20px;line-height:1.4;font-weight:500;color:#FFFFFF;text-align:center;text-decoration:none;background-color:#252525;-webkit-appearance:none;outline:none;box-sizing:border-box;transition:color ease 250ms,border-color ease 250ms,background-color ease 250ms;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;gap:20px;}
#page .shortcut_banner .text .buttons .button:after{content:"\F5DC";display:block;position:relative;margin:0;padding:0;font-family:"remixicon";font-weight:400;line-height:1;}
#page .shortcut_banner .text .buttons .button:hover{background-color:#141414;}
#page .shortcut_banner .text .buttons .button:active{background-color:#030303;}
#page .shortcut_banner.revese{flex-direction:row-reverse;}
#page .shortcut_banner.revese .text .title{text-align:initial;flex-direction:row-reverse;justify-content:flex-end;}
#page .shortcut_banner.revese .text .title .fold:before{right:auto;left:0;}
#page .shortcut_banner.revese .text .description{text-align:initial;}
#page .shortcut_banner.revese .text .buttons{justify-content:flex-start;}
#page .shortcut_banner .image.innovation:before{background-image:url("../img/home/shortcut_banner_image_innovation.webp");}
#page .shortcut_banner .image.ptx_cs{background-color:transparent;border-radius:0;position:absolute;right:0;top:50%;transform:translate(0,-50%);width:100%;height:100%;max-width:initial;aspect-ratio:initial;}
#page .shortcut_banner .image.ptx_cs:before{background-image:url("../img/home/shortcut_banner_image_ptx_cs.webp");background-position:right center;background-size:auto 100%;}
#page .shortcut_banner .image.ptx_cs + .text{margin-right:auto;}

#page .shortcut_banner .image[data-animation]{transform:translateX(-25%);opacity:0;}
#page .shortcut_banner .image[data-animation]:before{transform:translate(-50%,-50%) scale(1.2);}
#page .shortcut_banner .text[data-animation] .title .border{flex-grow:0;}
#page .shortcut_banner .text[data-animation] .title .fold:before{width:100%;}
#page .shortcut_banner .text[data-animation] .description{transform:translateY(25%);opacity:0;}
#page .shortcut_banner .text[data-animation] .buttons{transform:translateY(25%);opacity:0;}
#page .shortcut_banner .image[data-animation].animated{animation:ani_shortcut_banner_image ease 1500ms forwards;}
#page .shortcut_banner .image[data-animation].animated:before{animation:ani_shortcut_banner_image_zoom ease 3000ms forwards;}
#page .shortcut_banner .text[data-animation].animated .title .border{animation:ani_shortcut_banner_border ease 800ms forwards;}
#page .shortcut_banner .text[data-animation].animated .title .fold:before{animation:ani_shortcut_banner_title ease 800ms 700ms forwards;}
#page .shortcut_banner .text[data-animation].animated .description{animation:ani_shortcut_banner_description ease 800ms 1000ms forwards;}
#page .shortcut_banner .text[data-animation].animated .buttons{animation:ani_shortcut_banner_buttons ease 800ms 1200ms forwards;}
#page .shortcut_banner.revese .image[data-animation]{transform:translateX(25%);opacity:0;}
#page .shortcut_banner.revese .image[data-animation].animated{animation:ani_shortcut_banner_image_revserse ease 1500ms forwards;}
#page .shortcut_banner.revese .text[data-animation].animated .title .border{animation-delay:700ms;}
#page .shortcut_banner.revese .text[data-animation].animated .title .fold:before{animation:ani_shortcut_banner_title ease 800ms 300ms forwards;}
#page .shortcut_banner .image[data-animation].ptx_cs.animated{animation-name:ani_shortcut_banner_image_revserse_full;}

html:not(.fp-enabled) #page .page_section.section_link2,
html.fp-enabled body:is(.fp-responsive) #page .page_section.section_link2{padding-top:0;}

@keyframes ani_shortcut_banner_image
{
	from{transform:translateX(-25%);opacity:0;}
	to{transform:translateX(0%);opacity:1;}
}
@keyframes ani_shortcut_banner_image_revserse
{
	from{transform:translateX(25%);opacity:0;}
	to{transform:translateX(0%);opacity:1;}
}
@keyframes ani_shortcut_banner_image_revserse_full
{
	from{transform:translate(0%,-50%);opacity:0;}
	to{transform:translate(0%,-50%);opacity:1;}
}
@keyframes ani_shortcut_banner_image_zoom
{
	from{transform:translate(-50%,-50%) scale(1.2);}
	to{transform:translate(-50%,-50%) scale(1);}
}
@keyframes ani_shortcut_banner_border
{
	from{flex-grow:0;}
	to{flex-grow:1;}
}
@keyframes ani_shortcut_banner_title
{
	from{width:100%;}
	to{width:0;}
}
@keyframes ani_shortcut_banner_description
{
	from{transform:translateY(25%);opacity:0;}
	to{transform:translateY(0%);opacity:1;}
}
@keyframes ani_shortcut_banner_buttons
{
	from{transform:translateY(25%);opacity:0;}
	to{transform:translateY(0%);opacity:1;}
}

@media all and (max-width:1600px)
{
	#page .shortcut_banner{padding:60px;border-radius:50px;}
	#page .shortcut_banner .image{border-radius:25px;}
	#page .shortcut_banner .text{gap:35px;}
	#page .shortcut_banner .text .title{font-size:55px;gap:50px;}
	#page .shortcut_banner .text .title .border{top:18px;}
	#page .shortcut_banner .text .description{font-size:20px;}
}
@media all and (max-width:1200px)
{
	#page .shortcut_banner{padding:40px;border-radius:30px;max-width:600px;width:100%;min-height:initial;margin:0 auto;flex-direction:column;justify-content:initial;gap:35px;}
	#page .shortcut_banner .image{width:100%;max-width:initial;border-radius:20px;}
	#page .shortcut_banner .text{align-self:flex-end;gap:30px;}
	#page .shortcut_banner .text .title{font-size:50px;gap:40px;}
	#page .shortcut_banner .text .title .border{top:16px;}
	#page .shortcut_banner .text .description{font-size:18px;}
	#page .shortcut_banner.revese{flex-direction:column-reverse;}
	#page .shortcut_banner .image.ptx_cs{position:relative;left:auto;right:auto;top:auto;right:auto;height:auto;width:100%;aspect-ratio:750/480;margin-bottom:-40px;}
	#page .shortcut_banner .image.ptx_cs:before{background-size:100%;}
	
	@keyframes ani_shortcut_banner_image_revserse_full
	{
		from{transform:translate(0,0);opacity:0;}
		to{transform:translate(0,0);opacity:1;}
	}
}
@media all and (max-width:600px)
{
	#page .shortcut_banner{padding:20px;border-radius:20px;}
	#page .shortcut_banner .image{border-radius:15px;}
	#page .shortcut_banner .text{gap:25px;}
	#page .shortcut_banner .text .title{font-size:45px;gap:30px;}
	#page .shortcut_banner .text .title .border{top:14px;}
	#page .shortcut_banner .text .description{font-size:16px;}
	#page .shortcut_banner .image.ptx_cs{margin-bottom:-20px;}
}


#page .future_banner{position:relative;margin:0;padding:0;height:1030px;background-color:#000000;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;container-type:inline-size;}
#page .future_banner .box{position:relative;margin:0;padding:140px 0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:column;flex:1;}
#page .future_banner .box:before{content:"";display:block;position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;}
#page .future_banner .box:after{content:"";display:block;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background-size:auto 100%;background-position:center bottom;background-repeat:repeat-x;}
#page .future_banner .box > .inner{display:flex;flex-wrap:nowrap;flex-direction:column;flex:1;z-index:2;}
#page .future_banner .box .text{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:10px;}
#page .future_banner .box .text .title{position:relative;margin:0;padding:0;font-size:60px;font-weight:400;color:#FFFFFF;line-height:1.4;text-align:center;word-break:keep-all;overflow:hidden;}
#page .future_banner .box .text .title .wrap{position:relative;display:block;margin:0;padding:0;}
#page .future_banner .box .text .title b{font-weight:700;}
#page .future_banner .box .text .description{position:relative;margin:0;padding:0;font-size:35px;font-weight:300;color:#FFFFFF;line-height:1.4;text-align:center;word-break:keep-all;overflow:hidden;}
#page .future_banner .box .text .description .wrap{position:relative;display:block;margin:0;padding:0;}
#page .future_banner .box .text .description b{font-weight:700;}
#page .future_banner .box:before{background-image:url("../img/home/future_banner_image.webp");}
#page .future_banner[data-animation] .box:before{transform:translate(-50%,-50%) scale(1.1);}
#page .future_banner .box .text[data-animation] .title .wrap{transform:translateY(100%);}
#page .future_banner .box .text[data-animation] .description .wrap{transform:translateY(100%);}
#page .future_banner[data-animation].animated .box:before{animation:ani_future_banner_bg ease 5000ms forwards;}
#page .future_banner .box .text[data-animation].animated .title .wrap{animation:ani_future_banner_text ease 1200ms forwards;}
#page .future_banner .box .text[data-animation].animated .description .wrap{animation:ani_future_banner_text ease 1200ms 350ms forwards;}

@keyframes ani_future_banner_bg
{
	from{transform:translate(-50%,-50%) scale(1.1);}
	to{transform:translate(-50%,-50%) scale(1);}
}
@keyframes ani_future_banner_text
{
	from{transform:translateY(100%);}
	to{transform:translateY(0%);}
}

@media all and (max-width:1600px)
{
	#page .future_banner{height:900px;}
	#page .future_banner .box{padding:100px 0;}
}
@media all and (max-width:1200px)
{
	#page .future_banner{height:75cqw;}
	#page .future_banner .box{padding:8.3cqw 0;}
	#page .future_banner .box .text{gap:1cqw;}
	#page .future_banner .box .text .title{font-size:5cqw;}
	#page .future_banner .box .text .description{font-size:2.9cqw;}
}
@media all and (max-width:600px)
{
	#page .future_banner{height:100cqw;}
	#page .future_banner .box{padding:12cqw 0;}
	#page .future_banner .box .text{gap:2cqw;}
	#page .future_banner .box .text .title{font-size:8cqw;}
	#page .future_banner .box .text .description{font-size:4.64cqw;}
}