@media (max-width:1024px){ #service > div > div.grid,#service .reveal.grid{grid-template-columns:1fr !important;gap:22px !important;margin-left:auto !important;margin-right:auto !important;max-width:560px !important} #service > div > div.grid > div,#service .reveal.grid > div{padding:32px 28px !important;display:flex !important;flex-direction:column !important;gap:14px !important;border-radius:20px !important;box-shadow:0 4px 18px rgba(15,23,42,0.06) !important;border:1px solid #E5E7EB !important;background:#fff !important;width:100% !important;max-width:100% !important;min-height:auto !important;box-sizing:border-box !important} #service > div > div.grid > div > *,#service .reveal.grid > div > *{width:100% !important;max-width:100% !important;text-align:left !important} #service .reveal.grid > div h3{font-size:20px !important;line-height:1.5 !important;font-weight:700 !important;margin-bottom:6px !important} #service .reveal.grid > div p{font-size:14.5px !important;line-height:1.8 !important;color:#475569 !important} #service .reveal.grid > div a{margin-top:auto !important;width:100% !important;text-align:center !important;padding:12px 16px !important;font-weight:700 !important;border-radius:10px !important} #service .reveal.text-center{text-align:center !important;padding:0 24px !important;margin-bottom:36px !important} } @media (max-width:768px){ #hero{padding-top:56px !important;padding-bottom:32px !important} #hero .hero-title > span:first-child{font-size:13px !important;margin-bottom:14px !important} #hero .hero-title > span:last-child{font-size:44px !important;line-height:1.18 !important;letter-spacing:-.03em !important} #hero p{font-size:15px !important;margin-bottom:36px !important;line-height:1.85 !important} #hero a.btn-conversion-hero,#hero a[href*="custom-proposal"]{max-width:100% !important} #hero a.btn-conversion-hero > div,#hero a[href*="custom-proposal"] > div{padding:20px 22px !important} #hero a.btn-conversion-hero span[class*="text-[24px]"]{font-size:18px !important} #hero a[href*="custom-proposal"] span[class*="text-[20px]"]{font-size:16px !important} section[aria-label="よくあるお悩み"]{padding-top:48px !important;padding-bottom:48px !important} section[aria-label="よくあるお悩み"] h2{font-size:24px !important;line-height:1.5 !important} section[aria-label="よくあるお悩み"] p{font-size:14px !important} .marquee-content .bg-white{min-width:260px !important;font-size:15px !important;padding:18px 22px !important;border-radius:10px !important} .marquee-content .flex{gap:14px !important} #reasons{padding-top:56px !important;padding-bottom:56px !important} #reasons h2{font-size:28px !important;line-height:1.4 !important} #reasons h3{font-size:22px !important;line-height:1.45 !important;margin-bottom:14px !important} #reasons p{font-size:15px !important;line-height:1.85 !important} #reasons .space-y-20{row-gap:48px !important} #reasons article{gap:24px !important} #reasons span.font-eng{font-size:54px !important;margin-bottom:10px !important} section[aria-label="選ばれる理由"]{padding-top:48px !important;padding-bottom:48px !important} section[aria-label="選ばれる理由"] h2{font-size:24px !important;line-height:1.45 !important} section[aria-label="選ばれる理由"] .p-10{padding:24px !important} section[aria-label="選ばれる理由"] h3{font-size:17px !important;line-height:1.5 !important} section[aria-label="選ばれる理由"] p{font-size:14.5px !important} #service{padding-top:56px !important;padding-bottom:56px !important} #service h2{font-size:26px !important;line-height:1.45 !important} #service .p-8{padding:24px !important} #service .rounded-\[32px\]{border-radius:20px !important} #service > div > div.grid,#service .reveal.grid{grid-template-columns:1fr !important;gap:18px !important} #service > div > div.grid > div,#service .reveal.grid > div{padding:24px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;word-break:break-word !important;overflow-wrap:break-word !important} #service h3{font-size:18px !important;line-height:1.5 !important;margin-bottom:10px !important;word-break:break-word !important;overflow-wrap:break-word !important} #service p{font-size:14px !important;line-height:1.85 !important;word-break:break-word !important;overflow-wrap:break-word !important} #service .text-xl,#service .text-lg,#service .text-2xl,#service .text-3xl{font-size:15px !important;line-height:1.55 !important} #service .text-sm{font-size:13.5px !important;line-height:1.85 !important} #service .text-xs{font-size:12px !important;line-height:1.65 !important} #service span,#service div,#service a{word-break:break-word !important;overflow-wrap:break-word !important;white-space:normal !important} #service a[href*="service"],#service a[href*="claude-code-setup"],#service a[href*="ai-consulting"],#service a[href*="automation"]{padding:12px 16px !important;font-size:13.5px !important} #service .reveal.mb-24,#service .reveal.text-center{margin-bottom:32px !important} #floating-cta{bottom:16px !important;right:14px !important;transform:scale(0.82) !important;transform-origin:bottom right !important;z-index:50 !important} #floating-cta > a{padding:10px !important;padding-right:14px !important;gap:10px !important} #floating-cta > a > div:first-child{width:50px !important;height:50px !important;flex-shrink:0 !important} #floating-cta > a > div:first-child svg{width:22px !important;height:22px !important} #case-study{padding-top:48px !important;padding-bottom:48px !important} #case-study h2{font-size:24px !important} #case-study .p-8{padding:22px !important} #blog{padding-top:48px !important;padding-bottom:48px !important} #blog h2{font-size:24px !important} #faq{padding-top:48px !important;padding-bottom:48px !important} #faq h2{font-size:24px !important} #faq h3{font-size:17px !important} #faq summary{padding:18px !important;font-size:15px !important;line-height:1.5 !important} #faq .px-6{padding-left:18px !important;padding-right:18px !important} #faq .pb-6{padding-bottom:18px !important} #faq .text-base{font-size:14.5px !important;line-height:1.85 !important} #contact{padding-top:56px !important;padding-bottom:56px !important} #contact h2{font-size:28px !important;line-height:1.4 !important;margin-bottom:36px !important} #contact .p-8{padding:22px !important} #contact h3{font-size:17px !important;margin-bottom:10px !important} #contact > div > div p{font-size:14.5px !important;line-height:1.8 !important} #contact p.text-xl{font-size:16px !important;margin-bottom:28px !important} #contact a > div{padding:18px 22px !important} #contact a span[class*="text-[24px]"]{font-size:18px !important} #contact a span[class*="text-[20px]"]{font-size:16px !important} } #contact a[href*="custom-proposal"]{background:#FFFFFF !important;border:1px solid #FFFFFF !important;box-shadow:0 8px 24px rgba(255,255,255,0.15) !important} #contact a[href*="custom-proposal"] > div{background:transparent !important} #contact a[href*="custom-proposal"] span:first-child{background:#FF7A00 !important;color:#FFFFFF !important;border:0 !important} #contact a[href*="custom-proposal"] span:not(:first-child){color:#0F172A !important} #contact a[href*="custom-proposal"] > div > div:last-child{background:#2563EB !important} #contact a[href*="custom-proposal"] > div > div:last-child svg{color:#FFFFFF !important;fill:#FFFFFF !important} #floating-cta > a > div:last-child > div:first-child{background:#FF7A00 !important;color:#FFFFFF !important;border-color:#E66A00 !important;font-weight:800 !important;padding:3px 10px !important}