@font-face{font-family:ArchivoJP;src:url('../font/Archivo-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ArchivoJP;src:url('../font/Archivo-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:ArchivoJP;src:url('../font/Archivo-SemiBold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--jp-font:ArchivoJP,Arial,"Microsoft YaHei",sans-serif;--jp-ink:#20232a}
html[lang] body,input,textarea,select,button{font-family:var(--jp-font);font-size:18px;line-height:1.65}
html[lang] body .en-500,html[lang] body .en-600,html[lang] body .en-700,body .header-menu-link,body h1,body h2,body h3,body h4,body p,body .item-title,body .item-text,body .c-wysiwyg,body .c-product_title{font-family:var(--jp-font)}
body .fs-14{font-size:16px}body .fs-16{font-size:18px}body .fs-18{font-size:19px}body .fs-20{font-size:20px}body .fs-24{font-size:clamp(20px,1.6vw,24px)}
body .home-intro-text{font-size:clamp(18px,1.4vw,22px);line-height:1.8;width:min(880px,92%)}
body .c-product_text,body .fubt,body .c-wysiwyg{font-size:18px;line-height:1.8}body .c-wysiwyg p,body .fubt p{font-size:inherit!important;line-height:inherit!important}
body .c-product_title{font-size:clamp(30px,3.2vw,56px);line-height:1.18;font-weight:600}body .c-product_title span{font-size:inherit}
body .header-main{width:calc(100% - 80px);max-width:1640px;flex-wrap:nowrap;gap:24px}body .header-content{flex-wrap:nowrap;flex:1;min-width:0;justify-content:space-between}
body .logo{margin-right:clamp(28px,4vw,70px);flex-shrink:0}body .header-menu{flex-wrap:nowrap;gap:clamp(16px,2vw,36px);font-size:18px}body .header-menu-item{margin-right:0;white-space:nowrap}body .header-menu-link{font-weight:500;padding:30px 0}
body .header-tool{flex-wrap:nowrap;gap:22px;flex-shrink:0}body .header-search-button{margin-left:0}body .header-language{display:block!important}body .header-language-icon{display:block;width:24px;height:24px;background:none;border:0;padding:0}
.jp-button{font-family:var(--jp-font)!important;display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:12px 25px;background:var(--jp-gold);border:1px solid var(--jp-gold);color:#191b20!important;font-size:17px!important;line-height:1.4;font-weight:600;cursor:pointer;text-decoration:none;border-radius:3px;transition:background .2s,color .2s}
.jp-button:hover{background:var(--jp-gold);border-color:var(--jp-gold)}.jp-button:focus-visible,.jp-quick-contact a:focus-visible,.jp-quick-contact button:focus-visible,.header-language-icon:focus-visible,.jp-language-list button:focus-visible{outline:3px solid #087bac;outline-offset:4px}
.jp-nav-inquiry{min-height:44px;padding:10px 20px;font-size:16px!important;gap:18px}
body .jp-language-list{width:210px;max-height:65vh;overflow:auto;left:auto;right:-20px;margin:0;padding:12px;box-shadow:0 15px 45px #0003;border-radius:6px;z-index:1001;text-align:left;transition:opacity .18s,transform .18s}
.header-language.jp-language-open .jp-language-list,.header-language:focus-within .jp-language-list{opacity:1;pointer-events:auto;transform:translateY(0)}
body .jp-language-list li{margin:0}.jp-language-list button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--jp-ink);padding:7px 12px;font-size:16px;line-height:1.45;cursor:pointer;border-radius:3px}.jp-language-list button:hover,.jp-language-list button[aria-pressed=true]{background:rgba(var(--jp-gold-rgb),.16);color:#111}.jp-language-status{font:12px/1.5 var(--jp-font);color:#666;padding:12px 12px 2px;border-top:1px solid #eee}
.home-banner-slick .item-pic:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06132145,#06132110),linear-gradient(0deg,#0005,transparent 60%);pointer-events:none}
body .home-banner-slick .item-title{font-size:clamp(38px,4.2vw,76px);line-height:1.13;font-weight:600;letter-spacing:-1.4px;text-shadow:0 2px 24px #0003}.jp-hero-eyebrow{font-size:15px;letter-spacing:3px;margin-bottom:22px;font-weight:500}.home-banner-slick .item-btn-wrap{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap}.jp-hero-inquiry{position:relative;z-index:2}.home-banner-slick .jp-button{opacity:1!important;transform:none!important}
.jp-hero-controls{position:absolute;bottom:6%;right:6%;z-index:110;display:flex;align-items:center;gap:18px;color:#fff}.jp-hero-controls button{background:#10192355;border:1px solid #ffffff80;color:white;border-radius:50%;width:44px;height:44px;line-height:1;font-size:23px;cursor:pointer}.jp-slide-count{font:15px/1 var(--jp-font);letter-spacing:2px}.home-banner-slick:before{pointer-events:none}
.jp-product-inquiry{margin:24px 0 10px}
.jp-inquiry{clear:both;background:#f5f5f1;color:var(--jp-ink);padding:100px 6%;padding-right:max(6%,94px);position:relative;scroll-margin-top:110px;z-index:1}
.jp-inquiry-inner{max-width:1520px;margin:auto;display:grid;grid-template-columns:.85fr 1.3fr;gap:8%}.jp-eyebrow{font-size:13px;letter-spacing:2px;font-weight:600;color:#666;display:block;margin-bottom:26px}.jp-inquiry h2{font-size:clamp(34px,3.4vw,58px);line-height:1.15;letter-spacing:-1.6px;font-weight:600;margin:0 0 28px}.jp-inquiry-intro>p{font-size:19px;line-height:1.75;max-width:420px;color:#575b62}.jp-direct-mail{display:inline-block;border-bottom:1px solid #aaa;font-size:20px;font-weight:500;margin:32px 0 18px;color:#20232a}.jp-inquiry-intro .jp-inquiry-note{font-size:14px;color:#74777d;line-height:1.7}.jp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.jp-inquiry label{display:block;font-size:15px;font-weight:500;line-height:1.5;min-width:0}.jp-inquiry label>span{color:var(--jp-gold)}.jp-inquiry input,.jp-inquiry textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #d5d6d3;background:#fff;border-radius:3px;padding:12px 15px;color:#20232a;font:17px/1.6 var(--jp-font);margin-top:8px;outline-offset:2px;box-shadow:none;min-height:52px}.jp-inquiry textarea{resize:vertical;min-height:135px}.jp-inquiry input:focus,.jp-inquiry textarea:focus{outline:2px solid var(--jp-gold);border-color:var(--jp-gold)}.jp-field-wide{grid-column:1/-1}.jp-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.jp-form-bottom p{font-size:13px;color:#666;max-width:280px;line-height:1.5}.jp-form-status{font-size:16px;line-height:1.6;margin-top:14px;color:#14673c;min-height:26px}.jp-form-status[data-error=true]{color:#a62e24}.jp-inquiry button:disabled{opacity:.6;cursor:wait}.jp-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.jp-quick-contact{position:fixed;right:18px;bottom:24%;z-index:1200;display:flex;flex-direction:column;gap:8px;filter:drop-shadow(0 3px 8px #0002)}.jp-quick-contact a,.jp-quick-contact button{box-sizing:border-box;width:66px;min-height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #e5e6e8;border-radius:5px;background:#fff;color:#20232a;cursor:pointer;font:11px/1.3 var(--jp-font);padding:8px 3px}.jp-quick-contact .jp-whatsapp{background:#208b4b;border-color:#208b4b;color:white}.jp-quick-contact svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.jp-quick-contact [hidden]{display:none!important}.jp-quick-contact a:hover,.jp-quick-contact button:hover{background:rgba(var(--jp-gold-rgb),.4);color:#17191c}
@media(min-width:1025px) and (max-width:1250px){body .header-main{width:calc(100% - 48px);gap:18px}body .logo{height:25px;margin-right:24px}body .header-menu{gap:17px;font-size:16px}body .header-tool{gap:18px}.jp-nav-inquiry{padding:10px 14px;gap:12px}}
@media(max-width:1024px){body .header-main{width:calc(100% - 36px);height:68px;gap:12px}body .header-content{flex:0}body .logo{height:24px;margin:0}body .header-tool{gap:18px}body .header-menu-toggle{margin-left:0}.jp-nav-inquiry{min-height:38px;padding:8px 14px;font-size:14px!important;gap:10px}body .header-search-button{display:none}body .home-top-animate{padding-top:68px;height:85svh}body .home-banner-slick .item-title{font-size:clamp(32px,5vw,60px);line-height:1.18;letter-spacing:-.7px}.home-banner-slick .item-inner{width:88%!important}.home-banner-slick .item-btn-wrap{gap:14px}.home-banner-slick .jp-button{font-size:15px!important;min-height:46px;padding:11px 19px}.jp-hero-eyebrow{font-size:12px;letter-spacing:1.5px}.jp-hero-controls{bottom:32px;right:24px}.jp-hero-controls button{width:36px;height:36px}.home-banner-slick .slick-dots{bottom:38px}.jp-inquiry{padding:64px 24px;scroll-margin-top:80px}.jp-inquiry-inner{gap:44px;grid-template-columns:1fr}.jp-inquiry h2 br{display:none}.jp-inquiry-intro>p{max-width:650px}.jp-direct-mail{margin-top:16px}.jp-quick-contact{right:10px;bottom:18%}.jp-quick-contact a,.jp-quick-contact button{width:52px;min-height:54px;font-size:9px}.jp-quick-contact svg{width:22px;height:22px}body .fs-14{font-size:15px}body .fs-16,body .fs-18{font-size:17px}body .fs-20{font-size:18px}}
@media(max-width:600px){body .header-main{width:calc(100% - 28px)}body .header-tool{gap:13px}body .logo{height:20px}.jp-nav-inquiry{padding:8px 11px}body .header-language-icon{width:21px;height:21px}.jp-form-grid{grid-template-columns:1fr;gap:17px}.jp-inquiry{padding:55px 24px 55px 20px}.jp-inquiry-inner{gap:28px}.jp-inquiry h2{font-size:35px;letter-spacing:-.9px}.jp-inquiry-intro>p{font-size:18px}.jp-form-bottom{align-items:stretch;flex-direction:column;gap:14px}.jp-form-bottom p{max-width:none}.jp-form-bottom .jp-button{width:100%}.jp-inquiry-form{padding-right:36px}.jp-eyebrow{font-size:11px;letter-spacing:1.3px}.jp-quick-contact{right:7px;bottom:18%;gap:6px}.jp-quick-contact a,.jp-quick-contact button{width:45px;min-height:48px}.jp-quick-contact span{font-size:8px}.jp-hero-controls{right:20px;bottom:22px;gap:12px}.home-banner-slick .slick-dots{bottom:28px;left:22px;right:auto}.home-banner-slick .item-btn-wrap{margin-top:25px}.jp-hero-eyebrow{font-size:10px}body .home-banner-slick .item-title{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.home-banner-slick .item-title,.home-banner-slick .btn-more{transition:none!important}}
.jp-mobile-tools{display:none}
.home-banner-slick .slick-dots{display:flex;justify-content:center;gap:8px;align-items:center}.home-banner-slick .slick-dots li{margin:0;width:auto;line-height:0}.home-banner-slick .slick-dots li button{display:block;width:24px;height:3px;padding:0;border:0;background:#ffffff80;font-size:0;line-height:0;cursor:pointer}.home-banner-slick .slick-dots .slick-active button{background:var(--jp-gold)}
body .c-product_header_title{font-family:var(--jp-font);font-size:clamp(30px,3vw,48px);line-height:1.3;text-transform:none;font-weight:500;padding-top:35px;margin-bottom:12px}
@media(max-width:1024px){body .m-muen{height:68px}body .m-muen .m-logo{padding-top:23px;margin-left:15px}body .m-muen .m-logo img{width:135px}.jp-mobile-tools{display:flex;align-items:center;gap:16px;position:absolute;right:62px;top:14px}.jp-mobile-tools .header-language{padding:8px 0}.jp-mobile-tools .header-language-icon path{fill:#fff}.jp-mobile-tools .jp-language-list{right:-42px;top:42px}.m-muen .toggle{top:18px}.jp-mobile-tools .jp-nav-inquiry{gap:8px}body .c-product_gallery{display:block;position:relative;left:auto;right:auto;top:auto;bottom:auto;padding:90px 5% 0}body .c-product_gallery_carousel,body .c-carousel-gallery_inner,body .c-carousel-gallery_carousel{height:auto;min-height:0}body .c-product_gallery .c-image_inner{height:320px}body .c-product_gallery .c-image_img{object-fit:contain;background:#fff}body .c-product_header_title{font-size:30px;padding-top:25px}body .c-product_gallery .c-carousel-gallery_navigation{display:none}}
@media(max-width:360px){body .m-muen .m-logo img{width:110px}.jp-mobile-tools{gap:12px;right:57px}.jp-mobile-tools .jp-nav-inquiry{font-size:12px!important;padding:8px}.m-muen .toggle{right:12px}}
@media(min-width:1025px){.jp-mobile-tools{display:none!important}}

/* Bold chamfered chevron, rotated clockwise 45 degrees to point right. */
.jp-arrow-ne,.icon-more-arrow::before{display:inline-block;width:1em;height:1em;flex-shrink:0;background:currentColor;-webkit-mask:url('../picture/jp-chevron-ne-bold.svg?v=20261016') center/contain no-repeat;mask:url('../picture/jp-chevron-ne-bold.svg?v=20261016') center/contain no-repeat;vertical-align:-.1em}
body .icon-more-arrow::before{content:""}
body .btn-more .icon-more-arrow{zoom:1;font-size:20px;line-height:1}
body .button__icon-svg{width:14px;height:15px;flex-shrink:0}

/* Keep four product cards and the catalogue action in one desktop row. */
@media(min-width:1025px){
 body .header-submenu-product .w-1520{width:calc(100% - 80px);max-width:1640px}
 body .submenu-product-content{display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,11.5vw,180px);align-items:center;gap:clamp(20px,2.5vw,42px)}
 body .submenu-product-toggle{width:auto;min-width:0}
 body .submenu-product-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,30px);margin:0}
 body .submenu-product-list li{width:auto;min-width:0}
 body .submenu-product-list .item-box{margin:0}
 body .submenu-product-all{width:100%;height:auto;aspect-ratio:1;min-width:0;font-size:clamp(14px,1.15vw,17px);justify-self:center;align-self:center}
 body .submenu-product-all>div:first-child{white-space:nowrap}
 body .submenu-product-list .item-inner{left:clamp(14px,1.5vw,24px);right:clamp(14px,1.5vw,24px)}
}

/* Product menu disclosure, using the site's bold chevron. */
@media(min-width:1025px){
 body .header-menu-item[data-hover="product"]>.header-menu-link>span{display:inline-flex;align-items:center;gap:7px}
 body .header-menu-item[data-hover="product"]>.header-menu-link>span::after{content:"";display:block;width:14px;height:14px;flex-shrink:0;background:currentColor;-webkit-mask:url('../picture/jp-chevron-ne-bold.svg?v=20261016') center/contain no-repeat;mask:url('../picture/jp-chevron-ne-bold.svg?v=20261016') center/contain no-repeat;transform:rotate(90deg)}
}

/* Align footer contact icons and keep phone channels on separate rows. */
body .footer-contact-item .item-text>p{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:10px;align-items:start}
body .footer-contact-item .item-text>p>i{width:25px;min-width:25px;margin:3px 0 0;display:flex;justify-content:center}
body .footer-contact-item .item-text>p>i svg{flex-shrink:0}
body .footer-contact-item .item-text>p>a,body .jp-footer-phone-links{min-width:0}
body .jp-footer-phone-links{display:grid;grid-template-columns:minmax(0,1fr);row-gap:6px}
body .jp-footer-phone-links>a{display:block;white-space:nowrap}
@media(max-width:750px){body .footer-contact-item{width:100%;padding-right:0}}