@charset "UTF-8";


.component_mainslide{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;}
.component_mainslide .circle{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background-color:#ffffff;width:100%;animation:ani_mainslide_circle ease 1.2s forwards;}
.component_mainslide .circle:before{content:"";display:block;padding-bottom:100%;}
.component_mainslide .keyword{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;}
.component_mainslide .keyword .inner{position:relative;height:100%;}
.component_mainslide .keyword .inner_box{position:relative;height:100%;}
.component_mainslide .keyword .content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:-30px;font-size:20px;width:100%;text-align:center;box-sizing:border-box;opacity:0;animation:ani_mainslide_keyword_content ease 1.2s forwards;}
.component_mainslide .keyword .content .subtitle{position:relative;margin:0;padding:0;font-size:30px;font-weight:400;color:#ffffff;line-height:1.4;word-break:keep-all;}
.component_mainslide .keyword .content .logo{position:relative;margin:0 auto;margin-top:60px;padding:0;max-width:930px;width:calc(100% - 60px);font-size:1em;background-image:url(../img/mainslide_logo.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_mainslide .keyword .content .logo:before{content:"";display:block;padding-bottom:14.32%;}
.component_mainslide .keyword .content .logo span{display:none;}
.component_mainslide .slides{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;}
.component_mainslide .slides .slick-list{position:relative;height:100%;}
.component_mainslide .slides .slick-track{position:relative;height:100%;}
.component_mainslide .slides .slide{position:relative;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.component_mainslide .slides .slide.slide1{background-image:url(../img/mainslide_bg1.jpg);}
.component_mainslide .slides .slide.slide2{background-image:url(../img/mainslide_bg2.jpg);}
.component_mainslide .slides .slide.slide3{background-image:url(../img/mainslide_bg3.jpg);}
.component_mainslide .slides .slide.slide4{background-image:url(../img/mainslide_bg4.jpg);}
.component_mainslide .slides .slide.slide5{background-image:url(../img/mainslide_bg5.jpg);}

@keyframes ani_mainslide_circle{
	from{transform:translate(-50%,-50%) scale(0);opacity:1;}
	to{transform:translate(-50%,-50%) scale(3);opacity:0;}
}

@keyframes ani_mainslide_keyword_content{
	from{transform:translate(-50%,-50%) scale(3);opacity:0;}
	to{transform:translate(-50%,-50%) scale(1);opacity:1;}
}

@media all and (max-width:1300px){
	.component_mainslide .keyword .content{font-size:18px;margin-top:-1.5em;}
	.component_mainslide .keyword .content .subtitle{font-size:1.5em;}
	.component_mainslide .keyword .content .logo{margin-top:3em;max-width:46.5em;}
}
@media all and (max-width:1200px){
	.component_mainslide .keyword .content{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_mainslide .keyword .content{font-size:16px;}
}
@media all and (max-width:800px){
	.component_mainslide .keyword .content{font-size:15px;}
}
@media all and (max-width:600px){
	.component_mainslide .keyword .content{font-size:14px;}
}
@media all and (max-width:400px){
	.component_mainslide .keyword .content{font-size:13px;}
}
@media all and (max-width:350px){
	.component_mainslide .keyword .content{font-size:12px;}
}


.component_menu{position:relative;}
.component_menu .list{position:relative;}
.component_menu .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_menu .list > ul:after{content:"";display:block;clear:both;}
.component_menu .list > ul > li{position:relative;float:left;width:calc(33.33% - 26.7px);margin-right:40px;}
.component_menu .list > ul > li:nth-child(n+4){margin-top:40px;}
.component_menu .list > ul > li:nth-child(3n){margin-right:0;}
.component_menu .list .item{position:relative;display:block;border-radius:60px;overflow:hidden;font-size:20px;background-color:#efefef;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:center center;text-decoration:none;cursor:pointer;}
.component_menu .list .item:before{content:"";display:block;padding-bottom:100%;}
.component_menu .list .item:after{content:"";display:block;position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-color:#000000;opacity:0.4;transition:opacity ease 0.3s;}
.component_menu .list .item .content{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:0 15px;text-align:center;box-sizing:border-box;}
.component_menu .list .item .content .title{position:relative;display:inline-block;vertical-align:top;margin:0;padding:0;padding-right:30px;font-size:30px;font-weight:500;color:#ffffff;line-height:1.4;word-break:keep-all;white-space:nowrap;background-image:url(../img/component_menu_item_arrow.png);background-size:auto 22px;background-repeat:no-repeat;background-position:right center;}
.component_menu .list .item:hover:after{opacity:0.6;}
.component_menu .list .item.item1{background-image:url(../img/component_menu_item_bg1.jpg);}
.component_menu .list .item.item2{background-image:url(../img/component_menu_item_bg2.jpg);}
.component_menu .list .item.item3{background-image:url(../img/component_menu_item_bg3.jpg);}
.component_menu .list .item.item4{background-image:url(../img/component_menu_item_bg4.jpg);}
.component_menu .list .item.item5{background-image:url(../img/component_menu_item_bg5.jpg);}
.component_menu .list .item.item6{background-image:url(../img/component_menu_item_bg6.jpg);}

@media all and (max-width:1300px){
	.component_menu .list .item{font-size:18px;border-radius:3em;}
	.component_menu .list .item .content .title{font-size:1.5em;padding-right:1em;background-size:auto 0.73em;}
}
@media all and (max-width:1200px){
	.component_menu .list .item{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_menu .list > ul > li{width:calc(33.33% - 13.4px);margin-right:20px;}
	.component_menu .list > ul > li:nth-child(n+4){margin-top:20px;}
	.component_menu .list .item{font-size:16px;}
}
@media all and (max-width:800px){
	.component_menu .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_menu .list > ul > li{width:calc(50% - 10px);margin-right:20px;}
	.component_menu .list > ul > li:nth-child(n+3){margin-top:20px;}
	.component_menu .list > ul > li:nth-child(3n){margin-right:20px;}
	.component_menu .list > ul > li:nth-child(2n){margin-right:0;}
	.component_menu .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_menu .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_menu .list .item{font-size:12px;}
}


.component_we{position:relative;}
.component_we .buttons{position:relative;text-align:center;font-size:20px;}
.component_we .buttons ul{position:relative;margin:0;padding:0;list-style:none;display:inline-block;vertical-align:top;}
.component_we .buttons ul:after{content:"";display:block;clear:both;}
.component_we .buttons ul li{position:relative;float:left;margin-right:20px;}
.component_we .buttons ul li:last-child{margin-right:0;}
.component_we .buttons .button{position:relative;display:block;margin:0;padding:0 30px;border:1px solid #000000;-webkit-appearance:none;min-width:160px;height:46px;border-radius:23px;text-align:center;font-size:20px;font-weight:400;line-height:calc(46px - 2px);color:#000000;white-space:nowrap;background-color:transparent;box-sizing:border-box;transition:background-color ease 0.3s,color ease 0.3s;text-decoration:none;cursor:pointer;}
.component_we .buttons .button:hover{background-color:#222222;color:#ffffff;}
.component_we .buttons .button.active{background-color:#000000;font-weight:500;color:#ffffff;}
.component_we .figure{position:relative;margin-top:80px;background-color:#efefef;background-size:cover;background-repeat:no-repeat;background-position:center center;background-image:url(../img/component_we_figure.jpg);}
.component_we .figure:before{content:"";display:block;padding-bottom:37.5%;}
.component_we .figure .decoration{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:100%;background-size:auto 100%;background-repeat:no-repeat;background-position:center center;background-image:url(../img/component_we_figure_decoration.png);}

@media all and (max-width:1300px){
	.component_we .buttons{font-size:18px;}
	.component_we .buttons ul li{margin-right:1em;}
	.component_we .buttons .button{padding:0 1.5em;min-width:8em;height:2.3em;border-radius:1.15em;font-size:1em;line-height:calc(2.3em - 2px);}
	.component_we .figure{margin-top:70px;}
}
@media all and (max-width:1200px){
	.component_we .buttons{font-size:17px;}
	.component_we .figure{margin-top:60px;}
}
@media all and (max-width:1000px){
	.component_we .buttons{font-size:16px;}
	.component_we .figure{margin-top:55px;}
	.component_we .figure:before{padding-bottom:50%;}
}
@media all and (max-width:800px){
	.component_we .buttons{font-size:15px;}
	.component_we .figure{margin-top:50px;}
}
@media all and (max-width:600px){
	.component_we .buttons{font-size:14px;}
	.component_we .figure{margin-top:45px;}
	.component_we .figure:before{padding-bottom:65%;}
}
@media all and (max-width:400px){
	.component_we .buttons{font-size:13px;}
	.component_we .figure{margin-top:40px;}
}
@media all and (max-width:350px){
	.component_we .buttons{font-size:12px;}
	.component_we .figure{margin-top:35px;}
}


.component_performance{position:relative;}
.component_performance .list{position:relative;}
.component_performance .list > ul{position:relative;margin:0;padding:0;list-style:none;}
.component_performance .list > ul:after{content:"";display:block;clear:both;}
.component_performance .list > ul > li{position:relative;float:left;width:50%;}
.component_performance .list .item{position:relative;display:block;overflow:hidden;font-size:20px;height:330px;background-color:#efefef;box-sizing:border-box;background-size:cover;background-repeat:no-repeat;background-position:center center;text-decoration:none;cursor:pointer;}
.component_performance .list .item:after{content:"";display:block;position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-color:#000000;opacity:0;transition:opacity ease 0.3s;}
.component_performance .list .item .content{position:absolute;z-index:1;left:0;top:50%;transform:translateY(-50%);width:100%;max-width:670px;height:165px;padding:0 30px;box-sizing:border-box;}
.component_performance .list .item .content .title{position:relative;margin:0;padding:0;font-size:32px;font-weight:500;color:#ffffff;font-family:"Outfit",sans-serif;line-height:1.4;word-break:keep-all;}
.component_performance .list .item .content .description{position:relative;margin:0;padding:0;font-size:22px;font-weight:400;color:#ffffff;line-height:1.4;word-break:keep-all;margin-top:20px;}
.component_performance .list .item .content .more{position:absolute;bottom:0;margin:0;padding:0;padding-right:25px;font-size:20px;font-weight:400;color:#ffffff;line-height:1.4;word-break:keep-all;white-space:nowrap;background-image:url(../img/component_performance_item_arrow.png);background-size:auto 13px;background-repeat:no-repeat;background-position:right center;}
.component_performance .list .item:hover:after{opacity:0.6;}
.component_performance .list .item.item1{background-image:url(../img/component_performance_item_bg1.jpg);}
.component_performance .list .item.item2{background-image:url(../img/component_performance_item_bg2.jpg);}
.component_performance .list > ul > li:nth-child(2n-1) .item .content{left:auto;right:0;}
.component_performance .list > ul > li:nth-child(2n) .item .content{left:0;padding-left:110px;}

@media all and (max-width:1300px){
	.component_performance .list .item{font-size:18px;height:16.5em;}
	.component_performance .list .item .content .title{font-size:1.6em;}
	.component_performance .list .item .content .description{font-size:1.1em;margin-top:0.9em;}
	.component_performance .list .item .content .more{font-size:1em;padding-right:1.25em;background-size:auto 0.65em;}
	.component_performance .list > ul > li:nth-child(2n) .item .content{padding-left:90px;}
}
@media all and (max-width:1200px){
	.component_performance .list .item{font-size:17px;}
	.component_performance .list > ul > li:nth-child(2n) .item .content{padding-left:60px;}
}
@media all and (max-width:1000px){
	.component_performance .list .item{font-size:16px;background-position:right 35% center;}
	.component_performance .list > ul > li:nth-child(2n) .item .content{padding-left:30px;}
}
@media all and (max-width:800px){
	.component_performance .list .item{font-size:15px;}
	.component_performance .list .item .content{padding:0 20px;}
	.component_performance .list > ul > li:nth-child(2n) .item .content{padding-left:20px;}
}
@media all and (max-width:600px){
	.component_performance .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_performance .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_performance .list .item{font-size:12px;}
}


.component_info{position:relative;}
.component_info .info{position:relative;font-size:20px;}
.component_info .info ul{position:relative;margin:0;padding:0;list-style:none;}
.component_info .info ul li{position:relative;}
.component_info .info ul li:after{content:"";display:block;clear:both;}
.component_info .info ul li:nth-child(n+2){margin-top:30px;}
.component_info .info .item{position:relative;}
.component_info .info .item .icon{position:absolute;left:0;top:4px;display:block;width:28px;background-size:100%;background-repeat:no-repeat;background-position:center center;}
.component_info .info .item .icon:before{content:"";display:block;padding-bottom:100%;}
.component_info .info .item .content{position:relative;float:right;width:calc(100% - 55px);box-sizing:border-box;}
.component_info .info .item .content .description{position:relative;margin:0;padding:0;font-size:22px;font-weight:500;color:#000000;line-height:1.4;word-break:keep-all;}
.component_info .info .item .content .description a{color:inherit;text-decoration:none;}
.component_info .info .icon.icon1{background-image:url(../img/component_info_icon1.png);}
.component_info .info .icon.icon2{background-image:url(../img/component_info_icon2.png);}
.component_info .info .icon.icon3{background-image:url(../img/component_info_icon3.png);}

@media all and (max-width:1300px){
	.component_info .info{font-size:18px;}
	.component_info .info ul li:nth-child(n+2){margin-top:1.5em;}
	.component_info .info .item .icon{width:1.4em;}
	.component_info .info .item .content{width:calc(100% - 2.75em);}
	.component_info .info .item .content .description{font-size:1.1em;}
}
@media all and (max-width:1200px){
	.component_info .info{font-size:17px;}
}
@media all and (max-width:1000px){
	.component_info .info{font-size:16px;}
}
@media all and (max-width:800px){
	.component_info .info{font-size:15px;}
}
@media all and (max-width:600px){
	.component_info .info{font-size:14px;}
}
@media all and (max-width:400px){
	.component_info .info{font-size:13px;}
}
@media all and (max-width:350px){
	.component_info .info{font-size:12px;}
}


.component_info_map{position:relative;margin-top:150px;max-width:940px;width:calc(50vw - 20px);}
.component_info_map .map{position:relative;background-color:#efefef;}
.component_info_map .map:before{content:"";display:block;padding-bottom:510px;}

@media all and (max-width:1300px){
	.component_info_map{margin-top:130px;}
}
@media all and (max-width:1200px){
	.component_info_map{margin-top:110px;}
}
@media all and (max-width:1000px){
	.component_info_map{margin-top:50px;width:100%;max-width:100%;}
	.component_info_map .map:before{padding-bottom:60%;}
}
@media all and (max-width:800px){
	.component_info_map{margin-top:45px;}
	.component_info_map .list .item{font-size:15px;}
}
@media all and (max-width:600px){
	.component_info_map{margin-top:40px;}
	.component_info_map .list .item{font-size:14px;}
}
@media all and (max-width:400px){
	.component_info_map{margin-top:35px;}
	.component_info_map .list .item{font-size:13px;}
}
@media all and (max-width:350px){
	.component_info_map{margin-top:30px;}
	.component_info_map .list .item{font-size:12px;}
}