/* 無料診断ウィジェット（共通） */
.sd,[data-shindan]{--pp-f:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif;--sd-text:#1d2a33;--sd-muted:#4a5863;--sd-line:#e4eaee;--sd-card:#fff;--sd-accent:#0f6861;--sd-green:#2a9d63}

.sd{margin:14px 0 26px;padding:0;background:#fff}
.sd-kick{margin:0 0 8px;font:800 12px/1.4 var(--pp-f);letter-spacing:.12em;color:#2a9d63}
.sd-h{margin:0;font:900 clamp(30px,8.5vw,44px)/1.18 var(--pp-f);letter-spacing:-.01em;color:#111}
.sd-lead{margin:12px 0 0;font:500 14.5px/1.8 var(--pp-f);color:#444}
.sd-form{margin:18px 0 0;padding:18px;border:1.5px solid #111;border-radius:16px;background:#fff}
.sd-sel{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}
.sd-sel label{display:grid;gap:4px}.sd-sel label span{font:800 11px/1 var(--pp-f);color:#666;letter-spacing:.08em}
.sd-sel select{width:100%;font:700 18px/1.2 var(--pp-f);padding:12px 10px;border:1.5px solid #d8d8d8;border-radius:10px;background:#fff;color:#111;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#111 50%),linear-gradient(135deg,#111 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.sd-btn{margin-top:12px;width:100%;min-height:54px;border:0;border-radius:12px;background:#2a9d63;color:#fff;font:900 17px/1 var(--pp-f);letter-spacing:.04em;cursor:pointer}
.sd-btn:active{transform:translateY(1px)}
.sd-priv{margin:10px 0 0;font:500 11.5px/1.6 var(--pp-f);color:#777}

/* 診断結果（明るいカード） */
.sd-res{margin-top:14px;padding:18px 16px 20px;border-radius:18px;background:linear-gradient(180deg,#f7fafb 0%,#fff 48px);color:var(--sd-text);border:1px solid var(--sd-line);box-shadow:0 8px 28px rgba(15,40,50,.08);font:500 15.5px/1.8 var(--pp-f)}
.sd-hero{display:flex;align-items:center;gap:16px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--sd-line)}
.sd-badge{flex:0 0 auto;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#0f6861,#2a9d63);color:#fff;font:900 40px/1 var(--pp-f);box-shadow:0 4px 14px rgba(15,104,97,.35)}
.sd-badge span{display:block}
.sd-hero-text{min-width:0}
.sd-num{margin:0;font:800 11px/1 var(--pp-f);letter-spacing:.12em;color:var(--sd-accent);text-transform:none}
.sd-type{margin:4px 0 6px;font:900 clamp(24px,6vw,28px)/1.25 var(--pp-f);color:var(--sd-text)}
.sd-who{margin:0;font:500 15px/1.8 var(--pp-f);color:var(--sd-muted)}
.sd-stack{display:grid;gap:14px;margin-top:14px}
.sd-card{padding:14px 16px;border-radius:14px;background:var(--sd-card);border:1px solid var(--sd-line);box-shadow:0 2px 10px rgba(15,40,50,.04)}
.sd-card-h{margin:0 0 8px;font:900 16px/1.45 var(--pp-f);color:var(--sd-text)}
.sd-card-h .sd-ico{margin-right:6px}
.sd-card>p{margin:0;font:500 15px/1.8 var(--pp-f);color:var(--sd-muted)}
.sd-year-lead{margin:0 0 12px;font:500 15px/1.8 var(--pp-f);color:var(--sd-muted)}
.sd-year-title{margin:0 0 8px;font:900 17px/1.45 var(--pp-f);color:var(--sd-text)}
.sd-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}
.sd-mini{padding:10px 12px;border-radius:12px;background:#f3f8f7;border:1px solid #dce8e6}
.sd-mini b{display:block;margin-bottom:4px;font:800 13px/1.35 var(--pp-f);color:var(--sd-accent)}
.sd-mini p{margin:0;font:500 13.5px/1.65 var(--pp-f);color:var(--sd-muted)}
.sd-month-title{margin:0 0 6px;font:900 16px/1.45 var(--pp-f);color:var(--sd-text)}
.sd-jobs ol{margin:8px 0 0;padding-left:1.3em;font:800 17px/1.75 var(--pp-f);color:var(--sd-text)}
.sd-rel p{margin:0;font:500 15px/1.8 var(--pp-f);color:var(--sd-muted)}
.sd-more{margin-top:16px;display:grid;gap:10px}
.sd-more a,.sd-more .sd-more-btn{display:block;text-align:center;padding:13px 14px;border-radius:12px;background:#fff;color:var(--sd-text);border:1.5px solid var(--sd-line);font:900 14px/1.2 var(--pp-f);text-decoration:none;cursor:pointer;width:100%;box-sizing:border-box}
.sd-more a:first-child{background:var(--sd-accent);border-color:var(--sd-accent);color:#fff}
.sd-more .sd-more-btn{font-family:var(--pp-f)}
.sd-ngen{margin-top:14px}
.sd-ngen-sec{margin-top:14px;padding-top:14px;border-top:1px dashed var(--sd-line)}
.sd-ngen-sec:first-of-type{margin-top:8px;padding-top:0;border-top:0}
.sd-ngen-sub{margin:0 0 10px;font:900 15px/1.45 var(--pp-f);color:var(--sd-text)}
.sd-ngen-out{margin-top:12px;padding:12px 14px;border-radius:12px;background:#f7fafb;border:1px solid var(--sd-line);font:500 15px/1.8 var(--pp-f);color:var(--sd-muted)}
.sd-ngen-lead{font-weight:800;color:var(--sd-text);margin:0 0 8px}
.sd-ngen-h6{margin:12px 0 6px;font:800 13px/1.3 var(--pp-f);color:var(--sd-accent)}
.sd-ngen-ul{margin:6px 0 0;padding-left:1.2em;font:500 14.5px/1.75 var(--pp-f)}
.sd-ngen-end{margin:12px 0 0;font:500 14px/1.75 var(--pp-f);color:var(--sd-muted)}
.sd-ngen-note{margin:14px 0 0;font:500 11px/1.65 var(--pp-f);color:#888}
.sd-pers{display:grid;gap:10px}
.sd-pers-q{margin:0;padding:10px 12px;border:1px solid var(--sd-line);border-radius:12px;background:#fff}
.sd-pers-q legend{font:800 13px/1.3 var(--pp-f);color:var(--sd-text);padding:0 4px}
.sd-pers-q label{display:block;margin-top:6px;font:500 14px/1.5 var(--pp-f);color:var(--sd-muted);cursor:pointer}
.sd-pers-other span{display:block;margin-bottom:4px;font:800 12px/1 var(--pp-f);color:var(--sd-muted)}
.sd-pers-other select{width:100%;font:600 15px/1.2 var(--pp-f);padding:10px;border:1px solid var(--sd-line);border-radius:10px}
.sd-pers-go{margin-top:4px;width:100%}
.sd-ngen-dob .sd-pairbtn{width:100%}
.sd-again{margin:12px 0 0;text-align:center}.sd-again button{background:none;border:0;color:var(--sd-muted);text-decoration:underline;font:500 13px/1 var(--pp-f);cursor:pointer}

.topad{display:grid;gap:4px;margin:10px 0 0;padding:14px 16px;border-radius:14px;background:#fff;color:#10212B;border:1px solid #0F6861;border-left:5px solid #0F6861;text-decoration:none;position:relative}
.topad .t{font:700 10.5px/1.3 var(--pp-f);color:#0F6861;letter-spacing:.04em}
.topad b{font:900 19px/1.4 var(--pp-f);color:#0F1B26}
.topad .k{font:800 12.5px/1.4 var(--pp-f);color:#0F6861;margin-top:2px}
.topad ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:2px}.topad li{font:600 12.5px/1.6 var(--pp-f);color:#24323C;padding-left:16px;position:relative}.topad li::before{content:"";position:absolute;left:2px;top:.6em;width:7px;height:7px;border-radius:50%;background:#11A093}
.topad .s{font:500 12.5px/1.6 var(--pp-f);color:#4A5863}
.topad .go{justify-self:start;margin-top:4px;padding:7px 12px;border-radius:999px;background:#0F6861;color:#fff;font:900 12.5px/1 var(--pp-f)}
.sd-form .sd-btn{background:#0F6861}.sd-form::before{color:#0F6861}.sd-pt summary{color:#0F6861}
.sd-form{border:1.5px solid #0F6861!important}
/* 2026-10-20 CEO：診断は1行に。結果だけ大きく出す */
.sd{padding-top:10px!important;padding-bottom:6px!important}
.sd-shigoto{padding-top:0!important;padding-bottom:18px!important}
.sd-shigoto .sd-top{display:block}
@media(min-width:1024px){[data-shindan]{display:grid;grid-template-columns:1fr 380px;column-gap:16px;align-items:stretch}[data-shindan] .sd-form{max-width:none}[data-shindan] .topad{margin:0;align-content:center}[data-shindan]>.sd-res,[data-shindan]>.sd-note{grid-column:1/-1}}
.sd-form{margin:0!important;padding:10px 12px!important;border-radius:14px!important;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}
.sd-form::before{content:"無料診断";font:900 14px/1.2 var(--pp-f);color:#2a9d63;white-space:nowrap}
.sd-form .sd-sel{grid-template-columns:1.3fr 1fr 1fr;gap:4px}
.sd-form .sd-sel label span{display:block;font:800 10.5px/1 var(--pp-f);color:#4A5863;margin-bottom:3px}
.sd-form .sd-sel select{font-size:15px;padding:9px 18px 9px 8px;background-position:calc(100% - 11px) 50%,calc(100% - 7px) 50%}
.sd-form .sd-btn{margin:0;width:auto;min-height:40px;padding:0 14px;font-size:15px}
.sd-form::before{grid-column:1;grid-row:1}.sd-form .sd-sel{grid-column:2;grid-row:1}.sd-form .sd-btn{grid-column:3;grid-row:1;align-self:end}
.sd-form .sd-pt{grid-column:1/-1;grid-row:2;margin-top:2px;padding-top:6px}
.sd-form .sd-pt .sd-sel label span{display:block}
@media(max-width:599px){.sd-form{grid-template-columns:1fr auto!important}.sd-form::before{grid-column:1/-1!important;grid-row:1!important}.sd-form .sd-sel{grid-column:1!important;grid-row:2!important;grid-template-columns:1.5fr 1fr 1fr!important}.sd-form .sd-btn{grid-column:2!important;grid-row:2!important}.sd-form .sd-pt{grid-row:3!important}.sd-form .sd-priv{grid-row:4!important}}
.sd-free{display:grid;place-items:center;align-content:center;min-height:40px;padding:4px 12px;border-radius:10px;background:#c49a46;color:#0f1b26;font:900 14px/1.15 var(--pp-f);text-decoration:none;white-space:nowrap;text-align:center}.sd-free small{font:700 9.5px/1.2 var(--pp-f);opacity:.85}
.sd-form{grid-template-columns:auto 1fr auto auto}.sd-form .sd-free{grid-column:4;grid-row:1;align-self:end}
@media(max-width:599px){.sd-form{grid-template-columns:1fr 1fr!important}.sd-form .sd-sel{grid-column:1/-1!important;grid-template-columns:1.5fr 1fr 1fr!important}.sd-form .sd-btn{grid-column:1!important;grid-row:3!important;min-height:46px}.sd-form .sd-free{grid-column:2!important;grid-row:3!important;min-height:46px}.sd-form .sd-pt{grid-row:4!important}.sd-form .sd-priv{grid-row:5!important}}
.sd-form .sd-priv{grid-row:3;grid-column:1/-1;margin:0!important;font-size:11px}
/* 2026-10-20 PC：診断ボタン2つの下端と高さを、選ぶ欄にそろえる */
@media(min-width:600px){.sd-form .sd-sel{align-self:end}.sd-form .sd-sel select{height:44px;box-sizing:border-box}.sd-form .sd-btn,.sd-form .sd-free{align-self:end;height:44px;min-height:0;box-sizing:border-box}.sd-form::before{align-self:end;line-height:44px}}
[data-shindan]>.sd-note{font-size:10.5px!important;margin-top:6px!important}
.sd-res:not([hidden])~.sd-note{display:block}
[data-shindan]>.sd-note{display:none}
.sd-pt{margin-top:12px;border-top:1px dashed #ddd;padding-top:10px}.sd-pt summary{cursor:pointer;font:800 14px/1.4 var(--pp-f);color:#2a9d63;list-style:none}.sd-pt summary::before{content:"＋ "}.sd-pt[open] summary::before{content:"− "}

.sd-det{margin-top:0;border:1px solid var(--sd-line);border-radius:14px;background:var(--sd-card);overflow:hidden;box-shadow:0 2px 10px rgba(15,40,50,.04)}
.sd-det>summary{cursor:pointer;padding:12px 14px;font:800 14px/1.4 var(--pp-f);color:var(--sd-accent);list-style:none;background:#f3f8f7;border-bottom:1px solid transparent}
.sd-det[open]>summary{border-bottom-color:var(--sd-line)}
.sd-det>summary::before{content:"＋ "}.sd-det[open]>summary::before{content:"− "}
.sd-det>summary::-webkit-details-marker{display:none}
.sd-det .sd-det-in{padding:14px 16px 16px;font:500 15px/1.8 var(--pp-f);color:var(--sd-muted)}
.sd-det .sd-det-in h4{margin:10px 0 4px;font:800 12px/1.3 var(--pp-f);color:var(--sd-accent);letter-spacing:.06em}
.sd-det .sd-det-in p{margin:6px 0 0}
.sd-det .sd-det-in ul{margin:6px 0 0;padding-left:1.1em}

.sd-daylist{display:grid;gap:8px;margin-top:4px}
.sd-daycard{display:grid;grid-template-columns:auto auto 1fr;gap:8px 10px;align-items:center;padding:10px 12px;border-radius:12px;background:#f7fafb;border:1px solid var(--sd-line)}
.sd-daycard.sd-today{background:#eef8f4;border-color:#b8ddd4;position:relative;padding-top:22px}
.sd-daytag{position:absolute;top:6px;left:12px;font:800 10px/1 var(--pp-f);letter-spacing:.06em;color:#fff;background:var(--sd-accent);padding:3px 8px;border-radius:999px}
.sd-daydate{font:800 14px/1.3 var(--pp-f);color:var(--sd-text);white-space:nowrap}
.sd-dayword{font:500 14px/1.45 var(--pp-f);color:var(--sd-muted);min-width:0}
.sd-daycard .sd-stars{white-space:nowrap}

.sd-note{margin:12px 0 0;font:500 11px/1.65 var(--pp-f);color:#777}
.sd-stars{letter-spacing:1px;font-size:14px}
.sd-stars .on{color:#d4a017}
.sd-stars .off{color:#c8d0d6}
.sd-work{margin-top:0;font:500 15px/1.8 var(--pp-f);color:var(--sd-muted)}
.sd-work p{margin:8px 0 0}.sd-work b{color:var(--sd-accent);font:800 12px/1.3 var(--pp-f);display:block;margin-bottom:2px}
.sd-luck{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sd-luck div{background:#f3f8f7;border:1px solid var(--sd-line);border-radius:12px;padding:12px;font:800 15px/1.5 var(--pp-f);color:var(--sd-text)}
.sd-luck b{display:block;color:var(--sd-accent);font-size:11.5px;margin-bottom:4px;font-weight:800}
.sd-luck i{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:6px;vertical-align:-2px;border:1px solid rgba(0,0,0,.12)}

.sd-pairbox{margin:0;padding:16px;border-radius:14px;background:#f7fafb;border:1px solid var(--sd-line)}
.sd-pairbox h4{margin:0 0 4px;font:900 17px/1.4 var(--pp-f);color:var(--sd-text)}
.sd-pairlead{margin:0 0 10px;font:500 13px/1.65 var(--pp-f);color:var(--sd-muted)}
.sd-pair{margin-top:12px;border-radius:12px;padding:14px;background:#fff;border:1px solid var(--sd-line);color:var(--sd-text)}
.sd-pair h5{margin:0 0 8px;font:900 15px/1.45 var(--pp-f);color:var(--sd-text)}
.sd-pair p{margin:8px 0;font:500 14px/1.75 var(--pp-f);color:var(--sd-muted)}
.sd-pair p b{color:var(--sd-accent);font-weight:800}

.sd-land a{color:var(--sd-accent);font-weight:700;text-decoration:underline}

@media(max-width:720px){.sd-trio{grid-template-columns:1fr}}
@media(max-width:480px){.sd-hero{flex-direction:column;align-items:flex-start;text-align:left}.sd-badge{width:64px;height:64px;font-size:36px}}

/* 2026-10-20 ミライのタネ（money.html）にも同じ部品 */
.sd-money{margin:12px 0 16px;padding:0!important}
.sd-money .sd-top{display:none}
.topad .tnote{display:block;margin-top:6px;font:500 10.5px/1.5 var(--pp-f);color:#4A5863}
/* money.html は本文の幅が狭いので、診断だけ画面幅いっぱい（最大1200px）に広げる */
@media(min-width:1024px){.sd-money{position:relative;left:50%;transform:translateX(-50%);width:min(1200px,calc(100vw - 48px))}}
@media(min-width:700px) and (max-width:1023px){.sd-money .sd-form{grid-template-columns:auto 1fr auto auto}}

/* 10/23 成長のヒント */
.sd-grow{display:block;margin-top:10px;padding:10px 12px;border-radius:10px;background:#f1f8f3;border-left:4px solid #2a9d63;font:500 14px/1.75 var(--pp-f);color:#24323c}.sd-grow b{display:block;margin-bottom:2px;font-size:13px;color:#1f7a4c}
.sd-grow-src{display:block;margin-top:4px;font-size:11px;color:#6b7a85}