/* service.aquadirect.jp 共通CSS */
:root{--c-text:#1f2937;--c-muted:#6b7280;--c-bg:#fafaf7;--c-line:#e5e7eb;--c-accent:#0d6e6e;--c-accent-soft:#e6f3f3;--max:920px;}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;color:var(--c-text);background:var(--c-bg);line-height:1.75;-webkit-font-smoothing:antialiased;}
a{color:var(--c-accent);text-decoration:none;}
a:hover{text-decoration:underline;}
header{background:#fff;border-bottom:1px solid var(--c-line);padding:1.2rem 0;}
header .wrap{max-width:var(--max);margin:0 auto;padding:0 1.2rem;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
.brand{font-size:1.4rem;font-weight:700;letter-spacing:.02em;}
.brand small{font-size:.85rem;font-weight:400;color:var(--c-muted);display:block;}
nav{font-size:.95rem;}
nav a{margin-left:1.2rem;color:var(--c-muted);}
main{max-width:var(--max);margin:0 auto;padding:3rem 1.2rem 4rem;}
.hero{padding:2rem 0 2.5rem;border-bottom:1px solid var(--c-line);margin-bottom:2.5rem;}
.hero h1{font-size:1.8rem;line-height:1.5;font-weight:600;margin-bottom:1rem;}
.hero p{color:var(--c-muted);font-size:1.05rem;}
.page-title{font-size:1.6rem;margin-bottom:.6rem;font-weight:600;}
.page-subtitle{color:var(--c-muted);font-size:.95rem;margin-bottom:2rem;}
section{margin-bottom:2.5rem;}
section h2{font-size:1.2rem;border-left:4px solid var(--c-accent);padding-left:.8rem;margin-bottom:1rem;font-weight:600;}
section h3{font-size:1.05rem;margin:1.4rem 0 .6rem;font-weight:600;color:var(--c-accent);}
section p{margin-bottom:1rem;}
section ul,section ol{margin:.5rem 0 1.2rem 1.5rem;}
section li{margin-bottom:.4rem;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.2rem;}
.card{background:#fff;border:1px solid var(--c-line);border-radius:8px;padding:1.4rem;}
.card h3{font-size:1.05rem;margin-bottom:.6rem;color:var(--c-accent);margin-top:0;}
.card p{font-size:.95rem;color:var(--c-muted);margin:0;}
.malls{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem;}
.malls span{background:var(--c-accent-soft);color:var(--c-accent);padding:.3rem .8rem;border-radius:999px;font-size:.85rem;}
.notice{background:#fff8e6;border:1px solid #f7d683;border-radius:6px;padding:1rem 1.2rem;font-size:.95rem;color:#7a5a00;}
.notice strong{color:#5a4200;}
.info{background:#f0f9ff;border:1px solid #93c5fd;border-radius:6px;padding:1rem 1.2rem;font-size:.95rem;color:#1e3a8a;}
table.spec{border-collapse:collapse;margin:.8rem 0 1.4rem;width:100%;}
table.spec th,table.spec td{border:1px solid var(--c-line);padding:.6rem .9rem;text-align:left;vertical-align:top;font-size:.95rem;}
table.spec th{background:var(--c-accent-soft);width:200px;font-weight:600;color:var(--c-text);}
.lastmod{color:var(--c-muted);font-size:.85rem;margin-top:2rem;border-top:1px solid var(--c-line);padding-top:1rem;}
footer{background:#fff;border-top:1px solid var(--c-line);padding:2rem 0;margin-top:3rem;}
footer .wrap{max-width:var(--max);margin:0 auto;padding:0 1.2rem;font-size:.85rem;color:var(--c-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;}
footer nav a{margin-left:0;margin-right:1.2rem;}
@media(max-width:600px){.hero h1,.page-title{font-size:1.4rem;}nav a{margin-left:.8rem;font-size:.85rem;}table.spec th{width:auto;display:block;}table.spec td{display:block;}}