/* ④・⑤共通のイラスト版トップページ */
.home-illustrated{color-scheme:light;--bg:#faf7ef;--bg-2:#fffdf8;--panel:#ffffff;--panel-2:#eee7d9;--line:#ded5c5;--ink:#302f2a;--ink-dim:#6a655d;--attack-accent:#9c591f;--gold:#94632a;--gold-soft:#985426;background:#faf7ef;color:#302f2a;}
.home-illustrated::before{display:none;}
.home-illustrated .site-head{background:#faf7efeb;border-color:#ddd5c7;}
.home-illustrated .wrap{max-width:1240px;}
.home-illustrated .attack-hero{max-width:1536px;min-height:670px;display:flex;position:relative;isolation:isolate;overflow:hidden;padding:68px max(32px,calc((100% - 1176px)/2));}
.hero-art{position:absolute;inset:0;z-index:-2;margin:0;}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%;}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#faf7efed 0%,#faf7efc9 24%,#faf7ef34 53%,transparent 73%),linear-gradient(0deg,#faf7ef 0%,transparent 16%);}
.home-illustrated .attack-copy{width:58%;max-width:650px;text-align:left;}
.home-illustrated .attack-eyebrow{font-size:.65rem;letter-spacing:.23em;margin-bottom:30px;color:#94632a;}
.home-illustrated .attack-kicker{font-size:1.1rem;font-weight:500;color:#615342;letter-spacing:.1em;margin-bottom:16px;}
.home-illustrated .attack-copy h1{font-size:clamp(2.4rem,4.5vw,3.9rem);line-height:1.35;letter-spacing:-.055em;text-shadow:0 3px 28px #ffffff00;}
.home-illustrated .attack-copy h1>span{color:#985426;}
.hero-meta{display:flex;gap:10px;align-items:center;margin:24px 0 0;color:#625b50;font-size:.82rem;}
.hero-meta span{padding:4px 14px;border:1px solid #d9c9af;background:#fffaf0dd;border-radius:30px;}
.hero-meta b{color:#985426;font-size:1rem;}
.home-illustrated .attack-lead{color:#645f57;font-size:.92rem;line-height:2.1;margin:20px 0 26px;}
.home-illustrated .attack-start{background:linear-gradient(120deg,#f5c773,#efb960);border-color:#e7b257;border-radius:100px;min-height:60px;box-shadow:0 8px 35px #b1853426;color:#332613;padding:15px 28px;}
.home-illustrated .attack-start:hover{background:#ffeac1;box-shadow:0 12px 40px #b1853426;}
.home-illustrated .attack-start-note{color:#756d60;margin:12px 0 0 9px;}
.home-illustrated .attack-summary{position:relative;margin-top:-1px;padding-top:25px;padding-bottom:25px;border-color:#ddd5c7;}
.home-illustrated .summary-label{color:#756d60;}
.home-illustrated .attack-guide{padding-top:72px;}
.home-illustrated .attack-section-head h2{font-size:1.6rem;}
.home-illustrated .attack-steps{gap:18px;}
.home-illustrated .attack-steps li{border:1px solid #e6ded0;padding:24px;border-radius:18px;background:linear-gradient(145deg,#ffffff,#fffcf5);}
.home-illustrated .step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d7c7aa;border-radius:12px;background:#f3e8d1;color:#985426;}
.home-illustrated .attack-steps h3{margin-top:17px;}
.home-illustrated .attack-steps p{color:#686258;}
.home-illustrated .attack-other .mode-card{border:1px solid #e4dccc;background:#fffdf8;border-radius:18px;}
.home-illustrated .attack-other .mode-card:hover{border-color:#b88c52;}
.home-illustrated footer{margin-top:32px;}
.home-desk{background:#faf7ef;}
.home-desk .site-head{background:#faf7efee;}
.home-desk .hero-art::after{background:linear-gradient(90deg,#faf7efed 0%,#faf7efc9 24%,#faf7ef34 53%,transparent 73%),linear-gradient(0deg,#faf7ef 0%,transparent 16%);}
.home-desk .attack-other .mode-card{background:#fffdf8;}
.home-desk .attack-steps li{background:linear-gradient(145deg,#ffffff,#fffaf1);}
@media(min-width:1540px){.home-illustrated .attack-hero{border-radius:0 0 28px 28px;padding-left:180px;padding-right:180px;min-height:740px;}}
@media(max-width:900px){.home-illustrated .attack-hero{min-height:600px;padding:48px 28px;}.home-illustrated .attack-copy{width:65%;}.home-illustrated .attack-copy h1{font-size:clamp(2.3rem,5.5vw,3.1rem);}}
@media(max-width:640px){
 .home-illustrated .site-head{padding:14px 18px 10px;gap:10px;}.home-illustrated .brand{width:100%;}.home-illustrated .brand b{font-size:1rem;}.home-illustrated .nav{width:100%;justify-content:space-between;}.home-illustrated .nav a{font-size:.68rem;padding:4px 5px;}
 .home-illustrated .attack-hero{display:flex;flex-direction:column;min-height:0;padding:36px 22px 0;gap:0;overflow:hidden;}
 .home-illustrated .attack-copy{width:100%;max-width:470px;text-align:left;}
 .home-illustrated .attack-eyebrow{font-size:.58rem;margin-bottom:18px;}
 .home-illustrated .attack-kicker{font-size:.93rem;margin-bottom:12px;}
 .home-illustrated .attack-copy h1{font-size:clamp(1.7rem,7.7vw,2.9rem);line-height:1.35;}
 .hero-meta{margin-top:17px;font-size:.75rem;}.hero-meta span{padding:2px 12px;}
 .home-illustrated .attack-lead{font-size:.81rem;line-height:1.9;margin:16px 0 20px;}
 .home-illustrated .attack-start{font-size:.88rem;min-height:54px;padding:12px 22px;gap:20px;}
 .home-illustrated .attack-start-note{font-size:.65rem;margin-left:3px;}
 .hero-art{position:relative;inset:auto;width:calc(100% + 44px);height:auto;aspect-ratio:1.7;margin:12px -22px 0;z-index:0;}
 .hero-art img{object-fit:cover;object-position:center 62%;}
 .hero-art::after{background:linear-gradient(180deg,#faf7ef 0%,#faf7ef60 10%,transparent 28%,transparent 84%,#faf7ef 100%);}
 .home-desk .hero-art::after{background:linear-gradient(180deg,#faf7ef 0%,#faf7ef60 10%,transparent 28%,transparent 84%,#faf7ef 100%);}
 .home-illustrated .attack-summary{margin-top:0;padding-top:22px;}
 .home-illustrated .attack-guide,.home-illustrated .attack-other{padding-top:42px;}
 .home-illustrated .attack-section-head h2{font-size:1.25rem;}
 .home-illustrated .attack-steps li{padding:20px 18px 20px 66px;}.home-illustrated .step-number{left:18px;top:20px;width:30px;height:30px;}.home-illustrated .attack-steps h3{margin-top:2px;font-size:.9rem;}
}
@media(prefers-reduced-motion:reduce){.home-illustrated *{scroll-behavior:auto!important;transition:none!important;}}

/* 明るい背景での文字・境界線 */
.home-illustrated .summary-record p{color:#625b50;}
.home-illustrated .attack-summary>div,.home-illustrated .attack-summary .summary-record{border-color:#ded5c5;}
.home-illustrated .attack-text-link{color:#855022;border-color:#cbb08b;}
.home-illustrated .mode-card:hover{box-shadow:0 12px 30px #8d754b18;}
.home-illustrated .attack-start{color:#37280f;}
.home-illustrated footer{background:#f4efe4;}

/* 採用案⑤：明るいステージを中心にした正式トップ */
.home-stage{--attack-accent:#855327;--gold:#855327;--gold-soft:#855327;}
.home-stage .site-head{padding-top:16px;padding-bottom:16px;}
.home-stage .brand b{color:#514532;}
.home-stage .nav a{min-height:40px;display:inline-flex;align-items:center;}
.home-stage .attack-hero{max-width:1536px;min-height:700px;padding-top:70px;padding-bottom:70px;}
.home-stage .hero-art{width:min(100%,1100px);left:auto;right:0;}
.home-stage .hero-art img{object-fit:contain;object-position:right center;}
.home-stage .hero-art::after{background:linear-gradient(90deg,#faf7ef 0%,#faf7efb3 22%,transparent 52%),linear-gradient(0deg,#faf7ef 0%,transparent 12%);}
.home-stage .attack-copy{width:53%;max-width:630px;}
.home-stage .attack-copy h1{font-size:clamp(2.35rem,4.1vw,3.8rem);letter-spacing:-.045em;}
.home-stage .attack-copy h1>span{color:#885126;}
.home-stage .attack-kicker{color:#585648;font-weight:600;}
.home-stage .attack-start{min-height:62px;background:#f4c56c;border:1px solid #d7a447;box-shadow:0 6px 0 #dfb260,0 14px 28px #b99a5524;transition:transform .18s,box-shadow .18s,background .18s;}
.home-stage .attack-start:hover{background:#f9d48e;transform:translateY(-2px);box-shadow:0 8px 0 #dfb260,0 18px 30px #b99a5524;}
.home-stage .attack-start:active{transform:translateY(3px);box-shadow:0 2px 0 #dfb260;}
.home-stage .attack-start-note{margin-top:18px;}
.hero-how{display:inline-flex;align-items:center;gap:16px;color:#716450;font-size:.77rem;margin:20px 0 0 8px;text-underline-offset:5px;}
.home-stage .attack-summary{max-width:1176px;border:1px solid #e0d7c5;border-radius:20px;padding:26px 30px;background:#fffdf8;box-shadow:0 8px 30px #b89b6420;}
.home-stage .summary-label{color:#726956;}
.home-stage .attack-summary b{font-weight:700;color:#855327;}
.home-stage .attack-guide{padding-top:86px;}
.home-stage .attack-steps li{padding:28px;border:none;box-shadow:inset 0 0 0 1px #e6dece;}
.home-stage .attack-steps li:nth-child(2){background:#f0f6f1;box-shadow:inset 0 0 0 1px #dce7dc;}
.home-stage .attack-steps li:nth-child(3){background:#eef4fa;box-shadow:inset 0 0 0 1px #dce5ef;}
.home-stage .attack-steps li:nth-child(2) .step-number{background:#e0ecdf;border-color:#bdd0bc;color:#425f48;}
.home-stage .attack-steps li:nth-child(3) .step-number{background:#dce9f5;border-color:#bdcede;color:#48647c;}
.home-stage .attack-eyebrow{letter-spacing:.2em;}
.attack-ranking{padding-top:50px;padding-bottom:14px;}
.ranking-panel{display:grid;grid-template-columns:110px 1.3fr 1fr;gap:28px;align-items:center;border:1px solid #e4dac4;border-radius:24px;padding:32px;background:linear-gradient(115deg,#f9edd5,#fffcf5);}
.ranking-symbol{color:#a67b37;width:110px;height:110px;display:grid;place-items:center;border-radius:50%;background:#fffaf0;}
.ranking-symbol svg{width:84px;height:84px;}
.home-stage .ranking-panel .attack-eyebrow{margin-bottom:8px;}
.ranking-copy h2{font-size:1.35rem;line-height:1.55;margin:0 0 10px;}
.ranking-copy p:not(.attack-eyebrow){font-size:.84rem;color:#686258;margin:0;line-height:1.9;}
.ranking-copy .attack-text-link{margin-top:16px;}
.ranking-rules{border-left:1px solid #dfd1b7;padding-left:28px;font-size:.85rem;}
.ranking-rules>span{font-size:.7rem;color:#756b58;}
.ranking-rules p{margin:8px 0;}
.ranking-rules b{font-size:1.15rem;color:#855327;}
.ranking-rules small{font-size:.67rem;color:#756b58;}
.home-stage .attack-other{padding-top:64px;}
.home-stage .attack-other .mode-card{padding:28px 30px;}
.home-stage .attack-other .mode-card.pending{opacity:1;background:#f1f0e9;box-shadow:none;}
.home-stage .attack-other .pending .bar{display:none;}
.home-stage .attack-other .pending .mode-stat{width:fit-content;background:#e6e4d9;padding:3px 13px;border-radius:20px;color:#686258;}
.home-stage .mode-icon{width:42px;height:42px;border-radius:14px;background:#f2e8d2;display:grid;place-items:center;}
.home-stage .pending .mode-icon{background:#e7e7dd;color:#737261;}
.attack-faq{padding-top:54px;padding-bottom:24px;display:grid;grid-template-columns:1fr 1.6fr;gap:60px;}
.faq-list{border-top:1px solid #ded5c5;}
.faq-list details{border-bottom:1px solid #ded5c5;}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;font-weight:600;font-size:.89rem;padding:21px 0;}
.faq-list summary::-webkit-details-marker{display:none;}
.faq-list summary span{display:grid;place-items:center;border-radius:50%;width:26px;height:26px;flex-shrink:0;background:#eee5d4;color:#855327;transition:transform .2s;}
.faq-list details[open] summary span{transform:rotate(45deg);}
.faq-list p{font-size:.85rem;color:#686258;line-height:2;margin:0 28px 22px 0;}
.attack-finale{text-align:center;margin-top:40px;padding-top:55px;padding-bottom:65px;border-radius:28px;background:radial-gradient(ellipse at 0 100%,#f1e2bf,transparent 60%),radial-gradient(ellipse at 100% 0,#e5eff7,transparent 60%),#fffaf0;}
.home-stage .attack-finale .attack-eyebrow{margin-bottom:12px;}
.attack-finale h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 10px;}
.attack-finale p:not(.attack-eyebrow){font-size:.88rem;color:#716450;margin:0 0 28px;}
.home-stage footer{background:none;border-color:#ded5c5;padding-top:26px;}
.home-stage .skip-link{position:fixed;top:-100px;left:16px;padding:12px 20px;border-radius:10px;background:#fffaf0;color:#513813;z-index:100;}
.home-stage .skip-link:focus{top:12px;}
.home-stage :is(a,summary):focus-visible{outline:3px solid #846131;outline-offset:5px;}
.home-stage :is(h2,#rankTabs){scroll-margin-top:105px;}
@media(min-width:1540px){.home-stage .attack-hero{padding-left:180px;padding-right:180px;min-height:740px;}}
@media(max-width:1200px){.home-stage .attack-summary{margin-left:28px;margin-right:28px;}.home-stage .attack-finale{margin-left:28px;margin-right:28px;}.ranking-panel{grid-template-columns:80px 1fr;gap:24px;}.ranking-symbol{width:80px;height:80px;}.ranking-symbol svg{width:64px;height:64px;}.ranking-rules{grid-column:2;border-left:none;border-top:1px solid #dfd1b7;padding:18px 0 0;}.ranking-rules p{display:inline-block;margin-right:18px;}.ranking-rules small{display:block;}}
@media(max-width:900px){.home-stage .attack-hero{min-height:600px;padding:44px 28px;}.home-stage .hero-art{width:90%;}.home-stage .attack-copy{width:68%;}.home-stage .attack-copy h1{font-size:clamp(2rem,4.6vw,3.5rem);}.attack-faq{gap:28px;grid-template-columns:1fr;}.home-stage .attack-steps li{padding:24px 24px 24px 76px;}.home-stage .step-number{position:absolute;top:24px;left:24px;}.home-stage .attack-steps li{position:relative;}.home-stage .attack-steps h3{margin-top:3px;}}
@media(max-width:640px){
 .home-stage .site-head{padding:14px 18px 8px;}.home-stage .nav a{min-height:36px;}
 .home-stage .attack-hero{min-height:0;padding:32px 22px 0;}.home-stage .attack-copy{width:100%;max-width:none;}
 .home-stage .attack-copy h1{font-size:clamp(1.65rem,7.7vw,2.9rem);}.home-stage .attack-start{min-height:54px;}
 .hero-how{margin-top:16px;font-size:.72rem;}.home-stage .attack-start-note{font-size:.7rem;}
 .home-stage .hero-art{width:calc(100% + 44px);height:auto;aspect-ratio:1.5;left:auto;right:auto;margin:4px -22px 0;}.home-stage .hero-art img{object-fit:contain;}
 .home-stage .hero-art::after{background:linear-gradient(180deg,#faf7ef 0%,transparent 20%,transparent 85%,#faf7ef 100%);}
 .home-stage .attack-summary{margin:0 18px;padding:22px 20px;border-radius:18px;}.home-stage .attack-summary>div{padding-right:8px;}.home-stage .attack-summary .summary-record{padding-top:14px;}
 .home-stage .attack-guide{padding-top:48px;}.home-stage .attack-steps{gap:12px;}.home-stage .attack-steps li{padding:22px 18px 22px 64px;}.home-stage .step-number{width:30px;height:30px;left:18px;top:22px;}
 .attack-ranking{padding-top:30px;}.ranking-panel{padding:24px;grid-template-columns:1fr;gap:20px;}.ranking-symbol{width:64px;height:64px;}.ranking-symbol svg{width:52px;height:52px;}.ranking-rules{grid-column:auto;}.ranking-copy h2{font-size:1.2rem;}.ranking-rules p{display:block;}
 .home-stage .attack-other{padding-top:36px;}.home-stage .attack-other .mode-card{padding:24px;}
 .attack-faq{padding-top:32px;gap:22px;}.faq-list summary{font-size:.84rem;}.attack-finale{margin-top:24px!important;margin-left:18px!important;margin-right:18px!important;padding:38px 20px 44px;border-radius:20px;}
 .home-stage footer .foot-row{font-size:.67rem;line-height:1.9;}
}

.home-ad[hidden]{display:none!important;}.home-ad{padding-top:160px;padding-bottom:160px;text-align:center;}.ad-label{display:block;font-size:.7rem;color:#756d60;margin-bottom:14px;}

.home-stage .attack-kicker{color:#855327;font-weight:700}.home-stage .attack-lead strong{color:#855327;font-weight:800}.hero-ranking-note{font-size:.8rem;line-height:1.8;color:#70502b;margin:22px 0 0;font-weight:650}.home-stage .hero-ranking-note+.attack-start-note{margin-top:7px}.home-stage .attack-start-note{font-weight:650}

/* Mobile: bring the illustrated stage into the first screen, before the CTA. */
@media(max-width:640px){
 .home-stage .attack-hero{display:flex;flex-direction:column;align-items:center;gap:0;padding:22px 20px 26px;background:linear-gradient(180deg,#fffaf0,#faf7ef);}
 .home-stage .attack-copy{display:contents;}
 .home-stage .attack-hero .attack-eyebrow{display:none;}
 .home-stage .attack-hero .attack-kicker{order:1;text-align:center;font-size:clamp(.72rem,3.3vw,.9rem);letter-spacing:.025em;margin:0 0 10px;color:#785027;}
 .home-stage .attack-copy h1{order:2;text-align:center;font-size:clamp(1.8rem,8.2vw,3rem);line-height:1.22;letter-spacing:-.045em;position:relative;z-index:1;margin:0;}
 .home-stage .attack-copy h1>span{color:#885126;}
 .home-stage .hero-art{order:3;position:relative;inset:auto;z-index:0;flex:none;width:calc(100% + 40px);height:clamp(170px,49vw,235px);aspect-ratio:auto;margin:-5px -20px -2px;}
 .home-stage .hero-art img{object-fit:cover;object-position:center top;height:100%;width:100%;}
 .home-stage .hero-art::after{background:linear-gradient(180deg,#fffaf0 0%,#fffaf000 9%,#faf7ef00 82%,#faf7ef 100%);}
 .home-stage .hero-meta{order:4;justify-content:center;gap:10px;margin:0;position:relative;z-index:1;font-size:.74rem;}
 .home-stage .hero-meta span{padding:3px 13px;background:#fffdf6;border-color:#d5bc8f;}
 .home-stage .attack-lead{order:5;text-align:center;font-size:.82rem;line-height:1.8;margin:12px 0 16px;max-width:345px;}
 .home-stage .hero-lead-intro{display:none;}
 .home-stage .attack-hero .attack-start{order:6;justify-content:center;width:100%;max-width:360px;min-height:55px;padding:14px 12px;font-size:clamp(.8rem,3.6vw,.94rem);letter-spacing:0;gap:12px;}
 .home-stage .hero-ranking-note{display:none;}
 .home-stage .attack-hero .attack-start-note{order:7;margin:15px 0 0;font-size:.73rem;color:#785027;}
 .home-stage .hero-how{order:8;margin:12px 0 0;font-size:.7rem;}
}