@charset "utf-8";

@media only screen and (max-width:980px){
h1{line-height:35px;font-size:30px;}
h2{line-height:30px;font-size:24px;}
h3{line-height:28px;font-size:20px;}
p{line-height:25px;font-size:16px;}
.m-Top{margin-top:90px;}
.main-width{width:92vw;}
.secd-width{width:92vw;}

header{box-shadow:0 0 5px rgba(0,0,0,.2);}
header .notes{height:40px;}
header .notes p{line-height:22px;font-size:16px;}
header .nav{height:50px;}
header .nav .secd-width{display:flex;justify-content:space-between;align-items:center;height:100%;}
header .nav .menubtn{display:block;}
header .nav .logo{width:40px;height:40px;margin-top:0;}
header .nav .lang{width:70px;height:30px;margin:0;}
header .nav .lang .box{line-height:16px;padding:3px;font-size:12px;border-radius:3px;}
header .nav .lang .box span{padding:3px 3px 3px 26px;}
header .nav .lang .box span:before{left:3px;top:3px;width:20px;height:16px;}
header .nav .lang .box span:after{top:2px;line-height:16px;font-size:16px;}
header .nav .lang .box .sel a{padding:3px 3px 3px 26px;border-radius:3px;}
header .nav .lang .box .sel a:before{left:3px;top:3px;width:20px;height:16px;}
header .nav .lang .box.open{box-shadow:0 0 5px rgba(0,0,0,.2);}
header .nav .menu{position:fixed;left:-105%;top:89px;width:100%;max-height:calc(100vh - 89px);box-shadow:0 0 5px rgba(0,0,0,.2);overflow-y:auto;background-color:#fff;transition:all .5s;}
header .nav .menu .one{display:block;}
header .nav .menu .one > li{line-height:30px;padding:0;border-bottom:1px solid #ddd;font-size:16px;text-align:center;}
header .nav .menu .one > li > a{display:block;padding:10px;}
header .nav .menu .one > li:nth-last-child(1){border-bottom:none;}
header .nav .menu .menu-header-nav-container{padding:0 4vw;}
header.flow .nav{height:50px;}
header.flow .nav .logo{height:40px;margin-top:0;}
header.flow .nav .lang{margin-top:0;}
header.flow .nav .menu .one > li{padding:0;}
header.hn{top:0;}
header.active .nav .menu{left:0;}

footer{padding:40px 0 20px;}
footer .func{flex-direction:column;padding-bottom:30px;}
footer .func .logo{margin-bottom:30px;}
footer .func .logo img{width:80px;height:80px;}
footer .func .logo h3{line-height:30px;font-size:24px;}
footer .func .subscr{width:100%;padding-right:60%;}
footer .func .subscr h2{line-height:25px;margin-bottom:5px;font-size:20px;}
footer .func .subscr .simple-message{width:50%;height:40px;border-radius:30px;}
footer .func .subscr .simple-message input{height:40px;padding:0 15px;font-size:16px;box-sizing:border-box;}
footer .func .subscr .simple-message button{height:40px;font-size:16px;}
footer .func .subscr .simple-message li.sm-email{width:calc(100% - 100px);}
footer .func .subscr .simple-message li.sm-subtn{width:100px;border-radius:30px;}
footer .info{padding:30px 0;}
footer .info .menu-header-nav-container .one{justify-content:space-between;}
footer .info .menu-header-nav-container .one li{line-height:25px;font-size:18px;}
footer .info .menu-header-nav-container .one li.current-menu-item{border-width:2px;}
footer .info .contact{margin-top:30px;}
footer .info .contact .way h2{line-height:25px;margin-bottom:10px;font-size:20px;}
footer .info .contact .way li{line-height:25px;padding-left:25px;font-size:16px;}
footer .info .contact .way li.address:before{font-size:18px;}
footer .info .contact .sns h3{line-height:25px;margin-bottom:10px;font-size:20px;}
footer .info .contact .sns .wp-block-image{width:30px;height:30px;}
footer .info .contact .sns .wp-block-group{margin-top:15px;column-gap:10px;}

.foot-message h2 i{width:20px;height:20px;margin:0 2px;}
.foot-message .simple-message{width:500px;max-width:100%;margin-top:20px;}
.foot-message .simple-message input,.foot-message .simple-message textarea{height:40px;padding:0 15px;font-size:16px;border-radius:4px;}
.foot-message .simple-message textarea{height:120px;padding:10px 15px;}
.foot-message .simple-message button{width:140px;height:40px;border-radius:40px;font-size:16px;}
.foot-message .simple-message li{margin-bottom:15px;}

.hot-investment h2{line-height:30px;font-size:24px;}
.tgbtn .wp-block-button__link{line-height:50px;padding:0 30px;font-size:18px;border-radius:50px;}

.flow-map .close{width:60px;height:60px;}
.flow-map .close:before{width:30px;margin:-1px 0 0 -15px;}
.flow-map .close:after{width:30px;margin:-1px 0 0 -15px;}
.flow-video .close{width:60px;height:60px;}
.flow-video .close:before{width:30px;margin:-1px 0 0 -15px;}
.flow-video .close:after{width:30px;margin:-1px 0 0 -15px;}

.pageinfo{margin-top:40px;}
.pageinfo ul{gap:8px;}
.pageinfo li{line-height:30px;padding:0 12px;font-size:16px;}
.init .age{padding:5vw 4vw 0;}
.init .age .load .logo{width:200px;height:200px;}
.init .age .load .progress{height:25px;line-height:25px;font-size:20px;}
.init .age .info h2{margin-bottom:10px;}
.init .age .info .wp-block-buttons{margin-top:20px;column-gap:15px;row-gap:10px;}
.init .age .info .wp-block-button__link{width:120px;height:40px;line-height:30px;padding:5px;border-radius:30px;font-size:16px;}
.init .age.done{padding:0 4vw 4vw;}
.init .age.done .load .logo{width:120px;height:120px;}
.init .age.done .load .progress{height:10px;font-size:8px;}

.index-banner .btn{width:40px;height:40px;line-height:40px;margin-top:-20px;font-size:20px;}
.index-banner .prev{padding-right:3px;}
.index-banner .next{padding-left:3px;}
.index-mainpro h2{margin-bottom:30px;}
.index-mainpro .wp-block-cover h2{margin-bottom:15px;}
.index-mainpro .wp-block-cover .wp-block-button__link{line-height:20px;padding:7px 20px;font-size:14px;border-radius:30px;}
.index-mainpro .wp-block-cover.anl{transform:translateX(-5vw) scale(1) !important;}
.index-mainpro .wp-block-cover.anr{transform:translateX(5vw) scale(1) !important;}
.index-mainpro.action h2{transform:translateY(0);opacity:1;}
.index-mainpro.action .wp-block-cover{transform:translateX(0) scale(1) !important;}
.index-mainpro.action .wp-block-cover h2{transform:translateY(20vw);}
.index-mainpro.action .wp-block-cover img{opacity:1;}
.index-mainpro.action .wp-block-cover:hover h2{transform:translateY(0);}
.index-mainpro.action .wp-block-cover:hover .wp-block-buttons{transform:translateY(0);transition-delay:.25s;}
.index-mainpro.action .wp-block-cover:hover .wp-block-cover__background{transform:translateY(0);transition-delay:0s;}
.index-slogan .text{width:50%;}
.index-slogan .text h2{margin-bottom:15px;}
.index-slogan .text p{line-height:25px;font-size:16px;}
.index-products li .text h3{line-height:28px;font-size:20px;}
.index-products li .text p{line-height:25px;margin:10px 0;font-size:16px;}
.index-products li .text a{column-gap:5px;line-height:25px;font-size:16px;}
.index-products li .text a:after{margin-top:2px;}
.index-products.action h2{transform:translateY(0);opacity:1;}
.index-products.action li{opacity:1;}
.index-products.action ul.left li{transform:translateX(0);}
.index-products.action ul.right li{transform:translateX(0);}
.index-about h2{display:none;margin-bottom:20px;}
.index-about .wp-block-media-text{display:block;}
.index-about .wp-block-media-text__content{padding:30px;}
.index-about .wp-block-media-text__media{height:50vw;}
.index-about .wp-block-media-text__content img{height:30px;margin-bottom:20px;}
.index-about .wp-block-media-text__content .wp-block-button__link{line-height:20px;padding:7px 20px;font-size:14px;border-radius:30px;}
.index-about.action h2{transform:translateY(0);opacity:1;}
.index-about.action .wp-block-media-text{transform:translateY(0);opacity:1;}
.index-about.action .wp-block-media-text__content img{transform:translateX(0);opacity:1;}
.index-about.action .wp-block-media-text__content p{transform:translateX(0);opacity:1;}
.index-about.action .wp-block-media-text__content .wp-block-buttons{transform:translateX(0);opacity:1;}
.index-about.action .wp-block-media-text__media img{width:100%;}
.index-video{overflow:hidden;}
.index-video .slide-pic{width:70vw;margin-bottom:20px;}
.index-video .slide-pic li{width:70vw;height:39.24vw;}
.index-video .slide-pic li .wp-block-video figcaption{line-height:25px;padding:0 145px 15px 15px;font-size:16px;}
.index-video .slide-pic li .wp-block-video figcaption strong{margin-bottom:5px;font-size:20px;}
.index-video .slide-pic li .wp-block-video span{right:15px;bottom:15px;column-gap:5px;width:auto;height:auto;line-height:20px;padding:5px 10px;font-size:20px;border-radius:4px;}
.index-video .slide-dot ul{column-gap:10px;}
.index-video .slide-dot li{width:10px;height:10px;}
.index-video .btn{width:40px;height:40px;line-height:40px;margin-top:-20px;font-size:20px;}
.index-video .prev{padding-right:3px;}
.index-video .next{padding-left:3px;}
.index-video.action .slide-pic li{opacity:1;transform:translateY(0);}
.index-video.action .slide-dot ul{opacity:1;transform:translateY(0);}
.index-slide .slide li{width:33vw;height:24vw;}

.list-products{padding:30px 0 60px;}
.list-products .title{margin-bottom:30px;}
.list-products .title h1{line-height:35px;font-size:30px;}
.list-products .title h1 i{width:18px;height:18px;margin:2px 3px 0;}
.list-products .title .cate{column-gap:30px;}
.list-products .title .cate span{line-height:25px;padding:5px 0;border-width:2px;font-size:16px;}
.list-products .list h2{margin-bottom:15px;}
.list-products .list ul{column-gap:2.6%;}
.list-products .list li{width:31.6%;}
.list-products .list li .pic:before{right:2vw;top:2vw;width:6vw;height:3vw;}
.list-products .list li .text{padding:5px 0 0;}
.list-products .list li .text h3{margin-bottom:0;font-size:20px;}
.list-products .list li .text a{font-size:16px;}
.list-products .list li .text a:after{margin-top:2px;}
.list-products .list li.out .pic:before{top:1.5vw;height:4.5vw;}
.list-products .list li.scene{width:65.8%;}
.list-products .list .a-point{top:-90px;}

.main-about .wp-block-media-text__media img{border-radius:10px;}
.main-about .wp-block-image img{border-radius:10px;}
.main-about .wp-block-media-text__content{padding:0;}
.main-about .design .wp-block-image{padding:0;}


.main-support h2{margin-bottom:15px;}
.main-support .authenticity p.has-small-font-size{line-height:22px;margin-top:15px;font-size:14px !important;}
.main-support .security .enter{width:450px;max-width:100%;height:40px;margin-top:20px;}
.main-support .security .enter input{width:calc(100% - 120px);height:40px;padding:0 15px;font-size:14px;}
.main-support .security .enter button{width:120px;height:40px;font-size:16px;}
.main-support .warranty li{line-height:25px;margin-top:15px;font-size:16px;}
.main-support .warranty li strong{line-height:25px;padding-left:15px;margin-bottom:5px;font-size:18px;}
.main-support .warranty li strong:before{top:9px;width:7px;height:7px;}
.main-support .faq details{padding:20px 0;}
.main-support .faq details summary{line-height:25px;padding-right:30px;font-size:16px;}
.main-support .faq details summary:before{width:25px;height:25px;line-height:25px;}
.main-support .faq details p{margin-top:10px;}
.main-support .security .res{margin-top:20px;}

.list-news{padding-top:4vw;}
.list-news .title{margin-bottom:30px;}
.list-news .title h1{line-height:35px;font-size:30px;}
.list-news .title h1 i{width:18px;height:18px;margin:2px 3px 0;}
.list-news .title .cate{column-gap:30px;}
.list-news .title .cate span,.list-news .title .cate a{line-height:25px;padding:5px 0;border-width:2px;font-size:16px;}
.list-news .slide{height:50vw;margin-bottom:4vw;}
.list-news .slide .slide-pic li{width:92vw;}
.list-news .slide .slide-pic li .text{padding:15px 100px 15px 15px;}
.list-news .slide .slide-pic li .text h3{line-height:25px;font-size:18px;}
.list-news .slide .slide-dot ul{column-gap:8px;}
.list-news .slide .slide-dot li{width:8px;height:8px;}
.list-news .slide .btn{width:40px;height:40px;line-height:40px;margin-top:-20px;font-size:20px;}
.list-news .slide.prev{padding-right:3px;}
.list-news .slide.next{padding-left:3px;}
.list-news .list ul{column-gap:3%;}
.list-news .list li{width:48.5%;}
.list-news .list li .text{padding:10px 10px 15px;}
.list-news .list li .text h3{height:50px;line-height:25px;margin-bottom:10px;font-size:16px;}
.list-news .list li .text .func{line-height:22px;font-size:14px;}
.list-news .list li .text .func a:after{margin-top:2px;}
.list-news .list li .text .func time{column-gap:5px;}
.list-news .list li .text .func .play{width:22px;height:22px;line-height:22px;font-size:22px;}
.main-article .title{margin-bottom:20px;padding-bottom:10px;}
.main-article .title h1{margin-bottom:15px;}
.main-article .title .info{column-gap:30px;line-height:22px;font-size:14px;}
.main-article .title .info span{column-gap:5px;}
.main-article .title .info time{column-gap:5px;}
.main-article .cont{line-height:25px;padding-bottom:10px;font-size:16px;}
.main-article .cont > *{margin:20px 0;}
.main-article .cont h2{line-height:30px;font-size:22px;;}
.main-article .cont h3{line-height:25px;font-size:18px;;}
.main-article .share .box{padding:0 20px;column-gap:10px;}
.main-article .share .box span{line-height:30px;margin-right:5px;font-size:20px;}
.main-article .share .box a{width:30px;height:30px;line-height:30px;font-size:24px;}

.main-contact{padding:40px 0;}
.main-contact .secd-width{display:block;}
.main-contact .way{width:100%;margin-bottom:40px;}
.main-contact .way h2{margin-bottom:5px;}
.main-contact .way h3{margin-top:25px;padding-bottom:10px;margin-bottom:10px;}
.main-contact .way h3:before{width:40px;}
.main-contact .way ul{display:flex;flex-wrap:wrap;}
.main-contact .way li{min-width:50%;line-height:25px;padding:0 15px 0 30px;margin-top:15px;font-size:16px;box-sizing:border-box;}
.main-contact .way li:before{width:25px;;line-height:25px;font-size:18px;}
.main-contact .way li:nth-child(1):before{font-size:20px;}
.main-contact .message{width:100%;padding:30px;}
.main-contact .message h2{margin-bottom:15px;}
.main-contact .message .simple-message ul{row-gap:15px;}
.main-contact .message .simple-message li.sm-subtn{margin-top:5px;}
.main-contact .message .simple-message input,.main-contact .message .simple-message textarea{height:40px;padding:0 10px;font-size:16px;border-radius:5px;}
.main-contact .message .simple-message textarea{height:100px;line-height:20px;padding:8px 10px;}
.main-contact .message .simple-message button{height:50px;font-size:20px;border-radius:50px;}

}

@media only screen and (max-width:640px){
h3{line-height:25px;font-size:18px;}
p{line-height:22px;font-size:14px;}
.m-Top{margin-top:100px;}
header .notes{height:50px;}
header .notes p{line-height:20px;font-size:14px;}
header .nav .menu{top:100px;}

footer .func .subscr{display:block;text-align:center;padding:0;}
footer .func .subscr .simple-message{position:static;margin:15px 0 0;width:100%;}
footer .info .menu-header-nav-container .one{flex-wrap:wrap;justify-content:center;column-gap:10vw;row-gap:3vw;}
footer .info .contact{flex-direction:column;}
footer .info .contact .way{max-width:100%;}
footer .info .contact .way h2{margin-bottom:5px;}
footer .info .contact .way li{line-height:22px;margin-top:5px;font-size:14px;}
footer .info .contact .sns{margin-top:20px;}
footer .info .contact .sns h3{margin-bottom:5px;}
footer .copyright{padding-top:20px;}
.flow-message{right:5px;bottom:5px;}
.foot-message .simple-message{margin-top:10px;}

.hot-investment{padding:40px 0;}
.hot-investment .wp-block-group{display:block;text-align:center;}
.hot-investment .wp-block-buttons{margin:20px 0 0;justify-content:center;}

.index-banner .slide-dot ul{column-gap:8px;}
.index-banner .slide-dot li{width:8px;height:8px;}
.index-mainpro{padding:40px 0 20px;}
.index-mainpro h2{margin-bottom:15px;}
.index-mainpro .wp-block-group{display:block;}
.index-mainpro .wp-block-cover{width:100%;height:53vw;}
.index-mainpro .wp-block-cover.anl{margin-bottom:15px;}
.index-mainpro.action .wp-block-cover h2{transform:translateY(35vw);}
.index-mainpro.action .wp-block-cover .wp-block-buttons{transform:translateY(35vw);}
.index-slogan{padding:60px 0;}
.index-slogan .geometry{width:20%;}
.index-slogan .text{width:80%;}
.index-slogan .text p{line-height:22px;font-size:14px;}
.index-slogan:before{right:20px;top:20px;width:40px;height:40px;}
.index-products{padding:20px 0;}
.index-products h2{margin-bottom:15px;}
.index-products ul{flex-wrap:wrap;column-gap:2%;row-gap:1.85vw;}
.index-products li{width:49%;height:31.5vw;}
.index-products li .text p{line-height:22px;margin:0;font-size:14px;}
.index-products li.on{width:49%;}
.index-products li.on .pic img{transform:scale(1);}
.index-products li.on .text{opacity:0;}
.index-products li.on .text h3{opacity:0;transform:translateY(5vw);}
.index-products li.on .text p{opacity:0;transform:translateY(5vw);}
.index-products li.on .text a{opacity:0;transform:translateY(5vw);}
.index-products li.on:hover .pic img{transform:scale(1.3);}
.index-products li.on:hover .text{opacity:1;}
.index-products li.on:hover .text h3{opacity:1;transform:translateY(0);}
.index-products li.on:hover .text p{opacity:1;transform:translateY(0);}
.index-products li.on:hover .text a{opacity:1;transform:translateY(0);}
.index-about{padding:20px 0 40px;}
.index-about .wp-block-media-text__content{padding:15px;}
.index-about .wp-block-media-text__content img{height:25px;margin-bottom:15px;}
.index-video{padding:20px 0;}
.index-video .slide-pic{width:92vw;}
.index-video .slide-pic li{width:92vw;height:51.5vw;margin-right:4vw;}
.index-video .slide-pic li .wp-block-video figcaption{line-height:22px;font-size:14px;}
.index-video .slide-pic li .wp-block-video figcaption strong{font-size:18px;}
.index-slide{padding:40px 0;}
.index-slide .slide li{width:44vw;height:32vw;}
	
.list-products{padding:20px 0 40px;}
.list-products .title{display:block;}
.list-products .title h1{margin-bottom:10px;}
	.list-products .title .cate{display:none;}
.list-products .list li{width:48.7%;}
.list-products .list li .pic:before{width:10vw;height:5vw;}
.list-products .list li .text h3{font-size:18px;}
.list-products .list li .text a{font-size:14px;}
.list-products .list li.out .pic:before{top:2vw;height:7vw;}
.list-products .list li.scene{width:100%;}
.list-products .list li.scene .text{position:relative;padding-right:100px;}
.list-products .list li.scene .text a{position:absolute;right:0;top:5px;line-height:28px;}
.list-products .list .item{margin-top:40px;}

.main-about .wp-block-media-text__content{margin-top:30px;}
.main-about .brand{padding:40px 0 20px;}
.main-about .brand h2:before{font-size:80px;}
.main-about .slogan{padding:20px 0;}
.main-about .slogan .wp-block-image{width:80px;}
.main-about .spirit{padding:20px 0;}
.main-about .spirit h2:before{font-size:80px;}
.main-about .adventure{padding:20px 0;}
.main-about .adventure h2:before{font-size:80px;}
.main-about .design{padding:20px 0;}
.main-about .design h2{padding-bottom:10px;margin-bottom:10px;}
.main-about .design h2:before{width:40px;margin-left:-20px;}
.main-about .design p{padding:0;margin-top:10px;}
.main-about .design .wp-block-image{margin-top:20px;}
.main-about .rd{padding:20px 0;}
.main-about .rd h2{padding-bottom:10px;margin-bottom:10px;}
.main-about .rd h2:before{width:40px;}
.main-about .rd .wp-block-media-text__content{margin-top:20px;}
.main-about .quality{padding:20px 0 40px;}
.main-about .quality h2{padding-bottom:10px;margin-bottom:10px;}
.main-about .quality h2:before{width:40px;}
.main-about .quality .wp-block-media-text__content{margin-top:20px;}


.main-support .authenticity{padding:40px 0;}
.main-support .security{padding:40px 0;}
.main-support .security .enter input{border-radius:30px 0 0 30px;}
.main-support .security .enter{border-radius:30px;}
.main-support .instructions{padding:40px 0;}
.main-support .instructions .wp-block-media-text__content{padding:15px 0 0;}
.main-support .warranty{padding:40px 0;}
.main-support .warranty li{line-height:22px;font-size:14px;}
.main-support .faq{padding:40px 0;}
.main-support .disclaimers{padding:40px 0;}

.list-news .slide{height:auto;}
.list-news .slide .slide-pic li img{height:50vw;}
.list-news .slide .slide-pic li .text{position:static;padding:15px;background-color:var(--main-color);}
.list-news .slide .slide-pic li .text h3{line-height:25px;font-size:16px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list-news .slide .slide-dot{right:10px;bottom:90px;}
.list-news .slide .btn{top:25vw;}
.list-news .list ul{row-gap:15px;}
.list-news .list li{width:100%;box-shadow:0 0 5px rgba(0,0,0,.2);align-items:center;}
.list-news .list li .pic{width:50%;padding-bottom:36%;}
.list-news .list li .text{width:50%;padding:10px;}
.list-news .list li .text h3{height:66px;line-height:22px;margin-bottom:15px;font-size:14px;-webkit-line-clamp:3;}
.list-news .list li .text .func a{display:none;}
.list-news .list li.on{display:flex;justify-content:space-between;}

.main-article{padding-bottom:40px;}
.main-article .title h1{line-height:25px;font-size:18px;}
.main-article .cont h2{line-height:25px;font-size:18px;}
.main-article .cont h3{line-height:25px;font-size:16px;}

.main-contact .way li{padding-left:25px;}
.main-contact .message{padding:20px;}
.main-contact .message .simple-message li{width:100%;}

}