@tailwind base;@tailwind components;@tailwind utilities;
:root{--color-gray:#666;--color-navy:#1a2332;--color-orange:#f59e0b;--color-main-navy:#1a2332;--color-white:#fff;--color-accent-yellow:gold;--color-accent-blue:#4a90e2;--color-accent-red:#e74c3c;--color-accent-green:#2ecc71;--color-primary:#020617;--color-primary-dark:#000;--color-primary-light:#0f172a;--color-primary-lighter:#1e293b;--color-secondary:#334155;--color-border:#1e293b;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-background:var(--color-primary);--color-background-secondary:var(--color-primary-light);--color-background-tertiary:var(--color-primary-dark);--color-surface:var(--color-primary-light);--color-surface-hover:var(--color-primary-lighter);--color-input-bg:var(--color-primary-dark);--color-border-dark:var(--color-primary-dark);--color-accent-blue-light:#60a5fa;--color-accent-blue-dark:#2563eb;--color-success:#10b981;--color-success-light:#10b9811a;--color-error:#ef4444;--color-error-light:#ef44441a;--color-warning:#f59e0b;--color-warning-light:#f59e0b1a;--color-info:#0ea5e9;--color-info-light:#0ea5e91a;--color-text-primary:#333;--color-text-sub:#666;--color-bg-light:#f5f5f5;--color-border-light:#e0e0e0;--02rem:clamp(.1rem,.2vw,.2rem);--04rem:clamp(.2rem,.4vw,.4rem);--06rem:clamp(.4rem,.6vw,.6rem);--08rem:clamp(.6rem,.8vw,.8rem);--10rem:clamp(.8rem,1vw,1rem);--12rem:clamp(1rem,1.2vw,1.2rem);--14rem:clamp(1.2rem,1.4vw,1.4rem);--16rem:clamp(1.4rem,1.6vw,1.6rem);--18rem:clamp(1.6rem,1.8vw,1.8rem);--20rem:clamp(2rem,2.2vw,2.2rem);--22rem:clamp(2.2rem,2.4vw,2.4rem);--24rem:clamp(2.4rem,2.6vw,2.6rem);--26rem:clamp(2.6rem,2.8vw,2.8rem);--28rem:clamp(2.8rem,3vw,3rem);--30rem:clamp(3rem,3.2vw,3.2rem);--32rem:clamp(3.2rem,3.4vw,3.4rem);--34rem:clamp(3.4rem,3.6vw,3.6rem);--36rem:clamp(3.6rem,3.8vw,3.8rem);--38rem:clamp(3.8rem,4vw,4rem);--40rem:clamp(4rem,4.2vw,4.2rem);--42rem:clamp(4.2rem,4.4vw,4.4rem);--44rem:clamp(4.4rem,4.6vw,4.6rem);--46rem:clamp(4.6rem,4.8vw,4.8rem);--48rem:clamp(4.8rem,5vw,5rem);--50rem:clamp(5rem,5.2vw,5.2rem);--52rem:clamp(5.2rem,5.4vw,5.4rem);--54rem:clamp(5.4rem,5.6vw,5.6rem);--56rem:clamp(5.6rem,5.8vw,5.8rem);--58rem:clamp(5.8rem,6vw,6rem);--60rem:clamp(6rem,6.2vw,6.2rem);--62rem:clamp(6.2rem,6.4vw,6.4rem);--64rem:clamp(6.4rem,6.6vw,6.6rem);--66rem:clamp(6.6rem,6.8vw,6.8rem);--68rem:clamp(6.8rem,7vw,7rem);--70rem:clamp(7rem,7.2vw,7.2rem);--72rem:clamp(7.2rem,7.4vw,7.4rem);--74rem:clamp(7.4rem,7.6vw,7.6rem);--76rem:clamp(7.6rem,7.8vw,7.8rem);--78rem:clamp(7.8rem,8vw,8rem);--80rem:clamp(8rem,8.2vw,8.2rem);--82rem:clamp(8.2rem,8.4vw,8.4rem);--84rem:clamp(8.4rem,8.6vw,8.6rem);--86rem:clamp(8.6rem,8.8vw,8.8rem);--88rem:clamp(8.8rem,9vw,9rem);--90rem:clamp(9rem,9.2vw,9.2rem);--92rem:clamp(9.2rem,9.4vw,9.4rem);--94rem:clamp(9.4rem,9.6vw,9.6rem);--96rem:clamp(9.6rem,9.8vw,9.8rem);--98rem:clamp(9.8rem,10vw,10rem);--100rem:clamp(10rem,10.2vw,10.2rem);--font-size-xs:var(--12rem);--font-size-sm:var(--14rem);--font-size-base:clamp(1.4rem,1.6vw,1.6rem);--font-size-lg:clamp(1.6rem,1.8vw,1.8rem);--font-size-xl:clamp(1.8rem,2.2vw,2.2rem);--font-size-2xl:clamp(2.2rem,2.8vw,2.8rem);--font-size-3xl:clamp(2.8rem,3.5vw,3.6rem);--font-size-4xl:clamp(3.6rem,5vw,4.8rem);--spacing-xs:clamp(.6rem,.8vw,.8rem);--spacing-sm:clamp(1rem,1.2vw,1.4rem);--spacing-md:clamp(1.6rem,2vw,2rem);--spacing-lg:clamp(2.4rem,3.2vw,3.2rem);--spacing-xl:clamp(3.2rem,4.8vw,5.6rem);--spacing-2xl:clamp(5.6rem,8vw,8.8rem);--width-30:33.3333%;--max-width:clamp(64rem,90vw,120rem);--max-content-width:clamp(64rem,90vw,160rem);--sidebar-width:20rem;--header-height:clamp(6rem,8vw,8rem);--border:.1rem solid #ccc;--border-width:.1rem;--border-width-thick:.2rem;--radius-sm:.4rem;--radius-md:.8rem;--radius-lg:1.2rem;--radius-full:999rem;--transition-fast:.15s ease;--transition-base:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:Hiragino Maru Gothic ProN,ヒラギノ丸ゴ ProN,Meiryo,Meiryo UI,sans-serif;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-white);line-height:1.6}.l-page{flex-direction:column;min-height:100vh;display:flex}.l-main{flex:1}.l-header{z-index:1000;height:var(--header-height);background-color:var(--color-main-navy);border-bottom:var(--border-width-thick)solid var(--color-accent-yellow);position:sticky;top:0}.l-header__inner{justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 clamp(3rem,5vw,5rem);display:flex}.p-hero-slider__container{background-color:var(--color-main-navy);height:clamp(40rem,60vh,70rem)}
