*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Palatino Linotype","PingFang SC",serif;background:#f3f7f8;color:#12363a;line-height:1.8}
.site-head{background:#00695c;color:#fff}
.head-inner{max-width:960px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:baseline}
.brand{color:#fff;text-decoration:none;font-size:18px}
nav{display:flex;gap:14px;flex-wrap:wrap}
nav a{color:#b2dfdb;text-decoration:none;font-size:13px}
.hero{max-width:960px;margin:0 auto;padding:56px 20px 28px;column-count:1}
.hero h1{font-size:36px;color:#00695c;margin-bottom:16px}
.hero p:first-of-type::first-letter{font-size:42px;float:left;line-height:1;padding:6px 8px 0 0;color:#0277bd}
.hero p{margin-bottom:10px}
.wa-cta{display:inline-block;margin-top:12px;background:#0277bd;color:#fff;text-decoration:none;padding:10px 22px}
.block{max-width:960px;margin:0 auto;padding:36px 20px}
.block h2{font-size:24px;color:#00695c;border-bottom:2px solid #0277bd;display:inline-block;margin-bottom:12px}
.mag{display:grid;grid-template-columns:2fr 1fr;gap:24px}
.card-grid{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.card{background:#fff;padding:14px 16px;border-top:3px solid #0277bd}
.ico{color:#00695c;width:26px;height:26px}
.ico svg{width:26px;height:26px}
.step-vert{list-style:none;margin-top:12px}
.step-vert li{display:grid;grid-template-columns:52px 1fr;gap:10px;margin:16px 0}
.step-vert .n{font-size:28px;color:#0277bd;font-weight:700}
.cmp-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
.cmp{background:#e0f2f1;padding:16px}
.faq-list details{border-left:4px solid #00695c;padding:8px 12px;margin:10px 0;background:#fff}
.table-wrap{overflow:auto;margin-top:12px}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{padding:8px 10px;border:1px solid #b2dfdb;text-align:left}
.site-foot{background:#004d40;color:#b2dfdb;padding:24px 20px;text-align:center;font-size:13px}
.site-foot p{margin:6px 0}
.quote{font-size:20px;color:#0277bd;margin:16px 0;padding:8px 0 8px 16px;border-left:3px solid #0277bd}
@media (max-width:800px){.mag{grid-template-columns:1fr}.hero h1{font-size:28px}}

.news-en{list-style:none;margin-top:14px}
.news-en li{background:#fff;padding:14px 16px;margin:12px 0;border-top:3px solid #0277bd}
.news-en time{font-size:12px;color:#0277bd;letter-spacing:.04em}
.news-en h3{font-size:18px;color:#00695c;margin:6px 0}