/*
Theme Name: ヒララボ (HIRA LAB) Official Hub Theme
Theme URI: https://hira-lab.jp/
Author: ヒララボ
Author URI: https://hira-lab.jp/
Description: 家具・インテリアEC歴14年の伴走者「ヒララボ（hira-lab.jp）」公式ハブ用WordPressテーマ。公式LINE（@877oiopv）への強力な誘導導線、顔イラストプロフィール、30秒EC現在地セルフチェック、ココナラ・note・楽天ROOM・各SNSリンク、受賞歴タイムラインを標準搭載。「外観 ＞ カスタマイズ ＞ ヒララボ リンク・連絡先設定」から全URLを編集可能です。
Version: 2.0.0
License: GPL v2 or later
Text Domain: hira-lab-wp-theme
*/

/* WordPress既存テーマの余白・ヘッダー干渉をリセットし全幅表示にする補正 */
.entry-content > .hiralab-wp-root,
.wp-site-blocks .hiralab-wp-root {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
:root{
  --hl-bg:#F4F3EC;
  --hl-surface:#FFFFFF;
  --hl-glass:#E4EFEF;
  --hl-glass2:#EBF3F2;
  --hl-ink:#182628;
  --hl-soft:#485B5D;
  --hl-muted:#6E8284;
  --hl-sea:#0F6F79;
  --hl-sea2:#0A555D;
  --hl-deep:#0B3D46;
  --hl-sun:#E8833A;
  --hl-sunl:#F3A661;
  --hl-sunbg:#FBE9D6;
  --hl-suntx:#8F430A;
  --hl-line-green:#06C755;
  --hl-line-dark:#05A847;
  --hl-line-pale:#E8F9EE;
  --hl-line-border:rgba(6,199,85,.32);
  --hl-line:rgba(24,38,40,.12);
  --hl-shadow:0 18px 42px rgba(11,61,70,.10);
}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--hl-bg);color:var(--hl-ink)}
.hiralab-wp-root{
  background:var(--hl-bg);
  color:var(--hl-ink);
  font:400 16px/1.85 "Zen Maru Gothic","Inter",sans-serif;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  padding-bottom:76px;
}
.hiralab-wp-root *,.hiralab-wp-root *::before,.hiralab-wp-root *::after{box-sizing:border-box}
.hiralab-wp-root h1,.hiralab-wp-root h2,.hiralab-wp-root h3,.hiralab-wp-root h4,.hiralab-wp-root p,.hiralab-wp-root ul,.hiralab-wp-root ol,.hiralab-wp-root dl,.hiralab-wp-root dd,.hiralab-wp-root figure,.hiralab-wp-root pre{margin:0}
.hiralab-wp-root a{color:inherit;text-decoration:none}
.hiralab-wp-root img{max-width:100%;height:auto;display:block}
.hiralab-wp-root :focus-visible{outline:3px solid var(--hl-sea);outline-offset:3px;border-radius:6px}
.hiralab-wp-root .skip{position:absolute;left:-999px}
.hiralab-wp-root .skip:focus{left:12px;top:12px;background:#fff;padding:8px 16px;z-index:99;border-radius:8px;box-shadow:var(--hl-shadow)}
.hiralab-wp-root .wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.hiralab-wp-root section{padding:72px 0}
.hiralab-wp-root .en{font:700 12px/1.2 "Outfit","Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--hl-sea);display:inline-flex;align-items:center;gap:8px}
.hiralab-wp-root h1{font-size:clamp(28px,4.5vw,46px);font-weight:900;line-height:1.36;margin:12px 0 18px;letter-spacing:-.01em;color:var(--hl-ink)}
.hiralab-wp-root h2{font-size:clamp(23px,3.2vw,34px);font-weight:900;line-height:1.38;margin:6px 0 12px;color:var(--hl-ink)}
.hiralab-wp-root h3{font-size:18px;font-weight:700;margin:28px 0 8px;color:var(--hl-ink)}
.hiralab-wp-root .lead{color:var(--hl-soft);font-size:15.5px;max-width:680px}
.hiralab-wp-root mark{background:linear-gradient(transparent 62%,rgba(232,131,58,.32) 62%);color:var(--hl-sea);padding:0 .12em}
.hiralab-wp-root .pr{font:700 11px "Outfit","Inter",sans-serif;font-style:normal;background:var(--hl-sun);color:#fff;padding:3px 9px;border-radius:6px;letter-spacing:.06em}

/* Buttons */
.hiralab-wp-root .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:700 15px/1.2 "Zen Maru Gothic","Inter",sans-serif;
  background:var(--hl-sea);color:#fff!important;
  padding:14px 26px;border:1.5px solid transparent;border-radius:99px;
  cursor:pointer;transition:all .24s ease;text-decoration:none!important;
}
.hiralab-wp-root .btn:hover{background:var(--hl-sea2);transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,111,121,.24)}
.hiralab-wp-root .btn.g{background:#fff;color:var(--hl-ink)!important;border-color:var(--hl-line)}
.hiralab-wp-root .btn.g:hover{border-color:var(--hl-sea);color:var(--hl-sea)!important;box-shadow:0 8px 20px rgba(11,61,70,.08)}
.hiralab-wp-root .btn.s{padding:9px 18px;font-size:13.5px}
.hiralab-wp-root .btn.sun{background:var(--hl-sun);color:#fff!important}
.hiralab-wp-root .btn.sun:hover{background:#d47129}
.hiralab-wp-root .btn.line{
  background:var(--hl-line-green);color:#fff!important;
  box-shadow:0 10px 26px rgba(6,199,85,.28);
  position:relative;
}
.hiralab-wp-root .btn.line:hover{
  background:var(--hl-line-dark);transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(6,199,85,.38);
}
.hiralab-wp-root .btn.line-white{
  background:#fff;color:#059640!important;
  font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.hiralab-wp-root .btn.line-white:hover{
  background:#F4FFF7;transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}
.hiralab-wp-root .line-icon{width:20px;height:20px;flex-shrink:0;fill:currentColor}

/* Header Navigation */
.hiralab-wp-root .nav{
  position:sticky;top:0;z-index:40;
  background:rgba(244,243,236,.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--hl-line);
}
.hiralab-wp-root .nav .wrap{display:flex;align-items:center;gap:10px;height:68px}
.hiralab-wp-root .logo{font:900 20px "Zen Maru Gothic","Outfit",sans-serif;letter-spacing:.04em;display:flex;align-items:center;gap:10px;margin-right:auto;color:var(--hl-ink)}
.hiralab-wp-root .logo-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--hl-sea)}
.hiralab-wp-root .logo-sub{font:600 11px "Outfit","Inter",sans-serif;color:var(--hl-soft);background:var(--hl-glass);padding:3px 9px;border-radius:99px;letter-spacing:.04em}
.hiralab-wp-root .nav-links{display:flex;align-items:center;gap:2px}
.hiralab-wp-root .nav-links a{padding:7px 11px;border-radius:99px;font-size:13px;font-weight:700;color:var(--hl-soft);transition:.2s}
.hiralab-wp-root .nav-links a:hover{background:var(--hl-glass);color:var(--hl-sea)}
.hiralab-wp-root .nav-cta-group{display:flex;align-items:center;gap:8px}
.hiralab-wp-root .menu-btn{display:none;background:#fff;border:1px solid var(--hl-line);border-radius:10px;padding:8px 12px;font:700 13px "Zen Maru Gothic",sans-serif;color:var(--hl-ink);cursor:pointer}
.hiralab-wp-root .mobile-nav{display:none;background:#fff;border-bottom:1px solid var(--hl-line);padding:12px 20px}
.hiralab-wp-root .mobile-nav.open{display:grid;gap:8px}
.hiralab-wp-root .mobile-nav a{padding:10px 12px;border-radius:10px;font-weight:700;color:var(--hl-soft)}
.hiralab-wp-root .mobile-nav a:hover{background:var(--hl-glass);color:var(--hl-sea)}

/* Hero Section */
.hiralab-wp-root .hero{padding:48px 0 36px}
.hiralab-wp-root .hero-g{display:grid;grid-template-columns:1.14fr .86fr;gap:40px;align-items:center}
.hiralab-wp-root .domain-pill{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--hl-line);
  padding:5px 14px;border-radius:99px;
  font-size:12.5px;font-weight:700;color:var(--hl-soft);
  margin-bottom:10px;box-shadow:0 4px 12px rgba(0,0,0,.03);
}
.hiralab-wp-root .domain-pill b{color:var(--hl-sea);font-family:"Outfit","Inter",sans-serif}
.hiralab-wp-root .hero-kpis{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
  margin-top:24px;padding-top:20px;border-top:1px solid var(--hl-line);
}
.hiralab-wp-root .hero-kpis div{background:rgba(255,255,255,.78);border:1px solid var(--hl-line);border-radius:16px;padding:12px 14px}
.hiralab-wp-root .hero-kpis b{display:block;font:700 22px/1.2 "Outfit","Inter",sans-serif;color:var(--hl-sea)}
.hiralab-wp-root .hero-kpis span{font-size:12px;color:var(--hl-soft);font-weight:700}
.hiralab-wp-root .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hiralab-wp-root .hero-line-note{
  margin-top:14px;padding:11px 16px;border-radius:16px;
  background:var(--hl-line-pale);border:1.5px solid var(--hl-line-border);
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  font-size:13px;font-weight:700;color:#0A5C2B;
}
.hiralab-wp-root .hero-line-note .badge-free{
  background:var(--hl-line-green);color:#fff;font-size:11px;font-weight:900;
  padding:3px 9px;border-radius:99px;letter-spacing:.04em;
}
.hiralab-wp-root .tag{
  display:inline-flex;align-items:center;gap:10px;margin-top:14px;
  font-size:13px;font-weight:700;color:var(--hl-suntx);
  background:var(--hl-sunbg);padding:6px 16px;border-radius:99px;
}
.hiralab-wp-root .tag i{width:8px;height:8px;border-radius:50%;background:var(--hl-sun)}

.hiralab-wp-root .horizon{
  position:relative;aspect-ratio:4/5;border-radius:32px;overflow:hidden;
  background:#0C4650;
  box-shadow:0 26px 56px rgba(11,61,70,.22);
  border:4px solid #fff;
}
.hiralab-wp-root .horizon img.hero-bg-img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.hiralab-wp-root .horizon:hover img.hero-bg-img{transform:scale(1.03)}
.hiralab-wp-root .horizon-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,61,70,.05) 40%,rgba(11,61,70,.82) 100%);
  display:flex;flex-direction:column;justify-content:flex-end;padding:22px;
  color:#fff;
}
.hiralab-wp-root .horizon-prof-card{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.95);color:var(--hl-ink);
  padding:12px 16px;border-radius:20px;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  margin-bottom:12px;
}
.hiralab-wp-root .horizon-prof-card img{
  width:56px;height:56px;border-radius:16px;object-fit:cover;
  border:2px solid var(--hl-sea);flex-shrink:0;
}
.hiralab-wp-root .horizon-prof-card b{display:block;font-size:15px;color:var(--hl-ink)}
.hiralab-wp-root .horizon-prof-card span{display:block;font-size:12px;color:var(--hl-soft);font-weight:700}
.hiralab-wp-root .horizon-badge{
  align-self:flex-start;
  background:rgba(255,255,255,.92);color:var(--hl-deep);
  font-size:12px;font-weight:700;padding:5px 13px;border-radius:99px;
}
.hiralab-wp-root .horizon-caption{margin-top:8px;font-size:13px;color:rgba(255,255,255,.92);line-height:1.6}

/* 3 Strengths / Stance Section */
.hiralab-wp-root .stance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.hiralab-wp-root .stance-card{
  background:#fff;border:1px solid var(--hl-line);border-radius:24px;padding:26px;
  box-shadow:0 8px 24px rgba(11,61,70,.04);
  display:flex;flex-direction:column;gap:10px;
}
.hiralab-wp-root .stance-num{
  width:38px;height:38px;border-radius:12px;
  background:var(--hl-glass);color:var(--hl-sea);
  font:700 15px "Outfit","Inter",sans-serif;
  display:grid;place-items:center;
}
.hiralab-wp-root .stance-card h3{margin:4px 0 0;font-size:17.5px;line-height:1.45}
.hiralab-wp-root .stance-card p{font-size:14px;color:var(--hl-soft);line-height:1.75}

/* Interactive EC Self-Check Diagnosis */
.hiralab-wp-root .diag-box{
  background:#fff;border:1.5px solid var(--hl-line);border-radius:28px;padding:34px;
  margin-top:16px;box-shadow:var(--hl-shadow);
}
.hiralab-wp-root .diag-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.hiralab-wp-root .diag-opt{
  text-align:left;background:var(--hl-bg);border:1.5px solid var(--hl-line);
  border-radius:18px;padding:18px;cursor:pointer;transition:.2s;
  font:inherit;color:var(--hl-ink);
}
.hiralab-wp-root .diag-opt:hover,.hiralab-wp-root .diag-opt.active{border-color:var(--hl-sea);background:var(--hl-glass2);box-shadow:0 8px 20px rgba(15,111,121,.10)}
.hiralab-wp-root .diag-opt small{display:inline-block;font:700 11px "Outfit","Inter",sans-serif;color:var(--hl-sea);background:#fff;padding:2px 9px;border-radius:99px;margin-bottom:6px}
.hiralab-wp-root .diag-opt b{display:block;font-size:15.5px;margin-bottom:6px}
.hiralab-wp-root .diag-opt span{display:block;font-size:13px;color:var(--hl-soft);line-height:1.6}
.hiralab-wp-root .diag-result{
  margin-top:22px;padding:24px;border-radius:20px;
  background:linear-gradient(135deg,#0B3D46,#0F6F79);color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
}
.hiralab-wp-root .diag-result h4{font-size:17px;color:var(--hl-sunl);margin-bottom:6px}
.hiralab-wp-root .diag-result p{font-size:14px;color:#EAF4F3;line-height:1.7;max-width:600px}
.hiralab-wp-root .diag-actions{display:flex;flex-direction:column;gap:8px;min-width:250px}

/* Dedicated High-Impact Official LINE Appeal Banner */
.hiralab-wp-root .line-appeal-sec{padding:28px 0 36px}
.hiralab-wp-root .line-banner{
  background:linear-gradient(135deg,#047835 0%,#06C755 58%,#05A847 100%);
  color:#fff;border-radius:32px;padding:38px 40px;
  box-shadow:0 24px 54px rgba(6,199,85,.26);
  display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
  position:relative;overflow:hidden;border:3px solid #fff;
}
.hiralab-wp-root .line-banner-head{display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.hiralab-wp-root .line-banner-avatar{
  width:72px;height:72px;border-radius:22px;overflow:hidden;
  border:3px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.18);flex-shrink:0;background:#fff;
}
.hiralab-wp-root .line-banner-avatar img{width:100%;height:100%;object-fit:cover}
.hiralab-wp-root .line-ribbon{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.22);backdrop-filter:blur(6px);
  color:#fff;font-size:12.5px;font-weight:900;padding:5px 14px;border-radius:99px;
  letter-spacing:.04em;margin-bottom:6px;
}
.hiralab-wp-root .line-banner h2{color:#fff;font-size:clamp(22px,3vw,31px);margin:0}
.hiralab-wp-root .line-banner p{color:rgba(255,255,255,.95);font-size:15px;line-height:1.75;margin-top:8px;max-width:640px}
.hiralab-wp-root .line-merits{
  list-style:none;padding:0;margin:18px 0 0;
  display:flex;gap:10px;flex-wrap:wrap;
}
.hiralab-wp-root .line-merits li{
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);
  padding:6px 14px;border-radius:99px;font-size:13px;font-weight:700;color:#fff;
}
.hiralab-wp-root .line-cta-box{
  background:rgba(255,255,255,.14);backdrop-filter:blur(8px);
  border:1.5px solid rgba(255,255,255,.32);
  border-radius:24px;padding:24px;text-align:center;
  display:flex;flex-direction:column;gap:12px;min-width:280px;
}
.hiralab-wp-root .line-id-box{
  display:flex;align-items:center;justify-content:center;gap:8px;
  background:rgba(0,0,0,.18);padding:8px 14px;border-radius:12px;
  font-size:13.5px;font-weight:700;color:#fff;
}
.hiralab-wp-root .line-id-box code{font:700 15px "Outfit","Inter",monospace;color:#FFF799}
.hiralab-wp-root .copy-id-btn{
  background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.4);
  color:#fff;font:700 11.5px "Zen Maru Gothic",sans-serif;
  padding:4px 10px;border-radius:99px;cursor:pointer;transition:.2s;
}
.hiralab-wp-root .copy-id-btn:hover{background:#fff;color:#059640}

/* Channels Section */
.hiralab-wp-root .glass{background:var(--hl-glass);border-radius:32px;padding:40px}
.hiralab-wp-root .filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.hiralab-wp-root .tab-btn{
  background:rgba(255,255,255,.65);border:1px solid var(--hl-line);
  color:var(--hl-soft);font:700 13px "Zen Maru Gothic","Inter",sans-serif;
  padding:7px 16px;border-radius:99px;cursor:pointer;transition:.2s;
}
.hiralab-wp-root .tab-btn.active,.hiralab-wp-root .tab-btn:hover{background:var(--hl-sea);color:#fff;border-color:var(--hl-sea)}
.hiralab-wp-root .grid{display:grid;gap:14px;margin-top:22px}
.hiralab-wp-root .c4{grid-template-columns:repeat(4,1fr)}
.hiralab-wp-root .c3{grid-template-columns:repeat(3,1fr)}
.hiralab-wp-root .c2{grid-template-columns:repeat(2,1fr)}
.hiralab-wp-root .ch-card{
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;background:#fff;border:1px solid var(--hl-line);
  border-radius:20px;padding:22px;transition:.25s;
}
.hiralab-wp-root .ch-card[href]:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(12,70,80,.10);border-color:var(--hl-sea)}
.hiralab-wp-root .ch-card.featured-line{
  border:2.5px solid var(--hl-line-green);
  background:linear-gradient(180deg,#FFFFFF 0%,#F2FBF5 100%);
  box-shadow:0 12px 28px rgba(6,199,85,.14);
}
.hiralab-wp-root .ch-card.featured-line:hover{
  border-color:var(--hl-line-dark);
  box-shadow:0 16px 34px rgba(6,199,85,.24);
}
.hiralab-wp-root .ch-card.featured-line .ch-foot{
  color:#059640;border-top-color:rgba(6,199,85,.28);font-weight:900;
}
.hiralab-wp-root .ch-card.coming-soon{background:rgba(255,255,255,.78);border-style:dashed}
.hiralab-wp-root .ch-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.hiralab-wp-root .ch-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px}
.hiralab-wp-root .ch-badge.ec{background:var(--hl-glass);color:var(--hl-sea)}
.hiralab-wp-root .ch-badge.hobby{background:var(--hl-sunbg);color:var(--hl-suntx)}
.hiralab-wp-root .ch-badge.consult{background:#E5F4EA;color:#1B6B3A}
.hiralab-wp-root .ch-badge.line-hot{background:var(--hl-line-green);color:#fff;font-weight:900}
.hiralab-wp-root .ch-badge.soon{background:#F0EFE9;color:var(--hl-soft)}
.hiralab-wp-root .ch-id{font:700 11px "Outfit","Inter",sans-serif;color:#059640;background:var(--hl-line-pale);padding:2px 8px;border-radius:6px}
.hiralab-wp-root .ch-card b{display:block;font-size:17.5px;margin-bottom:6px;line-height:1.35}
.hiralab-wp-root .ch-card p{font-size:13.2px;color:var(--hl-soft);line-height:1.65;margin-bottom:14px}
.hiralab-wp-root .ch-foot{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--hl-sea);padding-top:10px;border-top:1px dashed var(--hl-line)}
.hiralab-wp-root .ch-card:not([href]) .ch-foot{color:var(--hl-muted)}

/* Profile Section */
.hiralab-wp-root .prof{display:grid;grid-template-columns:240px 1fr;gap:38px;align-items:start}
.hiralab-wp-root .prof-side{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.hiralab-wp-root .avatar-wrap{
  width:200px;height:200px;border-radius:32px;overflow:hidden;
  border:4px solid #fff;box-shadow:var(--hl-shadow);background:#FAF8F2;
}
.hiralab-wp-root .avatar-wrap img{width:100%;height:100%;object-fit:cover}
.hiralab-wp-root .avatar-caption{font-size:13px;color:var(--hl-ink);font-weight:900}
.hiralab-wp-root .avatar-sub{font-size:12px;color:var(--hl-soft);line-height:1.5}
.hiralab-wp-root .prof p+p{margin-top:12px}
.hiralab-wp-root .prof h2{margin-bottom:14px}
.hiralab-wp-root .def{color:var(--hl-ink);font-weight:500;background:#fff;padding:16px 20px;border-radius:16px;border-left:4px solid var(--hl-sea)}
.hiralab-wp-root .facts{margin-top:22px;background:#fff;border:1px solid var(--hl-line);border-radius:20px;overflow:hidden}
.hiralab-wp-root .facts div{display:grid;grid-template-columns:108px 1fr;gap:14px;padding:13px 20px;border-bottom:1px solid var(--hl-line);font-size:14px}
.hiralab-wp-root .facts div:last-child{border:0}
.hiralab-wp-root .facts dt{font-weight:700;color:var(--hl-sea)}
.hiralab-wp-root .facts dd{color:var(--hl-soft)}
.hiralab-wp-root .facts dd a{color:var(--hl-sea);text-decoration:underline;font-weight:700}

/* Awards Section */
.hiralab-wp-root .band{border-radius:40px;margin:0 12px}
.hiralab-wp-root .deep{background:var(--hl-deep);color:#EAF4F3}
.hiralab-wp-root .deep h2{color:#fff}
.hiralab-wp-root .deep .en{color:var(--hl-sunl)}
.hiralab-wp-root .deep .lead{color:#B7D2D0}
.hiralab-wp-root .st{display:flex;gap:32px;flex-wrap:wrap;margin-top:24px}
.hiralab-wp-root .st div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:14px 22px;border-radius:18px}
.hiralab-wp-root .st b{display:block;font:700 30px/1.2 "Outfit","Inter",sans-serif;color:var(--hl-sunl)}
.hiralab-wp-root .st small{font-size:12.5px;color:#B7D2D0}
.hiralab-wp-root .aw{list-style:none;padding:0;margin:32px 0 0 8px;border-left:2px solid rgba(255,255,255,.22)}
.hiralab-wp-root .aw li{
  display:grid;grid-template-columns:82px 96px 1fr auto;gap:14px;align-items:center;
  padding:15px 12px 15px 24px;position:relative;border-bottom:1px solid rgba(255,255,255,.08);
}
.hiralab-wp-root .aw li::before{
  content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;
  transform:translateY(-50%);border-radius:50%;background:var(--hl-deep);border:2px solid var(--hl-sunl);
}
.hiralab-wp-root .aw time{font:700 15px "Outfit","Inter",sans-serif;color:var(--hl-sunl)}
.hiralab-wp-root .aw b{font-size:12px;padding:3px 12px;border-radius:99px;background:rgba(255,255,255,.12);justify-self:start}
.hiralab-wp-root .aw span{font-size:14.5px}
.hiralab-wp-root .aw i{font-style:normal;font-size:12px;font-weight:700;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.14)}
.hiralab-wp-root .aw .top{background:rgba(242,162,94,.16);border-radius:0 16px 16px 0}
.hiralab-wp-root .aw .top i{background:var(--hl-sunl);color:#2A1606}

/* Off Days Section */
.hiralab-wp-root .warm{background:var(--hl-sunbg)}
.hiralab-wp-root .warm .en{color:var(--hl-suntx)}
.hiralab-wp-root .warm p{max-width:680px;color:var(--hl-soft)}
.hiralab-wp-root .ph{margin-top:26px}
.hiralab-wp-root .ph-card{
  background:#fff;border-radius:22px;overflow:hidden;
  border:1px solid rgba(154,74,14,.12);
  box-shadow:0 12px 28px rgba(42,22,6,.06);
  display:flex;flex-direction:column;
}
.hiralab-wp-root .ph-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1A3A40}
.hiralab-wp-root .ph-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hiralab-wp-root .ph-card:hover .ph-img img{transform:scale(1.04)}
.hiralab-wp-root .ph-tag{
  position:absolute;left:12px;top:12px;
  background:rgba(255,255,255,.94);color:var(--hl-ink);
  font-size:12px;font-weight:700;padding:4px 12px;border-radius:99px;
}
.hiralab-wp-root .ph-body{padding:16px 18px}
.hiralab-wp-root .ph-body b{display:block;font-size:16px;margin-bottom:4px}
.hiralab-wp-root .ph-body span{font-size:13.5px;color:var(--hl-soft);line-height:1.65;display:block}

/* Recommend Section */
.hiralab-wp-root .rec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hiralab-wp-root .items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}
.hiralab-wp-root .item-card{
  display:flex;flex-direction:column;justify-content:space-between;gap:12px;
  background:#fff;border:1px solid var(--hl-line);border-radius:20px;padding:20px;
  transition:.2s;
}
.hiralab-wp-root .item-card:hover{border-color:var(--hl-sea);box-shadow:0 10px 24px rgba(11,61,70,.06)}
.hiralab-wp-root .item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hiralab-wp-root .item-cat{font:700 11.5px "Zen Maru Gothic",sans-serif;color:var(--hl-sea);background:var(--hl-glass);padding:3px 11px;border-radius:99px}
.hiralab-wp-root .item-cat.out{background:var(--hl-sunbg);color:var(--hl-suntx)}
.hiralab-wp-root .item-card h4{font-size:16px;font-weight:700;line-height:1.5;color:var(--hl-ink)}
.hiralab-wp-root .item-card p{font-size:13.5px;color:var(--hl-soft);line-height:1.65}
.hiralab-wp-root .item-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--hl-line)}
.hiralab-wp-root .item-link{
  background:var(--hl-sea);color:#fff!important;font-size:12.5px;font-weight:700;
  padding:7px 15px;border-radius:99px;transition:.2s;
}
.hiralab-wp-root .item-link:hover{background:var(--hl-sea2)}
.hiralab-wp-root .item-link:not([href]){background:var(--hl-glass);color:var(--hl-soft)!important;pointer-events:none}
.hiralab-wp-root .item-link:not([href])::after{content:"（リンク準備中）"}
.hiralab-wp-root .note{margin-top:24px;padding:15px 18px;background:var(--hl-glass);border-radius:16px;font-size:12.5px;color:var(--hl-soft);line-height:1.8}

/* FAQ Section */
.hiralab-wp-root .faq{margin-top:22px;display:grid;gap:10px}
.hiralab-wp-root .faq details{background:#fff;border:1px solid var(--hl-line);border-radius:16px;padding:0 20px}
.hiralab-wp-root .faq summary{cursor:pointer;font-weight:700;padding:16px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.hiralab-wp-root .faq summary::-webkit-details-marker{display:none}
.hiralab-wp-root .faq summary::after{content:"+";color:var(--hl-sea);font-weight:700;font-size:18px}
.hiralab-wp-root .faq details[open] summary::after{content:"−"}
.hiralab-wp-root .faq p{padding:0 0 16px;color:var(--hl-soft);font-size:14.5px;line-height:1.8}

/* Contact Section */
.hiralab-wp-root .cg{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:start}
.hiralab-wp-root form{display:grid;gap:14px;background:#fff;padding:28px;border-radius:24px;border:1px solid var(--hl-line);box-shadow:var(--hl-shadow)}
.hiralab-wp-root label{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--hl-soft)}
.hiralab-wp-root input,.hiralab-wp-root textarea,.hiralab-wp-root select{
  font:inherit;padding:12px 14px;border:1.5px solid var(--hl-line);
  border-radius:12px;background:var(--hl-bg);color:var(--hl-ink);width:100%;
}
.hiralab-wp-root input:focus,.hiralab-wp-root textarea:focus,.hiralab-wp-root select:focus{outline:none;border-color:var(--hl-sea);background:#fff;box-shadow:0 0 0 3px rgba(15,111,121,.15)}
.hiralab-wp-root form small{color:var(--hl-soft);font-size:12px;line-height:1.6}
.hiralab-wp-root .qual{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.hiralab-wp-root .qual li{position:relative;padding-left:24px;font-size:14.5px;color:var(--hl-soft)}
.hiralab-wp-root .qual li::before{content:"✓";position:absolute;left:0;top:0;color:var(--hl-sea);font-weight:700}
.hiralab-wp-root .flow{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:14px}
.hiralab-wp-root .flow li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
.hiralab-wp-root .flow b{width:30px;height:30px;border-radius:50%;background:var(--hl-sea);color:#fff;display:grid;place-items:center;font:700 13px "Outfit",sans-serif}
.hiralab-wp-root .flow strong{display:block;font-size:14.5px}
.hiralab-wp-root .flow span{font-size:13.5px;color:var(--hl-soft)}
.hiralab-wp-root .direct-box{
  margin-top:22px;padding:22px;background:linear-gradient(180deg,#F2FBF5 0%,#FFFFFF 100%);
  border:2px solid var(--hl-line-green);
  border-radius:22px;display:grid;gap:12px;
  box-shadow:0 12px 28px rgba(6,199,85,.12);
}
.hiralab-wp-root .direct-box-badge{
  display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
  background:var(--hl-line-green);color:#fff;font-size:11.5px;font-weight:900;
  padding:3px 11px;border-radius:99px;
}
.hiralab-wp-root .direct-box b{font-size:16px;color:var(--hl-ink)}
.hiralab-wp-root .direct-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}

/* Floating Official LINE Button */
.hiralab-wp-root .floating-line{
  position:fixed;right:20px;bottom:20px;z-index:85;
  display:inline-flex;align-items:center;gap:10px;
  background:var(--hl-line-green);color:#fff!important;
  padding:12px 20px;border-radius:99px;
  box-shadow:0 14px 34px rgba(6,199,85,.42);
  border:2.5px solid #fff;
  font:900 14px/1.2 "Zen Maru Gothic","Inter",sans-serif;
  transition:transform .24s ease,box-shadow .24s ease;
}
.hiralab-wp-root .floating-line:hover{
  transform:translateY(-3px) scale(1.02);
  background:var(--hl-line-dark);
  box-shadow:0 18px 40px rgba(6,199,85,.52);
}
.hiralab-wp-root .floating-line small{
  display:block;font:700 10.5px "Outfit","Inter",sans-serif;opacity:.92;
}

/* Modal & Footer */
.hiralab-wp-root .modal-backdrop{
  position:fixed;inset:0;background:rgba(11,61,70,.6);backdrop-filter:blur(4px);
  z-index:100;display:none;place-items:center;padding:20px;
}
.hiralab-wp-root .modal-backdrop.open{display:grid}
.hiralab-wp-root .modal{
  background:#fff;border-radius:24px;max-width:560px;width:100%;padding:28px;
  box-shadow:0 24px 60px rgba(0,0,0,.25);border:1px solid var(--hl-line);
}
.hiralab-wp-root .modal h3{margin:0 0 10px;font-size:19px}
.hiralab-wp-root .modal pre{
  background:var(--hl-bg);padding:14px;border-radius:12px;border:1px solid var(--hl-line);
  font:400 13px/1.6 monospace;white-space:pre-wrap;color:var(--hl-ink);margin:12px 0 18px;max-height:220px;overflow:auto;
}
.hiralab-wp-root .modal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.hiralab-wp-root footer{background:var(--hl-deep);color:#B7D2D0;padding:42px 0;font-size:13px;margin-top:40px}
.hiralab-wp-root footer .logo{color:#fff;display:inline-flex;margin-bottom:8px}
.hiralab-wp-root footer p+p{margin-top:6px}

@media(max-width:980px){
  .hiralab-wp-root .c4{grid-template-columns:repeat(2,1fr)}
  .hiralab-wp-root .line-banner{grid-template-columns:1fr;padding:28px 24px}
}
@media(max-width:860px){
  .hiralab-wp-root .hero-g,.hiralab-wp-root .cg,.hiralab-wp-root .prof,.hiralab-wp-root .stance-grid,.hiralab-wp-root .diag-steps{grid-template-columns:1fr}
  .hiralab-wp-root .c3,.hiralab-wp-root .items-grid{grid-template-columns:repeat(2,1fr)}
  .hiralab-wp-root .nav-links{display:none}
  .hiralab-wp-root .menu-btn{display:inline-flex}
  .hiralab-wp-root .glass{padding:26px}
  .hiralab-wp-root .band{border-radius:28px;margin:0 8px}
  .hiralab-wp-root .prof-side{flex-direction:row;text-align:left;gap:18px}
  .hiralab-wp-root .avatar-wrap{width:120px;height:120px;flex-shrink:0}
}
@media(max-width:600px){
  .hiralab-wp-root .c4,.hiralab-wp-root .c3,.hiralab-wp-root .c2,.hiralab-wp-root .items-grid,.hiralab-wp-root .hero-kpis{grid-template-columns:1fr}
  .hiralab-wp-root .aw li{display:flex;flex-wrap:wrap;gap:6px 12px}
  .hiralab-wp-root .aw span{order:4;flex-basis:100%}
  .hiralab-wp-root .aw i{margin-left:auto}
  .hiralab-wp-root .prof-side{flex-direction:column;text-align:center}
  .hiralab-wp-root .floating-line{right:12px;bottom:12px;padding:10px 16px;font-size:13px}
}