@charset "UTF-8";html,body{font-family:Noto Sans JP,sans-serif;color:#3e3a35;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}h1,h2,h3{letter-spacing:.01em}h2{line-height:1.18}p{text-wrap:pretty}::-moz-selection{background:#ffff2f;color:#3e3a35}::selection{background:#ffff2f;color:#3e3a35}body,p{color:#333}.text-white p,[class*=text-white] p{color:inherit}.wrap{width:100%;max-width:1320px;margin-inline:auto;padding-inline:24px}@media(width<=640px){.wrap{padding-inline:20px}}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}.marquee-track{--marquee-speed: 28;display:flex;gap:24px;width:-moz-max-content;width:max-content;animation:marquee-left var(--marquee-duration, 32s) linear infinite}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--marquee-unit, 50%)))}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}}.psl-slider{cursor:grab}.psl-slider:active{cursor:grabbing}.psl-track{touch-action:pan-y pinch-zoom}.psl-card{position:relative;flex-shrink:0;width:280px;height:190px;border-radius:32px;overflow:hidden;display:block}.psl-link{position:absolute;inset:0;display:block}.psl-link:focus-visible{outline:3px solid var(--color-accent);outline-offset:-3px}@media(width>=768px){.psl-card{width:400px;height:270px;border-radius:40px}}@media(width>=1024px){.psl-card{width:480px;height:320px;border-radius:48px}}.psl-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.psl-link:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#00285099,#00285000 45%)}.psl-tag{position:absolute;left:22px;bottom:22px;z-index:1;color:#fff;font-size:17px;font-weight:700;letter-spacing:.02em;padding-left:18px}@media(width<=767px){.psl-tag{left:14px;bottom:14px;font-size:13px;padding-left:14px}}.psl-tag:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;transform:translateY(-50%);border-radius:999px;background:#ffff2f}.products-bg{left:clamp(-260px,-138px - 8.45vw,-170px);top:clamp(-340px,-170px - 11.83vw,-214px);width:clamp(770px,619px + 40.4vw,1200px);max-width:none;opacity:.7;z-index:-2}.screws-deco{left:clamp(100px,-36px + 20.4vw,270px);top:clamp(-44px,-3.3vw,-22px);width:clamp(180px,27vw,360px);opacity:1;z-index:0}.repair-bg-layer{left:-630px;bottom:-610px;width:1500px;z-index:-2}.repair-bg-layer.repair-bg-backdrop{height:1500px;background:#fff;z-index:-3}.repair-bg-layer.repair-bg-zarazara{height:1500px;z-index:-1}img.repair-bg-layer{max-width:none;opacity:.6}.wrench-deco{left:clamp(-190px,67px - 17.14vw,-70px);bottom:clamp(-290px,374px - 44.3vw,20px);width:clamp(280px,33vw,500px);z-index:-1}.column-bg{right:clamp(-470px,-228px - 16.8vw,-291px);top:clamp(-615px,-223px - 27.2vw,-325px);width:clamp(820px,566px + 67.6vw,1540px);max-width:none;opacity:.7;z-index:-2}.gears-deco{right:clamp(-30px,-90px + 9.65vw,30px);top:clamp(-96px,12px - 8.7vw,-42px);width:clamp(280px,45vw,560px);z-index:0}.column-ticker{margin-top:80px;padding-top:8px;padding-bottom:8px;mask-image:none;-webkit-mask-image:none;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}@media(width>=768px){.column-ticker{margin-top:120px}}.column-ticker-track{--marquee-speed: 51;gap:0;color:#004988;font-family:Montserrat,sans-serif;font-weight:500;font-style:italic;font-size:32px;letter-spacing:.06em;white-space:nowrap}.news-section-bg{padding-top:80px;background:linear-gradient(to bottom,#f5fafe 0% 45%,#fff)}@media(width>=768px){.news-section-bg{padding-top:120px}}.contact-inner{padding-top:60px}@media(width<=1023px){.contact-inner{padding-top:0}}.contact-nuts{top:64%;left:-120px;transform:translateY(-50%);width:960px;max-width:none}@media(width<=1023px){#products{padding-bottom:270px!important}.repair-bg-layer{inset:clamp(40px,5vw,100px) auto auto clamp(-260px,-181px - 21.07vw,-181px)!important;width:clamp(680px,523px + 41.87vw,980px)!important;height:auto!important;aspect-ratio:2072/1702;z-index:0!important}.repair-bg-backdrop{display:none!important}.repair-content{position:relative;z-index:1}.products-bg{left:auto!important;right:clamp(-320px,-170px - 9vw,-210px)!important}.screws-deco{left:auto!important;right:50px!important}}.ba-card .ba-after,.ba-card .ba-before{position:absolute;inset:0}.ba-card .ba-before{opacity:1;filter:grayscale(.85) brightness(.78) contrast(1.05);transition:opacity 1.1s ease}.ba-card.ba-in .ba-before{opacity:0}.ba-label{position:absolute;top:14px;left:14px;z-index:2;font-family:Montserrat,sans-serif;font-weight:800;font-size:12px;letter-spacing:.15em;color:#fff;padding:6px 14px;border-radius:999px;background:#0000008c;backdrop-filter:blur(4px)}.ba-label .ba-after-t{display:none}.ba-card.ba-in .ba-label{background:#004988}.ba-card.ba-in .ba-label .ba-before-t{display:none}.ba-card.ba-in .ba-label .ba-after-t{display:inline}.ba-card{transition:opacity .25s ease}.ba-card:has(>div>a:hover){opacity:.78}.ba-toggle{position:absolute;right:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;padding:8px 16px;border:0;border-radius:9999px;background:#ffffffeb;box-shadow:0 6px 18px -8px #00000073;color:#004988;font-family:Montserrat,sans-serif;font-size:12px;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:background .25s ease,transform .25s ease}.ba-toggle:hover{background:#fff;transform:translateY(-1px)}.ba-toggle:focus-visible{outline:3px solid var(--color-main);outline-offset:2px}.ba-toggle__off,.ba-card.ba-in .ba-toggle__on{display:none}.ba-card.ba-in .ba-toggle__off{display:inline}@media(prefers-reduced-motion:reduce){.ba-toggle,.ba-toggle:hover{transform:none;transition:none}}@media(prefers-reduced-motion:reduce){.ba-card .ba-before,.ba-card .ba-after{transition:none}}[data-aos]{opacity:1!important}[data-aos=fade-up]{transform:translate3d(0,24px,0)}[data-aos=fade-up].aos-animate{transform:translateZ(0)}@media(prefers-reduced-motion:reduce){[data-aos]{opacity:1!important;transform:none!important;transition:none!important}}.scroll-fade-text .sf-line{display:inline}.scroll-fade-text .sf-char{display:inline-block;color:#fff;opacity:.25;will-change:opacity;text-shadow:0 1px 8px rgba(0,73,136,.55),0 0 2px rgba(0,73,136,.45)}@media(prefers-reduced-motion:reduce){.scroll-fade-text .sf-char{opacity:1!important}}.parallax-fixed{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}@media(width<=768px){.parallax-fixed{background-attachment:scroll}}.profile-bg{background-image:url(../images/index/profile_bg.webp)}.profile-inner{padding-bottom:280px}.search-arch{position:relative;z-index:20;background:#fff;margin-top:-6rem}.search-arch:before{content:"";position:absolute;z-index:-1;top:clamp(-34px,-1.8vw,-12px);left:50%;width:110%;transform:translate(-50%);height:72%;background:#fff;border-top-left-radius:50% clamp(120px,38vw,580px);border-top-right-radius:50% clamp(120px,38vw,580px);box-shadow:0 -14px 30px -4px #0276db1a;pointer-events:none}.search-arch:after{content:"";position:absolute;z-index:-2;top:clamp(-150px,-9vw,-92px);left:50%;width:130%;transform:translate(-50%);height:80%;background:linear-gradient(to bottom,#f5fafe 0% 55%,#fff);border-top-left-radius:50% clamp(140px,44vw,660px);border-top-right-radius:50% clamp(140px,44vw,660px);box-shadow:0 -14px 30px -4px #0276db1a;pointer-events:none}#search input[type=text]{border:none}#search input[type=text]:focus{border-color:transparent;box-shadow:none}.prod-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}.prod-card:hover img{transform:scale(1.07)}.prod-card .prod-desc{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .4s ease,margin .5s ease}.prod-card:hover .prod-desc{max-height:6em;opacity:1}.prod-card .prod-arrow{transition:background-color .35s ease;overflow:hidden}.prod-card:hover .prod-arrow{background-color:#ffff2f;color:#333}.prod-arrow-ico{width:14px;height:14px;background-image:url(../images/common/arrow_icon_white.svg);background-position:center;background-size:contain;background-repeat:no-repeat;transition:background-image .35s ease}.prod-card:hover .prod-arrow-ico{background-image:url(../images/common/arrow_icon_dark.svg);animation:arrowThrough .55s cubic-bezier(.2,.7,.2,1)}@media(width<=1023px){.prod-card .prod-desc{max-height:6em;opacity:1}}.faq{border:1px solid rgba(0,73,136,.3);transition:border-color .2s ease,box-shadow .2s ease}.col-list>:not([hidden])~:not([hidden]){border-top-color:#0049884d}.news-list{border-top-color:#0049884d}.news-list>:not([hidden])~:not([hidden]){border-top-color:#0049884d}.faq summary::-webkit-details-marker{display:none}.faq .faq-body{overflow:hidden;height:0;opacity:0;transition:height .32s cubic-bezier(.45,0,.35,1),opacity .24s ease}.faq[open] .faq-icon{transform:rotate(45deg)}.faq:has(summary:hover),.faq:has(summary:focus-visible){border-color:var(--color-main)}.faq summary:focus-visible{outline:3px solid var(--color-main);outline-offset:2px}.text-glow{text-shadow:0 1px 8px rgba(0,73,136,.55),0 0 2px rgba(0,73,136,.45)}.sec-curve{margin-top:-6rem}.sec-curve-r{border-top-right-radius:clamp(56px,7vw,100px);box-shadow:0 0 30px #0276db33}.sec-curve-l{border-top-left-radius:clamp(56px,7vw,100px);box-shadow:0 -14px 30px -8px #0276db33}.rounded-curve{border-radius:clamp(56px,7vw,100px)}.zarazara-overlay{background-image:url(../images/index/zarazara.png);background-size:300px;mix-blend-mode:color-dodge}.fv-slider{position:absolute;inset:0;overflow:hidden}.fv-track{height:100%;min-height:100vh;touch-action:pan-y pinch-zoom}.fv-slides{display:flex;height:100%;min-height:100vh}.fv-slide{flex:0 0 100%;min-width:0;width:100%;height:100%;min-height:100vh;overflow:hidden}.fv-slide-bg{width:100%;height:100%;min-height:100vh;background-size:cover;background-position:center;transform:scale(1)}.fv-slide-bg.is-zooming{transform:scale(1.18);transition:transform 9s ease-out}.fv-slide-bg{background-color:var(--color-sub)}@media(prefers-reduced-motion:reduce){.fv-slide-bg,.fv-slide-bg.is-zooming{transform:none!important;transition:none!important}}.fv-pagination{display:flex}.fv-dot{width:8px;height:8px;padding:0;border:none;border-radius:9999px;background:#9f9f9f;cursor:pointer;transition:background .25s ease,transform .25s ease}.fv-dot.is-active{background:#004988;transform:scale(1.1)}.fv-dot:focus-visible{outline:2px solid #fff;outline-offset:2px}.fv-wave{--wave-y: 58%;transform:translateY(var(--wave-y))}@media(width<=1023px){.fv-wave{--wave-y: 52%}}@media(width<=767px){.fv-wave{--wave-y: 40%}}@media(width<=575px){.fv-wave{--wave-y: 48%}}#fvTitle{font-size:80px;white-space:nowrap;margin-bottom:0;text-shadow:0 1px 8px rgba(0,73,136,.55),0 0 2px rgba(0,73,136,.45)}.fv-scroll-label{writing-mode:vertical-rl}.fv-scroll-arrow{background-image:url(../images/common/arrow_icon_sub.svg);background-position:center;background-size:contain;background-repeat:no-repeat;transform:rotate(90deg)}#fvTitle .sp-br{display:none}@media(width<=767px){#fvTitle{white-space:normal!important;font-size:clamp(46px,13.5vw,72px)!important;line-height:1.3!important}#fvTitle .sp-br{display:block}}#fvTitle .char{display:inline-block;opacity:0;transform:translateY(.6em) scale(.85) rotate(-6deg)}body.splash-active #fvTitle .char,body.splash-pending #fvTitle .char{animation:none!important}body.splash-done #fvTitle .char{animation:charUp .7s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes charUp{0%{opacity:0;transform:translateY(.6em) scale(.85) rotate(-6deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}body.splash-active .fv-wave,body.splash-pending .fv-wave{opacity:0}body.splash-done .fv-wave{animation:fvWaveRise 1s cubic-bezier(.22,1,.36,1) forwards}@keyframes fvWaveRise{0%{transform:translateY(calc(var(--wave-y) + 30%));opacity:0}to{transform:translateY(var(--wave-y));opacity:1}}@media(prefers-reduced-motion:reduce){.fv-wave{transform:translateY(var(--wave-y));opacity:1;animation:none}#fvTitle .char{animation:none;opacity:1;transform:none}}.h2-rise{display:block}.h2-rise .h2-char{display:inline-block;opacity:0;transform:translateY(.4em);will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.h2-rise .h2-char{opacity:1!important;transform:none!important}}.screws-deco svg{width:100%;height:auto;display:block}.screws-deco .screw-a,.screws-deco .screw-b{transform-box:fill-box;transform-origin:center}.screws-deco .screw-a{animation:screwSpinR 40s linear infinite}.screws-deco .screw-b{animation:screwSpinL 50s linear infinite}@keyframes screwSpinR{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes screwSpinL{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.screws-deco .screw-a,.screws-deco .screw-b{animation:none}}.gears-deco svg{width:100%;height:auto;display:block}.gears-deco .gear-1,.gears-deco .gear-2,.gears-deco .gear-3{transform-box:fill-box;transform-origin:center}.gears-deco .gear-1{animation:gearSpinL 80s linear infinite;translate:-25px -15px}.gears-deco .gear-2,.gears-deco .gear-3{animation:gearSpinR 80s linear infinite}@keyframes gearSpinR{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gearSpinL{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.gears-deco .gear-1,.gears-deco .gear-2,.gears-deco .gear-3{animation:none}}.wrench-deco svg{width:100%;height:auto;display:block;transform-box:fill-box;transform-origin:top right;animation:wrenchRock 12s ease-in-out infinite}@media(width<=1023px){.wrench-deco{z-index:0!important}}@keyframes wrenchRock{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}@media(prefers-reduced-motion:reduce){.wrench-deco svg{animation:none}}.contact-nuts svg{width:100%;height:auto;display:block}.contact-nuts .cn-1,.contact-nuts .cn-2{transform-box:fill-box;transform-origin:center}.contact-nuts .cn-1{animation:cnSpinR 70s linear infinite}.contact-nuts .cn-2{animation:cnSpinL 90s linear infinite}@keyframes cnSpinR{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cnSpinL{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media(prefers-reduced-motion:reduce){.contact-nuts .cn-1,.contact-nuts .cn-2{animation:none}}body.splash-active{overflow:hidden;height:100vh}.splash{position:fixed;inset:0;z-index:9999;pointer-events:none;background:transparent}.splash svg{display:block;width:100%;height:100%}.splash.is-hidden{opacity:0;transition:opacity .4s ease}.splash.is-removed{display:none}.splash-stage{transform-origin:50% 50%;transform-box:view-box;animation:splashGrow 2s cubic-bezier(.6,0,.25,1) forwards}@keyframes splashGrow{0%{transform:scale(.05) rotate(0)}60%{transform:scale(.7) rotate(220deg)}to{transform:scale(8) rotate(360deg)}}.splash-outline{display:none}@media(prefers-reduced-motion:reduce){.splash{display:none}}
