@charset "UTF-8";


img.-cover,picture.-cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
@media screen and (min-width:800px){
	.p-top-kv:after,.p-top-kv:before{content:''}
	.p-top-kv{width:100%; margin-top:108px;}
	.p-top-kv:before{float:left;padding-top:44%}
	.p-top-kv:after{display:block;clear:both}}
.p-top-kv{position:relative}
.p-top-kv__visual__item,.p-top-kv__visual__item__img{display:block;position:absolute;z-index:1;overflow:hidden}

@media screen and (min-width:800px){
	.p-top-kv__visual{width:100%;height:calc(100% - 40px);display:block;position:absolute;right:0;top:0;z-index:1}}
@media screen and (max-width:800px){
	.p-top-kv{width:100%;height:11.5rem}
	.p-top-kv__visual{width:100%;height:100%;display:block;position:absolute;left:0;top:0;right:auto;bottom:auto;z-index:1}}
.p-top-kv__visual__item{left:0;top:0;right:auto;bottom:auto;width:100%;height:100%;pointer-events:none;opacity:0}
.p-top-kv__visual__item.-active{pointer-events:auto}
.p-top-kv__visual__item__img{right:0;top:0;width:100%;height:100%}
.p-top-kv__visual__item__img__obj,.p-top-kv__visual__item__logo{display:block;position:absolute;top:0;right:auto;bottom:auto;height:100%;left:0}
@media screen and (min-width:800px){
	.p-top-kv__visual__item__img{width:100%;}
	.p-top-kv__visual__item__logo__inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}
.p-top-kv__visual__item__img__obj{width:100%;z-index:1}
.p-top-kv__visual__item__logo{z-index:3;width:100%}
.p-top-kv__visual__item__logo__inner{width:100%;height:100%}

.p-top-kv__scroll{width:1200px; height:calc(100% - 104px); position:absolute; left:calc(50% - 600px); top:0; z-index:2; display:flex; align-items:center;}
.p-top-kv__scroll img{width:29vw; max-width:550px;}

.p-top-kv__nav{display:block;position:absolute;left:calc(50% - 800px);bottom:0;right:auto;top:auto;z-index:1;width:96%;max-width:1600px;height:104px;}
.p-top-kv__nav__inner{background-color:#a999e0;width:100%;height:100%;display:flex;overflow:hidden;border-radius:2px;box-shadow:0 8px 40px rgba(0,0,0,.1);}
.p-top-kv__nav__item{width:25%; height:100%; padding-left:25px; border-left:#ECECEC 1px solid; display:flex; justify-content:flex-start; align-items:center; position:relative; opacity:.3; transition:all .2s}
.p-top-kv__nav__item.-active,.p-top-kv__nav__item:hover{opacity:1}
.p-top-kv__nav__item__img{width:82px;height:82px;border-radius:2px;}
.p-top-kv__nav__item__txt{font-size:16px; font-weight:700; margin-left:20px; color:#FFF;}
.p-top-kv__nav__item__txt p{font-weight:500; color:#FFF;}
.p-top-kv__nav__item__line{width:0%;height:4px;display:block;position:absolute;left:0;bottom:0;right:auto;top:auto;z-index:1; background-color:#FCEEE6}
@media screen and (max-width:1650px){
	.p-top-kv__nav{left:2%;}
}


.js-module-img-slider{width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}
.js-module-img-slider__slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}

.p-top-quality{position:relative;z-index:1}
.p-top-quality{display:grid;grid-template-columns:repeat(2,1fr);-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;row-gap:0;grid-template-areas:"a a" "b c"}
.p-top-quality__item{position:relative;color:#fff;box-sizing:border-box; display:flex; align-items:center;}
.p-top-quality__item.-item1{height:720px;grid-area:a;}
.p-top-quality__item.-item2{height:600px;grid-area:b;justify-content:center;}
.p-top-quality__item.-item3{height:600px;grid-area:c;justify-content:center;}
.p-top-quality__item__bg{display:block;position:absolute;left:0;top:0;right:auto;bottom:auto;z-index:1;width:100%;height:100%;overflow:hidden;}
.js-module-img-scroll__img{display:block;position:absolute;left:0;top:0;right:auto;bottom:auto;z-index:1;width:100%;background-size:cover;background-position:center center}
.p-top-quality__item.-item1 .p-top-quality__item__bg__img{height:880px;background-image:url(../images/karsee_ourbrand_bg.jpg)}
.p-top-quality__item__inner{position:relative;z-index:2}
.p-top-quality__item.-item2 .p-top-quality__item__bg__img{height:750px;background-image:url(../images/karsee_about_bg.jpg)}
.p-top-quality__item.-item3 .p-top-quality__item__bg__img{height:750px;background-image:url(../images/karsee_factory_bg.jpg)}

@media screen and (min-width:800px) and (max-width:1200px){
	.p-top-kv{width:100%; height:550px; margin-top:1.15rem;}
	.p-top-kv__scroll{width:50%; left:.5rem; top:0;}
	.p-top-kv__scroll img{width:100%;}
	.p-top-kv__nav__item{padding-left:15px;}
	.p-top-kv__nav__item__txt{font-size:14px; margin-left:10px;}
}

@media all and (max-width:768px){
	.p-top-kv{margin-top:1.15rem;}
	.p-top-kv__nav{left:auto;right:.4rem; bottom:.35rem;width:1.4rem;height:.12rem;}
	.p-top-kv__nav__inner{background-color:transparent;border-radius:0;box-shadow:none;}
	.p-top-kv__nav__item{width:.12rem; height:.12rem; margin-left:.18rem; padding-left:0; border-left:none; background-color:#FFFFFF; border-radius:50%; display:block; opacity:1;}
	.p-top-kv__nav__item.-active{background-color:#8DB1A1;}
	.p-top-kv__scroll{width:auto; height:8.15rem; position:absolute; left:.5rem; top:1.5rem;}
	.p-top-kv__scroll img{width:2.85rem;}
	
	.p-top-quality{display:block;}
	
	
.p-top-quality__item.-item2 .p-top-quality__item__bg__img{height:750px;background:url(../images/karsee_about_bg.jpg)}
.p-top-quality__item.-item3 .p-top-quality__item__bg__img{height:750px;background:url(../images/karsee_factory_bg.jpg)}

	
}