/* 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}

/* section */
section{margin:3vw 0 3vw;display:flex;flex-direction:column}
section.section_pad{padding:5vw 0}
section>*{z-index:3}
section .title_box{margin-bottom:27px;position:relative}
section .title_box .area_title{font-weight:600;font-size:max(2.7 * (1vw + 1vh) / 2,29px);color:var(--primary)}
section .title_box .sub_title{font-weight:400;font-size:max(1.3 * (1vw + 1vh) / 2,15px);color:#5a5a5a;letter-spacing:0.15em}

/* bg_box */
.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)}
.magJlink{position:absolute;right:0;top:26px;z-index:8}
.magJlink.mb{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}
a.boomlink{display:flex;align-items:center;padding:6px 9px;width:180px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:rgb(255 255 255 / 20%);justify-content:space-around;border-radius:50px;color:#4a4a4a;letter-spacing:0.15em;font-size:max(1.1 * (1vw + 1vh) / 2,14px);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;border:#acacac 2px solid}
a.boomlink.mb{order:3;margin-top:40px}
a.boomlink:hover{background:var(--primary);border:var(--primary) 1px solid}
a.boomlink:hover span{color:white}
a.boomlink:hover svg{}
a.boomlink span{color:#3d3d3d;font-size:max(1.1*(1vw + 1vh) / 2,14px);font-weight:500}
a.boomlink:hover svg{-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);border-radius:50%;fill:var(--primary);background:white}
a.boomlink svg{width:28px;aspect-ratio:1/1;margin-left:10px;fill:#ffffff;-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out;background:var(--primary);border-radius:50%;padding:6px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.pagJtitle{position:relative;display:flex;flex-wrap:wrap;align-items:center;padding:0 0 40px;margin-bottom:50px}
.pagJtitle:before{content:"";position:absolute;bottom:0;left:-12vw;width:100vw;height:1px;background:#e6e6e6}
.pagJtitle .toptJ{display:flex;width:100%;font-size:max(1.1*(1vw + 1vh) / 2,18px)}
.pagJtitle .ltftJboo{position:relative;display:flex;margin-right:15px}
.pagJtitle .ltftJboo p{font-size:max(4*(1vw + 1vh) / 2,35px);text-transform:uppercase;font-weight:700;color:#24a39c;line-height:90%}
.pagJtitle .rightJboo{}
.pagJtitle .rightJboo p{line-height:140%;font-size:max(1.2*(1vw + 1vh) / 2,16px)}
.catePTJ{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:2;gap:10px}
.PTJlist{display:contents}
.PTJitem{position:relative;grid-column:auto;display:flex;flex-direction:column;height:100%;overflow:hidden}
.PTJitem:hover img{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(1.4)}
.PTJitem:hover .textmbox{background:#24a39c}
.PTJitem:hover .textmbox *{color:white}
.PTJitem a.manlink{position:absolute;width:100%;height:100%;z-index:6}
.PTJitem img{}
.PTJitem .textmbox{display:flex;flex-direction:column;align-items:center;background:#eaeef1;padding:6px 0;z-index:3}
.PTJitem .textmbox span{font-size:max(1.2*(1vw + 1vh) / 2,16px);font-weight:500}
.PTJitem .textmbox b{font-size:max(1*(1vw + 1vh) / 2,14px);font-weight:300}
.PTJ-longitem{grid-column:span 2;display:flex}
#littlePT{border-bottom:#72c3bd 7px solid;padding-bottom:90px}

/*photo_listJJ*/
#photo_listJJ{width:100%;display:flex}
#photo_listJJ .slick-slide{display:flex;flex-direction:column;align-items:center}
#photo_listJJ .slick-list{}
#photo_listJJ .slick-slide a{display:flex;flex-direction:column;align-items:center;background:#eaeef1;padding:25px 0;width:90%}
#photo_listJJ .slick-slide a .toptext{font-size:max(1.2*(1vw + 1vh) / 2,14px)}
#photo_listJJ .slick-slide a .bottomtext{font-size:max(1.3*(1vw + 1vh) / 2,15px)}
#littlePTJ{padding:40px 0}
#littlePTJ .arrow_btns_box{display:flex;justify-content:center;position:relative;width:10vw;bottom:0;flex-direction:column;align-items:center;cursor:pointer}
#littlePTJ .slick-slider{display:flex;width:80vw;flex-direction:column}
#littlePTJ .arrow_btns_box .slick-arrow svg{width:30px;fill:#b7b7b7}
#littlePTJ .arrow_btns_box .slick-arrow.prev{transform:scalex(-1);padding:0 0;width:100%;background:#f4f4f4;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
#littlePTJ .arrow_btns_box .slick-arrow.next{padding:0;background:#f4f4f4;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}

/*galoogo*/
.galoogo{display:flex;justify-content:center;flex-direction:column;align-items:center}
.galoogo img{width:4vw}
.galoogo:before{content:"";width:47.5vw;height:2px;background:#dfdfdf;left:0;position:absolute}
.galoogo:after{content:"";width:47.5vw;height:2px;background:#dfdfdf;right:0;position:absolute}
.galoogo.notwoJ{position:relative;margin-top:-38px;z-index:3}

/*gamJap*/
.gamJap{position:relative;margin-top:-38px;height:500px}
.gamJap iframe{width:100%;height:100%}

/*pouabox*/
.pouabox{padding:5vw 0 0;margin-bottom:0}
.bactext{position:absolute;top:-4vw;left:3vw}
#cooperate_area{background-image:url(/images/40/haco_bg.png);margin-top:0;padding-bottom:5vw}
#cooperate_area.pouabox .workframe .pouaright{width:50%}
#cooperate_area.pouabox .workframe .poualeft{width:43%}
#cooperate_area .bactext{top:auto;bottom:0vw;left:auto;right:3vw;display:flex;flex-direction:column;align-items:flex-end}
.bactext p{font-size:max(4.8*(1vw + 1vh) / 2,35px);text-transform:uppercase;opacity:0.1;color:#8b8b8b;line-height:100%}
.pouabox .workframe{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px}
.pouabox .workframe .poualeft{width:45%;z-index:2}
.pouabox .workframe .topJJn{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:50px;padding-bottom:20px}
.pouabox .workframe .topJJn:before{content:"";position:absolute;width:150px;height:5px;background:#231815;bottom:-2px}
.pouabox .workframe .topJJn:after{content:"";position:absolute;width:70vw;height:1px;background:#231815;bottom:0;left:-13vw;opacity:0.1}
section.pouabox .workframe .topJJn .title_box{margin-bottom:0}
.pouabox .workframe .pouaright{width:100%}
.pouabox .workframe .pouaright.bcimg{display:flex;justify-content:flex-end}
.pouabox .workframe .pouaright img{position:relative;z-index:1}
.pouabox .workframe .pouaright.bcimg:before{content:"";position:absolute;right:0;width:160px;z-index:0;top:-97px;aspect-ratio:1/1;background:url(/images/40/maJJimg.png);background-size:contain;background-repeat:no-repeat}
.pouabox .workframe .pouaright img{border-radius:500px 0px 0px 500px}
.pouabox .workframe .pouaright #custom_box .row{margin-right:0;margin-left:0;border-radius:500px;border:#dcdcdc 1px solid;padding:16px}
.pouabox .workframe .pouaright #custom_box li{margin:20px 10px}
.pouabox .workframe .pouaright #custom_box img{border-radius:500px;aspect-ratio:1/1;margin:0 auto;box-shadow:0 4px 17px 0 rgb(170 170 170 / 20%);padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#ffffff}
p.hightJJ{line-height:200%;color:#292929;font-weight:400}
.pouabox .workframe .botJJn p{overflow:hidden;height:58px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;color:#292929}
#cooperate_area.pouabox .workframe .botJJn p{-webkit-line-clamp:none;height:auto}
.Jcaman{background-image:url(/images/40/booumimg.png);background-repeat:no-repeat;background-position:50% 100%;overflow:hidden;background-size:contain}
.Jcaman img{width:7vw;position:relative;left:47vw;z-index:-1;bottom:-90px}

/*contentJ*/
#contentJ{position:relative;background:#f9f9f9;padding:90px 0 70px}
#contentJ .cocobox{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}
#contentJ .cocobox .cocoleftbox{width:50%}
#contentJ .cocobox .cocorightbox{width:50%}
#contentJ .cocobox .cocorightbox .coobman{display:flex;width:100%}
#contentJ .cocobox .cocorightbox .coobman a{display:flex;flex-direction:column;align-items:center;width:314px;aspect-ratio:8/3;justify-content:center;border-radius:12px;border:#8c8c8c 1px solid;margin:0 10px}
#contentJ .cocobox .cocorightbox .coobman a:hover{background:white;filter:drop-shadow(0 0 8px rgba(var(--black-rgb),.1))}
#contentJ .cocobox .cocorightbox .coobman a b{font-size:max(2.2*(1vw + 1vh) / 2,20px)}
#contentJ .cocobox .cocorightbox .coobman a *{color:#0d1216;font-size:max(1.3 * (1vw + 1vh) / 2,16px)}
#contentJ .cocobox .cocorightbox .coobman a img{width:35px}
#contentJ .pagJtitle{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0}
#contentJ .pagJtitle:before{display:none}
#contentJ .pagJtitle .ltftJboo{padding-bottom:20px;margin-bottom:20px}
#contentJ .pagJtitle .ltftJboo:before{content:"";position:absolute;width:70px;height:2px;bottom:0;background:#a0a0a0}

/*certification*/
#certification{padding:0;margin:0;margin-top:-130px;position:relative;z-index:1}
#certification *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#certification .cerbox{display:flex;justify-content:center;border-radius:150px;background:white;filter:drop-shadow(0 0 8px rgba(var(--black-rgb),.1));width:min(90%,900px);padding:0 90px}
#certification .workframe{display:flex;justify-content:center}

/* about_area */
#about_area:before{content:"";position:absolute;width:100vw;height:500px;background:url(/images/40/aboutimgbg.jpg);z-index:-1;top:-130px;background-size:cover}
#about_area .info_boxarticle{margin-bottom:30px;width:90%;line-height:210%;letter-spacing:1.5px;font-weight:300}
#about_area .workframe{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
#about_area .workframe .img_boxJb{width:49%;padding:20px}
#about_area .workframe .info_box{width:49%;padding:20px}
#about_area .workframe *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#about_area .workframe .title_box:before{content:"ABOUT";position:absolute;font-size:max(11*(1vw + 1vh) / 2,50px);color:#d5d5d5;letter-spacing:0.1em;z-index:-1;right:0;opacity:0.2;font-weight:700;bottom:26px}
#about_area article{margin-bottom:30px;margin-top:40px}
.Jbimglist{display:flex;flex-wrap:wrap;padding:0 0;justify-content:space-between}
.Jbimglist .Jbitem.firstJJbox{width:100%;display:grid;grid-template-columns:40% 60%;gap:0 0%;margin-bottom:15px;align-items:center;padding:60px 50px}
.Jbimglist .Jbitem.firstJJbox .JJbleft{padding:0;display:flex;justify-content:flex-start}
.Jbimglist .Jbitem.firstJJbox .JJbleft h3{font-size:max(1.2*(1vw + 1vh) / 2,21px);color:#231815;font-weight:400}
.Jbimglist .Jbitem.firstJJbox .JJbright{padding:0;display:flex;align-items:center;justify-content:flex-end}
.Jbimglist .Jbitem.firstJJbox .JJbright span{color:#4d4d4d}
.Jbimglist .Jbitem.firstJJbox .JJbright svg{-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);width:20px;margin:0 5px;aspect-ratio:1/1}
.Jbimglist .Jbitem{display:flex;flex-direction:column;width:calc(25% - 10px);align-items:center;justify-content:center;padding:10px 0;filter:drop-shadow(0 0 3px rgba(var(--black-rgb),.05));margin:11px 5px;border-radius:14px;background:white;border:#9e9e9e 4px solid;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#f9f9f9}
.Jbimglist .Jbitem img{width:110px}
.Jbimglist .Jbitem:nth-child(2),.Jbimglist .Jbitem:nth-child(3){width:calc(50% - 20px)}

/* product_area */
#product_area{overflow:hidden;max-width:100vw}
#product_area .slick-list{overflow:visible}

/* news_area */
#news_area .list_boximg{height:320px}
#news_area .list_box .info_box{padding:15px 30px}
#news_area .list_box .info_boxpa{margin-right:10px;max-width:calc(100% - 100px);font-weight:400;z-index:2}
#news_area .list_box .info_boxp .time{width:90px;font-weight:300}
#news_area .list_box .info_boxh3{height:34px;font-size:20px}

/* newsBox */
#newsBox{padding:50px 0 3vw;display:flex;grid-template-columns:52% 50%;justify-content:space-between}
#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}
#newsBox .info .tit{width:5em}
#newsBox .info .tit a{color:#000}
#newsBox .info .news_list{}
#newsBox .info .news_list li{position:relative;display:grid;grid-template-columns:160px 1fr 90px;padding:30px 0;border-top:1px solid #ddd;align-items:center}
#newsBox .info .news_list li:hover{background:#f7f7f7}
#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 #ddd;margin-right:30px;display:flex;align-items:center;justify-content:center}
#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)}
#newsBox .news_list li .time b{color:#505050;font-size:max(3 * (1vw + 1vh) / 2,39px);font-family:"Nunito Sans",sans-serif;line-height:1}
#newsBox .info .news_list .news_txt{position:relative}
#newsBox .info .news_list .news_txt .mmtop{display:flex;align-items:center;margin-bottom:15px}
#newsBox .info .news_list .golink{display:flex;position:absolute;right:0;bottom:45px}
#newsBox .info .news_list .golink a{position:relative;padding:10px;background:#24a39c;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:white}
#newsBox .info .news_list .news_txt span{display:inline-block;background:#f2f2f2;font-size:max(0.8 * (1vw + 1vh) / 2,14px);padding:7px 9px;width:111px;text-align:center}
#newsBox .info .news_list .news_txt h3{height:auto;font-size:max(1 * (1vw + 1vh) / 2,17px);font-weight:400;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% - 110px)}
#newsBox .info .news_list .news_txt p{-webkit-line-clamp:2;height:50px;font-size:15px;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)}

/* book_area */
#book_area .list_boximg{height:450px}
#book_area .list_box .img_box{border:var(--white) solid;border-width:0 1px 1px 0}
#book_area .list_box .img_box:before,#book_area .list_box .img_box:after{position:absolute;width:100%;height:100%;background:var(--white);z-index:9;opacity:.4;content:""}
#book_area .list_box .img_box:after{right:0;bottom:0}
#book_area .list_box .atag_item{z-index:10}
#book_area .list_box .badge{margin:auto;padding:10px 20px;max-width:calc(80% - 40px);height:34px;line-height:36px;font-size:20px}

/* youtube_box */
#youtube_box{min-height:1px;padding-bottom:30%}
#youtube_boxa{position:absolute;background:var(--white);display:flex;top:50%;left:50%;z-index:99}
#youtube_boxai{margin:auto;font-size:30px;color:var(--primary)}
#youtube_boxiframe{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}

/* custom_area */
#custom_area{margin:0;padding:5vw 0 3vw}
#custom_area:before{position:absolute;width:100%;height:75%;background:rgba(var(--primary-rgb),.1);display:block;bottom:0;left:0;opacity:.3;content:""}
#custom_box{padding:2vw 0 0vw;display:flex;align-items:center;justify-content:space-between}
#custom_box .arrow_btns_box{display:flex;width:30px;flex-direction:column}
#custom_box .arrow_btns_box svg{fill:#939393}
#custom_box .arrow_btns_box .prev{transform:scalex(-1)}
#custom_box .slick-slider{display:flex;flex-direction:column;width:calc(100% - 100px)}
#custom_boxli .row{margin:30px 20px;padding:30px;display:block;border-bottom:2px var(--primary) solid}
#custom_boxli .rowh2{font-size:20px}
#custom_boxli .rowarticle{margin-top:30px;line-height:200%}

@-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}}

@media screen and (min-width: 641px){
	a.boomlink.mb{display:none}
}
@media screen and (min-width: 1281px) {
	#book_area .list_box li:hover .badge{background:var(--primary);color:var(--white)}
	#custom_box li:hover .row{box-shadow:0 4px 17px 0 rgb(144 144 144 / 20%)}
}
@media screen and (max-width: 1280px) {
	#contentJ .cocobox .cocorightbox .coobman a{width:50%}
}
@media screen and (max-width: 1470px) {
    .Jbimglist .Jbitem.firstJJbox{grid-template-columns:1fr;display:grid;justify-items:start}
	#contentJ{padding:70px 0 90px}
	#certification{margin-top:-107px}
	#certification .cerbox{width:min(90%,850px);padding:11px 0}
	#certification .cerbox img{width:126px}
}
@media screen and (max-width: 1160px) {
	.pagJtitle .rightJboo{display:none}
}
@media screen and (max-width: 1024px) {
	.catePTJ{grid-template-columns:repeat(3,1fr);grid-template-rows:2}
	.PTJ-longitem:last-child{grid-column:span 1;display:flex}
	#contentJ .cocobox{display:flex;flex-direction:column}
	#contentJ .cocobox .cocoleftbox{width:100%}
	#contentJ .cocobox .cocorightbox{width:100%}
	#about_area .workframe{display:flex;flex-direction:column}
	#about_area .workframe .img_boxJb,#about_area .workframe .info_box{width:100%}
	.Jbimglist .Jbitem.firstJJbox .JJbleft h3{font-size:max(1.2*(1vw + 1vh) / 2,28px)}
	.Jbimglist{margin-bottom:30px}
	#newsBox .bg{width:100%;height:50vh;border-radius:0}
	#newsBox{display:flex;margin-top:0;flex-wrap:wrap;padding:0 0 40px}
	.pouabox .workframe{display:flex;flex-direction:column;margin-bottom:50px;width:85%}
	.pouabox .workframe .poualeft{width:100%;order:2}
	.pouabox .workframe .pouaright.bcimg{display:flex;flex-direction:column;align-items:center;order:1;margin-bottom:30px}
	.pouabox .workframe .pouaright img{border-radius:0;width:100%}
	.galoogo img{width:8vw}
	.galoogo:before{width:45vw}
	.galoogo:after{width:45vw}
	.pouabox{padding:120px 0 0}
	.bactext{display:none}
	.pouabox .workframe .pouaright.bcimg:before{right:calc(50% - 78px);width:140px}
	#cooperate_area.pouabox .workframe .pouaright{width:100%;order:2}
	#cooperate_area.pouabox .workframe .poualeft{width:100%;display:flex;flex-direction:column;align-items:center;order:1;margin-bottom:20px}
}
@media screen and (max-width: 980px) {
	#certification .cerbox{width:100%;padding:0 0}
	#certification .workframe{width:100vw}
	#certification{margin-top:0}
	.bactext{display:none}
}
@media screen and (max-width: 640px) {
	.Jcaman img{width:16vw;bottom:-64px}
	.galoogo img{width:10vw}
	.pouabox .workframe .pouaright.bcimg:before{right:calc(50% - 60px);width:100px;top:-77px}
	#about_area .workframe .info_box{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;padding:10px}
	section .title_box{display:flex;flex-direction:column;align-items:center;width:100%}
	.pouabox{padding:90px 0 0}
	#cooperate_area.pouabox .workframe .poualeft{margin-bottom:40px}
	#about_area .workframe .title_box:before{left:-4%;font-size:max(11*(1vw + 1vh) / 2,90px);width:120%}
	a.boomlink.pc{display:none}
	.catePTJ{grid-template-columns:repeat(2,1fr);grid-template-rows:2}
	.PTJ-longitem,.PTJ-longitem:last-child{grid-column:span 1;display:flex;display:none}
	.pouabox .workframe .botJJn p{text-overflow:unset;height:auto;-webkit-line-clamp:unset}
	#newsBox .info .news_list li{grid-template-columns:104px 1fr}
	.Jbimglist .Jbitem img{width:100px}
	.Jbimglist .Jbitem span{font-size:max(1 * (1vw + 1vh) / 2,16px)}
	#contentJ .cocobox .cocorightbox .coobman{display:flex;flex-direction:column;align-items:center}
	#contentJ .cocobox .cocorightbox .coobman a{width:100%;margin-bottom:15px}
	#contentJ{padding:20px 0 0px}
	#about_area article{margin-top:10px}
	.pouabox .workframe .topJJn:after{width:107vw;left:-7vw}
	.pouabox .workframe .topJJn:before{left:calc(50% - 50px);width:100px}
}
@media screen and (min-width: 769px) {
	.magJlink.mb{display:none}
}
@media screen and (max-width: 768px) {
	.Jbimglist .Jbitem.firstJJbox{border:unset;background:unset;display:flex;padding:11px 0}
	.Jbimglist .Jbitem:nth-child(2),.Jbimglist .Jbitem:nth-child(3){width:calc(100% - 20px);padding:22px 0}
	.pagJtitle{display:flex;flex-direction:column;align-items:center;padding:0 0 20px;margin-bottom:30px}
	.pagJtitle:before{left:-10vw}
	.pagJtitle .ltftJboo{margin:0;width:100%;display:flex;flex-direction:column;align-items:center}
	.pagJtitle .ltftJboo p{text-align:center}
	.pagJtitle .toptJ{display:flex;flex-direction:column;align-items:center}
	.Jbimglist .Jbitem{width:calc(50% - 10px)}
	.magJlink{display:none}
	#news_area .list_box .info_box{padding:15px 0}
	#youtube_box{padding-bottom:60vw}
	#custom_box li .row{margin:10px 15px;padding:10px 0}
	#newsBox .info .news_list .golink{display:none}
}
@media screen and (max-width: 640px) {
	#newsBox .workframe{width:95%}
	#littlePTJ{padding:10px 0 40px}
}
@media screen and (max-width: 480px) {
	#about_area article{padding:0 0px;margin-bottom:30px;margin-top:30px}
	#littlePTJ .arrow_btns_box .slick-arrow.prev,#littlePTJ .arrow_btns_box .slick-arrow.next{background:unset}
	#littlePTJ .arrow_btns_box .slick-arrow svg{width:20px}
	#about_area:before{height:583px}
	#about_area:after{bottom:315px}
	#about_area .workframe .img_boxJb{margin-bottom:5px;padding:10px}
	#product_area .bgBox{width:100%;object-fit:cover}
	#newsBox .info .news_list .news_txt .mmtop{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0}
	#newsBox .info .news_list .news_txt h3{width:100%;margin:0}
	#newsBox .info .news_list li{grid-template-columns:89px 1fr;padding:15px 0}
	#newsBox .news_list li .date{margin-right:10px}
}