:root{--color-navy:#2F315F;--color-navy-dark:#252236;--color-lavender:#A6ABE2;--color-pink:#FF6A95;--color-peach:#FEDBC7;--color-cream:#FFF8F6;--color-bg:#F9F6FB;--color-white:#fff;--color-text:#252236;--color-muted:#7C7890;--color-border:#E6DEEF;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;--radius-sm:10px;--radius-md:18px;--radius-lg:32px;--radius-full:999px;--shadow:0 18px 44px rgba(47,49,95,.11);--shadow-strong:0 26px 58px rgba(47,49,95,.2);--max:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-text);background:radial-gradient(circle at 8% 0,rgba(255,106,149,.08),transparent 30%),radial-gradient(circle at 90% 6%,rgba(166,171,226,.24),transparent 32%),linear-gradient(180deg,#fff 0,var(--color-bg) 55%,#f4f2ff 100%);line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font:inherit;border:0;background:transparent;cursor:pointer}.container{width:min(100% - 40px,var(--max));margin:auto}.container-narrow{width:min(100% - 40px,860px);margin:auto}.text-center{text-align:center}.eyebrow{display:inline-flex;color:var(--color-pink);font-size:.75rem;font-weight:900;letter-spacing:.16em;margin-bottom:10px}.section-block{padding:86px 0}.is-soft{background:rgba(255,248,246,.6)}.section-heading{margin-bottom:38px}.section-heading-left{text-align:left}.section-title{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.25;color:var(--color-navy);font-weight:900;letter-spacing:.04em}.section-title:after{content:"";display:block;width:68px;height:4px;background:var(--color-pink);border-radius:999px;margin:14px auto 0}.section-heading-left .section-title:after{margin-left:0}.section-subtitle{max-width:760px;margin:14px auto 0;color:var(--color-muted);font-weight:700}.section-heading-left .section-subtitle{margin-left:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;border-radius:var(--radius-full);padding:12px 22px;font-weight:900;line-height:1.2;transition:.22s ease;border:2px solid transparent;min-height:46px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--color-pink),#ff84aa);color:#fff;box-shadow:0 14px 28px rgba(255,106,149,.28)}.btn-white{background:#fff;color:var(--color-pink)}.btn-outline{background:#fff;color:var(--color-navy);border-color:rgba(166,171,226,.78)}.btn-outline:hover{border-color:var(--color-pink);box-shadow:var(--shadow)}.btn-link{padding:8px 2px;color:var(--color-pink);border-radius:0;border-bottom:2px solid var(--color-pink)}.btn-subscription{background:rgba(255,255,255,.82);color:var(--color-navy);border-color:var(--color-lavender);box-shadow:none}.btn-lg{padding:15px 26px}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}#site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,222,239,.72);transition:.22s ease}#site-header.is-scrolled{box-shadow:0 10px 28px rgba(47,49,95,.08)}.header-shell{width:min(100% - 40px,var(--max));margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-logo{display:flex;align-items:center;gap:10px;color:var(--color-navy);font-size:1.08rem;font-weight:900}.site-logo img{width:42px;height:42px;object-fit:contain;border-radius:50%;background:linear-gradient(135deg,var(--color-cream),#fff);border:1px solid var(--color-border)}.desktop-nav{display:flex;align-items:center;gap:14px}.desktop-nav a{font-size:.86rem;font-weight:900;color:var(--color-navy);padding:9px 10px;border-radius:999px}.desktop-nav a:hover,.desktop-nav a.active{background:rgba(255,106,149,.1);color:var(--color-pink)}.desktop-nav .nav-consult{background:var(--color-pink);color:#fff;padding-inline:16px}.desktop-nav .nav-consult:hover{background:#ff5d8c;color:#fff}.desktop-nav .nav-sub{color:var(--color-muted);font-size:.78rem;background:transparent}.hamburger-btn{display:none;position:relative;width:44px;height:44px;border-radius:50%;background:var(--color-cream);z-index:120}.hamburger-btn span{display:block;width:22px;height:2px;background:var(--color-navy);margin:5px auto;transition:.22s}.hamburger-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none}.hero{padding:72px 0 82px;overflow:hidden;background:linear-gradient(135deg,#fff 0,var(--color-cream) 43%,rgba(166,171,226,.28) 100%)}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:54px}.hero h1{font-size:clamp(2.45rem,5.4vw,4.75rem);line-height:1.12;color:var(--color-navy);font-weight:950;letter-spacing:.035em}.hero h1 span{color:var(--color-pink);text-shadow:4px 4px 0 rgba(254,219,199,.9)}.hero-lead{margin-top:24px;color:var(--color-muted);font-weight:750;max-width:680px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-art{position:relative;min-height:520px;display:grid;place-items:center}.hero-art-card{width:min(100%,440px);aspect-ratio:1/1.15;border-radius:42px;background:radial-gradient(circle at 50% 24%,rgba(255,106,149,.16),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.92),rgba(254,219,199,.52));box-shadow:var(--shadow-strong);border:1px solid rgba(230,222,239,.95);display:grid;place-items:center;padding:20px;overflow:hidden}.hero-icon-img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(47,49,95,.16))}.floating-card{position:absolute;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow);color:var(--color-navy)}.floating-card span{display:block;color:var(--color-pink);font-size:.72rem;font-weight:900;letter-spacing:.12em}.floating-card strong{font-size:.95rem}.card-top{top:44px;right:0}.card-bottom{bottom:58px;left:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--color-border);border-radius:24px;padding:22px;box-shadow:var(--shadow);transition:.22s ease}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong);border-color:rgba(255,106,149,.35)}.service-card span{display:inline-flex;color:var(--color-pink);font-weight:900;margin-bottom:12px}.service-card h3{color:var(--color-navy);font-size:1.03rem;font-weight:900;margin-bottom:8px}.service-card p{color:var(--color-muted);font-size:.9rem;font-weight:700}.service-card.muted{border-style:dashed;opacity:.82}.price-table-wrapper{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:auto}.price-table{width:100%;min-width:760px;border-collapse:collapse}.price-table th{background:var(--color-navy);color:#fff;text-align:left;padding:16px}.price-table td{border-bottom:1px solid var(--color-border);padding:15px 16px}.price-table tbody tr:nth-child(odd){background:var(--color-cream)}.price-table td:first-child,.price-table td:nth-child(2){font-weight:900;color:var(--color-navy)}.note-box{margin-top:16px;background:#fff6da;border:1px solid #f1deaa;color:#735411;border-radius:18px;padding:14px 16px;font-weight:800}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:.22s ease}.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-strong)}.work-image{height:360px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fff 0,var(--color-cream) 48%,rgba(166,171,226,.28) 100%);overflow:hidden}.work-image.wide{height:300px}.image-contain img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(47,49,95,.15))}.soft-lock{position:relative}.soft-lock:after{content:"MEMBER";position:absolute;top:14px;right:14px;background:rgba(166,171,226,.9);color:#fff;border-radius:999px;padding:5px 10px;font-weight:900;font-size:.7rem}.work-card-content{padding:21px}.work-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.tag-mini{display:inline-flex;border-radius:999px;background:var(--color-cream);border:1px solid var(--color-border);color:var(--color-navy);padding:4px 10px;font-size:.74rem;font-weight:900}.tag-public{background:#fff}.tag-subscription{background:var(--color-lavender);border-color:var(--color-lavender);color:#fff}.work-card h2,.work-card h3{font-size:1.12rem;color:var(--color-navy);font-weight:900;margin-bottom:8px}.work-card p{color:var(--color-muted);font-weight:700;font-size:.92rem}.work-link{display:inline-flex;margin-top:14px;color:var(--color-pink);font-weight:900}.section-action{text-align:center;margin-top:34px}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flow-step{background:#fff;border:1px solid var(--color-border);border-radius:24px;padding:24px;text-align:center;box-shadow:var(--shadow)}.flow-step span{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:var(--color-pink);color:#fff;font-size:1.35rem;font-weight:900}.flow-step h3,.contact-card h3{color:var(--color-navy);font-weight:900}.flow-step p,.contact-card p{color:var(--color-muted);font-weight:700}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.contact-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px;text-align:center}.contact-card .btn{margin-top:18px}.contact-primary{background:linear-gradient(135deg,var(--color-pink),#ff86ae);color:#fff}.contact-primary h3,.contact-primary p{color:#fff}.contact-label{display:inline-flex;background:rgba(255,255,255,.23);padding:3px 12px;border-radius:999px;font-size:.75rem;font-weight:900;margin-bottom:10px}.subscription-guide{padding:42px 0;background:transparent}.subscription-inner{background:var(--color-cream);border:2px solid var(--color-peach);border-radius:var(--radius-lg);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.subscription-inner h2{color:var(--color-navy);font-size:1.4rem}.subscription-inner p{color:var(--color-muted);font-weight:700}.breadcrumb{background:var(--color-cream);border-bottom:1px solid var(--color-border);font-size:.88rem;padding:13px 0;color:var(--color-muted)}.breadcrumb a{color:var(--color-navy);font-weight:900}.breadcrumb span{margin-left:8px}.lower-hero{padding:62px 0;background:linear-gradient(135deg,rgba(166,171,226,.35),rgba(254,219,199,.65))}.lower-hero-inner{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:36px}.lower-hero h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.15;color:var(--color-navy);font-weight:950}.lower-hero p{color:var(--color-navy);font-weight:800;margin-top:12px}.lower-hero-visual{height:270px;border-radius:var(--radius-lg);background:rgba(255,255,255,.55);border:1px solid rgba(230,222,239,.95);padding:10px;overflow:hidden}.category-tabs,.status-switcher{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:36px}.tag{border:2px solid var(--color-lavender);border-radius:999px;background:#fff;color:var(--color-navy);padding:10px 18px;font-weight:900}.tag.active{background:var(--color-pink);border-color:var(--color-pink);color:#fff}.cta-buttons,.panel-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.status-panel{text-align:center;padding:34px;margin-top:20px}.status-panel h3{color:var(--color-navy);font-size:1.35rem}.status-panel p{color:var(--color-muted);font-weight:700;margin:10px 0 20px}.limited-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.limited-card{background:linear-gradient(135deg,#fff,var(--color-cream));border:1px solid var(--color-border);border-radius:24px;padding:22px}.limited-card span{display:inline-flex;color:var(--color-pink);font-weight:900;margin-bottom:8px}.hidden,[hidden]{display:none!important}#site-footer{background:var(--color-navy-dark);color:#fff;padding:44px 0 18px}.footer-subscription-box{width:min(100% - 40px,var(--max));margin:0 auto 34px;background:rgba(255,255,255,.055);border:1px solid rgba(166,171,226,.7);border-radius:var(--radius-lg);padding:24px;text-align:center}.footer-subscription-box h2{font-size:1.1rem;margin-bottom:8px}.footer-subscription-box p{color:rgba(255,255,255,.76);margin-bottom:14px}.footer-content{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:28px}.footer-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900;font-size:1.08rem;margin-bottom:12px}.footer-logo img{width:44px;height:44px;object-fit:contain;border-radius:50%;background:#fff}.footer-section h2{font-size:1rem;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid var(--color-pink);display:inline-block}.footer-section p,.footer-section a{color:rgba(255,255,255,.76);font-size:.9rem}.footer-section a:hover{color:var(--color-pink)}.footer-section ul{list-style:none;display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);text-align:center;width:min(100% - 40px,var(--max));margin:32px auto 0;padding-top:18px;color:rgba(255,255,255,.66);font-size:.82rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}a:focus,button:focus{outline:3px solid rgba(255,106,149,.45);outline-offset:3px}@media(max-width:1120px){.desktop-nav{display:none}.hamburger-btn{display:block}.mobile-nav{position:fixed;inset:0 0 auto 0;min-height:100vh;background:#fff;display:flex;flex-direction:column;gap:6px;padding:92px 24px 24px;transform:translateX(100%);transition:.25s ease;z-index:90}.mobile-nav.open{transform:translateX(0)}.mobile-nav a{padding:12px 14px;border-radius:18px;color:var(--color-navy);font-weight:900}.mobile-nav a:hover,.mobile-nav a.active{background:var(--color-cream);color:var(--color-pink)}.mobile-sub{text-align:center;color:var(--color-muted)!important}.hero-layout,.lower-hero-inner{grid-template-columns:1fr}.hero-art{order:-1;min-height:390px}.hero-art-card{width:min(100%,360px)}.service-grid{grid-template-columns:repeat(3,1fr)}.works-grid,.flow-grid,.footer-content{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.limited-grid{grid-template-columns:1fr}}@media(max-width:767px){body{font-size:15px}.container,.container-narrow,.header-shell,.footer-subscription-box{width:min(100% - 24px,var(--max))}.header-shell{min-height:66px}.section-block{padding:58px 0}.hero{padding:42px 0 58px}.hero h1{font-size:2.35rem}.hero-actions .btn{width:100%}.floating-card{display:none}.service-grid,.works-grid,.flow-grid,.footer-content{grid-template-columns:1fr}.work-image{height:330px}.work-image.wide{height:230px}.subscription-inner{display:block;text-align:center}.subscription-inner .btn{margin-top:18px;width:100%}.footer-content{text-align:center}.footer-logo{justify-content:center}.footer-section h2{margin-inline:auto}.price-table{min-width:720px}.lower-hero{padding:46px 0}.lower-hero-visual{height:210px}.cta-buttons .btn,.panel-actions .btn{width:100%}}

/* ==================================================
   anuru feedback overrides 2026-05-22
   見出しサイズ調整 / 紺色調整 / トップビジュアル暫定対応
================================================== */

:root {
  --color-navy: #405F8A;
  --color-navy-dark: #34445C;
  --color-text: #343447;
  --shadow: 0 16px 38px rgba(64, 95, 138, .10);
  --shadow-strong: 0 22px 50px rgba(64, 95, 138, .16);
}

/* 見出しが強すぎるため全体的に少し控えめにする */
.hero h1 {
  font-size: clamp(2.05rem, 4.4vw, 3.7rem);
  line-height: 1.18;
  letter-spacing: .02em;
}

.section-title {
  font-size: clamp(1.55rem, 3.1vw, 2.25rem);
  line-height: 1.35;
}

.lower-hero h1 {
  font-size: clamp(1.85rem, 4vw, 2.85rem);
  line-height: 1.22;
}

/* 濃すぎる紺を少し青寄り・グレー寄りに調整 */
.site-logo,
.desktop-nav a,
.hero h1,
.section-title,
.service-card h3,
.work-card h2,
.work-card h3,
.flow-step h3,
.contact-card h3,
.subscription-inner h2,
.lower-hero h1,
.lower-hero p,
.price-table td:first-child,
.price-table td:nth-child(2) {
  color: var(--color-navy);
}

/* 強い面積の紺は少し柔らかくする */
.price-table th,
#site-footer {
  background: var(--color-navy-dark);
}

/* トップのイラストが仮であることを自然に見せる */
.hero-art-card {
  position: relative;
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 106, 149, .12), transparent 35%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(230,234,250,.70));
}

.hero-art-card::after {
  content: "Main visual coming soon";
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(166,171,226,.65);
  color: var(--color-navy);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  box-shadow: 0 8px 18px rgba(64,95,138,.10);
}

.floating-card {
  color: var(--color-navy);
}

/* スマホ時も見出しが大きすぎないようにする */
@media (max-width: 767px) {
  .hero h1 {
    font-size: 2rem;
    line-height: 1.25;
  }

  .section-title {
    font-size: 1.55rem;
  }

  .lower-hero h1 {
    font-size: 1.8rem;
  }
}


/* ==================================================
   anuru design adjustment 2026-05-22
   目的：
   - 見出しサイズを少し抑える
   - 濃すぎる紺を青寄り・グレー寄りに調整
   - トップビジュアルを仮イラスト状態でも自然に見せる
================================================== */

:root {
  --color-navy: #405F8A;
  --color-navy-dark: #34445C;
  --color-text: #343447;
  --color-muted: #77758A;
  --shadow: 0 16px 38px rgba(64, 95, 138, .10);
  --shadow-strong: 0 22px 50px rgba(64, 95, 138, .16);
}

/* ===== 見出しサイズ調整 ===== */

.hero h1 {
  font-size: clamp(2rem, 4.4vw, 3.6rem);
  line-height: 1.2;
  letter-spacing: .02em;
}

.section-title {
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.35;
}

.lower-hero h1 {
  font-size: clamp(1.85rem, 4vw, 2.85rem);
  line-height: 1.22;
}

.contact-panel h2,
.subscription-inner h2 {
  font-size: clamp(1.35rem, 2.6vw, 2rem);
}

/* ===== 紺色の強さ調整 ===== */

.site-logo,
.desktop-nav a,
.hero h1,
.section-title,
.service-card h3,
.work-card h2,
.work-card h3,
.flow-step h3,
.contact-card h3,
.subscription-inner h2,
.lower-hero h1,
.lower-hero p,
.price-table td:first-child,
.price-table td:nth-child(2),
.footer-logo {
  color: var(--color-navy);
}

/* 濃色面積が大きい箇所は、黒に見えにくい青グレーへ */
.price-table th,
#site-footer {
  background: var(--color-navy-dark);
}

/* ボーダーやアウトラインの紺も少し柔らかく */
.btn-outline {
  color: var(--color-navy);
  border-color: rgba(64, 95, 138, .42);
}

.btn-outline:hover {
  border-color: var(--color-pink);
}

/* ヘッダー内の文字の圧を少し弱める */
.desktop-nav a {
  font-size: .84rem;
}

/* ===== トップビジュアル仮対応 ===== */

.hero-art-card {
  position: relative;
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 106, 149, .12), transparent 35%),
    radial-gradient(circle at 78% 78%, rgba(166, 171, 226, .28), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(230,234,250,.70));
  border-color: rgba(166, 171, 226, .42);
}

/* 仮イラスト状態でも「ここに絵が入る」ことが伝わる補助ラベル */
.hero-art-card::after {
  content: "メインビジュアル準備中";
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(166,171,226,.65);
  color: var(--color-navy);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow: 0 8px 18px rgba(64,95,138,.10);
  white-space: nowrap;
}

/* アイコン画像が強く出すぎないよう少しだけ調整 */
.hero-icon-img {
  width: 86%;
  height: 86%;
  object-fit: contain;
  filter: drop-shadow(0 16px 20px rgba(64,95,138,.14));
}

/* 浮遊カードも黒っぽく見えないよう調整 */
.floating-card {
  color: var(--color-navy);
  border-color: rgba(166, 171, 226, .55);
}

/* ===== フッターの強さ調整 ===== */

#site-footer {
  color: #fff;
}

.footer-section p,
.footer-section a,
.footer-bottom {
  color: rgba(255,255,255,.74);
}

/* ===== スマホ調整 ===== */

@media (max-width: 767px) {
  .hero h1 {
    font-size: 2rem;
    line-height: 1.25;
  }

  .section-title {
    font-size: 1.55rem;
  }

  .lower-hero h1 {
    font-size: 1.8rem;
  }

  .hero-art-card::after {
    font-size: .68rem;
  cat >> /var/www/anuru/public/assets/css/style.css <<'CSS'

/* ==================================================
   anuru design adjustment 2026-05-22
   目的：
   - 見出しサイズを少し抑える
   - 濃すぎる紺を青寄り・グレー寄りに調整
   - トップビジュアルを仮イラスト状態でも自然に見せる
================================================== */

:root {
  --color-navy: #405F8A;
  --color-navy-dark: #34445C;
  --color-text: #343447;
  --color-muted: #77758A;
  --shadow: 0 16px 38px rgba(64, 95, 138, .10);
  --shadow-strong: 0 22px 50px rgba(64, 95, 138, .16);
}

/* ===== 見出しサイズ調整 ===== */

.hero h1 {
  font-size: clamp(2rem, 4.4vw, 3.6rem);
  line-height: 1.2;
  letter-spacing: .02em;
}

.section-title {
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.35;
}

.lower-hero h1 {
  font-size: clamp(1.85rem, 4vw, 2.85rem);
  line-height: 1.22;
}

.contact-panel h2,
.subscription-inner h2 {
  font-size: clamp(1.35rem, 2.6vw, 2rem);
}

/* ===== 紺色の強さ調整 ===== */

.site-logo,
.desktop-nav a,
.hero h1,
.section-title,
.service-card h3,
.work-card h2,
.work-card h3,
.flow-step h3,
.contact-card h3,
.subscription-inner h2,
.lower-hero h1,
.lower-hero p,
.price-table td:first-child,
.price-table td:nth-child(2),
.footer-logo {
  color: var(--color-navy);
}

/* 濃色面積が大きい箇所は、黒に見えにくい青グレーへ */
.price-table th,
#site-footer {
  background: var(--color-navy-dark);
}

/* ボーダーやアウトラインの紺も少し柔らかく */
.btn-outline {
  color: var(--color-navy);
  border-color: rgba(64, 95, 138, .42);
}

.btn-outline:hover {
  border-color: var(--color-pink);
}

/* ヘッダー内の文字の圧を少し弱める */
.desktop-nav a {
  font-size: .84rem;
}

/* ===== トップビジュアル仮対応 ===== */

.hero-art-card {
  position: relative;
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 106, 149, .12), transparent 35%),
    radial-gradient(circle at 78% 78%, rgba(166, 171, 226, .28), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(230,234,250,.70));
  border-color: rgba(166, 171, 226, .42);
}

/* 仮イラスト状態でも「ここに絵が入る」ことが伝わる補助ラベル */
.hero-art-card::after {
  content: "メインビジュアル準備中";
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(166,171,226,.65);
  color: var(--color-navy);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow: 0 8px 18px rgba(64,95,138,.10);
  white-space: nowrap;
}

/* アイコン画像が強く出すぎないよう少しだけ調整 */
.hero-icon-img {
  width: 86%;
  height: 86%;
  object-fit: contain;
  filter: drop-shadow(0 16px 20px rgba(64,95,138,.14));
}

/* 浮遊カードも黒っぽく見えないよう調整 */
.floating-card {
  color: var(--color-navy);
  border-color: rgba(166, 171, 226, .55);
}

/* ===== フッターの強さ調整 ===== */

#site-footer {
  color: #fff;
}

.footer-section p,
.footer-section a,
.footer-bottom {
  color: rgba(255,255,255,.74);
}

/* ===== スマホ調整 ===== */

@media (max-width: 767px) {
  .hero h1 {
    font-size: 2rem;
    line-height: 1.25;
  }

  .section-title {
    font-size: 1.55rem;
  }

  .lower-hero h1 {
    font-size: 1.8rem;
  }

  .hero-art-card::after {
    font-size: .68rem;
    bottom: 12px;
  }
}


/* ==================================================
   anuru design adjustment 2026-05-22
   目的：
   - 見出しサイズを少し抑える
   - 濃すぎる紺を青寄り・グレー寄りに調整
   - トップビジュアルを仮イラスト状態でも自然に見せる
================================================== */

:root {
  --color-navy: #405F8A;
  --color-navy-dark: #34445C;
  --color-text: #343447;
  --color-muted: #77758A;
  --shadow: 0 16px 38px rgba(64, 95, 138, .10);
  --shadow-strong: 0 22px 50px rgba(64, 95, 138, .16);
}

/* ===== 見出しサイズ調整 ===== */

.hero h1 {
  font-size: clamp(2rem, 4.4vw, 3.6rem);
  line-height: 1.2;
  letter-spacing: .02em;
}

.section-title {
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.35;
}

.lower-hero h1 {
  font-size: clamp(1.85rem, 4vw, 2.85rem);
  line-height: 1.22;
}

.contact-panel h2,
.subscription-inner h2 {
  font-size: clamp(1.35rem, 2.6vw, 2rem);
}

/* ===== 紺色の強さ調整 ===== */

.site-logo,
.desktop-nav a,
.hero h1,
.section-title,
.service-card h3,
.work-card h2,
.work-card h3,
.flow-step h3,
.contact-card h3,
.subscription-inner h2,
.lower-hero h1,
.lower-hero p,
.price-table td:first-child,
.price-table td:nth-child(2),
.footer-logo {
  color: var(--color-navy);
}

/* 濃色面積が大きい箇所は、黒に見えにくい青グレーへ */
.price-table th,
#site-footer {
  background: var(--color-navy-dark);
}

/* ボーダーやアウトラインの紺も少し柔らかく */
.btn-outline {
  color: var(--color-navy);
  border-color: rgba(64, 95, 138, .42);
}

.btn-outline:hover {
  border-color: var(--color-pink);
}

/* ヘッダー内の文字の圧を少し弱める */
.desktop-nav a {
  font-size: .84rem;
}

/* ===== トップビジュアル仮対応 ===== */

.hero-art-card {
  position: relative;
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 106, 149, .12), transparent 35%),
    radial-gradient(circle at 78% 78%, rgba(166, 171, 226, .28), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(230,234,250,.70));
  border-color: rgba(166, 171, 226, .42);
}

/* 仮イラスト状態でも「ここに絵が入る」ことが伝わる補助ラベル */
.hero-art-card::after {
  content: "メインビジュアル準備中";
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(166,171,226,.65);
  color: var(--color-navy);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow: 0 8px 18px rgba(64,95,138,.10);
  white-space: nowrap;
}

/* アイコン画像が強く出すぎないよう少しだけ調整 */
.hero-icon-img {
  width: 86%;
  height: 86%;
  object-fit: contain;
  filter: drop-shadow(0 16px 20px rgba(64,95,138,.14));
}

/* 浮遊カードも黒っぽく見えないよう調整 */
.floating-card {
  color: var(--color-navy);
  border-color: rgba(166, 171, 226, .55);
}

/* ===== フッターの強さ調整 ===== */

#site-footer {
  color: #fff;
}

.footer-section p,
.footer-section a,
.footer-bottom {
  color: rgba(255,255,255,.74);
}

/* ===== スマホ調整 ===== */

@media (max-width: 767px) {
  .hero h1 {
    font-size: 2rem;
    line-height: 1.25;
  }

  .section-title {
    font-size: 1.55rem;
  }

  .lower-hero h1 {
    font-size: 1.8rem;
  }

  .hero-art-card::after {
    font-size: .68rem;
    bottom: 12px;
  }
}


/* ==================================================
   anuru design adjustment 2026-05-22
   目的：
   - 見出しサイズを少し抑える
   - 濃すぎる紺を青寄り・グレー寄りに調整
   - トップビジュアルを仮イラスト状態でも自然に見せる
================================================== */

:root {
  --color-navy: #405F8A;
  --color-navy-dark: #34445C;
  --color-text: #343447;
  --color-muted: #77758A;
  --shadow: 0 16px 38px rgba(64, 95, 138, .10);
  --shadow-strong: 0 22px 50px rgba(64, 95, 138, .16);
}

/* ===== 見出しサイズ調整 ===== */

.hero h1 {
  font-size: clamp(2rem, 4.4vw, 3.6rem);
  line-height: 1.2;
  letter-spacing: .02em;
}

.section-title {
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.35;
}

.lower-hero h1 {
  font-size: clamp(1.85rem, 4vw, 2.85rem);
  line-height: 1.22;
}

.contact-panel h2,
.subscription-inner h2 {
  font-size: clamp(1.35rem, 2.6vw, 2rem);
}

/* ===== 紺色の強さ調整 ===== */

.site-logo,
.desktop-nav a,
.hero h1,
.section-title,
.service-card h3,
.work-card h2,
.work-card h3,
.flow-step h3,
.contact-card h3,
.subscription-inner h2,
.lower-hero h1,
.lower-hero p,
.price-table td:first-child,
.price-table td:nth-child(2),
.footer-logo {
  color: var(--color-navy);
}

/* 濃色面積が大きい箇所は、黒に見えにくい青グレーへ */
.price-table th,
#site-footer {
  background: var(--color-navy-dark);
}

/* ボーダーやアウトラインの紺も少し柔らかく */
.btn-outline {
  color: var(--color-navy);
  border-color: rgba(64, 95, 138, .42);
}

.btn-outline:hover {
  border-color: var(--color-pink);
}

/* ヘッダー内の文字の圧を少し弱める */
.desktop-nav a {
  font-size: .84rem;
}

/* ===== トップビジュアル仮対応 ===== */

.hero-art-card {
  position: relative;
  background:
    radial-gradient(circle at 50% 24%, rgba(255, 106, 149, .12), transparent 35%),
    radial-gradient(circle at 78% 78%, rgba(166, 171, 226, .28), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(230,234,250,.70));
  border-color: rgba(166, 171, 226, .42);
}

/* 仮イラスト状態でも「ここに絵が入る」ことが伝わる補助ラベル */
.hero-art-card::after {
  content: "メインビジュアル準備中";
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%);
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(166,171,226,.65);
  color: var(--color-navy);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow: 0 8px 18px rgba(64,95,138,.10);
  white-space: nowrap;
}

/* アイコン画像が強く出すぎないよう少しだけ調整 */
.hero-icon-img {
  width: 86%;
  height: 86%;
  object-fit: contain;
  filter: drop-shadow(0 16px 20px rgba(64,95,138,.14));
}

/* 浮遊カードも黒っぽく見えないよう調整 */
.floating-card {
  color: var(--color-navy);
  border-color: rgba(166, 171, 226, .55);
}

/* ===== フッターの強さ調整 ===== */

#site-footer {
  color: #fff;
}

.footer-section p,
.footer-section a,
.footer-bottom {
  color: rgba(255,255,255,.74);
}

/* ===== スマホ調整 ===== */

@media (max-width: 767px) {
  .hero h1 {
    font-size: 2rem;
    line-height: 1.25;
  }

  .section-title {
    font-size: 1.55rem;
  }

  .lower-hero h1 {
    font-size: 1.8rem;
  }

  .hero-art-card::after {
    font-size: .68rem;
    bottom: 12px;
  }
}