header.scroll{background:rgb(255 255 255)}
#wrap{position:relative}
#openform{background:rgba(var(--white-rgb),.3)}
section{padding:6vw 0 5vw}
section.section_pad{padding:5vw 0}
section#news_area{position:relative;z-index:6;padding-top:200px}
section#news_area .title_box:before{width:125vw}
section#news_area .submtext{position:absolute;right:0;top:40px}
section#news_area:before{content:"";position:absolute;width:700px;aspect-ratio:7/4;background-size:contain;background-repeat:no-repeat;right:11%;top:108px;z-index:5566}
@keyframes floatUpDown{0%{transform:translateY(0)}
50%{transform:translateY(-5px)}
100%{transform:translateY(0)}
}
section>*{z-index:3}
section .title_box{margin-bottom:11px;padding-bottom:10px}
section .title_box:before{content:"";position:absolute;width:80vw;height:1px;background:rgb(155 155 155 / 55%);bottom:0;margin-left:-38%;z-index:0}
section .title_box .area_title{font-weight:500;font-size:max(3 * (1vw + 1vh) / 2,30px);color:#8f5547;text-transform:uppercase}
section .submtext p{font-size:max(1.5 * (1vw + 1vh) / 2,18px);color:#646464}
section#about_area article p{font-size:max(1.2*(1vw + 1vh) / 2,14px);color:#717171;font-weight:400;line-height:222%}
section#about_area article{margin-top:80px;margin-bottom:80px}
section .title_box .sub_title{font-weight:500;font-size:max(1.5 * (1vw + 1vh) / 2,20px);color:#eb8854;line-height:100%;text-transform:uppercase}
#photo_list{-moz-transform:scale(1.4);-webkit-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);margin-top:160px}
#photo_list img{animation:floatUpDown 3s infinite;border-radius:0}
section .title_box2{display:flex;flex-direction:column;align-items:center}
section .title_box2 .sub_title{font-weight:500;font-size:max(3.3 * (1vw + 1vh) / 2,29px);color:#fff;line-height:100%;display:flex;flex-direction:column;align-items:center}
section .title_box2 .sub_title:before{position:absolute;content:"";width:300px;margin-top:15px;aspect-ratio:4/2;background:url(/images/40/panban.png);background-size:contain;background-repeat:no-repeat;background-position:50%;z-index:-1}
section .title_box2 .area_title{position:absolute;top:-65px;font-weight:500;font-size:max(6.8 * (1vw + 1vh) / 2,24px);color:rgb(255 255 255 / 15%);z-index:-1;letter-spacing:.35em;text-transform:uppercase}
section#post_box .title_box .sub_title{color:#00021c}
section#post_box .title_box .area_title{font-size:max(1.1*(1vw + 1vh) / 2,12px)}
.bg_box{width:100%;height:100%;background:no-repeat 50%/cover;background-attachment:fixed;opacity:.3;top:0;left:0}
#news_area .bg_box{opacity:1;background:url(/images/40/Jabg.png)}
#news_area .bg_box:before{width:92%;height:54%;display:block;content:"";border-radius:0 60px 0 0;margin-top:160px}
.bg_box.white:before{background:rgba(var(--white-rgb),.2)}
#about_area .info_box article,#about_area2 .info_box article{width:90%;line-height:210%;letter-spacing:1.5px;font-weight:300}
#about_area{z-index:1;padding:100px 0}
#about_area:before{content:"";background:url(/images/40/ppoccmimg.jpg);position:absolute;width:100%;height:1104px;bottom:0;z-index:-4}
.flypanme{position:absolute;right:4%;margin-top:-160px;z-index:987;display:none}
.flypanme img{object-fit:cover;animation-name:flower2;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:2s;opacity:.4;width:262px}
@keyframes flower2{0%{transform-origin:roght top;transform:rotate(-3deg)}
100%{transform-origin:right bottom;transform:rotate(3deg)}
}
#about_area .img_box{z-index:2}
#about_area .info_box,#about_area2 .info_box{padding:0;display:flex;flex-direction:column}
#about_area .tmJam{display:flex;flex-direction:column;flex:1;justify-content:space-between}
#about_area .btnBox{display:flex;justify-content:center;margin-left:20%}
#about_area .workframe#pocessJ .btnBox{margin-left:0}
#about_area .tmJam .tm-box02{margin-bottom:80px;display:flex;justify-content:center}
#about_area .tmJam .tm-box02 .tmtext{width:40%;margin-left:26%}
#about_area .tmJam .tm-box02 .tmtext p{font-size:max(1*(1vw + 1vh) / 2,18px);text-transform:uppercase;color:#345b78}
#about_area .tmJam img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);margin-left:12%;margin-bottom:89px}
#about_area .info_box:after{content:"";background-image:url(/images/40/baobimg-2.png);background-size:contain;position:absolute;width:105px;aspect-ratio:105/533;right:-29%;bottom:-37%;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:2s;opacity:.7}
@keyframes flower2{0%{transform-origin:left bottom;transform:rotate(-3deg)}
100%{transform-origin:right bottom;transform:rotate(3deg)}
}
.JJtitle{margin-bottom:20px}
#newsBox .JJtitle{display:flex;flex-direction:column;align-items:center}
#newsBox .JJtitle h2:before{left:49%;top:-10px}
#newsBox .JJtitle h2:after{left:calc(48% - 8px);top:-10px}
#about_area .JJtitle h2{display:flex;align-items:center}
#about_area .JJtitle:before{content:"";width:44vw;height:1px;position:absolute;background:rgb(52 91 120 / 28%);top:97px;left:-13vw;z-index:0}
.JJtitle h2{font-weight:500;font-size:max(5*(1vw + 1vh) / 2,35px);text-transform:uppercase;color:#345b78;line-height:120%;margin-bottom:40px}
.JJtitle p{font-size:max(1*(1vw + 1vh) / 2,18px);text-transform:uppercase;color:#345b78}
.JJtitle h2:before{position:absolute;width:8px;aspect-ratio:1/1;background:#345b78;top:-20px;left:14px;content:"";border-radius:50%;animation:myfirst 2s infinite}
#about_area .JJtitle h2:before{top:auto;left:-26px}
.JJtitle h2:after{position:absolute;width:6px;aspect-ratio:1/1;background:#16214200;top:-20px;left:0;content:"";border:#345b78 2px solid;border-radius:50%;animation:myfirst 2.2s infinite}
#about_area .JJtitle h2:after{top:auto;left:-40px}
@keyframes myfirst{0%{transform:translate(0,0)}
50%{transform:translate(0,-10px)}
100%{transform:translate(0,0)}
}
.JJtitle .cnlittle{font-weight:700;font-size:max(2.2*(1vw + 1vh) / 2,24px);text-transform:uppercase;color:#162142}
#about_area .workframe,#about_area2 .workframe{display:flex;justify-content:space-between;z-index:988;width:min(80%,1480px)}
#about_area .workframe#pocessJ{display:flex;flex-direction:column;margin-top:200px}
#about_area .workframe#pocessJ .JJtitle{display:flex;flex-direction:column;align-items:center}
#about_area .workframe#pocessJ .JJtitle:before{display:none}
#about_area .workframe#pocessJ h2:before{top:-10px;left:49%}
#about_area .workframe#pocessJ h2:after{left:43%;top:-10px}
#about_area:after{content:"";position:absolute;left:41vw;top:0;z-index:9487;width:18vw;height:655px;display:flex;flex-direction:column;align-items:center;background:#345b78;padding:25px 0;z-index:0;border-radius:0 0 70px 0}
#about_area2{margin-top:100px}
a.boomlink{display:flex;align-items:center;padding:8px 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:.15em;font-size:max(1.1 * (1vw + 1vh) / 2,14px);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;border:#acacac 1px solid}
a.boomlink:hover{background:#c56c6a;border:#c56c6a 1px solid}
a.boomlink:hover span{color:#fff}
a.boomlink span{color:#404040;font-size:max(1.1*(1vw + 1vh) / 2,14px)}
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:#cf817f;background:#fff}
a.boomlink svg{width:16px;aspect-ratio:1/1;margin-left:10px;fill:#fff;-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:#cf817f;border-radius:50%;padding:8px}
.mapotext{display:flex;background:#1c5890;padding:15px 0}
.mapotext .workframe{display:flex;align-items:center}
.mapotext .workframe img{width:38px}
.mapotext .workframe span{width:2px;height:20px;background:rgb(255 255 255 / 64%);margin:0 25px}
.mapotext .workframe p{color:#fff;font-weight:300;letter-spacing:.05em}
#post_box{background-image:url(/images/40/gas_bg.jpg)}
#post_box .Jlinkbum ul{display:flex;justify-content:space-between}
#post_box .Jlinkbum ul li{display:flex;flex-direction:column;width:49%;position:relative}
#post_box .Jlinkbum ul li:hover a.boomlink svg{-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(90deg);border-radius:50%}
#post_box .Jlinkbum ul li:hover img{-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(1.2)}
#post_box .Jlinkbum ul li *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#fff}
#post_box .Jlinkbum ul li .Jboitem{overflow:hidden;border-radius:20px}
#post_box .Jlinkbum ul li a.ufolink{position:absolute;width:100%;height:100%;z-index:6}
#post_box .Jlinkbum ul li .Jboitem:before{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(to bottom,rgb(0 0 0 / 0),rgb(0 0 0 / 83%));border-radius:20px;z-index:2}
#post_box a.boomlink{background-image:unset;border:#fff 1px solid}
#post_box .Jlinkbum ul li .Jbinfo{position:absolute;bottom:0;display:flex;width:100%;flex-direction:column;padding:18px 25px;z-index:3}
#post_box .Jlinkbum ul li .Jbinfo .topJb{display:flex;justify-content:flex-end}
#post_box .Jlinkbum ul li .Jbinfo .topJb p{color:#fff;width:85%;display:flex;align-items:center}
#post_box .Jlinkbum ul li .Jbinfo .topJb p:before{content:"";position:absolute;width:10%;height:1px;background:#fff;left:4%}
#post_box .Jlinkbum ul li .Jbinfo .textJb{display:flex;align-items:center;justify-content:space-between}
#post_box .Jlinkbum ul li .Jbinfo .textJb p{font-size:max(2.2 * (1vw + 1vh) / 2,27px);color:#fff}
#art_box{background-image:url(/images/40/sogon_bg.jpg);background-attachment:fixed;padding:10vw 0 4vw;display:flex;flex-direction:column;align-items:center}
#art_box .workframe{display:flex;flex-direction:column;align-items:center}
#art_box:before{content:"";position:absolute;width:42px;aspect-ratio:1/1;background:#fdfdfd;border-radius:50%;top:-27px}
#art_box .art_textbox{display:flex;flex-direction:column;align-items:center;margin-top:222px}
#art_box .art_textbox *{color:#fff}
#art_box .art_textbox h3{font-size:max(1.4*(1vw + 1vh) / 2,16px)}
#art_box .art_textbox p{font-size:max(1.1*(1vw + 1vh) / 2,16px);font-weight:300}
#productBox{position:relative;padding:6vw 0 130px 4vw;z-index:2;margin-top:45px;background-image:linear-gradient(to bottom,#fff,#f0f0f0)}
#productBox .more{display:flex;margin-left:11%;margin-top:45px;margin-bottom:85px;align-items:center;width:62%}
#productBox .more span.litem{flex:1;display:flex;justify-content:flex-end;font-size:max(1.1*(1vw + 1vh) / 2,14px)}
#productBox .more .litemline{width:90px;height:1px;background:#909090;margin-left:10px}
#productBox .more a{margin-right:11px}
#productBox .bg{position:absolute;width:30vw;height:17vw;background:no-repeat 50%/cover;box-shadow:0 0 40px 0 rgba(0,0,0,.3);top:-7vw;right:10vw;z-index:4}
#productBox .titleBox{writing-mode:vertical-rl;width:5%}
#productBox .titleBox .boxtit{line-height:150%;font-weight:500;font-size:max(3.5*(1vw + 1vh) / 2,30px);color:#8f5547;text-transform:uppercase}
#productBox .titleBox p{font-weight:500;font-size:max(1.5 * (1vw + 1vh) / 2,17px);color:#eb8854;line-height:100%;text-transform:uppercase}
#productBox .productinfo{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
#productBox:before{content:"";position:absolute;aspect-ratio:52/90;background:url(/images/40/po_left_bg.png);width:415px;top:-18%;left:12%;opacity:.4;background-size:contain;z-index:0;background-repeat:no-repeat;animation-name:flower2;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:2s}
#productBox:after{content:"";position:absolute;background:url(/images/40/po_right_bg.png);height:108%;top:-8%;background-size:contain;right:0;background-repeat:no-repeat;aspect-ratio:46/97}
#productBox .productinfo ul{width:90.5%}
#productBox .productinfo .slick-list{padding-right:6%}
#productBox .productinfo ul li{position:relative;margin:25px 8px;filter:drop-shadow(0 0 8px rgba(var(--black-rgb), .1))}
#productBox .productinfo ul li a{position:absolute;width:100%;height:100%;z-index:2}
#productBox .productinfo ul li .info .tt{background:#fff;padding:10px;border-radius:0 0 50px 20px;margin-top:-27px}
#productBox .productinfo ul li .img{background:no-repeat 50%/cover;border-radius:50px 20px 0 0;background-color:#f3f3f3;background-size:77%}
#productBox .productinfo ul li:hover .img{background-size:88%}
#productBox .productinfo ul li .price{font-size:max(1 * (1vw + 1vh) / 2,15px);background:#cf817f;display:inline-block;color:#fff;padding:5px 45px;margin-top:-35px;margin-left:-10px;position:absolute;right:-20px;margin-top:-46px;display:none}
#productBox .productinfo ul li .price:after{content:"";position:absolute;right:0;width:0;border:10px #b46a68 solid;border-bottom-color:transparent;border-right-color:transparent;bottom:-20px}
#productBox .productinfo ul li h3{font-size:20px;height:37px;-webkit-line-clamp:1;color:#8f5547;margin-bottom:10px}
#productBox .productinfo ul li p{height:23px;font-size:14px;-webkit-line-clamp:1;margin:10px 0;color:#6a6c6e}
#productBox .productinfo ul li article{height:75px;font-weight:400;-webkit-line-clamp:3;line-height:180%;font-size:max(1 * (1vw + 1vh) / 2,14px);color:#717171}
#productBox .slick-prev{z-index:5;left:-35px;top:43%}
#productBox .slick-prev:before{display:block;content:url(/images/36/arrow-left.png);opacity:1;box-shadow:0 0 10px rgb(0 0 0 / 15%);width:92px;height:92px;border-radius:50px}
#productBox .slick-next{z-index:5;right:13%;top:43%}
#productBox .slick-next:before{display:block;content:url(/images/36/arrow-right.png);opacity:1;box-shadow:0 0 10px rgb(0 0 0 / 15%);width:92px;height:92px;border-radius:50px}
#location_area{position:absolute;padding:0;width:100%;display:flex;flex-direction:column;align-items:center;z-index:55;margin-top:-100px}
#location_area .manteebox{display:flex;flex-direction:column;width:min(700px ,90%);background:#fff;border-radius:555px;box-shadow:0 0 20px rgb(196 196 196 / 30%);align-items:center;padding:10px 11px}
#location_area .manteebox .cnJJtitle{font-size:max(2.2*(1vw + 1vh) / 2,30px);margin-top:10px;margin-bottom:16px;color:#a0666e;font-weight:500}
#location_area .fennx{display:flex;width:100%}
#location_area .fennx .mannlink{position:relative;display:flex;width:50%;justify-content:center}
#location_area .fennx .mannlink img{width:65px;aspect-ratio:1/1;margin-bottom:10px;transform-origin:center}
#location_area .fennx .mannlink:first-child:before{content:"";position:absolute;width:1px;height:60%;background:#c9c9c9;right:0;top:15%}
#location_area .fennx .mannlink a{width:100%;text-align:center;padding:0 0 15px;display:flex;flex-direction:column;align-items:center}
#location_area .fennx .mannlink a:hover img{animation:flower6 .6s 2 forwards}
@keyframes flower6{0%{transform:rotate(0) translateY(0)}
25%{transform:rotate(-3deg) translateY(-10px)}
75%{transform:rotate(3deg) translateY(-10px)}
100%{transform:rotate(0) translateY(0)}
}
#product_area .slick-list{overflow:visible}
#news_area .omgnw_list{display:flex;justify-content:flex-end}
#news_area .omgnw_list .list_box ul li{position:relative;margin:25px 0 40px}
#news_area .omgnw_list .list_box ul li .cage{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:5;right:38px;top:-23px;background:#cf817f;border-radius:5px 5px 10px 10px}
#news_area .omgnw_list .list_box ul li .cage a{color:#fff;padding:16px 22px;width:100%;text-align:center;font-size:max(1.1 * (1vw + 1vh) / 2,15px)}
#news_area .omgnw_list .list_box{width:90%;margin-top:25px;display:flex;align-items:center}
#news_area .omgnw_list .list_box:before{content:"";position:absolute;width:156px;left:-19px;aspect-ratio:3/4;background-image:linear-gradient(to bottom,#c37b85,#7d5156)}
#news_area .list_box img{height:425px}
#news_area .list_box .info_box{padding:15px 30px;position:absolute;bottom:-25px;display:flex;align-items:center;width:100%;justify-content:space-between;background:#fff;border-radius:0 0 35px 35px;height:86px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border}
#news_area .list_box .info_box .NJtitle{width:70%}
#news_area .list_box .info_box p a{margin-right:10px;max-width:calc(100% - 100px);font-weight:400;z-index:2}
#news_area .list_box .info_box p .time{width:90px;font-weight:300}
#news_area .list_box .info_box h3{height:32px;font-size:17px;color:#565656;font-weight:500}
#book_area .list_box img{height:450px}
#book_area .list_box .img_box{border:var(--white) solid;border-width:0 1px 1px 0}
#book_area .list_box .img_box:after,#book_area .list_box .img_box:before{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}
section#cumme_area .title_box{display:flex;flex-direction:column;align-items:center}
section#cumme_area{padding:7vw 0 0}
section#cumme_area .title_box:before{width:100px;margin-left:0}
#cummBox{font-size:0;padding-top:60px}
#cummBox,#cummBox *{transition:unset;-webkit-transition:unset}
#cummBox a.photo{border-radius:550px;border:#fff 2px solid}
#cummBox .deck01{top:30px;left:50%;transform:translateX(-50%);position:absolute}
#cummBox .row{position:relative;margin-left:0;margin-right:0;width:100%;display:block}
#cummBox #BookList{padding-bottom:2vh}
#cummBox #BookList ul{padding-bottom:6vh}
#cummBox #BookList ul li{position:relative;width:100%;max-width:1180px;margin:20px}
#cummBox #BookList ul li.slick-slide{position:relative;-moz-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.8);-ms-transform:scale(.9);transform:scale(.9);z-index:-1;margin:0 0;filter:blur(0);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
#cummBox #BookList ul li.slick-slide:after{position:absolute;width:100%;height:100%;top:0;left:0;content:""}
#cummBox #BookList ul li.slick-center{z-index:1;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);filter:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
#cummBox #BookList ul li.slick-center a{border:#956066 2px solid;opacity:1}
#cummBox #BookList ul li.slick-center h3 a{border:unset}
#cummBox #BookList ul li.slick-center:after{display:none}
#cummBox #BookList ul li h3{display:flex;position:relative;width:100%;flex-direction:column;align-items:center;margin-top:10px}
#cummBox #BookList ul li h3 a{height:70px;color:#464646;font-weight:400;text-align:center;-webkit-line-clamp:1;opacity:1;font-size:max(1.2 * (1vw + 1vh) / 2,18px);opacity:0}
#cummBox2{margin-bottom:100px}
#cummBox2 .nowrap_box.arrow_box{width:112%;display:flex;flex-direction:row;justify-content:space-between;position:absolute;z-index:0;left:50%;top:47%;transform:translate(-50%,-70%)}
#cummBox2 ul{z-index:2;width:90%;margin:0 auto}
#cummBox2 ul .slick-list:before{content:"";width:90%;left:5%;height:2px;top:calc(50% - 20px);position:absolute;border-bottom:1px dashed #000}
#cummBox2 ul li{display:flex;flex-direction:column;align-items:center}
#cummBox2 ul li:hover .cuuJimg{border:#345b78 3px solid}
#cummBox2 ul li .cuuJimg{padding:7px;background:#fff;border-radius:500px;margin:20px 0 11px;border:#fff 3px solid;box-shadow:0 0 6px rgb(159 159 159 / 30%)}
#cummBox2 ul li .numberJ{font-size:16px;color:#345b78}
#cummBox2 ul li h3{font-size:max(1.3 * (1vw + 1vh) / 2,16px);color:#345b78}
.arrow_box a{position:relative;background-color:#345b78;box-sizing:border-box;width:53px;aspect-ratio:1/1;display:flex;border-radius:50%;flex-direction:column;align-items:center;justify-content:center}
.arrow_box a *{color:#fff}
#cummBox2 .arrow_box a.next{margin-left:20px}
#cummBox .arrow_box a:after,#cummBox2 .arrow_box a:before{content:"" -webkit-transform: rotate(-45deg);transform:rotate(-45deg)}
#doctor_area{margin-bottom:110px;background:url(/images/40/doctor_bg.jpg)}
#doctor_area:before{content:"";position:absolute;width:187px;aspect-ratio:1/1;background:url(/images/40/doctor-fly.png);right:11%;top:0;background-size:contain;background-repeat:no-repeat;animation-name:flower2;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.4s}
#doctor_area .doctorlist ul li{margin:30px 10px 50px}
#doctor_area .doctorlist ul li .img img{border-radius:30px 30px 0 0}
#doctor_area .doctorlist ul li p{padding:15px 5px;text-align:center;background-image:linear-gradient(to bottom,#c37b85,#7d5156);color:#fff}
#doctor_area .boomlink{display:flex;margin:0 auto}
#youtube_box{min-height:1px;padding-bottom:30%}
#youtube_box a{position:absolute;background:var(--white);display:flex;top:50%;left:50%;z-index:99}
#youtube_box a i{margin:auto;font-size:30px;color:var(--primary)}
#youtube_box iframe{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5}
#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:8vw 0 5vw}
#custom_box li .row{margin:30px 20px;padding:30px;border-bottom:2px var(--primary) solid}
#custom_box li .row h2{font-size:20px}
#custom_box li .row article{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}
}
#po_porduct{position:relative;height:700px;padding-top:10px}
#po_porduct:before{content:"";position:absolute;background:url(/images/40/indcase_bg.jpg);width:100%;height:550px;background-size:contain;background-repeat:no-repeat;top:0}
#po_porduct .pooinfo{margin:0 0 30px}
#po_porduct .pooinfo p{overflow:hidden;margin:10px 0;text-align:left;-webkit-box-orient:vertical;font-size:18px;color:#3b6482}
#po_porduct .workframe{display:flex;height:100%;align-items:flex-end}
#po_porduct .workframe .pooleftbox{margin-top:50px;display:flex;width:29%;flex-direction:column}
#po_porduct .workframe .btn{display:flex;margin:45px 0 50px}
#po_porduct .workframe .btn a{margin-right:15px}
#po_porduct .workframe .poorightbox{width:70.5%;display:flex;flex-direction:column;right:-2%;position:absolute}
#po_porduct .workframe .poorightbox li{display:flex;flex-direction:column;margin:33px 10px;margin-left:50px}
#po_porduct .workframe .poorightbox li.slick-active.slick-current:before{content:"";width:100%;height:91%;position:absolute;border:#345b78 2px solid;top:15px;left:-26px;z-index:-2}
#po_porduct .workframe .poorightbox li.slick-active.slick-current .atag_item font{opacity:1}
#po_porduct .workframe .poorightbox li .img_box{overflow:visible}
#po_porduct .workframe .poorightbox li .img_box img{aspect-ratio:629/484;border-radius:0 50px 0 0;box-shadow:-1px 3px 8px 1px rgba(var(--black-rgb),.3)}
#po_porduct .workframe .poorightbox li .atag_item{height:auto;position:relative;display:flex;flex-direction:column;align-items:center}
#po_porduct .workframe .poorightbox li .atag_item font{font-size:18px;color:#807a73;font-weight:500;opacity:0;width:170px;z-index:-1;margin-top:20px}
#po_porduct .workframe .poorightbox .slick-list .bomitem{margin:0 9px;display:flex;flex-direction:column;align-items:center}
#po_porduct .workframe .poorightbox .slick-list .bomitem a,#po_porduct .workframe .poorightbox .slick-list .bomitem img{border-radius:40px}
#po_porduct .workframe .poorightbox .slick-list .bomitem h3{padding:10px 0;font-size:max(1.4 * (1vw + 1vh) / 2,20px)}


@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 rgba(var(--black-rgb),.2)}
}
@media screen and (min-width: 1025px) {
	.btnBox.pcnone{display: none;}	
}


@media screen and (max-width: 1470px) {
	.JJtitle h2{margin-bottom:10px}
	a.boomlink{padding:5px 9px}
	a.boomlink svg{width:15px}
	#photo_list{margin-top:100px}
	#cummBox2 .nowrap_box.arrow_box{width:102%}
	#cummBox .nowrap_box.arrow_box{width:89%;left:50%}
	#cummBox .arrow_box a{width:46px}
	#cummBox{padding-top:30px}
	#cummBox2 ul .slick-list:before{top:calc(50% - 20px)}
	#cummBox2{margin-bottom:50px}
	#about_area .workframe#pocessJ{margin-top:150px}
	#po_porduct .workframe .btn{margin:15px 0 30px}
	#po_porduct .workframe .poorightbox li{margin:34px 8px;margin-left:35px}
	.flypanme{width:min(920px,90%);margin-top:-71px}
	#productBox .productinfo ul li .info .tt{border-radius:0 0 22px 20px}
	#doctor_area:before{width:150px}
	#about_area:before{height:1065px}
	#about_area:after{height:500px}
	#productBox .productinfo .slick-list{padding-right:7%}
	#productBox .productinfo ul li{margin:21px 5px}
	#productBox{padding:1vw 0 110px 2vw;margin-top:15px}
	section#news_area:before{width:600px}
	#news_area .bg_box:before{margin-top:20px;height:51%}
	section#news_area{padding-top:150px}
	#news_area .list_box img{height:370px}
	#news_area .list_box .info_box{height:56px;border-radius:0 0 20px 20px;padding:36px 20px}
	#news_area .omgnw_list .list_box:before{width:10vw}
	#news_area .omgnw_list{margin-bottom:60px}
	#productBox:before{width:335px;left:8%}
	#po_porduct .workframe .pooleftbox{width:31%}
	#po_porduct .workframe .poorightbox{width:68.5%;right:-4%}
	#po_porduct:before{height:400px}
	.downJbox:before{background-size:70%;height:400px}
	#po_porduct{height:500px}
}

@media screen and (max-width: 1280px) {
	#aboutBox .deck01,#cummBox .deck01{display:none}
	#productBox{padding:7vw 0 3vw 5vw}
	#productBox .productinfo ul li.slick-active .img{box-shadow:0 0 10px 0 rgb(0 0 0 / 19%)}
	#productBox .titleBox{width:100%;writing-mode:unset;margin-bottom:30px}
	#productBox .productinfo ul{width:100%}
	#productBox .more{width:67%;margin-left:0}
}

@media screen and (max-width: 1180px) {
	#cummBox .arrow_box a {width: 80px;height: 45px;}
}

@media screen and (max-width: 1024px) {
	.mbnone{display:none}
	#photo_list{-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);margin-top:40px}
	#newsBox:after,#newsBox:before,.tm-box01{display:none}
	#about_area .btnBox{margin-left:0}
	#about_area .tmJam .tm-box02{margin-bottom:40px}
	#about_area .tmJam .tm-box02 .tmtext{margin-left:0;width:100%}
	#about_area .tmJam .tm-box02 .tmtext p{text-align:center}
	section#news_area:before{width:400px}
	#about_area .workframe{display:flex;flex-direction:column}
	#about_area .img_box{margin-bottom:30px}
	#about_area:before{display:none}
	#about_area:after{display:none}
	#about_area .JJtitle:before{display:none}
	#po_porduct:before{height:570px;background-size:cover}
	#productBox:after{display:none}
	#productBox .productinfo .slick-list{padding-right:0}
	#productBox .titleBox{width:100%}
	#productBox .titleBox *{text-align:center}
	#productBox:before{width:54vw;left:10%;opacity:.1}
	#productBox{padding:5vw 3vw}
	#productBox .slick-next,#productBox .slick-prev{display:none!important}
	#po_porduct .workframe{display:flex;flex-direction:column}
	#po_porduct .workframe .pooleftbox{width:100%}
	#po_porduct .workframe .poorightbox{position:relative;width:100%}
	#po_porduct{height:auto;margin-bottom:60px}
}

@media screen and (max-width: 980px) {
	section#news_area .submtext{position:relative;top:0}
	#cummBox #BookList ul li.slick-slide{margin:0}
	#cummBox2 .arrow_box a{width:45px}
	#cummBox #BookList ul{padding-bottom:0}
	#cummBox2{padding-top:20px}
	#productBox .more{width:100%;padding:0 5%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border;display:flex;justify-content:center}
	#photo_list,#photo_list .pos_rel{display:flex;flex-direction:column;align-items:center}
	#photo_list img{width:min(400px,100%)}
	#photo_list:before{width:70%;left:2%}
	#productBox .bg{display:none}
	#productBox .more .litemline,#productBox .more span.litem{display:none}
	#about_area .workframe,#about_area2 .workframe{display:flex;flex-direction:column}
	#about_area .workframe .img_box,#about_area2 .workframe .img_box{margin:25px 0}
	#about_area2{margin-top:40px}
	#post_box .Jlinkbum ul{display:flex;flex-direction:column;align-items:center}
	#post_box .Jlinkbum ul li{width:100%;margin-bottom:20px}
}

@media screen and (max-width: 768px) {
	#news_area .list_box .info_box{padding:15px 13px;height:70px}
	#youtube_box{padding-bottom:60vw}
	#custom_box li .row{margin:10px 15px;padding:10px 0}
	#about_area2{margin-top:10px}
}

@media screen and (max-width: 640px) {
	section{padding:3vw 0 2vw}
	section .title_box{margin-top:20px}
	#about_area .workframe#pocessJ .JJtitle,.JJtitle{display:flex;align-items:flex-start;align-content:flex-start;flex-direction:column;width:100%}
	#about_area .JJtitle h2,.JJtitle h2{width:100%}
	#about_area .JJtitle h2:before,#about_area .workframe#pocessJ h2:before,#newsBox .JJtitle h2:before,.JJtitle h2:before{left:auto;right:0;top:11px}
	#about_area .JJtitle h2:after,#about_area .workframe#pocessJ h2:after,#newsBox .JJtitle h2:after,.JJtitle h2:after{left:auto;right:15px;top:11px}
	#po_porduct .workframe .btn{display:none}
	#cummBox2 .nowrap_box.arrow_box{display:flex;justify-content:center;position:relative;top:auto;transform:translate(-50%,0);margin-top:50px}
	#about_area{background:#fff;padding:20px 0 60px}
	#productBox{padding:6vw 5vw 30px;margin-top:0}
	#productBox .productinfo ul{margin:auto;width:80%}
	#productBox .productinfo ul{width:100%}
	#productBox .productinfo ul li{margin:15px 8px}
	#about_area .info_box article,#about_area2 .info_box article{width:100%;margin-top:39px;margin-bottom:20px}
	#book_area .list_box img{height:65vw}
	#post_box a.boomlink{border:none;width:auto}
	#post_box a.boomlink span{display:none}
	#post_box .Jlinkbum ul li .Jbinfo{padding:15px 15px}
	section .title_box2 .sub_title:before{width:137px}
	#location_area{position:relative;margin-top:0}
	#location_area .manteebox{border-radius:0;width:100%}
	#po_porduct .workframe{display:flex;flex-direction:column;padding:27px 0}
	#po_porduct .workframe .pooleftbox{width:100%;margin-bottom:0;margin-top:10px}
	#po_porduct .workframe .poorightbox{position:relative;width:100%;right:auto;margin:0 auto}
	#po_porduct:before{height:442px}
	#po_porduct{height:auto;padding:40px 0 0}
	#about_area:before{display:flex;height:615px}
}

@media screen and (max-width: 480px) {
	section#cumme_area .title_box .area_title{text-align:center;font-size:max(1.5*(1vw + 1vh) / 2,17px);color:#eb8854}
	#po_porduct .workframe .poorightbox li{margin:0 8px 50px;margin-left:26px}
	#po_porduct .workframe .poorightbox{margin-left:-8px}
	section#cumme_area .title_box .sub_title{font-size:max(3*(1vw + 1vh) / 2,30px);color:#8f5547;margin-bottom:5px}
	footer #flogo #about_area:after{display:none}
	#photo_list:before{width:80%;border-radius:0 0 0 31px}
	#product_area .bgBox{width:100%;object-fit:cover}
	#about_area2{margin-top:10px}
	.mapotext{padding:2px 0}
	a.boomlink svg{width:12px}
	a.boomlink{width:145px;padding:5px 5px}
	.mapotext .workframe img{width:28px}
	#art_box .art_textbox{margin-top:107px}
	#art_box{padding:77px 0 20px}
	section .title_box2 .area_title{top:-18px;font-size:38px}
	#post_box{padding-bottom:35px}
	#about_area .workframe:before{right:-26px}
	section .title_box:before{width:100vw;right:-29px;margin-left:0}
	section#cumme_area .title_box:before{opacity:0}
	#productBox .titleBox{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:66px;padding:0 22px}
	#productBox .titleBox:before{content:"";position:absolute;height:1px;background:rgb(155 155 155 / 55%);bottom:-20px;z-index:0;width:101vw;right:-21px;margin-left:0}
	#productBox:before{display:none}
	#productBox .productinfo:after{content:"";position:absolute;width:1px;height:125px;background:#c7c7c7;right:-6px;top:-43px;z-index:0;opacity:0}
	section#news_area:before{display:none}
	#productBox .more{margin-bottom:20px}
	#news_area .bg_box:before{display:none}
	section#news_area{padding-top:40px}
	#news_area .omgnw_list .list_box{width:100%;display:flex;flex-direction:column}
	#news_area .omgnw_list .list_box .slick-slider{width:90%}
	#news_area .omgnw_list .list_box:before{display:none}
	#news_area .list_box .info_box h3{font-weight:400}
	#productBox .productinfo ul li .img{margin:10px 0;border-radius:25px 20px 0 0}
	#productBox .productinfo ul li .info .tt{border-radius:0 0 25px 20px;padding:12px 10px}
	#news_area .omgnw_list .list_box ul li .cage a{padding:5px 20px}
	#news_area .omgnw_list .list_box ul li .cage{top:-17px}
	.flypanme{margin-top:-14px;width:min(920px,100%)}
	#about_area .workframe .img_box,#about_area2 .workframe .img_box{margin-top:56px}
	#about_area .info_box:after{opacity:.1}
	#doctor_area:before{width:74px}
	#doctor_area{padding-bottom:80px;margin-bottom:40px}
	#location_area .fennx{width:95%}
	#po_porduct .pooinfo p{font-size:18px}
	#cummBox2 ul .slick-list:before{width:60%;left:15%}
	.btnBox .btn{padding:18px 12px 18px 30px;width:165px}

}