@charset "utf-8";

@media only screen and (max-width:1040px){
h1{font-size:1.6em;}
h2{font-size:1.4em;}
h3{font-size:0.8em;}
p{font-size:0.7em;}
.main-width{width:92vw;}
.m-Top{margin-top:2.5em;}
.bread{padding:1.2em 0;font-size:0.6em;}

header{height:2.5em;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);}
header .menubtn{display:flex;}
header .logo{height:1.7em;margin:0 auto 0 4vw;}
header .func .quote{font-size:0.5em;}
header .func .search{font-size:0.7em;}
header .menu{position:fixed;left:-100%;top:2.5em;width:100%;max-height:calc(100vh - 2.5em);background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);overflow-y:auto;transition:all .5s;}
header .menu .one{display:block;padding:0.5em 4vw;}
header .menu .one > li{font-size:0.9em;padding:0;border-bottom:1px solid #ddd;}
header .menu .one > li > a{display:block;line-height:1em;padding:1em 0.5em;}
header .menu .sub-menu{position:static;display:block;transform:translateX(0);border:none;padding:0 0 1em;box-shadow:none;}
header .menu .sub-menu li{border:none;text-align:left;font-weight:normal;}
header .menu .sub-menu li a{padding:0 1em;}
header .menu .sub-menu li a:before{content:" - ";}
header.flow{height:2.5em;}
header.flow .logo{height:1.7em;}
header.flow .menu .one > li{padding:0;}
header.action .menu{left:0;}

footer{padding:2em 0;}
footer h2{font-size:0.8em;}
footer p{font-size:0.7em;}
footer li{font-size:1em;}
footer .main-width{flex-direction:column;row-gap:1.5em;}
footer .newsletter{width:100%;}
footer .newsletter .simple-message ul{width:23em;max-width:100%;}
footer .newsletter .simple-message li{font-size:1em;}
footer .newsletter .simple-message li.sm-email{width:calc(100% - 6.5em);}
footer .newsletter .simple-message li.sm-subtn{width:6em;}
footer .newsletter .simple-message input{font-size:0.7em;}
footer .newsletter .simple-message button{font-size:0.7em;}
footer .menu-footer-nav-container .one{flex-direction:column;row-gap:1.5em;}
footer .menu-footer-nav-container .one > li > a{font-size:0.8em;}
footer .menu-footer-nav-container .sub-menu{display:flex;flex-wrap:wrap;column-gap:2%;}
footer .menu-footer-nav-container .sub-menu li{width:32%;font-size:0.7em;}
footer .contact ul{display:flex;flex-wrap:wrap;column-gap:2%;}
footer .contact li{min-width:32%;font-size:0.7em;box-sizing:border-box;}
footer .contact .sns{margin-top:2em;}
footer .contact .sns .wp-block-image{width:1.5em;}
.copyright{padding:1em 0;}
.copyright p{font-size:0.7em;}

li.item-news .pic{margin-bottom:0.6em;}
li.item-news .text{padding-right:0;}
li.item-news .text span{font-size:0.6em;}
li.item-news .text h3{font-size:0.8em;}
li.item-news .text p{font-size:0.7em;}
li.item-news .text time{font-size:0.5em;}
li.item-pro p{font-size:0.7em;}

.pageinfo ul{gap:0.3em;}
.pageinfo ul li{font-size:0.7em;}

.com-quote{padding:2em 0;}
.com-quote h2{font-size:1.4em;}
.com-quote p{font-size:0.7em;}
.com-quote .wp-block-button__link{font-size:0.7em;}
.com-process{padding:2em 0;}
.com-process h2{font-size:1.4em;}
.com-process .wp-block-image figcaption{font-size:0.6em;}
.com-why{padding:2em 0;}
.com-why h2{font-size:1.4em;}
.com-why .wp-block-group{gap:0.5em;grid-template-columns:repeat(2,minmax(0,1fr));}
.com-why .wp-block-image img{width:3em;}
.com-why .wp-block-image figcaption{font-size:0.7em;}

.index-main{margin-top:2.5em;}
.index-main h2{font-size:1.4em;}
.index-main p{font-size:0.7em;}
.index-banner{height:60vw;}
.index-banner .slide-pic li br{display:none;}
.index-banner .slide-pic li h1, .index-banner .slide-pic li h2{font-size:1.2em;}
.index-banner .slide-pic li h3{font-size:0.8em;}
.index-banner .slide-pic li p{font-size:0.7em;}
.index-banner .slide-pic li .wp-block-cover{padding:4vw;}
.index-banner .slide-pic li .wp-block-cover__inner-container{width:45vw !important;margin:0 !important;}
.index-banner .slide-pic li .wp-block-button__link{font-size:0.7em;}
.index-banner .slide-pic li .wp-block-group p{font-size:0.7em;}
.index-banner .slide-dot{font-size:0.5em;}
.index-banner .btn{font-size:0.7em;}

.index-strength{padding:2em 0;}
.index-strength .wp-block-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 5vw;gap:1em;}
.index-strength .wp-block-image{font-size:0.7em;}
.index-category{padding:2em 0;}
.index-category .slide-pic{font-size:1.25vw;}
.index-category .slide-pic li .wp-block-image figcaption{font-size:1.5em;}
.index-category .slide-pic li .wp-block-image .more{font-size:1em;}
.index-category .slide-gallery .btn .prev{left:-2em;}
.index-category .slide-gallery .btn .next{right:-2em;}
.index-about{padding:2em 0;}
.index-about .dg-slide{width:70vw;height:calc(37.1vw + 7.5em);}
.index-about .dg-slide .slide-pic li .wp-block-image img{height:37.1vw;}
.index-about .dg-slide .slide-pic li .wp-block-image figcaption{margin-top:2em;padding:0;;font-size:0.7em;}
.index-about .dg-slide .slide-pic li .wp-block-image figcaption strong{font-size:1.7em;}
.index-about .dg-slide .slide-dot{font-size:0.5em;}
.index-about .dg-slide .slide-btn span{font-size:0.6em;}
.index-about .dg-slide .slide-btn .prev{right:-4.5em;}
.index-about .dg-slide .slide-btn .next{left:-4.5em;}
.index-advantage{padding:2em 0;}
.index-advantage .cont{width:21em;max-width:80vw;}
.index-advantage .cont .wp-block-group{margin-bottom:1em;}
.index-advantage .cont .wp-block-group p{font-size:0.7em;}
.index-advantage .cont .wp-block-group p mark{font-size:2em;}
.index-advantage .cont .wp-block-image{height:3em;margin-bottom:1em;}
.index-advantage .cont .wp-block-button__link{font-size:0.7em;}
.index-why{padding:2em 0;}
.index-why .cont h3{font-size:1em;}
.index-why .cont p{font-size:0.7em;}
.index-why .cont .star{height:1em;margin:0.6em 0;}
.index-why .cont .avatar{font-size:1em;}
.index-why .cont > .wp-block-group__inner-container > .wp-block-cover{float:none;width:100%;padding:1em;margin-bottom:0.8em;}
.index-why .cont > .wp-block-group__inner-container > .wp-block-media-text{float:none;width:100%;height:auto;margin-bottom:0.8em;}
.index-why .cont > .wp-block-group__inner-container > .is-vertical{float:none;width:100%;height:auto;}
.index-why .cont > .wp-block-group__inner-container > .is-vertical > .wp-block-image{height:auto;}
.index-why .cont > .wp-block-group__inner-container > .is-vertical .is-nowrap{height:auto;padding:0.8em 0 0;}
.index-custom{padding:2em 0;}
.index-custom p{margin-bottom:2em;}
.index-custom .wp-block-image{margin-top:1em;font-size:0.7em;}
.index-news{padding:2em 0;}
.index-news ul{flex-wrap:wrap;row-gap:1.5em;}
.index-news li{width:49%;}
.index-news li:nth-child(4){display:block;}

.list-products{padding-bottom:2em;}
.list-products .cont{display:block;}
.list-products .cont .func{position:static;width:100%;}
.list-products .cont .func .contact{display:none;}
.list-products .cont .func .cate{margin-bottom:1.5em;background:none;border-radius:0;}
.list-products .cont .func .cate .one{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.5em;}
.list-products .cont .func .cate .one > li{align-self:flex-start;background-color:#fff;border-radius:0.4em;font-size:0.7em;}
.list-products .cont .func .cate .two{padding:0.5em 0 0;}
.list-products .cont .pros{width:100%;padding:1em;}
.list-products .cont .pros .info{margin-bottom:1em;}
.list-products .cont .pros .info h1{font-size:1em;}
.list-products .cont .pros .info p{font-size:0.7em;}

.main-products{padding-bottom:2em;}
.main-products .overview{display:block;margin-bottom:1.5em;}
.main-products .overview .slide-pro{position:static;font-size:2.3144vw;margin-bottom:2em;}
.main-products .overview .slide-pic .btn{font-size:0.7em;}
.main-products .overview .info{width:100%;}
.main-products .overview .info h1{font-size:1.2em;}
.main-products .overview .info .model{font-size:0.8em;}
.main-products .overview .info .desc{margin-bottom:1.5em;}
.main-products .overview .info .desc p{font-size:0.7em;}
.main-products .overview .info .share{font-size:0.7em;}
.main-products .overview .info .btn{font-size:0.7em;}
.main-products .overview .info .btn > *{padding:0.7em 1em 0.5em;}
.main-products .overview .info .cer .wp-block-group{column-gap:1.5em;margin-bottom:1em;}
.main-products .overview .info .cer .wp-block-group p{font-size:0.7em;}
.main-products .overview .info .cer .wp-block-image{height:3em;}
.main-products .overview .info .detail details{padding:1em 0;}
.main-products .overview .info .detail details summary{font-size:0.8em;}
.main-products .overview .info .detail table{font-size:0.7em;}
.main-products .overview .info .detail details p{font-size:0.7em;}
.main-products .related h2{font-size:1.4em;}

.main-odem h2{font-size:1.4em;}
.main-odem p{font-size:0.7em;}
.main-odem .overview h1{margin-bottom:0.3em;font-size:1.2em;}
.main-odem .overview h1 br{display:none;}
.main-odem .overview .bread{left:4vw;}
.main-odem .overview .wp-block-media-text__content{padding:1.5em 15% 1.5em 4vw;align-self:flex-end;}
.main-odem .overview .wp-block-buttons{margin-top:0.8em;}
.main-odem .overview .wp-block-button__link{font-size:0.7em;}
.main-odem .prepare{padding:2em 0;}
.main-odem .prepare h3{font-size:0.8em;}
.main-odem .prepare .larger{margin-bottom:2em;}
.main-odem .prepare .larger .wp-block-image{padding:1em 0.5em;}
.main-odem .prepare .wp-block-group{margin-top:1em;}
.main-odem .prepare .wp-block-image figcaption{font-size:0.7em;}
.main-odem .prepare .wp-block-image a{font-size:0.7em;}
.main-odem .prepare .wp-block-media-text{padding:1.2em 10%;}
.main-odem .prepare .wp-block-media-text h3{font-size:0.8em;}
.main-odem .prepare .widget .simple-message{width:100%;}
.main-odem .prepare .widget .simple-message li{margin-top:0.5em;}
.main-odem .prepare .widget .simple-message input,.main-odem .prepare .widget .simple-message textarea{font-size:0.7em;}
.main-odem .prepare .widget .simple-message button{font-size:0.7em;}
.main-odem .prepare .widget .simple-message .upbtn{margin-bottom:3.5em;font-size:0.8em;}
.main-odem .prepare .widget .simple-message .upbtn .removefile{top:100%;left:50%;margin:0.5em 0 0 -2em;}
.main-odem .prepare .widget .simple-message .upinfo span{font-size:0.7em;}
.main-odem .transport{padding:2em 0;}
.main-odem .transport .wp-block-group{margin:1em 0 2em;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1em;}
.main-odem .transport .wp-block-image figcaption{font-size:0.7em;}
.main-odem .transport .wp-block-table{font-size:0.7em;}
.main-odem .transport .tips{font-size:0.7em;}
.main-odem .quality{padding:2em 0;}
.main-odem .quality .wp-block-group{margin-top:1em;}
.main-odem .quality .wp-block-image figcaption{padding:1em 0.5em;font-size:0.7em;}
.main-odem .quality .wp-block-image figcaption strong{font-size:1.2em;}
.com-faq{padding:2em 0;}
.com-faq details{width:100%;padding:1em 0.5em;}
.com-faq details summary{font-size:0.8em;}
.com-faq details p{font-size:0.7em;}

.main-about h2{font-size:1.4em;}
.main-about p{font-size:0.7em;}
.main-about .wp-block-button__link{font-size:0.7em;}
.main-about .overview{padding:2em 0;}
.main-about .overview h1{font-size:1.2em;}
.main-about .overview .bread{left:4vw;}
.main-about .overview .wp-block-group{margin:1.5em 0;}
.main-about .overview .wp-block-group p{font-size:0.7em;}
.main-about .overview .wp-block-group p strong{font-size:2.5em;}
.main-about .profile{padding:2em 0;}
.main-about .profile .text{width:50vw;}
.main-about .profile .text li{font-size:0.7em;}
.main-about .profile .pic .slide-gallery .btn span{font-size:0.7em;}
.main-about .what{padding:2em 0;}
.main-about .what .wp-block-image figcaption{font-size:0.7em;}
.main-about .process{padding:2em 0;}
.main-about .process .wp-block-image{width:23%;text-align:center;}
.main-about .process .wp-block-image img{width:4em;max-width:60%;}
.main-about .process .wp-block-image figcaption{position:static;transform:translateX(0);margin-top:0.3em;font-size:0.7em;}
.main-about .process .wp-block-image:before{top:2em;}
.main-about .process .wp-block-image:nth-child(4):before{display:none;}
.main-about .process .wp-block-group{flex-wrap:wrap;row-gap:1em;}
.main-about .capability{padding:2em 0;}
.main-about .capability h3{font-size:0.8em;}
.main-about .capability li{font-size:0.7em;}
.main-about .capability .is-vertical{width:48%;}
.main-about .certificate{padding:2em 0;}
.main-about .certificate p br{display:none;}
.main-about .certificate .main-width > .wp-block-image{margin-top:1em;}
.main-about .certificate .wp-block-gallery{margin-top:1em;}
.main-about .certificate .wp-block-gallery .slide-pic li{width:21.5vw;height:30.43vw;}
.main-about .certificate .wp-block-gallery .btn span{font-size:0.7em;}
.main-about .certificate .wp-block-gallery .btn .prev{left:-1em;}
.main-about .certificate .wp-block-gallery .btn .next{right:-1em;}
.main-about .who{padding:2em 0;}
.main-about .who .wp-block-group{margin-top:1em;column-gap:0.5em;}
.main-about .who .wp-block-image{padding:1em 0.5em;}
.main-about .who .wp-block-image img{width:3em;}
.main-about .who .wp-block-image figcaption{font-size:0.6em;}
.main-about .morethan{padding:2em 0;}

.list-news{padding-bottom:2em;}
.list-news .info{margin:1em 0;}
.list-news .info h1{font-size:1.2em;}
.list-news .cate{margin-bottom:1.5em;}
.list-news .cate a{padding:0.6em 1em 0.5em;font-size:0.7em;}
.list-news .list li .pic{width:42%;}
.list-news .list li .text{width:55%;}
.list-news .list li .text time{font-size:0.6em;}
.list-news .list li .text h3{font-size:0.8em;}
.list-news .list li .text p{font-size:0.7em;}
.list-news .list li .text .more{margin-top:1em;padding:0.6em 1em 0.5em;font-size:0.6em;}

.main-article .cbox{display:block;}
.main-article .cbox .cont{width:100%;padding:1em;margin-bottom:1em;}
.main-article .cbox .cont .title{padding-bottom:0.8em;margin-bottom:1em;}
.main-article .cbox .cont .title h1{font-size:1.2em;}
.main-article .cbox .cont .title .info{font-size:0.6em;}
.main-article .cbox .cont .article > *{margin-bottom:20px;}
.main-article .cbox .cont .article h2{font-size:1em;}
.main-article .cbox .cont .article h3{font-size:0.8em;}
.main-article .cbox .side{position:static;width:100%;padding:1em;}
.main-article .cbox .side h2{margin-bottom:1em;font-size:1em;}
.main-article .cbox .side li{padding-bottom:0.5em;margin-bottom:0.5em;}
.main-article .cbox .side li .text h3{font-size:0.8em;}
.main-article .cbox .side li .text time{font-size:0.6em;}
.main-contact{padding-bottom:2em;}
.main-contact .way{margin:0.5em 0 2em;}
.main-contact .way h1{font-size:1.4em;}
.main-contact .way .wp-block-image img{width:2em;}
.main-contact .way .wp-block-image figcaption{font-size:0.7em;}
.main-contact .cont .widget{padding:1em;}
.main-contact .cont .widget .simple-message input, .main-contact .cont .widget .simple-message textarea{font-size:0.7em;}
.main-contact .cont .widget .simple-message button{font-size:0.7em;}

.main-search{padding:3em 0;}
.main-search .search-box{margin-bottom:3em;}
.main-search .search-box p{font-size:0.8em;}
.main-search .search-box form{font-size:1em;}
.main-search .cbox{margin-top:3em;}
.main-search .products .list ul{column-gap:2%;row-gap:4vw;}
.main-search .products .list li{width:23.5%;}
.main-search .page .list{width:calc(100% - 8em);}
.main-search .page .list li{font-size:1em;}
.main-search .news li{width:49.3%;}
.main-404{padding:2em 0;}
.main-404 h1{font-size:6em;}
}

@media only screen and (max-width:640px){
h1{font-size:1.2em;}
h2{font-size:1em;}
h3{font-size:0.8em;}
p{font-size:0.7em;}
header .func .quote{display:none;}
footer .menu-footer-nav-container .sub-menu li{width:49%;}
footer .contact li{min-width:49%;}

.flow-icon ul{display:none;}
.flow-icon .ssbtn{display:flex;}
.flow-icon.op ul{display:flex;}
.flow-icon.op .ssbtn:before{content:"\f347";background:none;}
.flow-icon.op .ssbtn:hover:before{-webkit-filter:invert(0);}

.com-process h2{font-size:1em;}
.com-process .wp-block-group{grid-template-columns:repeat(3,minmax(0,1fr));}
.com-why h2{font-size:1em;}
.com-why .wp-block-group{grid-template-columns:repeat(1,minmax(0,1fr));}

.index-banner{height:100vw;}
.index-banner .slide-pic li .wp-block-cover__inner-container{width:92vw !important;}
.index-banner.pc{display:none;}
.index-banner.mob{display:block;}

.index-about .dg-slide .slide-pic li .wp-block-image figcaption strong{font-size:1.4em;}
.index-about .dg-slide .slide-btn span{bottom:initial;top:calc(37vw + 4em);}
.index-strength .wp-block-image figcaption strong{font-size:1.8em;}
.index-category .slide-pic{width:69.8em !important;}
.index-category .slide-pic li{width:34.25em;}
.index-category .slide-pic li .wp-block-image figcaption{font-size:2em;}
.index-category .slide-pic li .wp-block-image .more{font-size:1.5em;}
.index-category .slide-gallery .btn{font-size:2vw;}
.index-category .slide-gallery .btn span{background-color:rgba(0,0,0,.4);color:#fff;}
.index-category .slide-gallery .btn .prev{left:-1.5em;}
.index-category .slide-gallery .btn .next{right:-1.5em;}
.index-advantage{padding:4em 0;}
.index-advantage .cont{width:100%;padding:5vw;margin:0;text-align:center;}
.index-advantage .cont .wp-block-buttons{justify-content:center;}
.index-advantage .cont .wp-block-group p mark{font-size:1.5em;}
.index-advantage .cont:before{width:100%;border-radius:0.4em;background-color:rgba(255,255,255,.8);}
.index-why .cont > .wp-block-group__inner-container > .wp-block-media-text .wp-block-media-text__content{padding:0.5em 0 0;}
.index-custom .wp-block-image{font-size:0.6em;}
.index-custom .wp-block-image img{width:calc(100% - 10em);}
.index-custom .wp-block-image figcaption{width:9em;line-height:1.5em;padding:2em 1em;font-size:1em;}
.index-custom .wp-block-image figcaption mark{display:inline-block;margin-bottom:0.3em;font-size:3em;}
.index-news li{width:100%;}


.list-products .cont .func .cate .one{grid-template-columns:repeat(2,minmax(0,1fr));}
.list-products .cont .func .cate .one > li{padding:0.8em;}
.list-products .cont .pros .list li{width:49%;}
.main-products .overview .info h1{font-size:1em;}
.main-products .related h2{font-size:1em;}
.main-products .related ul{row-gap:1em;}
.main-products .related li{width:49%;}

.main-odem h2{font-size:1em;}
.main-odem .overview .bread{display:none;}
.main-odem .overview .wp-block-media-text__content{padding:1.5em 4vw;}
.main-odem .prepare .wp-block-group{grid-template-columns:repeat(1,minmax(0,1fr));}
.main-odem .prepare .larger .wp-block-image img{width:4em;}
.main-odem .prepare .wp-block-image figcaption{margin-top:1em;}
.main-odem .prepare .wp-block-image a{margin-top:1em;}
.main-odem .prepare .wp-block-media-text{display:flex;padding:1.2em;margin:2em 0;}
.main-odem .transport .wp-block-image img{width:3em;}
.main-odem .quality .wp-block-group{grid-template-columns:repeat(1,minmax(0,1fr));}

.main-about h2{font-size:1em;}
.main-about .overview{padding:3em 0 2em;}
.main-about .overview .wp-block-group{padding:0;flex-wrap:wrap;column-gap:2%;}
.main-about .overview .wp-block-group p{width:49%;}
.main-about .profile .main-width{display:block;}
.main-about .profile .text{width:100%;margin-bottom:1em;}
.main-about .profile .pic{width:92vw;}
.main-about .profile .pic .slide-pic li{width:92vw;}
.main-about .profile .pic .slide-pic li .wp-block-image{width:100% !important;}
.main-about .what .wp-block-group{margin:1em 0;grid-template-columns:repeat(2,minmax(0,1fr));}
.main-about .process .wp-block-group{justify-content:center;column-gap:0;}
.main-about .process .wp-block-image{width:50%;}
.main-about .process .wp-block-image:before{left:100%;}
.main-about .process .wp-block-image:nth-child(2n):before{left:-0.5em;top:90%;transform:rotate(145deg);}
.main-about .process .wp-block-image:nth-child(4):before{display:block;}
.main-about .who .wp-block-group{grid-template-columns:repeat(2,minmax(0,1fr));}
.main-about .certificate .wp-block-gallery .slide-pic{width:100% !important;}
.main-about .certificate .wp-block-gallery .slide-pic li{width:44vw;height:62.28vw;margin-right:4vw;}

.list-news .info h1{font-size:1em;}
.list-news .cate a{padding:0.6em 0.5em 0.5em;font-size:0.6em;}
.list-news .list li .text h3{margin-bottom:0.5em;font-size:0.7em;}
.list-news .list li .text p{display:none;}
.list-news .list li .text .more{margin-top:0;font-size:0.6em;}
.main-article .cbox .cont .title h1{font-size:1em;}
.main-article .products ul{flex-wrap:wrap;row-gap:1em;}
.main-article .products li{width:49%;}

.main-contact .way .wp-block-group{grid-template-columns:repeat(1,minmax(0,1fr));}
.main-contact .cont .wp-block-group{grid-template-columns:repeat(1,minmax(0,1fr));}
.main-contact .cont iframe{height:20em;}

.main-search{padding:2em 0;}
.main-search .search-box{margin-bottom:2em;}
.main-search .cbox{margin-top:2em;}
.main-search .products .list li{width:49%;}
.main-search .page{display:block;padding:1.5em 1em;}
.main-search .page .list{width:100%;}
.main-search .page .list li{font-size:0.9em;}
.main-search .news li{width:100%;padding-bottom:0.5em;border-bottom:1px solid #ddd;}

}