/*
Theme Name: RhythmoC
Theme URI: https://rhythmoc.com/
Author: RhythmoC Inc.
Description: 株式会社リズモック コーポレートサイト用オリジナルテーマ。コーポレート（ネイビー×ピンク）／はぐはぐ（グリーン）／おとまる（アンバー）の3トーン構成。
Version: 1.2.5
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: rhythmoc
*/

/* ================================================
   株式会社リズモック コーポレートサイト 共通スタイル
   ================================================ */
:root{
  --navy:#2a3447;
  --ink:#3a4150;
  --muted:#6b7280;
  --pink:#e95c8e;
  --pink-deep:#d34578;
  --pink-soft:#fdeff5;
  --green:#4c8a4f;
  --green-deep:#3c703f;
  --green-soft:#eff6ef;
  --amber:#e8952f;
  --amber-deep:#c97c1d;
  --amber-soft:#fdf3e3;
  --paper:#faf8f5;
  --line:#e7e4de;
  --radius:18px;
  --maxw:1080px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  color:var(--ink);line-height:1.9;font-size:16px;background:#fff;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.catch{font-family:'Zen Maru Gothic','Noto Sans JP',sans-serif;color:var(--navy);line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}

/* ---------- header ---------- */
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--maxw);margin:0 auto;padding:0 24px}
.brand img{height:34px;width:auto}
.nav{display:flex;align-items:center;gap:28px;font-size:14.5px;font-weight:500}
.nav a{position:relative;padding:6px 0}
.nav a:hover{color:var(--pink-deep)}
.nav .btn-contact{background:var(--navy);color:#fff;padding:10px 22px;border-radius:999px;transition:.2s}
.nav .btn-contact:hover{background:var(--pink);color:#fff}
.nav-toggle{display:none}
.nav-toggle-label{display:none;cursor:pointer;width:30px;height:22px;position:relative}
.nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after{
  content:'';display:block;position:absolute;height:3px;width:100%;background:var(--navy);border-radius:3px;transition:.25s}
.nav-toggle-label span{top:9px}
.nav-toggle-label span::before{top:-9px}
.nav-toggle-label span::after{top:9px}
@media(max-width:820px){
  .nav-toggle-label{display:block}
  .nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:12px 0 20px;border-bottom:1px solid var(--line)}
  .nav a{padding:13px 32px;width:100%}
  .nav .btn-contact{margin:12px 32px 0;width:calc(100% - 64px);text-align:center}
  .nav-toggle:checked ~ .nav{display:flex}
}

/* ---------- hero ---------- */
.hero{background:linear-gradient(160deg,#fff 55%,var(--pink-soft));padding:96px 0 88px;position:relative;overflow:hidden}
.hero .catch{font-size:clamp(28px,4.6vw,46px);font-weight:700;letter-spacing:.04em}
.hero .catch .accent{color:var(--pink)}
.hero .sub{margin-top:28px;font-size:clamp(14.5px,1.7vw,16.5px);color:var(--muted);line-height:2.2}
/* レスポンシブ改行：PC用の<br>はスマホで解除し、文節ごとに折り返す */
.ph{display:inline-block}
@media(max-width:600px){br.br-pc{display:none}}
.rhythm-dots{display:flex;gap:10px;margin-bottom:30px}
.rhythm-dots i{width:12px;height:12px;border-radius:50%;background:var(--pink);opacity:.85}
.rhythm-dots i:nth-child(2){width:20px;height:20px;background:var(--green);margin-top:-4px}
.rhythm-dots i:nth-child(3){width:8px;height:8px;background:var(--amber);margin-top:2px}
.rhythm-dots i:nth-child(4){width:16px;height:16px;background:var(--navy);margin-top:-2px}
.rhythm-dots i:nth-child(5){width:11px;height:11px;background:var(--pink)}

/* hughugヒーロー用 */
.hero-hughug{background:linear-gradient(165deg,#fff 40%,var(--green-soft));text-align:center}
.hero-hughug .service-cat{font-size:14px;letter-spacing:.2em;color:var(--green-deep);font-weight:700}
.hero-hughug img.hero-logo{width:min(300px,62vw);margin:18px auto 8px}
.hero-hughug .catch{font-size:clamp(20px,3.2vw,29px)}

/* ---------- sections ---------- */
.section{padding:84px 0}
.section.tint{background:var(--paper)}
.sec-label{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:700;letter-spacing:.22em;color:var(--pink-deep);margin-bottom:14px}
.sec-label::after{content:'';flex:0 0 46px;height:2px;background:var(--pink);border-radius:2px}
.sec-label.green{color:var(--green-deep)}.sec-label.green::after{background:var(--green)}
.sec-label.amber{color:var(--amber-deep)}.sec-label.amber::after{background:var(--amber)}
.sec-title{font-size:clamp(23px,3vw,31px);font-weight:700;margin-bottom:30px}
.lead{max-width:760px}

/* ---------- business cards ---------- */
.biz-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
@media(max-width:820px){.biz-grid{grid-template-columns:1fr}}
.biz-card{border-radius:var(--radius);padding:38px 34px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--line);background:#fff;transition:.25s;box-shadow:0 2px 14px rgba(42,52,71,.05)}
.biz-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(42,52,71,.10)}
.biz-card.hughug{background:linear-gradient(175deg,#fff 60%,var(--green-soft))}
.biz-card.otomaru{background:linear-gradient(175deg,#fff 60%,var(--amber-soft))}
.biz-card img.biz-logo{height:56px;width:auto;align-self:flex-start;flex:0 0 auto}
.biz-card .otomaru-name{font-family:'Zen Maru Gothic',sans-serif;font-size:30px;font-weight:700;color:var(--amber-deep)}
.badges{display:flex;gap:8px;flex-wrap:wrap}
.badge{font-size:12px;font-weight:700;padding:4px 14px;border-radius:999px;letter-spacing:.05em}
.badge.green{background:var(--green);color:#fff}
.badge.outline-green{border:1.5px solid var(--green);color:var(--green-deep)}
.badge.amber{background:var(--amber);color:#fff}
.biz-card h3{font-size:19px}
.biz-card p{font-size:14.5px;color:var(--ink)}
.card-links{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap;padding-top:8px}

/* ---------- buttons ---------- */
.btn{display:inline-block;padding:13px 32px;border-radius:999px;font-weight:700;font-size:14.5px;letter-spacing:.05em;transition:.2s;text-align:center}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--pink);transform:translateY(-2px)}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:var(--green-deep);transform:translateY(-2px)}
.btn-amber{background:var(--amber);color:#fff}
.btn-amber:hover{background:var(--amber-deep);transform:translateY(-2px)}
.btn-ghost{border:1.6px solid var(--navy);color:var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff}
.btn-ghost-green{border:1.6px solid var(--green);color:var(--green-deep)}
.btn-ghost-green:hover{background:var(--green);color:#fff}
.btn-lg{padding:17px 46px;font-size:16px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.btn-row.center{justify-content:center}

/* ---------- news ---------- */
.news-list{border-top:1px solid var(--line)}
.news-item{display:flex;gap:26px;padding:20px 6px;border-bottom:1px solid var(--line);font-size:14.5px;align-items:baseline;flex-wrap:wrap}
.news-item time{color:var(--muted);font-size:13px;flex:0 0 92px}
.news-item .tag{font-size:11.5px;font-weight:700;padding:2px 12px;border-radius:999px;flex:0 0 auto}
.tag.hughug{background:var(--green-soft);color:var(--green-deep)}
.tag.otomaru{background:var(--amber-soft);color:var(--amber-deep)}
.tag.company{background:var(--pink-soft);color:var(--pink-deep)}
.news-item a:hover{color:var(--pink-deep)}

/* ---------- message ---------- */
.message-box{display:grid;grid-template-columns:1fr;gap:26px;max-width:820px}
.message-quote{font-family:'Zen Maru Gothic',sans-serif;font-size:clamp(17px,2.2vw,21px);color:var(--navy);font-weight:700;line-height:2.1}
.message-sign{color:var(--muted);font-size:14px}

/* ---------- pillars (hughug) ---------- */
.pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:14px}
@media(max-width:720px){.pillar-grid{grid-template-columns:1fr}}
.pillar{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:0 2px 12px rgba(60,112,63,.06)}
.pillar .num{font-family:'Zen Maru Gothic',sans-serif;font-size:13px;font-weight:700;color:var(--green);letter-spacing:.15em}
.pillar h3{font-size:16.5px;margin:6px 0 8px}
.pillar p{font-size:14px;color:var(--muted)}

/* ---------- recruit CTA ---------- */
.recruit-cta{background:linear-gradient(150deg,var(--green) 0%,var(--green-deep) 100%);border-radius:26px;color:#fff;padding:58px 40px;text-align:center}
.recruit-cta h2{color:#fff;font-size:clamp(21px,2.8vw,28px);margin-bottom:16px}
.recruit-cta p{font-size:15px;max-width:640px;margin:0 auto 30px;opacity:.96}
.recruit-cta .btn{background:#fff;color:var(--green-deep)}
.recruit-cta .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.recruit-cta .btn.sub{background:transparent;border:1.6px solid #fff;color:#fff;margin-left:10px}
@media(max-width:600px){.recruit-cta .btn.sub{margin-left:0;margin-top:12px}}

/* ---------- breadcrumb / page-hero ---------- */
.crumb{font-size:12.5px;color:var(--muted);padding:14px 0}
.crumb a:hover{color:var(--pink-deep)}

/* ---------- footer ---------- */
.footer{background:var(--navy);color:#e8eaf0;padding:64px 0 36px;margin-top:40px}
.footer a:hover{opacity:.75}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:44px}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr}}
.footer .f-brand img{height:34px;width:auto}
.footer .f-brand p{font-size:13px;margin-top:16px;opacity:.85;line-height:2}
.footer h4{color:#fff;font-size:14px;letter-spacing:.12em;margin-bottom:14px}
.footer ul{list-style:none;font-size:13.5px;display:flex;flex-direction:column;gap:9px;opacity:.9}
.footer .copyright{text-align:center;font-size:12px;opacity:.6;margin-top:52px;letter-spacing:.06em}
.sns-row{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;margin-top:6px}
.footer .sns-row a{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 16px}

/* ---------- sub page hero ---------- */
.page-hero{padding:64px 0 52px;background:linear-gradient(160deg,#fff 55%,var(--pink-soft))}
.page-hero.green{background:linear-gradient(160deg,#fff 55%,var(--green-soft))}
.page-hero.amber{background:linear-gradient(160deg,#fff 55%,var(--amber-soft))}
.page-hero .en{font-size:13px;letter-spacing:.22em;font-weight:700;color:var(--pink-deep)}
.page-hero.green .en{color:var(--green-deep)}
.page-hero.amber .en{color:var(--amber-deep)}
.page-hero h1{font-size:clamp(25px,3.4vw,36px);margin-top:8px}

/* ---------- tables ---------- */
.info-table{width:100%;border-collapse:collapse;font-size:15px}
.info-table th,.info-table td{padding:18px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.9}
.info-table th{width:170px;color:var(--navy);font-weight:700;white-space:nowrap}
@media(max-width:640px){.info-table th{width:110px;white-space:normal}}

/* ---------- prose(記事) ---------- */
.prose{max-width:760px}
.prose p{margin-bottom:1.6em}
.prose h3{font-size:19px;margin:2.2em 0 .8em;padding-left:14px;border-left:4px solid var(--pink);line-height:1.6}
.prose.green h3{border-left-color:var(--green)}
.prose .lead-quote{font-family:'Zen Maru Gothic',sans-serif;font-size:18px;font-weight:700;color:var(--navy);background:var(--paper);border-radius:var(--radius);padding:26px 30px;margin:1.8em 0;line-height:2.1}
.lead-quote.mission span{display:block}
.lead-quote.mission span + span{margin-top:.85em}
.lead-quote.mission .mission-end{margin-top:1.6em}

/* ---------- PVMV ---------- */
.pvmv-block{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px 34px;margin-bottom:26px;box-shadow:0 2px 12px rgba(60,112,63,.05)}
.pvmv-block .p-label{font-size:12.5px;font-weight:700;letter-spacing:.2em;color:var(--green-deep)}
.pvmv-block h3{font-size:20px;margin:6px 0 14px}
.pvmv-block .statement{font-family:'Zen Maru Gothic',sans-serif;font-size:17.5px;font-weight:700;color:var(--navy);background:var(--green-soft);border-radius:14px;padding:22px 26px;margin-bottom:16px;line-height:2}
.pvmv-block p{font-size:14.5px}
.cv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;counter-reset:cv}
@media(max-width:720px){.cv-grid{grid-template-columns:1fr}}
.cv-grid li{list-style:none;counter-increment:cv;position:relative;padding:10px 0 10px 44px;font-size:14.5px;border-bottom:1px dashed var(--line)}
.cv-grid li::before{content:counter(cv,decimal-leading-zero);position:absolute;left:0;top:10px;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;color:var(--green);font-size:15px}

/* ---------- logo elements ---------- */
.logo-elem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:10px}
@media(max-width:820px){.logo-elem-grid{grid-template-columns:repeat(2,1fr)}}
.logo-elem{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;text-align:center}
.logo-elem .mark{font-size:30px;line-height:1;margin-bottom:10px}
.logo-elem h4{font-size:15px;margin-bottom:8px;color:var(--green-deep)}
.logo-elem p{font-size:13px;color:var(--muted);text-align:left}

/* ---------- recruit ---------- */
.merit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
@media(max-width:720px){.merit-grid{grid-template-columns:1fr}}
.merit{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px}
.merit h3{font-size:16px;color:var(--green-deep);margin-bottom:8px}
.merit p{font-size:14px;color:var(--muted)}
.persona-list{counter-reset:ps;max-width:800px}
.persona-list li{list-style:none;counter-increment:ps;position:relative;padding:16px 0 16px 52px;border-bottom:1px solid var(--line);font-size:15.5px;font-weight:500}
.persona-list li::before{content:counter(ps,decimal-leading-zero);position:absolute;left:4px;top:16px;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;color:var(--green);font-size:17px}
.persona-list li small{display:block;font-weight:400;font-size:13.5px;color:var(--muted);margin-top:2px}
.job-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px 30px;margin-bottom:22px;box-shadow:0 2px 12px rgba(60,112,63,.05)}
.job-card h3{font-size:19px;padding-bottom:12px;border-bottom:2px solid var(--green-soft);margin-bottom:16px}
.job-card .salary{display:inline-block;background:var(--green);color:#fff;font-weight:700;font-size:15px;border-radius:999px;padding:5px 20px;margin-bottom:14px}
.job-card dl{display:grid;grid-template-columns:110px 1fr;gap:8px 16px;font-size:14.5px}
@media(max-width:640px){.job-card dl{grid-template-columns:1fr}}
.job-card dt{font-weight:700;color:var(--navy)}
.flow-steps{counter-reset:fl;display:grid;gap:16px;max-width:760px}
.flow-steps li{list-style:none;counter-increment:fl;position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px 22px 76px}
.flow-steps li::before{content:counter(fl);position:absolute;left:24px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-family:'Zen Maru Gothic',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:16px}
.flow-steps h4{font-size:15.5px;margin-bottom:2px}
.flow-steps p{font-size:13.5px;color:var(--muted)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}
.faq summary{cursor:pointer;padding:18px 22px;font-weight:700;color:var(--navy);font-size:15px;list-style:none;position:relative;padding-right:48px}
.faq summary::after{content:'＋';position:absolute;right:20px;top:16px;color:var(--green);font-size:18px}
.faq details[open] summary::after{content:'－'}
.faq .a{padding:0 22px 18px;font-size:14.5px;color:var(--ink)}

/* ---------- otomaru ---------- */
.act-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px 32px;margin-bottom:24px;box-shadow:0 2px 12px rgba(201,124,29,.06)}
.act-card .no{font-family:'Zen Maru Gothic',sans-serif;font-size:13px;font-weight:700;color:var(--amber-deep);letter-spacing:.18em}
.act-card h3{font-size:20px;margin:4px 0 12px}
.act-card p{font-size:14.5px}
.act-card .note-box{background:var(--amber-soft);border-radius:12px;padding:16px 20px;font-size:13.5px;margin-top:14px}
/* 活動カード：アイコンヘッダー・参考情報 */
.act-head{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.act-icon{width:58px;height:58px;flex:0 0 auto}
.act-head .no{margin:0}
.act-head h3{margin:2px 0 1px}
.act-sub{font-size:12.5px;color:var(--amber-deep);font-weight:700;margin:0}
.act-links{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}
.act-card .ref-box{border:1px dashed var(--line);border-radius:12px;padding:14px 18px;font-size:13px;color:var(--muted);margin-top:14px;line-height:1.85}
.act-card .ref-box strong{color:var(--ink)}

/* ---------- おとまる イベントカルーセル ---------- */
.oto-carousel{position:relative;margin-top:8px}
.oto-carousel-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 20px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--amber) var(--amber-soft)}
.oto-carousel-track::-webkit-scrollbar{height:8px}
.oto-carousel-track::-webkit-scrollbar-track{background:var(--amber-soft);border-radius:8px}
.oto-carousel-track::-webkit-scrollbar-thumb{background:var(--amber);border-radius:8px}
.oto-slide{flex:0 0 80%;max-width:320px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px rgba(201,124,29,.07);transition:.2s}
@media(min-width:700px){.oto-slide{flex-basis:300px}}
.oto-slide:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(201,124,29,.16)}
.oto-slide-thumb{aspect-ratio:3/2;background:linear-gradient(135deg,var(--amber-soft),#fff);display:flex;align-items:center;justify-content:center;overflow:hidden}
.oto-slide-thumb img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.oto-slide-thumb .ph-icon{width:60px;height:60px;object-fit:contain;opacity:.6}
.oto-slide-body{padding:15px 18px 18px}
.oto-slide-body time{font-size:12.5px;color:var(--amber-deep);font-weight:700}
.oto-slide-body h3{font-size:15px;line-height:1.6;margin-top:4px;color:var(--navy);font-family:'Noto Sans JP',sans-serif;font-weight:700}
.oto-carousel-btn{position:absolute;top:38%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.96);color:var(--amber-deep);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(42,52,71,.14);z-index:2;display:none}
.oto-carousel-btn:hover{background:var(--amber);color:#fff}
.oto-carousel-btn.prev{left:-10px}
.oto-carousel-btn.next{right:-10px}
@media(min-width:820px){.oto-carousel-btn{display:flex;align-items:center;justify-content:center}}
.oto-empty{color:var(--muted);font-size:14px;padding:10px 0}

/* ---------- 発信チャンネル案内（おとまる／フリガラの区別） ---------- */
.channel-note{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
@media(max-width:700px){.channel-note{grid-template-columns:1fr}}
.channel-note .ch{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}
.channel-note .ch-fg{background:var(--amber-soft);border-color:#ecd6a8}
.channel-note .ch-label{font-weight:800;color:var(--navy);font-size:15px;margin:0 0 6px;font-family:'Zen Maru Gothic',sans-serif}
.channel-note .ch-desc{font-size:13.5px;color:var(--muted);margin:0 0 14px;line-height:1.8}
.channel-note .ch-links{display:flex;gap:10px;flex-wrap:wrap}
.channel-note .ch-links .btn{font-size:13px;padding:10px 20px}
.copy-band{background:linear-gradient(150deg,var(--amber) 0%,var(--amber-deep) 100%);color:#fff;border-radius:26px;padding:44px 36px;text-align:center}
.copy-band .en-copy{font-family:'Zen Maru Gothic',sans-serif;font-size:clamp(19px,2.6vw,26px);font-weight:700}
.copy-band p{font-size:14px;max-width:680px;margin:14px auto 0;opacity:.97;text-align:left}
.event-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;margin-bottom:18px;display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:start}
@media(max-width:640px){.event-card{grid-template-columns:1fr}}
.event-card .date{font-family:'Zen Maru Gothic',sans-serif;font-weight:700;color:var(--amber-deep);font-size:18px;line-height:1.4}
.event-card h3{font-size:17px;margin-bottom:6px}
.event-card p{font-size:13.5px;color:var(--muted)}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:10px}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr}}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px 30px;text-align:center}
.contact-card h3{font-size:18px;margin-bottom:10px}
.contact-card p{font-size:14px;color:var(--muted);margin-bottom:20px;text-align:left}
.form-note{background:var(--paper);border-radius:var(--radius);padding:28px 30px;font-size:14px;margin-top:34px}
.form-note h3{font-size:15.5px;margin-bottom:10px}
.form-note ol{padding-left:22px;line-height:2.2}

/* ---------- お問い合わせフォーム ---------- */
.contact-form-block{max-width:680px;margin:56px auto 0;padding-top:52px;border-top:1px solid var(--line)}
.contact-form-block>.sec-title{margin-bottom:8px;text-align:center}
.form-lead{text-align:center;color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:28px}
.form-lead .req{color:var(--pink-deep);font-weight:700}
.contact-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:36px 32px}
@media(max-width:600px){.contact-form{padding:24px 18px}}
.contact-form p{margin:0 0 20px}
.contact-form label{display:block;font-weight:700;color:var(--navy);font-size:14.5px;line-height:1.7}
.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 15px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-size:16px;font-family:inherit;color:var(--ink);line-height:1.6;transition:border-color .15s,box-shadow .15s}
.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{-webkit-appearance:none;appearance:none}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px rgba(233,92,142,.15)}
.contact-form .wpcf7-acceptance .wpcf7-list-item{margin:4px 0 0}
.contact-form .wpcf7-acceptance label{display:flex;align-items:flex-start;gap:10px;font-weight:500;font-size:14px;color:var(--ink)}
.contact-form input[type=checkbox]{width:20px;height:20px;margin-top:1px;flex:0 0 auto;accent-color:var(--green)}
.contact-form .wpcf7-submit{display:block;width:100%;margin-top:6px;padding:16px 24px;border:none;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;font-size:16px;letter-spacing:.05em;cursor:pointer;transition:.2s}
.contact-form .wpcf7-submit:hover{background:var(--pink)}
.contact-form .wpcf7-spinner{margin:14px auto 0;display:block}
.contact-form .wpcf7-not-valid-tip{color:var(--pink-deep);font-size:12.5px;margin-top:6px}
.contact-form .wpcf7-response-output{margin:18px 0 0!important;padding:12px 16px!important;border-radius:10px;font-size:13.5px}

/* ---------- misc ---------- */
.center{text-align:center}
.mt-l{margin-top:44px}
.anchor-offset{scroll-margin-top:90px}

/* 代表プロフィール：シグネチャーイラスト */
.profile-flex{display:flex;gap:38px;align-items:center}
.profile-flex .prose{flex:1;min-width:0}
.profile-illust{flex:0 0 210px;width:210px;height:auto;align-self:center;filter:drop-shadow(0 8px 20px rgba(42,52,71,.12))}
@media(max-width:700px){.profile-flex{flex-direction:column-reverse;gap:18px;align-items:center}.profile-illust{width:170px}}


/* ---------- WordPress 追加スタイル ---------- */
/* 投稿本文（single/固定ページのthe_content） */
.entry-content{max-width:760px}
.entry-content p{margin-bottom:1.6em}
.entry-content h2{font-size:22px;margin:2.2em 0 .8em;padding-bottom:8px;border-bottom:2px solid var(--pink-soft)}
.entry-content h3{font-size:18px;margin:2em 0 .8em;padding-left:14px;border-left:4px solid var(--pink)}
.entry-content ul,.entry-content ol{padding-left:26px;margin-bottom:1.6em}
.entry-content img{border-radius:14px;margin:1.2em 0}
.entry-content a{color:var(--pink-deep);font-weight:600;text-decoration:underline}
.entry-content blockquote{background:var(--paper);border-left:4px solid var(--pink);border-radius:0 14px 14px 0;padding:18px 24px;margin:1.6em 0}
.cat-hughug .entry-content h3{border-left-color:var(--green)}
.cat-hughug .entry-content a{color:var(--green-deep)}
.cat-otomaru .entry-content h3{border-left-color:var(--amber)}
.cat-otomaru .entry-content a{color:var(--amber-deep)}
.alignwide{max-width:var(--maxw)}
.alignfull{max-width:none;width:100%}
.wp-block-image img{height:auto}
/* 投稿メタ */
.entry-meta{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:13.5px;margin-bottom:34px}
/* ページネーション */
.pagination{display:flex;gap:8px;margin-top:40px;flex-wrap:wrap}
.pagination .page-numbers{display:inline-block;min-width:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:14px}
.pagination .page-numbers.current{background:var(--navy);color:#fff;border-color:var(--navy)}
.pagination a.page-numbers:hover{border-color:var(--pink);color:var(--pink-deep)}

/* ---------- おとまる確定ロゴ ロックアップ ---------- */
.oto-lockup{display:inline-flex;align-items:center;gap:12px}
.oto-lockup .mk{width:44px;height:44px;flex:0 0 auto}
.oto-lockup .wm{font-family:'Yusei Magic',cursive;font-size:30px;color:var(--amber-deep);line-height:1}
.oto-lockup-v{flex-direction:column;gap:12px}
.oto-lockup-v .mk{width:118px;height:118px}
.oto-lockup-v .wm{font-size:38px}