/* index.less */
#product_area.list_box ul li{transform:translate(0,0);-webkit-transform:translate(0,0)}@media(min-width:1281px){#product_area.list_box ul li:hover{transform:translate(0,-20px);-webkit-transform:translate(0,-20px)}}#book_area.list_box li.img_box:before,#book_area.list_box li.img_box:after{transform:scaleY(0);-webkit-transform:scaleY(0)}#book_area.list_box li.img_box:after{transform-origin:center bottom;-webkit-transform-origin:center bottom}@media(min-width:1281px){#book_area.list_box li:hover.img_box:before,#book_area.list_box li:hover.img_box:after{transform:scaleY(1);-webkit-transform:scaleY(1)}}#youtube_box a{width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-animation:spineer 2s infinite;animation:spineer 2s infinite}



#openform{background:rgba(var(--white-rgb),.3)}
section.section_pad{padding:5vw 0}
section>*{z-index:3}
section .title_box{margin-bottom:30px}
section .title_box .area_title{font-weight:400;font-size:max(1.2*(1vw + 1vh) / 2,21px);line-height:100%;color:#898989}
section .title_box .sub_title{font-weight:300;font-size:max(3.7*(1vw + 1vh) / 2,37px);color:#898989;text-transform:uppercase}
.bg_box{width:100%;height:100%;background:no-repeat 50%/cover;background-attachment:fixed;opacity:.3;top:0;left:0}
.bg_box:before{width:100%;height:100%;display:block;content:""}
.bg_box.white:before{background:rgba(var(--white-rgb),.2)}
.sanJ_bg{position:absolute;right:0;z-index:5;margin-top:-110px}
#wrap{position:relative;margin-top: -250px;}
.ml11,.ml112{position:relative;font-weight:700;text-align:center;opacity:0}
.ml11 .text-wrapper,.ml112 .text-wrapper{position:relative;display:inline-block}
.ml11 .line,.ml112 .line{opacity:0;position:absolute;left:0;height:70%;width:1px;background-color:#4d4d4d;transform-origin:0 50%}
.ml11 .line1,.ml112 .line{top:15%;left:0}
.ml112 .line{transform:translateX(0)}
.ml11 .line1{display:none}
.ml11 *,.ml112 *{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
.letters{display:flex;width:100%;justify-content:center}
.ml11 .letter,.ml112 .letter{display:inline-block}
.ml112 .letter{opacity:0}
.mamatitle{display:flex;justify-content:space-between}
.mamatitle .leftm{display:flex;align-items:center}
.mamatitle .leftm p{font-size:max(1.9*(1vw + 1vh) / 2,21px);border-bottom:#484848 1px solid;line-height:110%}
.mamatitle .leftm span{font-size:max(3.1*(1vw + 1vh) / 2,20px);margin:0 25px}
.mamatitle .leftm b{font-weight:200;font-size:max(1.3*(1vw + 1vh) / 2,15px)}
.mamatitle .rightm{display:flex;align-items:center;margin-right:-5%}
.mamatitle .rightm img{width:50px}
.mamatitle .rightm span{position:relative;display:flex;width:280px;height:1px;background:#d4d4d4;margin-right:15px}
.JJtitle{margin-bottom: 40px;}
.JJtitle h2{font-weight:700;font-size: max(3*(1vw + 1vh) / 2,33px);text-transform:uppercase;color:var(--secondary);line-height:100%;letter-spacing:.1em;margin-bottom: 10px;}
.JJtitle .cnlittle{font-weight:400;font-size: max(1.6*(1vw + 1vh) / 2,15px);text-transform:uppercase;color:#1f3349;display:flex;align-items:center;}
@keyframes loading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
#nwJJ_area{padding:23px 0}
#nwJJ_area .news_list{width:34%;border-bottom:#888 1px solid;padding-bottom:10px}
#nwJJ_area .news_list li *{color:#1f3349}
#nwJJ_area .news_list li .fas{margin-right:10px}
#nwJJ_area .news_list li{position:relative}
#nwJJ_area .news_list li a{position:absolute;width:100%;height:100%;top:0}
#nwJJ_area .news_list li .date{display:flex;align-items:center;width:100%}
#nwJJ_area .news_list .news_txt .mmtop{display:flex;align-items:center;justify-content:space-between}
#nwJJ_area .news_list .news_txt .mmtop h3{font-weight:400;overflow:hidden;margin:10px 0;height:32px;width:84%;line-height:250%;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:16px}
#nwJJ_area .news_list li .date .tmtitlenw p{font-size:max(1.78*(1vw + 1vh) / 2,27px);font-weight:600;margin-right:40px;color: var(--secondary);}
#nwJJ_area .news_list li .nwJtitle{display:flex;align-items:center}
#nwJJ_area .news_list li .nwJtitle .time{font-size:15px;font-weight:300}
#nwJJ_area .news_list li .nwJtitle .OMG{font-size:13px;padding-left:26px;position:relative}
#nwJJ_area .news_list li .nwJtitle .OMG:before{content:"";position:absolute;width:1px;height:50%;left:12px;top:18%;background:#1f3349}
#about_area{display:flex;justify-content:flex-end;height:700px;align-items:center}
#about_area:before{content:"";width: 17%;height: 170%;aspect-ratio:1/1;position:absolute;background:rgb(244 244 244);right: 0%;top: -30%;border-radius:0;z-index: 0;}

#about_area .maJimg{animation:float 3s ease-in-out infinite;width:45%}
@keyframes float{0%{transform:translateY(0)}
50%{transform:translateY(-20px)}

100%{transform:translateY(0)}
}

/*cuserviceJJ_area*/
#cuserviceJJ_area{margin: 130px auto;z-index: 5;}
#cuserviceJJ_area .JJtitle{display: flex;flex-direction: column;align-items: center;}
#about_area .maJinfoo{position:relative;display: grid;grid-template-columns: 1fr 60%;z-index:6;justify-content:center}
#about_area .maJinfoo .tctextbox{margin-top:50px}
#about_area .maJinfoo .tadJmimg{position:relative;}
#about_area .maJinfoo .tadJmimg:before{content:"";position: absolute;width: 300px;height: 220px;aspect-ratio: 1/1;left: -160px;bottom: -85px;z-index: -1;background: url(/images/40/logo-bg.png);opacity: .4;background-size: contain;background-repeat: no-repeat;animation: float 4s ease-in-out infinite;}
#about_area .maJinfoo .tadJmitem{position:relative;display:grid;align-items:center;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-template-areas:". tounbox01 ." "tounbox02 tounbox03 tounbox04" ". tounbox05 .";width:min(610px ,100%);justify-content:center;gap:4%;margin-top:-100px}
#about_area .maJinfoo .tadJmitem:before{content:"";position:absolute;width:72%;top:10%;left:16%;aspect-ratio:1/1;background-image:url(/images/40/out-coun.png);background-size:contain;background-repeat:no-repeat;z-index:-1}
.Japptext{display: flex;flex-direction: column;align-items: center;margin-top: 60px;}
.tadJmitem .tounbox01{position:relative;grid-area:tounbox01}
.tadJmitem .tadJlist{display:flex;flex-direction:column;align-items:center}
.tadJmitem .tadJlist:hover .maimgbox img{background:#fbf8f4}
.tadJmitem .tadJlist .maimgbox{position:relative;background-color:#fff;border-radius:50%;margin-bottom:14%}
.tadJmitem .tadJlist .maimgbox img{position:relative;z-index:2;border-radius:50%}
.tadJmitem .tadJlist .maimgbox:before{content:"";position:absolute;background-image:url(/images/40/cumico.png);width:126%;aspect-ratio:1/1;background-size:contain;background-position:50%;left:-13%;top:-13%;background-repeat:no-repeat;background-color:#fff;z-index:-1;border-radius:50%}
.tadJmitem .tadJlist.tounbox01 .maimgbox:before{animation:spin 10s linear infinite}
.tadJmitem .tadJlist.tounbox02 .maimgbox:before{animation:spin 9s linear infinite}
.tadJmitem .tadJlist.tounbox03 .maimgbox:before{display:none}
.tadJmitem .tadJlist.tounbox04 .maimgbox:before{animation:spin 8s linear infinite}
.tadJmitem .tadJlist.tounbox05 .maimgbox:before{animation:spin 7s linear infinite}
.tadJmitem .tounbox02{position:relative;grid-area:tounbox02}
.tadJmitem .tounbox03{position:relative;grid-area:tounbox03}
.tadJmitem .tounbox04{position:relative;grid-area:tounbox04}
.tadJmitem .tounbox05{position:relative;grid-area:tounbox05}
#about_area .maJinfoo .tctextbox .tminfo p{overflow:hidden;margin: 40px 0 10px;height: 223px;width:84%;line-height: 200%;text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 7;-webkit-box-orient:vertical;font-size:16px;text-align:left;color:#1f3349}
.arrow_btns_box{cursor:pointer;position:absolute;top: 41%;z-index:5}
.arrow_btns_box.ree{left: -5%;}
.arrow_btns_box.lee{right: -5%;}
.arrow_btns_box svg{width:50px;aspect-ratio:1/1;background: var(--secondary);border-radius:50%;padding:16px;fill:#fff}
.arrow_btns_box svg:hover{background: var(--primary);}
.mmtmore{display:flex;margin-top: 20px;}
.mmtmore a{background:var(--secondary);display:flex;color: #fff;align-items:center;padding:15px 18px 15px 21px;border-radius:1000px;font-size:14px;width:220px;justify-content:space-between}
.mmtmore a .fas{background:#fff;padding:4px;border-radius:500px;color:#1f3349;font-size:12px}
.mmtmore a:hover{background: var(--primary);color: var(--secondary);}
.mmtmore a:hover .fas{background: var(--secondary);color: #fff;}
.mmtmore a svg{width:30px;aspect-ratio:1/1;fill:#0087ca;background:#fff;border-radius:555px;margin:10px;padding:9px;margin-right:30px}
.mmtmore a svg path{fill:#0087ca}
.video-container{position:absolute;width:100%;right: -18%;height:302px;overflow:hidden;display:flex;align-items:center;justify-content:flex-end}
.video-container:before{content:"";position:absolute;width:100%;height:100%;right: -38%;background: rgb(22 37 55 / 70%);z-index:1;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);display:flex}

.slide-video{position:absolute;top:0;right: -38%;width:100%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);object-fit:cover;height:300px}
.videmibox{z-index:5;margin-right:19%}
.videmibox *{color:#e2e2e2;text-align:right}
.videmibox h5{font-size:max(1.6*(1vw + 1vh) / 2,21px)}
.videmibox p{font-size:max(1.2*(1vw + 1vh) / 2,15px);display:flex;align-items:center}
.videmibox p:before{content:"";position:absolute;width:15%;height:1px;background:rgb(255 255 255 / 42%);right:0}
#ganJJ_area{position:relative;z-index:5;padding-bottom: 0px;}
#ganJJ_area:before{content:"";position:absolute;width:100%;height:92%;bottom:0;background: url(/images/40/logo-bg.png);opacity: .4;}
#ganJJ_area .arrow_btns_box svg{background:#fff;fill:#1f3349;padding:21px;width:61px}
#ganJJ_area .maJtop{display:flex;height:300px;margin: 0 0 0px;}
#ganJJ_area .maJtop .JJtitle{display:flex;flex-direction:column;justify-content:flex-end;}
#ganJJ_area .JJtitle p,#about_area .JJtitle p{font-weight:700;font-size: max(3*(1vw + 1vh) / 2,33px);text-transform:uppercase;color:var(--secondary);line-height:100%;letter-spacing:.1em;margin-bottom: 10px;}
#ganJJ_area .JJtitle h2,#about_area .JJtitle h2{font-weight:400;font-size: max(1.6*(1vw + 1vh) / 2,15px);text-transform:uppercase;color:#1f3349;display:flex;align-items:center;}

/*cuserviceJJ_area*/
#cuserviceJJ_area #patmage .mmtmore{display:flex;justify-content:center}
#cuserviceJJ_area #patmage .popolist .item{margin:0 0;opacity: 1;transform: scale(0.9);-webkit-transform: scale(0.9);}
#cuserviceJJ_area #patmage .popolist .item.slick-active{}
#cuserviceJJ_area #patmage .popolist .item.slick-center{transform: scale(1);-webkit-transform: scale(1);}
@keyframes spin{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
#cuserviceJJ_area #patmage .popolist .item .cmJ{position:relative;display:flex;flex-direction:column;align-items:center;background-color: #e9ecef;}
#cuserviceJJ_area #patmage .popolist .item.slick-center .cmJ{background-color: var(--secondary);}
#cuserviceJJ_area #patmage .popolist .item img{width: 500px;aspect-ratio: 4/3;object-fit: cover;}
#cuserviceJJ_area #patmage .popolist .item h4{margin-top: 10px;color: var(--secondary);font-size:max(1.6*(1vw + 1vh) / 2,17px);text-align: center;}
#cuserviceJJ_area #patmage .popolist .item p{color: var(--gray);font-size: 16px;font-weight: 200;overflow: hidden;margin: 10px 0;height: 27px;text-align: center;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#cuserviceJJ_area #patmage .popolist .item.slick-center h4,#cuserviceJJ_area #patmage .popolist .item.slick-center p{color:#fff;}

#cuserviceJJ_area .maskJJlink{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 6;
}
#cuserviceJJ_area .pooingo{padding: 20px 40px;}

#mid-video{height:150px;position:relative}
.video-container2{position:absolute;width:100%;left:-26%;height:150px;overflow:hidden;display:flex;align-items:center;justify-content:flex-end}
.video-container2:before{content:"";position:absolute;width:100%;height:100%;left:-14%;background:rgb(31 51 73 / 85%);z-index:1;clip-path:polygon(0 0,96.5% 0,89% 100%,0 100%)}
.slide-video2{position:absolute;bottom:0;left:-14%;width:100%;clip-path:polygon(0 0,96.5% 0,89% 100%,0 100%);object-fit:cover;height:150px;object-position:50% 91%}
.maJfixbg{position:relative;width:100%;height:450px;background:url(/images/40/downimg.jpg);background-attachment:fixed;background-size:cover;background-position:50% 0}
.maJfixbg .workframe{height:100%}
.maJfixbg .maJinfo{position:absolute;right:0;bottom:7px}
.maJfixbg .maJinfo p{color:#fff}
#product_area{overflow:hidden;max-width:100vw}
#product_area .slick-list{overflow:visible}
.shpaeline{position:absolute;width:100%;margin-top:-270px}
.shpaeline img{object-fit:cover}
.Japtab{display:flex;align-items:center;justify-content:center;margin-top:70px}
.Japtab a{padding:0 9px;cursor:pointer}
.activJ{border-bottom:#555 2px solid;color:#252525}
#showJ01{display:block}
.moreJbox a{display:flex;align-items:center;width:auto;border-bottom:#cfcfcf 1px solid}
.moreJbox a:hover svg{margin-left:30px}
.moreJbox svg{width:18px;aspect-ratio:1/1;margin-left:10px}
.arrowbox{display:flex;margin-left:95px}
.arrowbox svg{width:57px;aspect-ratio:1/1;padding:20px;border:#8a8a8a 1px solid;border-radius:50px;cursor:pointer}
.arrowbox .arrow_btns_box{margin-right:15px;opacity:.5}
.arrowbox .arrow_btns_box:hover{opacity:1}
#newsBox{position:relative;padding:50px 0 100px;display:flex;justify-content:space-between;flex-direction:column;align-items:center;overflow:hidden}
#newsBox .workframe{padding:25px 20px 20px 100px;display:flex;align-items:center}
#newsBox .workframe .JJtitle{width:47%;display:flex;flex-direction:column;margin-top:29px}
#newsBox:before{content:"";width:69%;height:102%;aspect-ratio:1/1;position:absolute;background:rgb(244 244 244);left:-55.5%;top:-40%;border-radius:0;z-index:0;-moz-transform:rotate(5.333rad);-webkit-transform:rotate(5.333rad);-o-transform:rotate(5.333rad);-ms-transform:rotate(5.333rad);transform:rotate(5.333rad)}
#newsBox:after{content:"";width:59%;height:139%;aspect-ratio:1/1;position:absolute;background:rgb(244 244 244);right:-57%;top:0;border-radius:0;z-index:0;-moz-transform:rotate(5.333rad);-webkit-transform:rotate(5.333rad);-o-transform:rotate(5.333rad);-ms-transform:rotate(5.333rad);transform:rotate(5.333rad)}
#newsBox .bg{position:relative;order:2;opacity:1;background-size:cover;border-radius:0 0 0 250px;background-position:50%}
#newsBox .info{padding:0 0;margin-bottom:20px;margin-top:30px;display:flex;width:46%}
#newsBox .info .tit{width:5em}
#newsBox .info .tit a{color:#000}
#newsBox .info .news_list{width:100%}
#newsBox .info .news_list .slick-list{padding-bottom:15px}
#newsBox .info .news_list li{position:relative;display:grid;grid-template-columns:144px 1fr 40px;padding:5px 3px;border-top:1px dashed #adadad;align-items:center;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;margin-bottom:5px}
#newsBox .info .news_list li:hover{background:#fff}
#newsBox .info .news_list li.slick-current{border-top:unset}
#newsBox .info .news_list li a{position:absolute;width:100%;height:100%;left:0;z-index:2;top:0}
#newsBox .news_list li .date{border-right:1px solid #8a8a8a;margin-right:40px;display:flex;align-items:center;justify-content:flex-start;margin-left:5px}
#newsBox .news_list li .time{color:#505050;display:flex;flex-direction:column;align-items:center;font-family:"Nunito Sans",sans-serif;font-size:max(1 * (1vw + 1vh) / 2,14px);font-weight:300;line-height:100%}
#newsBox .news_list li .time b{color:#505050;font-size:max(3.3 * (1vw + 1vh) / 2,39px);font-family:"Nunito Sans",sans-serif;line-height:1}
#newsBox .info .news_list .news_txt{position:relative;width:95%}
#newsBox .info .news_list .fas{aspect-ratio:1/1;background:#1f3349;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30px;color:#fff;border-radius:500px;font-size:12px}
#newsBox .info .news_list .news_txt .mmtop{display:flex;align-items:center;margin-bottom:0}
#newsBox .info .news_list .golink{display:flex;position:absolute;right:2%;bottom:45px}
#newsBox .info .news_list .golink a{position:relative;padding:10px;background:var(--secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;border-radius:50px}
#newsBox .info .news_list .golink a svg{width:22px;fill:#fff}
#newsBox .info .news_list .news_txt span{display:inline-block;background:#f2f2f2;font-size:max(1 * (1vw + 1vh) / 2,13px);padding:7px 9px;width:111px;text-align:center}
#newsBox .info .news_list .news_txt h3{height:auto;font-size:max(1.13 * (1vw + 1vh) / 2,16px);font-weight:600;margin:10px 0;margin-left:10px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:calc(100% - 20px);color:#1f3349}
#newsBox .info .news_list .news_txt p{-webkit-line-clamp:2;height:53px;font-size:16px;color:#343333;overflow:hidden;margin:10px 0;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
#newsBox .info .news_list .noBox{position:absolute;width:2em;text-align:center;top:50%;right:-6em;-webkit-transform:translateY(-47%);transform:translateY(-47%)}
#newsBox .bttn{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:30px}
#newsBox .info .news_btn{position:relative;width:9em;display:flex;justify-content:space-between;align-items:center;z-index:5}
#newsBox .info .news_btn font{width:5.5em;display:flex;justify-content:flex-end}
#newsBox .info .news_btn font span{min-width:2em;text-align:center}
#newsBox .info .news_btn font span:nth-child(2){min-width:1.5em}
#newsBox .info .news_btn #prevBtn{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
#newsBox .arrow_btns_box a{width:45px;height:45px;background:#509930;border-radius:50px;display:inline-flex!important;align-items:center;justify-content:center;margin:0 5px}
#newsBox .arrow_btns_box a svg{width:17px;height:17px;fill:#fff}
#newsBox .arrow_btns_box a.prev svg{transform:scaleX(-1)}
@-webkit-keyframes spineer{0%{-webkit-box-shadow:0 0 0 0 var(--info)}
70%{-webkit-box-shadow:0 0 0 20px transparent}
100%{-webkit-box-shadow:0 0 0 0 transparent}
}
@keyframes spineer{0%{box-shadow:0 0 0 0 var(--info)}
70%{box-shadow:0 0 0 20px transparent}
100%{box-shadow:0 0 0 0 transparent}
}
@keyframes scroll{from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}
@-webkit-keyframes scroll{from{-webkit-transform:translateX(100%)}
to{-webkit-transform:translateX(-100%)}
}
@keyframes scroll2{from{transform:translateX(0)}
to{transform:translateX(-200%)}
}
@-webkit-keyframes scroll2{from{-webkit-transform:translateX(0)}
to{-webkit-transform:translateX(-200%)}
}
#book_area{padding:0 0 8vw}
#book_area:after{content:"";position:absolute;width:800px;aspect-ratio:1/1;background:url(/images/40/abbgrightimg.png);background-repeat:no-repeat;background-size:contain;right:-440px;-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(45deg);bottom:-120px;left:-640px}
#book_area .puobox{display:flex;width: 100%;}
#book_area .title_box{width:30%;margin-left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
#book_area .cootext{margin:30px 0;font-weight:300}
#book_area .list_box{position:relative;width: 100%;}
#book_area .atag_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
#book_area  img{aspect-ratio: 599/800;}

#book_area .nJtext{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#book_area .atag_item .badge{
    align-items: baseline;
    display: -webkit-box;
    font-size: max(1.2*(1vw + 1vh) / 2,16px);
    font-weight: 400;
    margin-bottom: 20px;
    width: min(400px , 80%);
    white-space: normal;
    line-height: 150%;
    height: 34px;
    text-overflow: ellipsis;
}
@media screen and (min-width: 1281px) {
	#book_area .list_box li:hover .badge{background:var(--primary);color: var(--secondary);}
	#custom_box li:hover .row{box-shadow:0 4px 17px 0 rgba(var(--black-rgb),.2);border-bottom:5px var(--complement) solid}
}

@media screen and (min-width: 769px) {
	.mb-box {display: none;}
}

@media screen and (max-width: 1470px) {
	#wrap{margin-top:-202px}
	#about_area .maJinfoo .tctextbox:before{height:140px;top:-140px}
	#about_area .maJimg{width:43%}
	#about_area .maJinfoo .tadJmitem{width:min(550px ,100%)}
	#about_area .maJinfoo .tadJmitem:before{width:74%;left:14%;top:12%}
	#about_area{height:610px}
	#about_area:before{top:141px}
	.sanJ_bg{right:-3%}
	.video-container{height:250px}
	#ganJJ_area .maJtop{height:250px}
	.maJtop:after{width:113px;top:-115px}
	.slide-video{height:250px}
	.maJfixbg{height:390px}
	.mamatitle .rightm span{width:190px}
	#book_area .list_box img{height:480px}
	#book_area:after{left:-598px;background-size:70%;background-position:50%}
	#book_area .list_box{}
	#custom_box .cumimgbox img{width:80px}
	.mamatitle .rightm img{width:45px}
	#mid-video:after{width:120px;top:80px}
	#newsBox:before{left:-65.5%}
	#newsBox:after{right:-65%}
	.arrow_btns_box{top: 30%;}
	.videmibox{margin-right: 10%;}
	.videmibox p:before{display:none;}
}

@media screen and (max-width: 1280px) {
	#custom_box ul li{position:relative;display:flex;flex-direction:column;width:33.3%}
	#book_area .puobox{display:flex;flex-direction:column}
	#book_area .title_box{width:100%}
	#book_area .list_box{right:0;width:100%}
	#book_area .list_box img{height:310px}

}

@media screen and (max-width: 1024px) {
	#about_area{height:auto;padding-bottom:60px}
	#about_area .maJimg{width:100%;animation:unset}
	
	#about_area .maJinfoo{display:flex;flex-direction:column}
	#about_area .maJinfoo .tctextbox{width:100%;margin-bottom:50px;padding: 30px 0;margin-top: 0;}
	#about_area .maJinfoo .tctextbox:before{top:-85px;height:85px}
	#about_area .maJinfoo .tctextbox:after{width:85px}
	#about_area:before{top:84px}
	#about_area .maJimg{width:40%}
	.arrowbox{margin-left:0}
	.mamatitle .leftm span{margin:0 7px}
	.Japtab{margin-top:20px}
	#newsBox .bg{width:100%;height:50vh;border-radius:0}
	#newsBox{display:flex;margin-top:0;flex-wrap:wrap;padding:0 0 40px}
	#newsBox .workframe{padding:50px 10px 10px 10px}
	#newsBox .mmtmore{top:40px}
}

@media screen and (min-width: 981px){
	.mbshowbox{display:none;}
}
@media screen and (max-width: 980px){
	.pcshowbox{display:none}
	.mbshowbox{display:flex;flex-direction:column;align-items:center;margin: 25px 0 45px;}
	.mbshowbox img{margin-bottom:30px}
	#mid-video,#mid-video:after,#newsBox:after,#newsBox:before,.maJtop:after,.video-container,.video-container2{display:none}
	#newsBox .workframe{display:flex;flex-direction:column;padding:50px 0 60px 0}
	#newsBox .workframe .JJtitle{width:100%}
	#newsBox .info{width:100%;margin-top:20px}
	#nwJJ_area .news_list{width:100%}
	.sanJ_bg{display:none}
}
@media screen and (max-width: 768px) {
	.mb-box{display:flex;flex-direction:column;width:100%;margin-top:50px}
	#youtube_box{padding-bottom:60vw}
	#custom_box li .row{margin:10px 15px;padding:10px 0 20px;border-bottom:2px #90785d3b solid}
	#custom_box li .row article{bottom:-2px}
	.arrowbox .arrow_btns_box{margin-right:0;margin:0 5px}
}

@media screen and (max-width: 640px) {
	#wrap{margin-top:0}
	.arrow_btns_box.lee{left:auto;right:32%;bottom: 198px;top:auto}
	.arrow_btns_box.ree{left:31%;right:auto;bottom: 198px;top:auto}
	#about_area .maJimg{position:relative;top:0;width:100%;margin-bottom:60px}
	#about_area .maJinfoo{width:100%}
	#about_area .maJinfoo .tctextbox{width:90%;margin:15px auto}
	#about_area{display:flex;flex-direction:column;height:auto;padding-bottom:0}
	#ganJJ_area:before{height:100%}
	#ganJJ_area .maJtop{height:auto;}
	#ganJJ_area{padding: 65px 0 2px;}
	#cuserviceJJ_area #patmage .popolist{margin-bottom: 115px;}
	#cuserviceJJ_area #patmage .popolist .slick-list{padding:0 0!important}
	#custom_box ul li{width:50%}
	#about_area:after,#about_area:before,#book_area:after,#newsBox:before{display:none}
	#newsBox .info .news_list .news_txt{width:92%}
	section .title_box .area_title{font-weight:600}
	.maJfixbg .maJinfo{right:auto;bottom:auto;width:100%}
	.maJfixbg{height:300px}
	.maJfixbg .workframe{display:flex;flex-direction:column;align-items:center;justify-content:center}
	.maJfixbg .maJinfo p{text-align:center}
	#newsBox .info .news_list li{grid-template-columns:131px 1fr 40px}
	#newsBox .news_list li .date{padding-right:15px;margin-right:17px}
	#newsBox .mmtmore{position:relative;right:auto;top:auto}
	#newsBox{padding-bottom:0}
	#about_area .maJinfoo .tadJmitem{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);grid-template-areas:"tounbox01 tounbox02" "tounbox04 tounbox05";width:min(610px,90%);margin:20px auto}
	.tadJmitem .tadJlist{margin-bottom:30px}
	#about_area .maJinfoo .tadJmitem:before,.tadJmitem .tounbox03{display:none}
	#cuserviceJJ_area{margin: 60px auto;}
}

@media screen and (max-width: 550px) {
	.arrow_btns_box{top: -74px;}
	.workframe{width: 85%;}
	.JJtitle .cnlittle:before{width: 15px;left: 6px;}
}

@media screen and (max-width: 480px) {
	.mamatitle .leftm p{font-size:max(1.9*(1vw + 1vh) / 2,26px)}
	.mamatitle .leftm span{font-size:max(3.1*(1vw + 1vh) / 2,31px);margin:0 9px}
	.mamatitle .leftm{width:100%;display:flex}
	.mamatitle .leftm b{display:flex;flex:1;justify-content:flex-end}
	.shpaeline{display:none}
	#about_area .maJinfoo .tctextbox .tminfo p{width:100%;display:flex;height:auto}
	#product_area .bgBox{width:100%;object-fit:cover}
	#custom_box ul li{width:100%}
	.mainfobox{padding:67px 0}
	footer #f_info{padding-left:0!important;padding-right:0!important;padding-top:50px;padding-bottom: 0;}
	footer #flogo img{width:200px;margin:18px 0}
	#newsBox .info .news_list .news_txt .mmtop{display:flex;flex-direction:row;align-items:center;margin-bottom:0}
	#newsBox .info .news_list .news_txt span{padding:2px 2px;width:100px;margin-right:5px;display:none}
	#newsBox .info .news_list .news_txt h3{width:100%;margin:0}
	#newsBox .info .news_list li{grid-template-columns:105px 1fr 40px;padding:20px 0}
	#newsBox .news_list li .date{margin-right:10px}
	#newsBox{padding:40px 0 0}
	#newsBox .info .news_list .golink{display:none}
	#newsBox .info .news_list .news_txt{width:100%}
	.arrow_btns_box.lee{left:auto;right:32%;bottom: 175px;top:auto}
	.arrow_btns_box.ree{left:31%;right:auto;bottom: 175px;top:auto}
}