/*
Theme Name: PAO 公開準備中
Author: 有限会社 保険工房パオ
Description: 新しいホームページの公開まで使用する、保険工房パオの公開準備中専用テーマです。
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: pao-coming-soon
*/
:root{--paper:#faf8f1;--green:#28583f;--ink:#293e32;--muted:#626d62;--line:#dce1d5;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}p,h1,h2{margin:0}a:focus-visible{outline:3px solid #a66e19;outline-offset:6px}.shell{width:min(1120px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;padding:10px 20px;background:white;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand-mark{font-family:Georgia,serif;font-size:45px;font-weight:bold;line-height:1;letter-spacing:-3px;color:var(--green)}.brand-name{font-size:14px;letter-spacing:.07em}.brand-name small{font-size:10px;display:block;letter-spacing:.14em;line-height:1.4}.header-note{font-size:11px;letter-spacing:.13em;color:var(--muted)}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:12px;padding-block:72px 62px}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:23px;font-size:11px;letter-spacing:.17em;font-weight:600;color:var(--green)}.eyebrow::before{content:"";width:7px;height:7px;background:#71865a;border-radius:50%}h1{font-family:var(--serif);font-size:clamp(30px,3.1vw,42px);line-height:1.7;font-weight:600;letter-spacing:.045em}.hero-lead{margin-top:25px;font-size:14px;line-height:2.1;color:var(--muted)}.hero-lead span{display:block}.hero-art{margin:0 -25px 0 0}.hero-art img{width:100%;mix-blend-mode:multiply}.hero-art figcaption{text-align:center;font-family:var(--serif);font-size:14px;letter-spacing:.15em;color:var(--green);margin-top:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#eef1e7;border:1px solid #e0e5d7;border-radius:3px;padding:32px 42px;align-items:center}.section-label{color:var(--green);font-size:10px;letter-spacing:.18em;font-weight:bold;margin-bottom:7px}.contact h2{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:.05em}.contact-copy{font-size:13px;margin-top:8px;color:var(--muted)}.contact-phone{padding-left:40px;border-left:1px solid #cdd6c7}.phone-label{font-size:12px;color:var(--muted);margin-bottom:3px}.phone-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:clamp(25px,3vw,34px);font-family:Arial,sans-serif;font-weight:500;letter-spacing:.045em;line-height:1.5;color:var(--green);min-height:48px}.phone-link:hover{text-decoration:underline;text-underline-offset:6px}.phone-link svg{width:23px;height:23px;flex-shrink:0}.hours{font-size:12px;color:var(--muted);margin-top:4px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:32px 28px;font-size:11px;color:var(--muted)}.footer-name{letter-spacing:.08em}.copyright{font-size:10px;letter-spacing:.06em}
@media(min-width:1500px){.hero{padding-block:95px 85px}}
@media(max-width:850px){.shell{width:calc(100% - 48px)}.hero{gap:0;padding-block:54px 45px}h1{font-size:29px;letter-spacing:.02em}.hero-art{margin-right:-12px}.hero-lead{font-size:13px}.contact{gap:24px;padding:28px}.contact-phone{padding-left:24px}.contact h2{font-size:20px}.phone-link{font-size:27px}.header-note{font-size:10px}}
@media(max-width:640px){.shell{width:calc(100% - 40px)}.site-header{padding-block:23px}.brand{gap:13px}.brand-mark{font-size:38px}.brand-name{font-size:12px}.brand-name small{font-size:9px}.header-note{display:none}.hero{grid-template-columns:1fr;padding-block:40px 32px;gap:20px}.eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:clamp(25px,6.8vw,36px);line-height:1.65;letter-spacing:.04em}.hero-lead{font-size:13px;margin-top:20px;line-height:2}.hero-art{margin:0 auto;width:min(100%,390px)}.hero-art figcaption{font-size:12px;margin-top:0}.contact{grid-template-columns:1fr;padding:25px 24px;gap:20px}.contact h2{font-size:20px}.contact-copy{font-size:12px}.contact-phone{border-left:0;border-top:1px solid #cdd6c7;padding:18px 0 0}.phone-link{font-size:30px;gap:10px}.site-footer{align-items:flex-start;flex-direction:column;gap:8px;padding-block:25px}.copyright{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.hero{animation:appear .65s ease-out both}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}