/* セコサポ トップ 今風デザイン（動き） */
body.shm-page #secoHome.shm{
  --shm-ink:#13201B;--shm-mut:#5B6A64;--shm-line:#E1E8E4;--shm-bg:#F4F7F5;
  --shm-g:#0D4A3A;--shm-gd:#062C23;--shm-teal:#0F6E68;--shm-amb:#F2B600;--shm-ambd:#C98F00;
  --shm-r:22px;--shm-sh:0 1px 2px rgba(10,40,30,.06),0 8px 24px rgba(10,40,30,.07);
}
@media (min-width:1101px){body.shm-page #secoHome.shm{max-width:1360px;margin-left:auto !important;margin-right:auto !important}}

/* ---------- 共通：見出し ---------- */
body.shm-page #secoHome.shm .shm-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--shm-teal);text-transform:uppercase;margin:0 0 6px}
body.shm-page #secoHome.shm .shm-eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--shm-amb),var(--shm-teal))}
body.shm-page #secoHome.shm .shm-h2{font-size:clamp(20px,2.2vw,27px) !important;font-weight:900 !important;letter-spacing:.01em;line-height:1.35 !important;color:var(--shm-ink)}
body.shm-page #secoHome.shm .shm-sub{color:var(--shm-mut);font-size:13.5px;margin:6px 0 0;line-height:1.7}
body.shm-page #secoHome.shm .shm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}

/* ---------- ヒーロー ---------- */
body.shm-page #secoHome.shm .sh-hero-main{
  position:relative !important;overflow:hidden !important;isolation:isolate;
  background:radial-gradient(120% 140% at 0% 0%,#0F5B48 0%,#0B3F33 38%,#062A22 100%) !important;
  border:0 !important;border-radius:var(--shm-r) !important;color:#fff !important;
  box-shadow:0 18px 40px -18px rgba(4,40,30,.55) !important;
}
body.shm-page #secoHome.shm .sh-hero-main::before,
body.shm-page #secoHome.shm .sh-hero-main::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}
body.shm-page #secoHome.shm .sh-hero-main::before{width:420px;height:420px;right:-120px;top:-160px;background:#F2B600;animation:shmFloatA 14s ease-in-out infinite alternate}
body.shm-page #secoHome.shm .sh-hero-main::after{width:520px;height:520px;left:-200px;bottom:-280px;background:#16A39A;animation:shmFloatB 18s ease-in-out infinite alternate}
@keyframes shmFloatA{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-120px,80px) scale(1.15)}}
@keyframes shmFloatB{0%{transform:translate(0,0) scale(1)}100%{transform:translate(160px,-60px) scale(.9)}}
body.shm-page #secoHome.shm .shm-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:36px 36px;-webkit-mask-image:radial-gradient(90% 90% at 70% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(90% 90% at 70% 30%,#000 30%,transparent 80%)}
body.shm-page #secoHome.shm .sh-hero-main .sh-flow{filter:brightness(0) invert(1);opacity:.28}
body.shm-page #secoHome.shm .sh-hero-main .sh-brand{color:rgba(255,255,255,.82) !important;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px 5px 10px !important;font-size:12px;backdrop-filter:blur(6px)}
body.shm-page #secoHome.shm .sh-hero-main .sh-brand::before{background:var(--shm-amb) !important;box-shadow:0 0 0 4px rgba(242,182,0,.25);animation:shmPing 2.4s ease-out infinite}
@keyframes shmPing{0%{box-shadow:0 0 0 0 rgba(242,182,0,.55)}100%{box-shadow:0 0 0 10px rgba(242,182,0,0)}}
body.shm-page #secoHome.shm .sh-hero-main .sh-h1{color:#fff !important;font-size:clamp(26px,3.3vw,44px) !important;font-weight:900 !important;line-height:1.28 !important;letter-spacing:.01em;margin-top:14px !important;text-shadow:0 2px 18px rgba(0,0,0,.18)}
body.shm-page #secoHome.shm .sh-hero-main .sh-h1 span{display:block;margin-top:6px !important;font-size:.62em;font-weight:800;
  background:linear-gradient(90deg,#FFD54A 0%,#FFF3B8 30%,#F2B600 55%,#FFE27A 100%) !important;background-size:220% 100% !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;animation:shmShine 6s linear infinite}
@keyframes shmShine{0%{background-position:0% 50%}100%{background-position:220% 50%}}
body.shm-page #secoHome.shm .sh-hero-main .sh-lead{display:none !important}
body.shm-page #secoHome.shm .shm-stats{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px !important;padding:0 !important;list-style:none}
body.shm-page #secoHome.shm .shm-stats li{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#E8F3EF;background:rgba(255,255,255,.09) !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:12px;padding:8px 12px !important;margin:0 !important;backdrop-filter:blur(6px)}
body.shm-page #secoHome.shm .shm-stats li b{font-size:18px;font-weight:900;color:#FFD54A;font-variant-numeric:tabular-nums;line-height:1}
body.shm-page #secoHome.shm .shm-stats svg{width:16px;height:16px;stroke:#7FE0C8;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.shm-page #secoHome.shm .sh-hero-main .sh-search{background:#fff !important;border:0 !important;border-radius:16px !important;box-shadow:0 10px 30px -8px rgba(0,0,0,.45),0 0 0 4px rgba(255,255,255,.12) !important;transition:box-shadow .25s,transform .25s}
body.shm-page #secoHome.shm .sh-hero-main .sh-search:focus-within{transform:translateY(-1px);box-shadow:0 14px 34px -8px rgba(0,0,0,.5),0 0 0 4px rgba(242,182,0,.55) !important}
body.shm-page #secoHome.shm .sh-hero-main .sh-go{background:linear-gradient(135deg,#FFD54A,#F2B600) !important;color:#1E1A06 !important;font-weight:900 !important;border-radius:12px !important;transition:transform .15s,filter .15s}
body.shm-page #secoHome.shm .sh-hero-main .sh-go:hover{filter:brightness(1.06);transform:scale(1.03)}
body.shm-page #secoHome.shm .sh-hero-main .sh-hint,
body.shm-page #secoHome.shm .sh-hero-main .sh-hint-k{color:rgba(255,255,255,.75) !important}
body.shm-page #secoHome.shm .sh-hero-main .sh-chip{background:rgba(255,255,255,.1) !important;color:#fff !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:999px !important;transition:background .2s,transform .2s,border-color .2s}
body.shm-page #secoHome.shm .sh-hero-main .sh-chip:hover{background:rgba(242,182,0,.22) !important;border-color:rgba(242,182,0,.7) !important;transform:translateY(-2px)}
body.shm-page #secoHome.shm .sh-hero-main .sh-res{color:var(--shm-ink)}

/* 右：最近使ったツール */
body.shm-page #secoHome.shm .sh-resume{border-radius:var(--shm-r) !important;border:1px solid var(--shm-line) !important;box-shadow:var(--shm-sh) !important;background:#fff !important}
body.shm-page #secoHome.shm #shApps > a,
body.shm-page #secoHome.shm #shApps > *{transition:transform .2s cubic-bezier(.2,.8,.3,1.4)}
body.shm-page #secoHome.shm #shApps > a:hover{transform:translateY(-4px) scale(1.04)}
body.shm-page #secoHome.shm #shApps .sh-ic{box-shadow:0 6px 14px -6px rgba(0,0,0,.35);border-radius:14px !important}

/* ---------- スクロール演出 ---------- */
html.shm-anim body.shm-page #secoHome.shm .shm-rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
html.shm-anim body.shm-page #secoHome.shm .shm-rv.is-in{opacity:1;transform:none}
html.shm-anim body.shm-page #secoHome.shm .shm-rv .shm-st{opacity:0;transform:translateY(18px) scale(.98);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 55ms)}
html.shm-anim body.shm-page #secoHome.shm .shm-rv.is-in .shm-st{opacity:1;transform:none}

/* ---------- 場面から探す（ベント） ---------- */
body.shm-page #secoHome.shm .sh-board{display:none !important}
body.shm-page #secoHome.shm .shm-board{margin:28px 0}
body.shm-page #secoHome.shm .shm-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
body.shm-page #secoHome.shm .shm-card{position:relative;display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;min-height:168px;padding:18px 18px 16px !important;
  background:#fff !important;border:1px solid var(--shm-line) !important;border-radius:var(--shm-r) !important;box-shadow:var(--shm-sh);cursor:pointer;overflow:hidden;isolation:isolate;color:var(--shm-ink) !important;
  transition:transform .3s cubic-bezier(.2,.8,.3,1.2),box-shadow .3s,border-color .3s;font:inherit}
body.shm-page #secoHome.shm .shm-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 16%,transparent),transparent 70%)}
body.shm-page #secoHome.shm .shm-card::after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 40%,#fff));transform:scaleX(.18);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
body.shm-page #secoHome.shm .shm-card:hover,body.shm-page #secoHome.shm .shm-card:focus-visible{transform:translateY(-5px);border-color:color-mix(in srgb,var(--c) 45%,#fff) !important;box-shadow:0 18px 36px -16px color-mix(in srgb,var(--c) 55%,transparent),var(--shm-sh)}
body.shm-page #secoHome.shm .shm-card:hover::before{opacity:1}
body.shm-page #secoHome.shm .shm-card:hover::after{transform:scaleX(1)}
body.shm-page #secoHome.shm .shm-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
body.shm-page #secoHome.shm .shm-gi{display:inline-grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:14px;
  background:linear-gradient(140deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c) 55%,color-mix(in srgb,var(--c) 70%,#000));box-shadow:0 8px 16px -8px var(--c),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s cubic-bezier(.2,.8,.3,1.5)}
body.shm-page #secoHome.shm .shm-gi svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.shm-page #secoHome.shm .shm-card:hover .shm-gi{transform:rotate(-8deg) scale(1.08)}
body.shm-page #secoHome.shm .shm-num{font-size:30px;font-weight:900;line-height:1;color:var(--c);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
body.shm-page #secoHome.shm .shm-num small{font-size:12px;font-weight:800;margin-left:2px;color:var(--shm-mut)}
body.shm-page #secoHome.shm .shm-card-t{font-size:16.5px;font-weight:900;line-height:1.35}
body.shm-page #secoHome.shm .shm-card-d{font-size:12.5px;color:var(--shm-mut);line-height:1.6}
body.shm-page #secoHome.shm .shm-card-ex{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px}
body.shm-page #secoHome.shm .shm-card-ex > *{font-size:11.5px;font-weight:700;color:color-mix(in srgb,var(--c) 75%,#000);background:color-mix(in srgb,var(--c) 9%,#fff);border-radius:8px;padding:4px 8px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
body.shm-page #secoHome.shm .shm-card-go{position:absolute;right:16px;bottom:14px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s}
body.shm-page #secoHome.shm .shm-card:hover .shm-card-go{opacity:1;transform:none}
body.shm-page #secoHome.shm .shm-card-go svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* 1枚目は大きく */
body.shm-page #secoHome.shm .shm-card.is-hero{grid-column:span 2;grid-row:span 2;padding:24px !important;
  background:linear-gradient(160deg,#fff 0%,#fff 45%,color-mix(in srgb,var(--c) 10%,#fff) 100%) !important}
body.shm-page #secoHome.shm .shm-card.is-hero .shm-gi{width:58px;height:58px;flex-basis:58px;border-radius:18px}
body.shm-page #secoHome.shm .shm-card.is-hero .shm-gi svg{width:30px;height:30px}
body.shm-page #secoHome.shm .shm-card.is-hero .shm-num{font-size:46px}
body.shm-page #secoHome.shm .shm-card.is-hero .shm-card-t{font-size:22px}
body.shm-page #secoHome.shm .shm-card.is-hero .shm-card-d{font-size:14px}
body.shm-page #secoHome.shm .shm-card.is-hero .shm-card-ex{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.shm-page #secoHome.shm .shm-card.is-hero .shm-card-ex > *{font-size:13px;padding:9px 11px;border-radius:10px;background:#fff;border:1px solid color-mix(in srgb,var(--c) 22%,#fff)}

body.shm-page #secoHome.shm .shm-bigic{position:absolute;right:-30px;top:40px;z-index:-1;opacity:.07;pointer-events:none;animation:shmSpin 40s linear infinite}
body.shm-page #secoHome.shm .shm-bigic svg{width:260px;height:260px;stroke:var(--c);fill:none;stroke-width:1.4}
@keyframes shmSpin{to{transform:rotate(360deg)}}
body.shm-page #secoHome.shm .shm-card-lbl{margin-top:auto;font-size:11.5px;font-weight:800;letter-spacing:.08em;color:var(--shm-mut)}
body.shm-page #secoHome.shm .shm-card.is-hero .shm-card-ex{margin-top:0}
@media (max-width:760px){body.shm-page #secoHome.shm .shm-bigic{display:none}}

/* ---------- 新着・お知らせ（既存の箱を整える） ---------- */
body.shm-page #secoHome.shm .sh-two{gap:16px !important}
body.shm-page #secoHome.shm .sh-two > .sh-sec{border-radius:var(--shm-r) !important;border:1px solid var(--shm-line) !important;box-shadow:var(--shm-sh) !important;background:#fff !important}
body.shm-page #secoHome.shm .sh-two .sh-h2{font-size:18px !important;font-weight:900 !important}
body.shm-page #secoHome.shm .sh-two .sh-list a{border-radius:14px;transition:background .2s,transform .2s}
body.shm-page #secoHome.shm .sh-two .sh-list a:hover{background:var(--shm-bg);transform:translateX(4px)}
body.shm-page #secoHome.shm .sh-two .sh-list .sh-ic{border-radius:12px !important;box-shadow:0 6px 12px -6px rgba(0,0,0,.35)}
body.shm-page #secoHome.shm .sh-two .sh-list li:first-child .sh-li-n::after,
body.shm-page #secoHome.shm .sh-two .sh-list > a:first-child .sh-li-n::after{content:"NEW";display:inline-block;margin-left:8px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#fff;background:#E4572E;border-radius:6px;padding:2px 6px;vertical-align:2px;animation:shmPulse 1.8s ease-in-out infinite}
@keyframes shmPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
body.shm-page #secoHome.shm .sh-news li a{position:relative;transition:background .2s}
body.shm-page #secoHome.shm .sh-news li a:hover{background:var(--shm-bg)}

/* ---------- すべてのツール ---------- */
body.shm-page #secoHome.shm .sh-allsec{display:none !important}
body.shm-page #secoHome.shm .shm-all{margin:32px 0;padding:24px;background:#fff;border:1px solid var(--shm-line);border-radius:var(--shm-r);box-shadow:var(--shm-sh)}
body.shm-page #secoHome.shm .shm-bar{position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:12px;padding:12px 0 14px;margin:0 0 6px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}
body.shm-page #secoHome.shm .shm-q{position:relative;display:flex;align-items:center}
body.shm-page #secoHome.shm .shm-q svg{position:absolute;left:14px;width:18px;height:18px;stroke:var(--shm-mut);fill:none;stroke-width:2.2;stroke-linecap:round}
body.shm-page #secoHome.shm .shm-q input{width:100%;height:46px;border-radius:14px !important;border:1.5px solid var(--shm-line) !important;background:var(--shm-bg) !important;padding:0 14px 0 42px !important;font-size:16px !important;color:var(--shm-ink);transition:border-color .2s,background .2s,box-shadow .2s;box-shadow:none !important;margin:0 !important}
body.shm-page #secoHome.shm .shm-q input:focus{outline:none;border-color:var(--shm-teal) !important;background:#fff !important;box-shadow:0 0 0 4px rgba(15,110,104,.14) !important}
body.shm-page #secoHome.shm .shm-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0;-webkit-overflow-scrolling:touch}
body.shm-page #secoHome.shm .shm-chips::-webkit-scrollbar{display:none}
body.shm-page #secoHome.shm .shm-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px !important;border-radius:999px !important;border:1.5px solid var(--shm-line) !important;background:#fff !important;color:var(--shm-ink) !important;font:inherit;font-size:13px !important;font-weight:800 !important;cursor:pointer;white-space:nowrap;transition:all .2s}
body.shm-page #secoHome.shm .shm-chip i{width:9px;height:9px;border-radius:50%;background:var(--c,#999)}
body.shm-page #secoHome.shm .shm-chip em{font-style:normal;font-size:11px;color:var(--shm-mut);font-weight:700}
body.shm-page #secoHome.shm .shm-chip:hover{border-color:var(--c,var(--shm-teal)) !important;transform:translateY(-1px)}
body.shm-page #secoHome.shm .shm-chip.is-on{background:var(--c,var(--shm-g)) !important;border-color:var(--c,var(--shm-g)) !important;color:#fff !important;box-shadow:0 6px 14px -8px var(--c,var(--shm-g))}
body.shm-page #secoHome.shm .shm-chip.is-on i{background:#fff}
body.shm-page #secoHome.shm .shm-chip.is-on em{color:rgba(255,255,255,.85)}
body.shm-page #secoHome.shm .shm-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
body.shm-page #secoHome.shm .shm-tile{position:relative;display:flex;align-items:center;gap:12px;min-height:74px;padding:12px 14px !important;border-radius:16px;border:1px solid var(--shm-line);background:#fff;color:var(--shm-ink) !important;transition:transform .25s cubic-bezier(.2,.8,.3,1.3),box-shadow .25s,border-color .25s;animation:shmIn .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 22ms)}
@keyframes shmIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
body.shm-page #secoHome.shm .shm-tile:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 45%,#fff);box-shadow:0 12px 24px -14px color-mix(in srgb,var(--c) 70%,transparent)}
body.shm-page #secoHome.shm .shm-mono{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:14px;letter-spacing:-.02em;background:linear-gradient(140deg,color-mix(in srgb,var(--c) 80%,#fff),var(--c) 60%,color-mix(in srgb,var(--c) 75%,#000));box-shadow:0 6px 12px -6px var(--c);transition:transform .3s cubic-bezier(.2,.8,.3,1.6)}
body.shm-page #secoHome.shm .shm-mono.is-s{font-size:11px}
body.shm-page #secoHome.shm .shm-tile:hover .shm-mono{transform:rotate(-6deg) scale(1.08)}
body.shm-page #secoHome.shm .shm-tb{min-width:0;display:flex;flex-direction:column;gap:3px}
body.shm-page #secoHome.shm .shm-tn{font-size:13.5px;font-weight:800;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.shm-page #secoHome.shm .shm-td{font-size:11.5px;color:var(--shm-mut);line-height:1.45;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
body.shm-page #secoHome.shm .shm-new{position:absolute;top:-7px;right:10px;font-size:9.5px;font-weight:900;letter-spacing:.08em;color:#fff;background:#E4572E;border-radius:6px;padding:2px 6px}
body.shm-page #secoHome.shm .shm-empty{grid-column:1/-1;text-align:center;color:var(--shm-mut);padding:26px 0;font-size:14px;line-height:2.4}
body.shm-page #secoHome.shm .shm-more{display:flex;justify-content:center;margin-top:18px}
body.shm-page #secoHome.shm .shm-more button,body.shm-page #secoHome.shm .shm-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 24px !important;border-radius:999px !important;border:0 !important;background:var(--shm-g) !important;color:#fff !important;font:inherit;font-weight:900 !important;font-size:14px !important;cursor:pointer;box-shadow:0 10px 20px -10px rgba(13,74,58,.8);transition:transform .2s,background .2s}
body.shm-page #secoHome.shm .shm-more button:hover{transform:translateY(-2px);background:var(--shm-teal) !important}
body.shm-page #secoHome.shm .shm-cnt{font-variant-numeric:tabular-nums;color:var(--shm-teal)}

/* ---------- 参考書籍（横スクロール） ---------- */
body.shm-page #secoHome.shm #tpp{border-radius:var(--shm-r) !important;box-shadow:var(--shm-sh) !important}
body.shm-page #secoHome.shm #tpp .tpp-books{display:flex !important;flex-wrap:nowrap !important;gap:12px !important;overflow-x:auto !important;scroll-snap-type:x mandatory;padding:4px 2px 12px !important;scrollbar-width:thin;grid-template-columns:none !important}
body.shm-page #secoHome.shm #tpp .tpp-book{flex:0 0 300px !important;max-width:300px !important;scroll-snap-align:start;transition:transform .25s}
body.shm-page #secoHome.shm #tpp .tpp-book:hover{transform:translateY(-3px)}
body.shm-page #secoHome.shm .shm-tpp-nav{display:flex;gap:6px;margin-left:auto}
body.shm-page #secoHome.shm .shm-tpp-nav button{width:34px;height:34px;border-radius:50%;border:1px solid var(--shm-line) !important;background:#fff !important;cursor:pointer;display:grid;place-items:center;padding:0 !important;color:var(--shm-ink) !important;transition:background .2s}
body.shm-page #secoHome.shm .shm-tpp-nav button:hover{background:var(--shm-bg) !important}
body.shm-page #secoHome.shm .shm-tpp-nav svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 下のリンク ---------- */
body.shm-page #secoHome.shm .sh-foot a{position:relative;border-radius:18px !important;border:1px solid var(--shm-line) !important;background:#fff !important;box-shadow:var(--shm-sh);overflow:hidden;transition:transform .25s,box-shadow .25s}
body.shm-page #secoHome.shm .sh-foot a::after{content:"→";position:absolute;right:16px;top:50%;transform:translate(-6px,-50%);opacity:0;transition:all .25s;color:var(--shm-teal);font-weight:900}
body.shm-page #secoHome.shm .sh-foot a:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px rgba(13,74,58,.45)}
body.shm-page #secoHome.shm .sh-foot a:hover::after{opacity:1;transform:translate(0,-50%)}

/* ---------- 場面のシート（モーダル） ---------- */
html.shm-lock,html.shm-lock body{overflow:hidden !important}
.shm-sheet{position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;padding:24px;font-family:inherit}
.shm-sheet[hidden]{display:none !important}
.shm-sheet-bg{position:absolute;inset:0;background:rgba(6,30,24,.52);backdrop-filter:blur(4px);animation:shmFade .25s ease both}
@keyframes shmFade{from{opacity:0}to{opacity:1}}
.shm-sheet-in{position:relative;width:min(760px,100%);max-height:min(86vh,900px);display:flex;flex-direction:column;background:#fff;border-radius:24px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);overflow:hidden;animation:shmPop .35s cubic-bezier(.2,.8,.3,1.2) both;color:#13201B}
@keyframes shmPop{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
.shm-sheet-hd{position:relative;display:flex;align-items:center;gap:14px;padding:20px 22px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 85%,#fff),var(--c) 50%,color-mix(in srgb,var(--c) 70%,#000));overflow:hidden}
.shm-sheet-hd::after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.14)}
.shm-sheet-hd .shm-gi2{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.18);flex:0 0 48px}
.shm-sheet-hd .shm-gi2 svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.shm-sheet-hd b{display:block;font-size:20px;font-weight:900;line-height:1.3}
.shm-sheet-hd span{display:block;font-size:13px;opacity:.88;margin-top:2px}
.shm-sheet-x{position:relative;z-index:1;margin-left:auto;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.shm-sheet-x:hover{background:rgba(255,255,255,.32);transform:rotate(90deg)}
.shm-sheet-q{padding:14px 22px 10px;border-bottom:1px solid #E1E8E4}
.shm-sheet-q input{width:100%;height:44px;border-radius:12px;border:1.5px solid #E1E8E4;background:#F4F7F5;padding:0 14px;font-size:16px;font-family:inherit;color:#13201B;box-sizing:border-box}
.shm-sheet-q input:focus{outline:none;border-color:var(--c);background:#fff}
.shm-sheet-list{overflow-y:auto;padding:10px 14px 18px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.shm-sheet-list a.sh-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:14px;color:#13201B;text-decoration:none;transition:background .2s,transform .2s;animation:shmIn .4s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 25ms)}
.shm-sheet-list a.sh-row:hover{background:color-mix(in srgb,var(--c) 8%,#fff);transform:translateX(4px)}
.shm-sheet-list .shm-mono2{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:13px;background:var(--c)}
.shm-sheet-list .shm-mono2.is-s{font-size:10.5px}
.shm-sheet-list .shm-rb{min-width:0;flex:1}
.shm-sheet-list .shm-rn{display:block;font-size:14.5px;font-weight:800;line-height:1.4}
.shm-sheet-list .shm-rd{display:block;font-size:12.5px;color:#5B6A64;line-height:1.5;margin-top:2px}
.shm-sheet-list .shm-ra{flex:0 0 auto;font-size:12px;font-weight:900;color:var(--c);opacity:.0;transition:opacity .2s}
.shm-sheet-list a.sh-row:hover .shm-ra{opacity:1}

/* ---------- タブレット ---------- */
@media (max-width:1100px){
  body.shm-page #secoHome.shm .shm-bento{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.shm-page #secoHome.shm .shm-card.is-hero{grid-column:span 3;grid-row:auto}
  body.shm-page #secoHome.shm .shm-card.is-hero .shm-card-ex{grid-template-columns:repeat(3,1fr)}
  body.shm-page #secoHome.shm .shm-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ---------- スマホ ---------- */
@media (max-width:760px){
  body.shm-page #secoHome.shm .sh-hero-main{padding:20px 18px 18px !important;border-radius:18px !important}
  body.shm-page #secoHome.shm .sh-hero-main .sh-flow{display:none !important}
  body.shm-page #secoHome.shm .sh-hero-main .sh-h1{font-size:25px !important;margin-top:10px !important}
  body.shm-page #secoHome.shm .sh-hero-main .sh-brand{font-size:11px}
  body.shm-page #secoHome.shm .shm-stats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:10px -18px 14px;padding:0 18px}
  body.shm-page #secoHome.shm .shm-stats::-webkit-scrollbar{display:none}
  body.shm-page #secoHome.shm .shm-stats li{flex:0 0 auto;font-size:11.5px;padding:6px 10px}
  body.shm-page #secoHome.shm .shm-stats li b{font-size:15px}
  body.shm-page #secoHome.shm .shm-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.shm-page #secoHome.shm .shm-card{min-height:0;padding:14px !important;gap:8px;border-radius:18px !important}
  body.shm-page #secoHome.shm .shm-card.is-hero{grid-column:span 2;padding:18px !important}
  body.shm-page #secoHome.shm .shm-card.is-hero .shm-card-ex{grid-template-columns:1fr 1fr}
  body.shm-page #secoHome.shm .shm-card.is-hero .shm-card-ex > *:nth-child(n+5){display:none}
  body.shm-page #secoHome.shm .shm-card.is-hero .shm-num{font-size:34px}
  body.shm-page #secoHome.shm .shm-card.is-hero .shm-card-t{font-size:18px}
  body.shm-page #secoHome.shm .shm-gi{width:38px;height:38px;flex-basis:38px;border-radius:12px}
  body.shm-page #secoHome.shm .shm-gi svg{width:20px;height:20px}
  body.shm-page #secoHome.shm .shm-num{font-size:22px}
  body.shm-page #secoHome.shm .shm-card-t{font-size:14px}
  body.shm-page #secoHome.shm .shm-card:not(.is-hero) .shm-card-d,
  body.shm-page #secoHome.shm .shm-card:not(.is-hero) .shm-card-ex{display:none}
  body.shm-page #secoHome.shm .shm-card-go{display:none}
  body.shm-page #secoHome.shm .shm-all{padding:16px 14px;border-radius:18px;margin:24px 0}
  body.shm-page #secoHome.shm .shm-bar{top:0}
  body.shm-page #secoHome.shm .shm-tiles{grid-template-columns:1fr 1fr;gap:8px}
  body.shm-page #secoHome.shm .shm-tile{flex-direction:column;align-items:flex-start;gap:8px;min-height:0;padding:12px !important}
  body.shm-page #secoHome.shm .shm-mono{width:38px;height:38px;flex-basis:auto;font-size:13px;border-radius:12px}
  body.shm-page #secoHome.shm .shm-tn{font-size:13px}
  body.shm-page #secoHome.shm .shm-td{-webkit-line-clamp:2}
  body.shm-page #secoHome.shm #tpp .tpp-book{flex-basis:260px !important;max-width:260px !important}
  .shm-sheet{padding:0;align-items:flex-end}
  .shm-sheet-in{width:100%;max-height:88vh;border-radius:22px 22px 0 0;animation:shmUp .35s cubic-bezier(.2,.8,.3,1) both}
  @keyframes shmUp{from{transform:translateY(100%)}to{transform:none}}
  .shm-sheet-hd{padding:16px 16px}
  .shm-sheet-hd b{font-size:17px}
  .shm-sheet-q{padding:12px 16px 8px}
  .shm-sheet-list{padding:6px 8px 24px}
}

@media (prefers-reduced-motion:reduce){
  body.shm-page #secoHome.shm *,body.shm-page #secoHome.shm *::before,body.shm-page #secoHome.shm *::after,.shm-sheet *{animation:none !important;transition:none !important}
  html.shm-anim body.shm-page #secoHome.shm .shm-rv,html.shm-anim body.shm-page #secoHome.shm .shm-rv .shm-st{opacity:1 !important;transform:none !important}
}

/* ===== 1.1：使いやすさ ===== */
body.shm-page #secoHome.shm a.shm-ex{text-decoration:none !important;transition:background .2s,color .2s,transform .2s;position:relative;z-index:1}
body.shm-page #secoHome.shm a.shm-ex:hover{background:var(--c) !important;color:#fff !important;transform:translateY(-1px)}
body.shm-page #secoHome.shm .shm-card:focus-visible{outline:3px solid var(--c);outline-offset:3px}
body.shm-page #secoHome.shm .shm-card-more{font-size:12px;font-weight:900;color:var(--c);display:inline-flex;align-items:center;gap:4px}
body.shm-page #secoHome.shm .shm-card-more::after{content:"→";transition:transform .25s}
body.shm-page #secoHome.shm .shm-card:hover .shm-card-more::after{transform:translateX(4px)}
body.shm-page #secoHome.shm .shm-card-go{display:none}
body.shm-page #secoHome.shm .shm-li{position:relative;list-style:none !important;margin:0 !important;padding:0 !important}
body.shm-page #secoHome.shm .shm-li::before{display:none !important}
body.shm-page #secoHome.shm .shm-li .shm-tile{height:100%;padding-right:38px !important}
body.shm-page #secoHome.shm .shm-star{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0 !important;background:transparent !important;border-radius:50% !important;color:#B8C2BE !important;font-size:18px !important;line-height:1 !important;cursor:pointer;padding:0 !important;transition:color .2s,background .2s}
body.shm-page #secoHome.shm .shm-star:hover{background:#FFF6D6 !important;color:#D99A00 !important}
body.shm-page #secoHome.shm .shm-star.is-on{color:#F2B600 !important}
body.shm-page #secoHome.shm .shm-star.is-pop{animation:shmStar .45s cubic-bezier(.2,.8,.3,1.6)}
@keyframes shmStar{0%{transform:translateY(-50%) scale(1)}40%{transform:translateY(-50%) scale(1.5) rotate(-12deg)}100%{transform:translateY(-50%) scale(1)}}
body.shm-page #secoHome.shm .shm-new.is-rec{background:#0F6E68}
body.shm-page #secoHome.shm .shm-tn mark{background:#FFE58A;color:inherit;border-radius:3px;padding:0 1px}
.shm-toast{position:fixed;left:50%;bottom:28px;z-index:99995;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#13201B;color:#fff;font-size:13.5px;font-weight:700;padding:11px 18px;border-radius:999px;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);transition:opacity .25s,transform .25s}
.shm-toast.is-on{opacity:1;transform:translate(-50%,0)}
.shm-qnav{position:fixed;top:12px;left:50%;z-index:9990;display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #E1E8E4;box-shadow:0 10px 30px -12px rgba(6,40,30,.35);transform:translate(-50%,-80px);opacity:0;transition:transform .35s cubic-bezier(.2,.8,.3,1.2),opacity .25s;font-family:inherit}
.shm-qnav.is-on{transform:translate(-50%,0);opacity:1}
.shm-qnav a,.shm-qnav button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:999px;border:0;background:transparent;color:#13201B;font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.shm-qnav a:hover,.shm-qnav button:hover{background:#EEF4F1}
.shm-qnav a.is-cur{background:#0D4A3A;color:#fff}
.shm-qnav .shm-qn-s{background:#F2B600;color:#1E1A06}
.shm-qnav .shm-qn-s:hover{background:#FFD54A}
.shm-qnav svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
html.shm-lock .shm-qnav{opacity:0;pointer-events:none}
@media (max-width:1000px){.shm-qnav{display:none}}
@media (max-width:760px){
  body.shm-page #secoHome.shm .shm-li .shm-tile{padding-right:12px !important}
  body.shm-page #secoHome.shm .shm-star{top:8px;right:4px;transform:none}
  body.shm-page #secoHome.shm .shm-star.is-pop{animation:none}
  body.shm-page #secoHome.shm .shm-card-more{display:none}
  .shm-toast{bottom:90px}
  body.shm-page #secoHome.shm .shm-new{right:auto;left:10px}
}

/* ===== 1.2：質問ガイド＆リクエスト ===== */
body.shm-page #secoHome.shm .shm-hero-quiz{display:inline-flex;align-items:center;gap:10px;margin-top:14px;height:46px;padding:0 8px 0 18px !important;border:0 !important;border-radius:999px !important;cursor:pointer;font:inherit;font-size:14.5px !important;font-weight:900 !important;color:#1E1A06 !important;background:linear-gradient(135deg,#FFE27A,#F2B600) !important;box-shadow:0 10px 24px -10px rgba(242,182,0,.9);transition:transform .2s,box-shadow .2s;animation:shmNudge 3.6s ease-in-out 2.2s infinite}
body.shm-page #secoHome.shm .shm-hero-quiz b{font-size:11.5px;font-weight:900;background:#1E1A06;color:#FFD54A;border-radius:999px;padding:6px 10px}
body.shm-page #secoHome.shm .shm-hero-quiz:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 14px 30px -10px rgba(242,182,0,1)}
@keyframes shmNudge{0%,86%,100%{transform:none}90%{transform:translateX(4px)}94%{transform:translateX(-3px)}}

body.shm-page #secoHome.shm .shm-quiz{margin:26px 0}
body.shm-page #secoHome.shm .shm-qz{position:relative;background:#fff;border:1px solid var(--shm-line);border-radius:var(--shm-r);box-shadow:var(--shm-sh);padding:18px 22px 22px;overflow:hidden}
body.shm-page #secoHome.shm .shm-qz::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#F2B600,#16A39A,#0D4A3A)}
body.shm-page #secoHome.shm .shm-qz-top{display:flex;align-items:center;gap:12px;min-height:36px;margin-bottom:6px}
body.shm-page #secoHome.shm .shm-qz-dots{display:flex;gap:6px;margin:0 auto !important;padding:0 !important;list-style:none}
body.shm-page #secoHome.shm .shm-qz-dots li{width:34px;height:6px;border-radius:6px;background:#E1E8E4;margin:0 !important;padding:0 !important;transition:background .3s,width .3s}
body.shm-page #secoHome.shm .shm-qz-dots li::before{display:none !important}
body.shm-page #secoHome.shm .shm-qz-dots li.is-done{background:#16A39A}
body.shm-page #secoHome.shm .shm-qz-dots li.is-cur{background:#F2B600;width:52px}
body.shm-page #secoHome.shm .shm-qz-back,body.shm-page #secoHome.shm .shm-qz-reset{border:0 !important;background:#F4F7F5 !important;color:var(--shm-ink) !important;font:inherit;font-size:13px !important;font-weight:800 !important;border-radius:999px !important;padding:8px 14px !important;cursor:pointer}
body.shm-page #secoHome.shm .shm-qz-back:hover,body.shm-page #secoHome.shm .shm-qz-reset:hover{background:#E6EEEA !important}
body.shm-page #secoHome.shm .shm-qz-reset{position:absolute;right:22px;top:18px}
body.shm-page #secoHome.shm .shm-qz-back{position:absolute;left:22px;top:18px}
body.shm-page #secoHome.shm .shm-qz-body.is-in{animation:shmQin .4s cubic-bezier(.2,.7,.2,1) both}
body.shm-page #secoHome.shm .shm-qz-body.is-in.is-back{animation-name:shmQback}
@keyframes shmQin{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes shmQback{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
body.shm-page #secoHome.shm .shm-qz-q{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,21px);font-weight:900;color:var(--shm-ink);margin:12px 0 16px !important;line-height:1.4}
body.shm-page #secoHome.shm .shm-qz-q b{flex:0 0 auto;display:inline-grid;place-items:center;min-width:40px;height:32px;padding:0 8px;border-radius:10px;background:#0D4A3A;color:#FFD54A;font-size:14px;letter-spacing:.04em}
body.shm-page #secoHome.shm .shm-qz-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.shm-page #secoHome.shm .shm-qz-grid.is-2{grid-template-columns:repeat(3,minmax(0,1fr))}
body.shm-page #secoHome.shm .shm-qz-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:14px !important;border-radius:16px !important;border:1.5px solid var(--shm-line) !important;background:#fff !important;color:var(--shm-ink) !important;font:inherit;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.3,1.3),border-color .2s,box-shadow .2s,background .2s}
body.shm-page #secoHome.shm .shm-qz-opt:hover,body.shm-page #secoHome.shm .shm-qz-opt:focus-visible{transform:translateY(-3px);border-color:var(--c) !important;background:color-mix(in srgb,var(--c) 6%,#fff) !important;box-shadow:0 12px 24px -14px var(--c);outline:none}
body.shm-page #secoHome.shm .shm-qz-ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,color-mix(in srgb,var(--c) 80%,#fff),var(--c));box-shadow:0 6px 12px -6px var(--c);flex:0 0 auto}
body.shm-page #secoHome.shm .shm-qz-ic svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.shm-page #secoHome.shm .shm-qz-ot{font-size:14.5px;font-weight:900;line-height:1.35}
body.shm-page #secoHome.shm .shm-qz-od{font-size:11.5px;color:var(--shm-mut);line-height:1.5}
body.shm-page #secoHome.shm .shm-qz-opt.is-none{border-style:dashed !important;background:#FAFBFA !important}
body.shm-page #secoHome.shm .shm-qz-opt.is-f{flex-direction:row;align-items:center;justify-content:space-between;min-height:64px;border-left:5px solid var(--c) !important}
body.shm-page #secoHome.shm .shm-qz-n{font-size:12px;font-weight:900;color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff);border-radius:999px;padding:4px 10px}
body.shm-page #secoHome.shm .shm-qz-link{display:inline-flex;margin-top:14px;border:0 !important;background:none !important;padding:6px 2px !important;color:var(--shm-teal) !important;font:inherit;font-size:13.5px !important;font-weight:800 !important;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body.shm-page #secoHome.shm .shm-qz-link.is-req{color:#B26A00 !important}
body.shm-page #secoHome.shm .shm-qz-find{display:block;margin:0 0 10px}
body.shm-page #secoHome.shm .shm-qz-find input{width:100%;height:42px;border-radius:12px !important;border:1.5px solid var(--shm-line) !important;background:#F4F7F5 !important;padding:0 14px !important;font-size:16px !important;margin:0 !important;box-shadow:none !important}
body.shm-page #secoHome.shm .shm-qz-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:460px;overflow-y:auto;padding:2px 4px 2px 0;overscroll-behavior:contain}
body.shm-page #secoHome.shm .shm-qz-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px 14px !important;border-radius:14px !important;border:1.5px solid var(--shm-line) !important;background:#fff !important;color:var(--shm-ink) !important;font:inherit;cursor:pointer;transition:border-color .2s,background .2s,transform .2s;animation:shmIn .35s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 18ms)}
body.shm-page #secoHome.shm .shm-qz-row[hidden]{display:none !important}
body.shm-page #secoHome.shm .shm-qz-row:hover{border-color:var(--c) !important;background:color-mix(in srgb,var(--c) 6%,#fff) !important;transform:translateX(3px)}
body.shm-page #secoHome.shm .shm-qz-rs{font-size:14px;font-weight:800;line-height:1.5}
body.shm-page #secoHome.shm .shm-qz-rs::before{content:"「";color:var(--c)}
body.shm-page #secoHome.shm .shm-qz-rs::after{content:"」";color:var(--c)}
body.shm-page #secoHome.shm .shm-qz-rn{font-size:11.5px;color:var(--shm-mut);font-weight:700}
body.shm-page #secoHome.shm .shm-qz-rn::before{content:"→ "}
body.shm-page #secoHome.shm .shm-qz-res{border-radius:18px;padding:20px;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 10%,#fff),#fff 60%);border:1.5px solid color-mix(in srgb,var(--c) 35%,#fff)}
body.shm-page #secoHome.shm .shm-qz-rhead{display:flex;gap:14px;align-items:flex-start}
body.shm-page #secoHome.shm .shm-qz-rhead .shm-qz-ic{width:52px;height:52px;border-radius:16px}
body.shm-page #secoHome.shm .shm-qz-rhead .shm-qz-ic svg{width:28px;height:28px}
body.shm-page #secoHome.shm .shm-qz-rtag{display:block;font-size:12px;font-weight:800;color:var(--c)}
body.shm-page #secoHome.shm .shm-qz-rname{display:block;font-size:clamp(19px,2vw,24px);font-weight:900;line-height:1.35;margin:2px 0 4px}
body.shm-page #secoHome.shm .shm-qz-rdesc{display:block;font-size:13.5px;color:var(--shm-mut);line-height:1.6}
body.shm-page #secoHome.shm .shm-qz-rs2{font-size:13px;margin:12px 0 0 !important;padding:10px 12px !important;background:#fff;border-radius:10px;border:1px dashed color-mix(in srgb,var(--c) 40%,#fff)}
body.shm-page #secoHome.shm .shm-qz-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
body.shm-page #secoHome.shm .shm-qz-go{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 26px !important;border-radius:999px !important;border:0 !important;background:#0D4A3A !important;color:#fff !important;font:inherit;font-size:15px !important;font-weight:900 !important;text-decoration:none !important;box-shadow:0 12px 24px -12px rgba(13,74,58,.9);cursor:pointer;transition:transform .2s,background .2s}
body.shm-page #secoHome.shm .shm-qz-go span{transition:transform .2s}
body.shm-page #secoHome.shm .shm-qz-go:hover{background:#0F6E68 !important;transform:translateY(-2px)}
body.shm-page #secoHome.shm .shm-qz-go:hover span{transform:translateX(4px)}
body.shm-page #secoHome.shm .shm-qz-demo{display:inline-flex;align-items:center;height:50px;padding:0 20px !important;border-radius:999px !important;border:1.5px solid var(--shm-line) !important;background:#fff !important;color:var(--shm-ink) !important;font:inherit;font-size:14px !important;font-weight:800 !important;text-decoration:none !important;cursor:pointer}
body.shm-page #secoHome.shm .shm-qz-demo:hover{background:#F4F7F5 !important}
body.shm-page #secoHome.shm .shm-qz-sub{font-size:12.5px;font-weight:900;color:var(--shm-mut);margin:18px 0 8px !important;letter-spacing:.06em}
body.shm-page #secoHome.shm .shm-qz-others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body.shm-page #secoHome.shm .shm-qz-others a{display:flex;flex-direction:column;gap:3px;padding:12px !important;border-radius:14px;border:1px solid var(--shm-line);background:#fff;color:var(--shm-ink) !important;text-decoration:none !important;transition:border-color .2s,transform .2s}
body.shm-page #secoHome.shm .shm-qz-others a:hover{border-color:var(--shm-teal);transform:translateY(-2px)}
body.shm-page #secoHome.shm .shm-qz-others b{font-size:13.5px}
body.shm-page #secoHome.shm .shm-qz-others span{font-size:11.5px;color:var(--shm-mut);line-height:1.5}

body.shm-page #secoHome.shm .shm-rq-lead{font-size:13.5px;color:var(--shm-mut);margin:-6px 0 16px !important;line-height:1.7}
body.shm-page #secoHome.shm .shm-rq-lead b{color:var(--shm-ink)}
body.shm-page #secoHome.shm .shm-rq-f{margin:0 0 16px}
body.shm-page #secoHome.shm .shm-rq-l{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;font-weight:900;color:var(--shm-ink);margin:0 0 8px}
body.shm-page #secoHome.shm .shm-rq-l em{font-style:normal;font-size:11px;font-weight:900;color:#fff;background:#D32B22;border-radius:6px;padding:2px 7px}
body.shm-page #secoHome.shm .shm-rq-l small{font-size:11.5px;font-weight:700;color:var(--shm-mut)}
body.shm-page #secoHome.shm .shm-rq textarea,body.shm-page #secoHome.shm .shm-rq input[type=email]{width:100%;box-sizing:border-box;border-radius:12px !important;border:1.5px solid var(--shm-line) !important;background:#F8FAF9 !important;padding:12px 14px !important;font:inherit;font-size:16px !important;line-height:1.7;color:var(--shm-ink);margin:0 !important;box-shadow:none !important;transition:border-color .2s,background .2s,box-shadow .2s}
body.shm-page #secoHome.shm .shm-rq textarea:focus,body.shm-page #secoHome.shm .shm-rq input[type=email]:focus{outline:none;border-color:#0F6E68 !important;background:#fff !important;box-shadow:0 0 0 4px rgba(15,110,104,.14) !important}
body.shm-page #secoHome.shm .shm-rq textarea.is-err{border-color:#D32B22 !important;box-shadow:0 0 0 4px rgba(211,43,34,.12) !important}
body.shm-page #secoHome.shm .shm-rq-err{color:#D32B22;font-size:12.5px;font-weight:800;margin:6px 0 0 !important}
body.shm-page #secoHome.shm .shm-rq-note{font-size:11.5px;color:var(--shm-mut);margin:6px 0 0 !important}
body.shm-page #secoHome.shm .shm-rq-chips{display:flex;flex-wrap:wrap;gap:8px}
body.shm-page #secoHome.shm .shm-rq-chip{height:38px;padding:0 14px !important;border-radius:999px !important;border:1.5px solid var(--shm-line) !important;background:#fff !important;color:var(--shm-ink) !important;font:inherit;font-size:13px !important;font-weight:800 !important;cursor:pointer;transition:all .18s}
body.shm-page #secoHome.shm .shm-rq-chip:hover{border-color:#0F6E68 !important}
body.shm-page #secoHome.shm .shm-rq-chip.is-on{background:#0D4A3A !important;border-color:#0D4A3A !important;color:#fff !important}
body.shm-page #secoHome.shm .shm-rq-chip.is-on::before{content:"✓ "}
body.shm-page #secoHome.shm .shm-rq-row2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
body.shm-page #secoHome.shm .shm-rq-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}
body.shm-page #secoHome.shm .shm-rq-foot{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding-top:6px;border-top:1px solid var(--shm-line);margin-top:4px}
body.shm-page #secoHome.shm .shm-rq-send{height:52px;padding:0 34px !important;margin-top:14px;border-radius:999px !important;border:0 !important;background:linear-gradient(135deg,#FFD54A,#F2B600) !important;color:#1E1A06 !important;font:inherit;font-size:15.5px !important;font-weight:900 !important;cursor:pointer;box-shadow:0 12px 24px -12px rgba(242,182,0,1);transition:transform .2s}
body.shm-page #secoHome.shm .shm-rq-send:hover{transform:translateY(-2px)}
body.shm-page #secoHome.shm .shm-rq-send:disabled{opacity:.6;cursor:wait;transform:none}
body.shm-page #secoHome.shm .shm-rq-msg{margin-top:14px;font-size:13px;font-weight:800;color:#D32B22}
body.shm-page #secoHome.shm .shm-rq-done{text-align:center;padding:18px 8px 6px}
body.shm-page #secoHome.shm .shm-rq-done b{display:block;font-size:20px;font-weight:900;margin:12px 0 6px}
body.shm-page #secoHome.shm .shm-rq-done p{font-size:13.5px;color:var(--shm-mut);line-height:1.8;max-width:560px;margin:0 auto !important}
body.shm-page #secoHome.shm .shm-rq-done .shm-qz-acts{justify-content:center}
body.shm-page #secoHome.shm .shm-rq-check{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#16A39A;box-shadow:0 0 0 10px rgba(22,163,154,.14);animation:shmPopIn .5s cubic-bezier(.2,.8,.3,1.6) both}
body.shm-page #secoHome.shm .shm-rq-check svg{width:34px;height:34px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:shmDraw .5s .25s ease forwards}
@keyframes shmPopIn{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
@keyframes shmDraw{to{stroke-dashoffset:0}}
body.shm-page #secoHome.shm .shm-empty-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
body.shm-page #secoHome.shm .shm-btn.is-amb{background:linear-gradient(135deg,#FFD54A,#F2B600) !important;color:#1E1A06 !important}
.shm-sheet-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 22px;border-top:1px solid #E1E8E4;background:#FAFBFA;font-size:13px;color:#5B6A64}
.shm-sheet-req{border:0;background:#FFF1C2;color:#7A5200;font:inherit;font-size:13px;font-weight:900;border-radius:999px;padding:9px 16px;cursor:pointer}
.shm-sheet-req:hover{background:#FFE27A}

@media (max-width:1100px){
  body.shm-page #secoHome.shm .shm-qz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
  body.shm-page #secoHome.shm .shm-hero-quiz{width:100%;justify-content:space-between}
  body.shm-page #secoHome.shm .shm-qz{padding:14px 14px 18px;border-radius:18px}
  body.shm-page #secoHome.shm .shm-qz-back{left:14px;top:14px}
  body.shm-page #secoHome.shm .shm-qz-reset{right:14px;top:14px}
  body.shm-page #secoHome.shm .shm-qz-dots li{width:22px}
  body.shm-page #secoHome.shm .shm-qz-dots li.is-cur{width:34px}
  body.shm-page #secoHome.shm .shm-qz-grid,body.shm-page #secoHome.shm .shm-qz-grid.is-2{grid-template-columns:1fr 1fr;gap:8px}
  body.shm-page #secoHome.shm .shm-qz-opt{padding:12px !important}
  body.shm-page #secoHome.shm .shm-qz-od{display:none}
  body.shm-page #secoHome.shm .shm-qz-opt.is-none{grid-column:span 2;flex-direction:row;align-items:center}
  body.shm-page #secoHome.shm .shm-qz-list{grid-template-columns:1fr;max-height:none}
  body.shm-page #secoHome.shm .shm-qz-others{grid-template-columns:1fr}
  body.shm-page #secoHome.shm .shm-qz-go,body.shm-page #secoHome.shm .shm-qz-demo{width:100%;justify-content:center}
  body.shm-page #secoHome.shm .shm-rq-row2{grid-template-columns:1fr}
  body.shm-page #secoHome.shm .shm-rq-send{width:100%}
  .shm-sheet-ft{padding:12px 16px 20px}
}

/* ===== 1.2.2：スマホの詰め ===== */
@media (max-width:760px){
  body.shm-page #secoHome.shm .shm-quiz{margin:20px 0}
  body.shm-page #secoHome.shm .shm-quiz .shm-sub{font-size:12.5px}
  body.shm-page #secoHome.shm .shm-qz-q{font-size:16.5px;margin:10px 0 12px !important}
  body.shm-page #secoHome.shm .shm-qz-q b{min-width:34px;height:28px;font-size:12.5px}
  body.shm-page #secoHome.shm .shm-qz-grid{gap:6px}
  body.shm-page #secoHome.shm .shm-qz-opt:not(.is-f){flex-direction:row;align-items:center;gap:8px;padding:10px !important;border-radius:14px !important;min-height:56px}
  body.shm-page #secoHome.shm .shm-qz-opt:not(.is-f) .shm-qz-ic{width:30px;height:30px;border-radius:9px}
  body.shm-page #secoHome.shm .shm-qz-opt:not(.is-f) .shm-qz-ic svg{width:17px;height:17px}
  body.shm-page #secoHome.shm .shm-qz-ot{font-size:13px;line-height:1.3;word-break:keep-all;overflow-wrap:anywhere}
  body.shm-page #secoHome.shm .shm-qz-opt.is-f{min-height:52px;padding:10px 12px !important}
  body.shm-page #secoHome.shm .shm-qz-rs{font-size:13.5px}
  body.shm-page #secoHome.shm .shm-qz-res{padding:16px}
  body.shm-page #secoHome.shm .shm-qz-rhead .shm-qz-ic{width:44px;height:44px}
  body.shm-page #secoHome.shm .shm-card-t,body.shm-page #secoHome.shm .sh-two .sh-li-n{word-break:keep-all;overflow-wrap:anywhere}
}
@media (max-width:360px){
  body.shm-page #secoHome.shm .shm-qz-grid,body.shm-page #secoHome.shm .shm-qz-grid.is-2{grid-template-columns:1fr}
  body.shm-page #secoHome.shm .shm-qz-opt.is-none{grid-column:auto}
  body.shm-page #secoHome.shm .shm-bento{grid-template-columns:1fr 1fr}
  body.shm-page #secoHome.shm .shm-tiles{grid-template-columns:1fr}
  body.shm-page #secoHome.shm .shm-tile{flex-direction:row;align-items:center}
  body.shm-page #secoHome.shm .shm-li .shm-tile{padding-right:40px !important}
  body.shm-page #secoHome.shm .shm-star{top:50%;transform:translateY(-50%)}
}
