.hanawa-g5-komon{--ink:#18334d;--accent:#c19757;--sub:#4b6474;--line:#dce5ed;--bg:#f0f5f8}
.hanawa-g5-komon *{box-sizing:border-box}
.hanawa-g5-komon{margin:0;color:var(--ink);font:16px/1.85 "Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:#fff}
.hanawa-g5-komon a{color:#1b597b}
.hanawa-g5-komon a:hover{text-decoration:underline}
.hanawa-g5-komon .page{max-width:1140px;margin:auto;padding:0 22px}
.hanawa-g5-komon .brand{font-weight:750;font-size:17px;letter-spacing:.02em}
.hanawa-g5-komon .brand small{display:block;font-size:10px;color:#638094;font-weight:400}
.hanawa-g5-komon .crumb{padding:11px 0 13px;font-size:12px;color:#647e8e}
.hanawa-g5-komon .crumb a{color:inherit}
.hanawa-g5-komon .hero{display:grid;grid-template-columns:1fr 46%;align-items:stretch;min-height:310px;overflow:hidden;border-radius:8px;background:linear-gradient(120deg,#eaf2f5,#f5f7f8);margin-bottom:36px}
.hanawa-g5-komon .hero .words{padding:40px 40px 35px;align-self:center}
.hanawa-g5-komon .eyebrow{font-size:12px;font-weight:bold;color:#9f7641;letter-spacing:.08em}
.hanawa-g5-komon .hero h1{font-size:clamp(26px,3.2vw,38px);line-height:1.45;margin:10px 0 16px}
.hanawa-g5-komon .hero p{line-height:1.9;color:#395467;margin:0 0 20px}
.hanawa-g5-komon .hero img{width:100%;height:100%;object-fit:cover;object-position:center}
.hanawa-g5-komon .actions{display:flex;flex-wrap:wrap;gap:10px}
.hanawa-g5-komon .btn{display:inline-block;border-radius:999px;background:#183c58;color:white;text-decoration:none;padding:10px 22px;font-weight:700;font-size:13px}
.hanawa-g5-komon .btn.outline{border:1px solid #a9c2d0;background:white;color:#183c58}
.hanawa-g5-komon .g5-content{margin:0 auto 50px}
.hanawa-g5-komon .intro{margin:0 0 30px;padding:21px 24px;background:var(--bg);border-radius:12px}
.hanawa-g5-komon .g5-content h2{font-size:clamp(20px,2.5vw,25px);line-height:1.5;margin:0 0 18px;position:relative;padding-left:16px}
.hanawa-g5-komon .g5-content h2:before{content:"";position:absolute;top:5px;bottom:5px;left:0;width:4px;background:var(--accent);border-radius:3px}
.hanawa-g5-komon .g5-content h3{font-size:17px;margin:0 0 10px}
.hanawa-g5-komon .g5-content p, .hanawa-g5-komon .g5-content li{font-size:14px}
.hanawa-g5-komon .g5-content ul{padding-left:22px}
.hanawa-g5-komon .g5-content section.section{margin-top:50px}
.hanawa-g5-komon .g5-content section.alt{background:#f0f5f8;padding:28px;border-radius:13px}
.hanawa-g5-komon .g5-content .grid{display:grid;gap:16px;align-items:stretch}
.hanawa-g5-komon .g5-content .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hanawa-g5-komon .g5-content .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hanawa-g5-komon .g5-content .card, .hanawa-g5-komon .g5-content .kr-card{background:white;border:1px solid var(--line);padding:22px;border-radius:11px;min-width:0;height:100%;box-shadow:0 5px 12px rgba(22,55,77,.035)}
.hanawa-g5-komon .g5-content .card p{margin:8px 0}
.hanawa-g5-komon .g5-content .card strong{font-size:22px;color:#183e5a}
.hanawa-g5-komon .g5-content .notice, .hanawa-g5-komon .g5-content .snuggle-box{background:#f4f7f9;border:1px solid #dfe8ee;padding:20px 24px;border-radius:11px;font-size:14px;line-height:1.8}
.hanawa-g5-komon .g5-content .badge{color:#9b7147;font-weight:bold;font-size:13px;margin-bottom:8px}
.hanawa-g5-komon .g5-content .step-list{padding-left:24px}
.hanawa-g5-komon .g5-content .step-list li{padding:8px 2px}
.hanawa-g5-komon .g5-content .faq{display:grid;gap:10px;margin-top:14px}
.hanawa-g5-komon .g5-content .faq details{background:white;border:1px solid var(--line);border-radius:10px;padding:14px 19px;font-size:14px}
.hanawa-g5-komon .g5-content .faq summary{cursor:pointer;font-weight:700}
.hanawa-g5-komon .g5-content .kr-card-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.hanawa-g5-komon .g5-content .kr-card h3{font-size:16px}
.hanawa-g5-komon .g5-content .kr-btn{display:inline-block;color:#1d5e80;font-weight:700;font-size:13px}
.hanawa-g5-komon .g5-content .g5-added-section{margin-top:54px;background:#f3f7f9;padding:28px;border-radius:13px}
.hanawa-g5-komon .g5-added-inner{max-width:100%}
.hanawa-g5-komon .g5-added-eyebrow{font-size:12px;color:#996f39;font-weight:700}
.hanawa-g5-komon .g5-added-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hanawa-g5-komon .g5-added-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}
.hanawa-g5-komon .g5-added-card p{margin:8px 0}
.hanawa-g5-komon .g5-added-link{font-size:13px;font-weight:700}
.hanawa-g5-komon .g5-added-note{background:white;padding:15px 18px;border-radius:10px;font-size:14px}
.hanawa-g5-komon .final-cta{background:#eaf1f5;border-radius:12px;text-align:center;padding:32px 18px;margin:54px 0 70px}
.hanawa-g5-komon .final-cta h2{padding:0;margin:0 0 12px}
.hanawa-g5-komon .final-cta h2:before{display:none}
.hanawa-g5-komon .final-cta .actions{justify-content:center}
.hanawa-g5-komon .placeholder{max-width:1140px;margin:0 auto 28px;padding:10px 22px;color:#8196a4;font-size:12px;text-align:center;border-top:1px dashed #e4edf1}
@media (max-width:760px){.hanawa-g5-komon .hero{grid-template-columns:1fr}
.hanawa-g5-komon .hero img{order:-1;height:200px}
.hanawa-g5-komon .hero .words{padding:24px}
.hanawa-g5-komon .g5-content .grid-2, .hanawa-g5-komon .g5-content .grid-3, .hanawa-g5-komon .g5-content .kr-card-grid, .hanawa-g5-komon .g5-added-grid{grid-template-columns:1fr}
.hanawa-g5-komon .g5-content section.alt{padding:19px}
.hanawa-g5-komon .g5-content .card{padding:18px}
.hanawa-g5-komon .hero h1{font-size:26px}}
.hanawa-g5-komon{width:100%;min-width:0;} .hanawa-g5-komon *,.hanawa-g5-komon *::before,.hanawa-g5-komon *::after{box-sizing:border-box}
@media(max-width:768px){.hanawa-g5-komon img{max-width:100%;height:auto}}