:root{
    --ink:#2b2b2b; --muted:#6b7280; --line:#e8e8ec; --bg:#ffffff;
    --pink:#d24c92; --pink-d:#b23a79; --pink-bg:#fdeef6; --pink-ll:#fff7fb;
    --maxw:880px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","Meiryo",sans-serif;color:var(--ink);background:var(--bg);line-height:1.95;font-size:18px;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}
  .pink{color:var(--pink)}
  b{font-weight:800}

  /* ヘッダー */
  header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1080px;margin:0 auto;padding:0 24px}
  .mark{display:inline-flex;align-items:center;gap:10px;font-weight:800}
  .mark .dot{width:38px;height:38px;flex:none;object-fit:contain;display:block}
  .mark .nm{font-size:17px;color:var(--pink)}
  .back{font-size:15.5px;font-weight:700;color:var(--muted);transition:.2s}
  .back:hover{color:var(--pink)}

  /* ヒーロー */
  .hero{padding:88px 0 64px;background:linear-gradient(180deg,var(--pink-ll) 0%,#ffffff 80%);position:relative;overflow:hidden}
  .hero::after{content:"";position:absolute;right:-100px;top:-60px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(210,76,146,.10),transparent 70%);pointer-events:none}
  .hero .wrap{position:relative;z-index:1}
  .hero .kicker{color:var(--pink);font-weight:800;letter-spacing:.14em;font-size:14.5px;margin-bottom:14px}
  .hero h1{font-size:clamp(28px,4.6vw,46px);font-weight:900;line-height:1.32;margin-bottom:18px}
  .hero .name{display:flex;align-items:center;gap:18px;margin-top:30px}
  .hero .name .photo{width:88px;height:88px;border-radius:50%;background:#eef0f4;border:3px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.08);flex:none;display:flex;align-items:center;justify-content:center;color:#9aa1ad;font-size:11px;text-align:center;overflow:hidden}
  .hero .name .photo img{width:100%;height:100%;object-fit:cover;object-position:60% 22%;display:block}
  .hero .name b{font-size:20px;display:block}
  .hero .name small{font-size:14.5px;color:var(--muted);display:block;margin-top:4px}

  /* 本文セクション */
  section.block{padding:72px 0}
  .tint{background:var(--pink-bg)}
  .sec-head{margin-bottom:36px}
  .sec-head .kicker{color:var(--pink);font-weight:800;letter-spacing:.14em;font-size:12px;margin-bottom:10px}
  .sec-head h2{font-size:clamp(22px,3vw,30px);font-weight:900;line-height:1.4}

  .message p{margin-bottom:20px;font-size:17px;line-height:2}
  .message p b{color:var(--pink-d)}
  .message .sign{margin-top:30px;font-size:16.5px;text-align:right;font-weight:700;color:var(--muted)}

  /* 経歴 */
  .career{display:grid;gap:0;border-left:3px solid var(--pink-bg);padding-left:30px;margin-left:8px}
  .career .item{padding:18px 0;position:relative}
  .career .item::before{content:"";position:absolute;left:-39px;top:24px;width:14px;height:14px;border-radius:50%;background:var(--pink);border:3px solid #fff;box-shadow:0 0 0 2px var(--pink-bg)}
  .career .item h3{font-size:17px;font-weight:800;margin-bottom:6px}
  .career .item .when{font-size:12px;color:var(--pink-d);font-weight:800;letter-spacing:.05em;margin-bottom:6px;display:block}
  .career .item p{font-size:16.5px;color:var(--muted);line-height:1.85}

  /* 哲学カード */
  .credo{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  .credo .item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 22px}
  .credo .item .no{font-size:11px;font-weight:800;color:var(--pink);letter-spacing:.08em;margin-bottom:6px}
  .credo .item h3{font-size:16px;font-weight:800;margin-bottom:8px;line-height:1.45}
  .credo .item p{font-size:15.5px;color:var(--muted);line-height:1.85}

  /* 受賞 */
  .awards{display:flex;flex-wrap:wrap;gap:14px}
  .award{background:#fff;border:1px solid var(--pink-bg);border-radius:14px;padding:16px 22px;font-size:15.5px;font-weight:700;color:var(--pink-d);box-shadow:0 4px 14px rgba(210,76,146,.06)}

  /* 動画枠 */

  /* CTA */
  .cta-back{background:var(--ink);color:#fff;padding:60px 0;text-align:center}
  .cta-back h2{font-size:22px;font-weight:900;margin-bottom:24px}
  .btn{display:inline-block;background:var(--pink);color:#fff;padding:13px 28px;border-radius:999px;font-weight:800;font-size:16.5px;transition:.2s;margin:0 6px}
  .btn:hover{background:var(--pink-d)}
  .btn-ghost{display:inline-block;padding:13px 28px;border:1.5px solid #fff;border-radius:999px;font-weight:700;font-size:16.5px;color:#fff;margin:0 6px}

  footer{padding:30px 0;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:14.5px}

  @media(max-width:680px){
    .credo{grid-template-columns:1fr;gap:18px}
      section.block{padding:54px 0}.hero{padding:60px 0 46px}
    .career{padding-left:22px}
    .career .item::before{left:-31px}
  }