.mark{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.5);display:none}.mark_center{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:100;width:100%;height:100%;display:none}.mark_center form{width:30vw;display:flex;flex-direction:column;height:auto;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.5);position:relative}@media(max-width: 768px){.mark_center form{width:78vw}}.mark_center form .close{position:absolute;right:1rem;top:1rem;width:calc(1rem + 1vw);height:calc(1rem + 1vw);background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000000' d='M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.mark_center form h6{font-size:calc(1rem + 1vw);font-weight:bold;margin:0 0 1.5rem 0}.mark_center form input[type=text]{box-sizing:border-box;width:100%;padding:.5rem;margin:.5rem 0;border:1px solid #ccc;border-radius:.5rem}.mark_center form textarea{box-sizing:border-box;width:100%;padding:.5rem;margin:.5rem 0;border:1px solid #ccc;border-radius:.5rem}.mark_center form .eyou_form_btn{width:100%;padding:.5rem;margin:.5rem 0;background:#ec460f;color:#fff;border:1px solid #ec460f;border-radius:.5rem}#banner_in{position:relative}#banner_in .swiper-slide .info{position:absolute;left:0;bottom:3%;width:94%;left:3%}#banner_in .swiper-slide .info .t0{font-size:calc(1.4rem + 1.4vw);font-weight:bold;color:#fff;text-shadow:0 5px 10px rgba(0,0,0,.2);text-align:left;letter-spacing:2px}#banner_in .swiper-slide .info .t1{font-size:calc(3rem + 3vw);font-weight:bold;color:#fff;text-shadow:0 5px 10px rgba(0,0,0,.2);text-align:left;letter-spacing:2px;text-transform:uppercase}@media(max-width: 768px){#banner_in .swiper-slide .info .t1{font-size:calc(1.5rem + 1.5vw)}}#banner_in .swiper-slide img{width:100%;height:auto;overflow:hidden;-o-object-fit:cover;object-fit:cover}#banner_in .swiper-pagination .swiper-pagination-bullet{width:3rem;border-radius:3rem;height:2px;background:#fff}.N0{position:relative;overflow:hidden;background:#fafafa}.N0 .box .subnav-menu{padding:3rem 0}.N0 .box .subnav-menu .DEFS{display:flex;flex-direction:column;border:1px solid #eee}@media(max-width: 768px){.N0 .box .subnav-menu .DEFS{gap:1.2vw}}.N0 .box .subnav-menu .DEFS .li{display:flex;align-items:center;justify-content:start;gap:1rem;padding:.9rem 0;border-bottom:1px solid #eee}.N0 .box .subnav-menu .DEFS .li b{width:6vw;min-width:100px;text-align:center}@media(max-width: 768px){.N0 .box .subnav-menu .DEFS .li b{width:6vw;min-width:6vw;padding:0 1rem}}.N0 .box .subnav-menu .DEFS .li .cc{display:flex;gap:1.5rem;flex-wrap:wrap}.N0 .box .subnav-menu .DEFS .li .cc a .icon{width:calc(3vw + 3rem);height:calc(3vw + 3rem);text-align:center}.N0 .box .subnav-menu .DEFS .li .cc a .icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.N0 .box .subnav-menu .DEFS .li .cc a span{display:block;font-size:1rem;text-align:center}.N0 .box .subnav-menu .DEFS .li .cc a.current span{color:#ec460f}.N0 .box .content{padding:calc(1rem + 1vw) 0}.N0 .box .hhh{margin:0 0 2rem 0;text-align:center}.N0 .box .hhh .t0{font-size:1.3rem;font-weight:bold}.N0 .box .hhh h3{font-size:2.3rem;margin:.5rem 0 0 0;font-weight:bold}.N0 .box .hhh h4{font-size:1rem;color:#666;margin:.5rem auto 0 auto;width:50%;line-height:1.6}@media(max-width: 768px){.N0 .box .hhh h4{width:100%}}.N0 .box .case-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}@media(max-width: 768px){.N0 .box .case-grid{gap:calc(1rem + 1vw);grid-template-columns:repeat(2, 1fr)}}.N0 .box .case-grid li a{width:100%;display:flex;flex-direction:column;position:relative}.N0 .box .case-grid li a::after{width:0;height:4px;background:#ec460f;content:"";position:absolute;top:0;left:0;z-index:5;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s"}.N0 .box .case-grid li a:hover .title{color:#ec460f}.N0 .box .case-grid li a:hover .info .ms{border-color:#ec460f}.N0 .box .case-grid li a:hover .info .mail{opacity:1}.N0 .box .case-grid li a:hover::after{width:100%}.N0 .box .case-grid li a .fm{width:100%;height:calc(7rem + 7vw);overflow:hidden;background:#fff;display:flex}.N0 .box .case-grid li a .fm .swiper{height:100%;width:100%}.N0 .box .case-grid li a .fm .swiper .swiper-slide{height:100%}.N0 .box .case-grid li a .fm img{transition-property:all;transition-duration:0.2s;transition-timing-function:"ease";transition-delay:"0s";width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.N0 .box .case-grid li a .info{background:#eee;padding:1.2rem}.N0 .box .case-grid li a .info .title{font-size:1.3rem;font-weight:bold}.N0 .box .case-grid li a .info .ms{border-top:2px solid #333;padding:1.4rem 0 0 0;margin:1rem 0 0 0;white-space:pre-line;font-size:.9rem;color:#666;line-height:1.4}.N0 .box .case-grid li a .info .mail{position:absolute;right:1.2rem;bottom:1.2rem;width:1.7rem;aspect-ratio:1/1;background:url(../images/send_email.svg) no-repeat center center;background-size:contain;opacity:0;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s"}.N0 .box .__pager{text-align:center;margin:3rem 0 3rem 0}.page_detail{padding:calc(3rem + 2vw) 0}.page_detail .zoom_out{border:1px solid #ddd}@media(max-width: 768px){.rale_products .list{grid-template-columns:1fr 1fr;gap:1rem}}