/* FoxBuy upgrade 1.2.8: responsive frontend and internal pages */
html{overflow-x:hidden}body{min-width:0;overflow-x:hidden;overflow-wrap:anywhere}img,video,iframe,svg{max-width:100%}.mobile-languages{display:none}.article-body img,.article-body video{display:block;width:auto;max-width:100%;height:auto}.article-body iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;border:0}.article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}.article-body pre{max-width:100%;overflow:auto;white-space:pre-wrap}.article-body a{word-break:break-word}.article-body h2{font-size:clamp(28px,4vw,38px);line-height:1.2}html[lang="ja"] body{word-break:normal;line-break:strict}
.category-grid{justify-content:center}.category-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.category-card>span{display:none}.category-card h3{margin:16px 0 10px}.category-card p{width:100%;max-width:30ch}.category-card>b{left:20px;right:20px;text-align:center}
@media(max-width:1100px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.intro,.contact{gap:45px}.section-head{gap:25px}}
@media(max-width:820px){.topline{display:none}.top{height:76px;padding:0 5%}.brand img{width:145px;max-height:64px}.menu-toggle{display:block;min-width:44px;min-height:44px;cursor:pointer}.top nav{display:none;position:absolute;top:76px;left:0;right:0;max-height:calc(100vh - 76px);overflow-y:auto;padding:18px 6% 28px;background:#fff;flex-direction:column;align-items:stretch;gap:0;box-shadow:var(--shadow)}.top nav.open{display:flex}.top nav>a{display:block;padding:12px 2px;border-bottom:1px solid var(--line)}.mobile-languages{display:flex!important;justify-content:flex-start;gap:8px;margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.mobile-languages a{display:grid;place-items:center;min-width:44px;min-height:40px;padding:0 8px;border:1px solid var(--line);border-radius:5px}.mobile-languages a.active{color:#fff;background:var(--green);border-color:var(--green)}.hero-carousel{min-height:clamp(520px,88vh,650px)}.hero-slide{padding:70px 7% 90px;background-position:center}.hero-slide h1,.hero h1,.inner-hero h1{font-size:clamp(38px,9vw,54px);letter-spacing:-1.2px}.hero-slide p,.hero p,.inner-hero p{font-size:17px;line-height:1.55}.hero{min-height:620px;padding:70px 7%}.actions{flex-wrap:wrap;margin:26px 0}.actions .btn{flex:1 1 210px}.metrics{gap:16px;flex-wrap:wrap;margin-top:35px}.metrics span{width:calc(50% - 8px)}.section,.banner-wrap{padding:64px 6%}.section-head,.intro,.contact,.page-cta{display:block}.section-head>p{max-width:none}.intro>div:first-child{margin:0}.pillars{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card{min-height:285px}.contact{padding:64px 6%}.contact>div{max-width:none;margin:0}.contact form{margin-top:35px}.contact form>div,.form-grid{grid-template-columns:1fr}.contact .btn{width:100%}.page-cta{padding:55px 6%}.page-cta .btn{margin-top:20px}.inner-hero{min-height:400px;padding:70px 6% 55px}.article-body{font-size:17px}.banner-slider>a{flex-basis:92vw}.banner-slider span{padding:24px}.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{grid-template-columns:1fr 1fr;padding:45px 6%}footer small{grid-column:1/-1}}
@media(max-width:560px){.hero-carousel{min-height:560px}.hero-slide{padding:55px 6% 85px}.hero-slide h1,.hero h1,.inner-hero h1{font-size:clamp(34px,10vw,44px)}.hero-slide p,.hero p,.inner-hero p{font-size:16px}.hero-arrow{display:none}.hero-dots{bottom:22px}.section,.banner-wrap{padding:52px 5%}.section-head{margin-bottom:28px}.section-head h2,.intro h2,.contact h2,.page-cta h2{font-size:clamp(30px,9vw,40px)}.category-grid,.card-grid,.steps{grid-template-columns:1fr}.category-card{min-height:250px}.content-card>img{height:190px}.content-card p{min-height:0}.banner-slider>a{flex-basis:94vw;border-radius:10px}.banner-slider span{padding:18px}.banner-slider b{font-size:16px}.intro p{font-size:16px}.inner-hero{min-height:340px;padding:55px 5% 42px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.logo-grid a{min-height:110px;padding:12px}.logo-grid img{max-height:80px}.contact{padding:55px 5%}.page-cta{padding:48px 5%}footer{grid-template-columns:1fr;padding:40px 5%}footer small{grid-column:auto}.install-card{padding:24px}.btn{width:100%;padding:0 16px}}