/*! ============================================================
 * 株式会社ドリーム 公式サイト — message ページ スタイル
 * message.html から分離した CSS。配色は :root、以降はセクション別コメントで区切り。
 * ============================================================ */


:root{--paper:#FCFAF5;--paper-2:#F2EEE4;--cream:#FFFFFF;--navy:#0B2038;--navy-2:#123152;--ink:#1A2C44;--cyan:#1E9AD6;--cyan-deep:#137EB8;--cyan-soft:#A9DCF3;--mist:#55616F;--line:#E1D9C9;--line-2:#D6CDBB;--sans:"Noto Sans JP",sans-serif;--mincho:"Shippori Mincho B1",serif;--serif:"Cormorant Garamond",serif;--num:"Inter",sans-serif;}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.95;font-size:1rem;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:920px;margin:0 auto;padding:0 40px}
.eyebrow{display:inline-flex;align-items:center;gap:13px;font-size:0.8125rem;letter-spacing:.16em;color:var(--cyan-deep);font-weight:700;margin-bottom:16px}.eyebrow::before{content:"";width:28px;height:2px;background:var(--cyan);border-radius:2px}
.st{font-family:var(--mincho);font-weight:700;font-size:clamp(1.75rem,3.6vw,2.75rem);line-height:1.4;color:var(--navy)}
.lead{color:var(--mist);font-size:0.9688rem;margin-top:16px;line-height:2}
.btn-cyan{background:var(--cyan-deep);color:#fff;font-weight:700;font-size:0.875rem;padding:14px 30px;border-radius:44px;display:inline-flex;align-items:center;gap:10px;transition:.3s;box-shadow:0 14px 30px -12px rgba(19,126,184,.55)}.btn-cyan:hover{background:var(--cyan);transform:translateY(-2px)}
.btn-ghost{font-family:var(--num);font-size:0.8125rem;color:var(--navy);border-bottom:1px solid var(--cyan);padding-bottom:3px;transition:.3s}.btn-ghost:hover{color:var(--cyan-deep)}
header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:16px 0;transition:.4s}header.scrolled{background:rgba(252,250,245,.85);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{height:28px}
.brand .tag{font-size:0.625rem;letter-spacing:.12em;color:var(--mist);border-left:1px solid var(--line-2);padding-left:11px;line-height:1.4}
.nav .r{display:flex;align-items:center;gap:18px}.nav .r a.back{font-size:0.8125rem}.btn-head{font-size:0.7812rem;font-weight:700;padding:9px 20px;border:1px solid var(--cyan-deep);color:var(--cyan-deep);border-radius:44px;transition:.3s}.btn-head:hover{background:var(--cyan-deep);color:#fff}
.page-hero{padding:140px 0 40px;background:radial-gradient(800px 500px at 80% 20%,rgba(30,154,214,.09),transparent 60%),linear-gradient(180deg,#FFF,#FCFAF5)}
section{padding:20px 0 90px}
table.info{width:100%;border-collapse:collapse;margin-top:10px}
table.info th,table.info td{text-align:left;padding:20px 6px;border-bottom:1px solid var(--line);font-size:0.9375rem;vertical-align:top;line-height:1.9}
table.info th{font-family:var(--mincho);font-weight:700;color:var(--navy);width:180px;white-space:nowrap}table.info td{color:var(--mist)}
.msg .q{font-family:var(--mincho);font-weight:700;font-size:clamp(1.5rem,3.2vw,2.375rem);line-height:1.55;color:var(--navy);margin:6px 0 30px}
.msg p{color:var(--ink);font-size:1rem;line-height:2.1;margin-bottom:20px}
.msg .sign{margin-top:34px;text-align:right;font-size:0.875rem;color:var(--mist)}.msg .sign b{font-family:var(--mincho);font-size:1.25rem;color:var(--navy);margin-left:10px}
.backlink{margin-top:20px}
footer{background:var(--navy);color:rgba(255,255,255,.6);padding:44px 0;text-align:center;font-size:0.7812rem;margin-top:20px}
footer .fl{display:flex;gap:18px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}footer .fl a{color:rgba(255,255,255,.8)}
@media(max-width:640px){.wrap{padding:0 24px}.nav .r a.back{display:none}table.info th{width:120px}}