/*
Theme Name: 未経験.com
Description: 未経験.com（mikeiken.com）用テーマ。スマートフォン優先・読みやすさ優先。機能はプラグイン「未経験.com メディア機能」が担当。
Author: 公益アクション室
Version: 0.1.0
Text Domain: mikeiken
*/
:root{
  --ink:#1c2a3a; --ink-soft:#4a5a6c; --bg:#fbfaf6; --card:#fff; --line:#e3e8e6;
  --key:#0b8a7d; --key-dark:#086b61; --key-tint:#e6f4f1;
  --sun:#f2a31b; --sun-tint:#fff4dc; --navy:#0b2a45; --warn:#9a3412; --warn-tint:#fff1e8;
  --radius:14px; --maxw:1080px; --read:44rem;
  --c-ai-digital:#2563eb; --c-work-career:#0b8a7d; --c-side-startup:#d97706; --c-hobby-making:#c026d3; --c-learning:#4f46e5; --c-volunteer:#e11d48;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic UI","Yu Gothic",Meiryo,sans-serif;font-size:18px;line-height:1.85;letter-spacing:.01em;word-break:break-word;overflow-wrap:anywhere}
img{max-width:100%;height:auto}
a{color:var(--key-dark);text-underline-offset:3px}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.mk-wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}
.mk-skip{position:absolute;left:-9999px}.mk-skip:focus{left:8px;top:8px;background:#fff;padding:8px 12px;z-index:99}

/* ヘッダー */
.mk-header{background:#fff;border-bottom:1px solid var(--line);z-index:20}
@media(min-width:900px){.mk-header{position:sticky;top:0}}
.home .mk-header .mk-search{display:none}
.mk-header__in{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;max-width:var(--maxw);margin:0 auto}
.mk-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--navy);font-weight:800;font-size:1.35rem;line-height:1}
.mk-logo svg{width:34px;height:34px;flex:none}
.mk-logo small{display:block;font-size:.62rem;font-weight:600;color:var(--ink-soft);letter-spacing:.04em;margin-top:3px}
.mk-nav{margin-left:auto}
.mk-nav ul{display:flex;flex-wrap:wrap;gap:2px 4px;list-style:none;margin:0;padding:0}
.mk-nav a{display:block;padding:8px 10px;text-decoration:none;color:var(--ink);font-size:.92rem;font-weight:600;border-radius:8px}
.mk-nav a:hover,.mk-nav .is-current a{background:var(--key-tint);color:var(--key-dark)}
.mk-search{display:flex;gap:6px;width:100%;order:3}
.mk-search input[type=search]{flex:1;min-width:0;font:inherit;font-size:1rem;padding:10px 14px;border:2px solid var(--line);border-radius:999px;background:#fff}
.mk-search button{font:inherit;font-size:.95rem;font-weight:700;padding:10px 18px;border:0;border-radius:999px;background:var(--key);color:#fff;cursor:pointer}
@media(min-width:900px){.mk-search{width:260px;order:0}}

/* ボタン・タグ */
.mk-btn{display:inline-block;background:var(--key);color:#fff;text-decoration:none;font-weight:700;padding:12px 24px;border-radius:999px;border:0;font:inherit;font-weight:700;cursor:pointer}
.mk-btn:hover{background:var(--key-dark);color:#fff}
.mk-btn--sun{background:var(--sun);color:#3b2600}.mk-btn--sun:hover{background:#d98e0b;color:#2b1c00}
.mk-btn--ghost{background:#fff;color:var(--key-dark);border:2px solid var(--key)}.mk-btn--ghost:hover{background:var(--key-tint);color:var(--key-dark)}
.mk-tag{display:inline-block;font-size:.76rem;font-weight:700;line-height:1;padding:5px 9px;border-radius:999px;background:var(--key-tint);color:var(--key-dark);margin:0 4px 4px 0}
.mk-tag--kind{background:var(--navy);color:#fff}
.mk-tag--closed{background:#e5e7eb;color:#374151}

/* ヒーロー */
.mk-hero{background:linear-gradient(135deg,#e6f4f1 0%,#fff4dc 100%);padding:44px 0 36px;border-bottom:1px solid var(--line)}
.mk-hero h1{font-size:clamp(1.7rem,6vw,2.6rem);line-height:1.35;margin:0 0 12px;color:var(--navy)}
.mk-hero p{max-width:40rem;margin:0 0 20px;color:var(--ink-soft)}
.mk-hero__cta{display:flex;flex-wrap:wrap;gap:10px}
.mk-hero .mk-search{max-width:520px;margin-bottom:18px}

/* セクション */
.mk-section{padding:36px 0}
.mk-section--tint{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mk-section h2,.mk-h2{font-size:1.4rem;line-height:1.4;margin:0 0 16px;color:var(--navy);padding-left:12px;border-left:6px solid var(--sun)}
.mk-section__more{text-align:right;margin:12px 0 0}
.mk-empty{background:#fff;border:1px dashed #b8c4c0;border-radius:var(--radius);padding:18px;color:var(--ink-soft)}

/* カード */
.mk-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.mk-grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.mk-grid{grid-template-columns:1fr 1fr 1fr}}
.mk-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);border-top:5px solid var(--key);overflow:hidden}
.mk-card.is-closed{opacity:.72;border-top-color:#9ca3af}
.mk-card__link{display:block;padding:16px;text-decoration:none;color:inherit;height:100%}
.mk-card__link:hover .mk-card__title{text-decoration:underline}
.mk-card__title{font-size:1.06rem;line-height:1.55;margin:6px 0 8px;color:var(--navy)}
.mk-card__lead{font-size:.9rem;color:var(--ink-soft);margin:0 0 10px;line-height:1.7}
.mk-card__meta{margin:0;display:grid;gap:2px;font-size:.84rem}
.mk-card__meta div{display:flex;gap:8px}.mk-card__meta dt{flex:none;width:5.2em;color:var(--ink-soft)}.mk-card__meta dd{margin:0;font-weight:600}
.mk-cat-ai-digital{border-top-color:var(--c-ai-digital)}.mk-cat-work-career{border-top-color:var(--c-work-career)}.mk-cat-side-startup{border-top-color:var(--c-side-startup)}.mk-cat-hobby-making{border-top-color:var(--c-hobby-making)}.mk-cat-learning{border-top-color:var(--c-learning)}.mk-cat-volunteer{border-top-color:var(--c-volunteer)}

/* カテゴリー一覧 */
.mk-catlist{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:640px){.mk-catlist{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.mk-catlist{grid-template-columns:1fr 1fr 1fr}}
.mk-catlist li{background:#fff;border:1px solid var(--line);border-left:6px solid var(--key);border-radius:var(--radius)}
.mk-catlist li.mk-cat-ai-digital{border-left-color:var(--c-ai-digital)}.mk-catlist li.mk-cat-work-career{border-left-color:var(--c-work-career)}.mk-catlist li.mk-cat-side-startup{border-left-color:var(--c-side-startup)}.mk-catlist li.mk-cat-hobby-making{border-left-color:var(--c-hobby-making)}.mk-catlist li.mk-cat-learning{border-left-color:var(--c-learning)}.mk-catlist li.mk-cat-volunteer{border-left-color:var(--c-volunteer)}
.mk-catlist a,.mk-catlist .is-soon{display:block;padding:14px 16px;text-decoration:none;color:inherit}
.mk-catlist strong{display:block;font-size:1.05rem;color:var(--navy)}
.mk-catlist span{display:block;font-size:.88rem;color:var(--ink-soft);line-height:1.6;margin:2px 0 6px}
.mk-catlist em{font-style:normal;font-size:.82rem;font-weight:700;color:var(--key-dark)}
.mk-catlist .is-soon{opacity:.8}.mk-catlist .is-soon em{color:var(--ink-soft);font-weight:600}

/* 約束 */
.mk-promise{display:grid;gap:12px;grid-template-columns:1fr;list-style:none;margin:0;padding:0}
@media(min-width:720px){.mk-promise{grid-template-columns:1fr 1fr}}
.mk-promise li{background:var(--key-tint);border-radius:var(--radius);padding:14px 16px}
.mk-promise strong{display:block;color:var(--navy)}

/* 記事 */
.mk-main{padding:28px 0 48px}
.mk-article{max-width:var(--read);margin:0 auto}
.mk-crumbs{font-size:.84rem;color:var(--ink-soft);margin:0 0 10px}.mk-crumbs a{color:inherit}
.mk-article h1{font-size:clamp(1.5rem,5vw,2.1rem);line-height:1.45;margin:6px 0 12px;color:var(--navy)}
.mk-lead{font-size:1.06rem;color:var(--ink);background:#fff;border-left:6px solid var(--key);padding:14px 16px;border-radius:0 var(--radius) var(--radius) 0;margin:0 0 18px}
.mk-ainote{font-size:.9rem;background:var(--sun-tint);border-radius:var(--radius);padding:12px 14px;margin:0 0 18px;line-height:1.75}
.mk-facts,.mk-event,.mk-source{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:20px 0}
.mk-facts h2,.mk-event h2,.mk-source h2,.mk-step h2,.mk-sister h2,.mk-related h2,.mk-article .entry h2{font-size:1.2rem;margin:0 0 10px;color:var(--navy);line-height:1.4}
.mk-facts dl,.mk-event dl,.mk-source dl{margin:0;display:grid;gap:0}
.mk-facts dl>div,.mk-event dl>div,.mk-source dl>div{display:grid;grid-template-columns:1fr;gap:0;padding:10px 0;border-top:1px solid var(--line)}
.mk-facts dl>div:first-child,.mk-event dl>div:first-child,.mk-source dl>div:first-child{border-top:0}
@media(min-width:640px){.mk-facts dl>div,.mk-event dl>div,.mk-source dl>div{grid-template-columns:11em 1fr;gap:12px}}
.mk-facts dt,.mk-event dt,.mk-source dt{font-weight:700;color:var(--ink-soft);font-size:.9rem}
.mk-facts dd,.mk-event dd,.mk-source dd{margin:0}
.is-unknown dd,.is-unknown{color:#6b7280}
.mk-event{border-color:var(--sun);background:var(--sun-tint)}.mk-event.is-closed{background:#f3f4f6;border-color:#d1d5db}
.mk-event__note{margin:10px 0 0;font-weight:700}
.mk-step{background:var(--key-tint);border-radius:var(--radius);padding:16px 18px;margin:20px 0}.mk-step p{margin:0;font-weight:600}
.mk-source{font-size:.92rem}.mk-source__note{margin:10px 0 0;color:var(--ink-soft)}
.mk-warn{background:var(--warn-tint);color:var(--warn);border-radius:10px;padding:10px 12px;font-weight:700}
.mk-sister{background:var(--navy);color:#fff;border-radius:var(--radius);padding:20px;margin:28px 0}.mk-sister h2{color:#fff}.mk-sister p{margin:0 0 12px}.mk-sister .mk-btn{background:var(--sun);color:#3b2600}
.mk-related{margin-top:36px}
.entry{font-size:1.02rem}.entry p{margin:0 0 1.1em}.entry ul,.entry ol{padding-left:1.4em}.entry li{margin-bottom:.4em}
.entry h2{border-left:6px solid var(--sun);padding-left:10px;margin:1.8em 0 .6em}.entry h3{margin:1.4em 0 .4em;color:var(--navy)}
.entry img{border-radius:10px}
.mk-operator{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:16px 0}
.mk-operator figure{margin:0;max-width:280px}.mk-operator figcaption{font-size:.8rem;color:var(--ink-soft);margin-top:4px}
.mk-operator dl{flex:1;min-width:240px;margin:0}.mk-operator dt{font-weight:700;color:var(--ink-soft);font-size:.88rem;margin-top:8px}.mk-operator dd{margin:0}
.mk-profile{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.mk-profile img{border-radius:12px}
.mk-pagehead{background:var(--key-tint);padding:26px 0;border-bottom:1px solid var(--line)}.mk-pagehead h1{margin:0;font-size:clamp(1.5rem,5vw,2rem);color:var(--navy)}.mk-pagehead p{margin:6px 0 0;color:var(--ink-soft)}
.mk-pagination{margin:24px 0;display:flex;justify-content:center}.mk-pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.mk-pagination a,.mk-pagination span{display:inline-block;padding:8px 14px;border-radius:8px;background:#fff;border:1px solid var(--line);text-decoration:none}
.mk-pagination .current{background:var(--key);color:#fff;border-color:var(--key)}

/* フォーム */
.mk-form input[type=text],.mk-form input[type=email],.mk-form select,.mk-form textarea{width:100%;max-width:560px;font:inherit;padding:10px 12px;border:2px solid #cbd5d1;border-radius:10px;background:#fff}
.mk-form label{font-weight:700}.mk-form-note{font-size:.88rem;color:var(--ink-soft)}
.mk-form-msg{padding:12px 14px;border-radius:10px;font-weight:700}.mk-form-msg.is-ok{background:#dcfce7;color:#14532d}.mk-form-msg.is-err{background:var(--warn-tint);color:var(--warn)}

/* フッター */
.mk-footer{background:var(--navy);color:#dbe6ee;padding:36px 0 24px;margin-top:0;font-size:.92rem;line-height:1.8}
.mk-footer a{color:#fff}.mk-footer h2{font-size:.95rem;color:#fff;margin:0 0 8px}
.mk-footer__cols{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:720px){.mk-footer__cols{grid-template-columns:1.2fr 1fr 1.4fr}}
.mk-footer ul{list-style:none;margin:0;padding:0}.mk-footer li{margin-bottom:4px}
.mk-footer__sites{columns:1}@media(min-width:720px){.mk-footer__sites{columns:2}}
.mk-footer__copy{border-top:1px solid #29506f;margin-top:22px;padding-top:14px;font-size:.84rem}
.mk-footer .is-off{color:#9fb4c4}

@media(prefers-reduced-motion:no-preference){.mk-card{transition:transform .15s,box-shadow .15s}.mk-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(11,42,69,.1)}}
@media print{.mk-header,.mk-footer,.mk-search{display:none}}