*{box-sizing:border-box}html{scroll-behavior:smooth}body.hbf-page{margin:0!important;color:#292825;background:#fff;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.75}.hbf-page a{text-decoration:none}.hbf-head{height:76px;display:flex;align-items:center;gap:30px;padding:0 max(22px,calc((100vw - 1160px)/2));position:sticky;top:0;z-index:99;background:#fffffff5;border-bottom:1px solid #e4e9eb}.hbf-brand{display:flex;flex-direction:column;line-height:1;color:#0b2d5d;min-width:220px}.hbf-brand b{font-size:26px;letter-spacing:.08em}.hbf-brand b span{font-size:14px;margin-left:7px}.hbf-brand small{font-size:10px;margin-top:6px}.hbf-head nav{display:flex;gap:24px;margin-left:auto}.hbf-head nav a{color:#24282f;font-size:13px;font-weight:800}.headcta{background:#ff6428;color:#fff!important;padding:10px 18px;border-radius:99px;font-weight:900;font-size:13px}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(120deg,#fff,#eef5fb)}.copy{padding:70px 35px 55px max(24px,calc((100vw - 1160px)/2))}.label{display:inline-block;background:#0b3d76;color:#fff;padding:5px 16px;border-radius:99px;font-weight:900}.copy h1{font-size:clamp(42px,5vw,66px);line-height:1.3;margin:20px 0 15px}.copy h1 em{font-style:normal;color:#f15b25}.copy>p{font-size:19px;font-weight:700;color:#536272}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:11px;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:#ff6428;color:#fff}.btn.outline{border:1.5px solid currentColor;background:#fff;color:#0b3d76}.art{min-height:650px;overflow:hidden}.art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.section{padding:88px max(22px,calc((100vw - 1080px)/2))}.title{text-align:center;max-width:820px;margin:0 auto 42px}.title small{color:#397b46;font-weight:900;letter-spacing:.13em}.title h2{font-size:clamp(30px,4vw,44px);line-height:1.4;margin:7px 0}.title p{color:#6a776d}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.checks div{background:#fafaf5;border:1px solid #e1e8dc;border-radius:11px;padding:15px 18px;font-weight:700}.checks b{color:#428243;margin-right:9px}.about{background:#f1f7e9}.cards,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.cards article{border:1px solid #dfe7e9;border-top:5px solid #0b3d76;border-radius:15px;padding:23px;background:#fff}.cards article b,.steps article b{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#0b3d76;color:#fff}.cards h3,.steps h3{font-size:20px;margin:12px 0 6px}.cards p,.steps p{font-size:14px;color:#65727c;margin:0}.flow{background:linear-gradient(135deg,#082c5d,#0d4a7b);color:#fff}.title.light small,.title.light p{color:#d6e7f2}.steps article{background:#ffffff13;border:1px solid #ffffff25;border-radius:14px;padding:21px}.steps article b{background:#fff;color:#0b3d76}.steps p{color:#dce7ef}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid #dfe5e2}.faq summary{display:flex;align-items:center;padding:19px 0;cursor:pointer;font-weight:900;list-style:none}.faq summary b{margin-left:auto;font-size:22px}.faq details[open] summary b{transform:rotate(45deg)}.faq p{color:#627069;padding:0 0 20px;margin:0}.contact{text-align:center;padding:80px 22px;background:linear-gradient(135deg,#fff0e6,#ffd8c4)}.contact h2{font-size:clamp(31px,4vw,46px);line-height:1.4;margin:8px 0}.contact small{color:#f15b25;font-weight:900}.contact p{color:#6d6b68}.contact .btn{margin:15px 8px}.textlink{display:block;color:#315e3a;font-weight:800}footer{background:#071f43;color:#dbe4ee;padding:42px max(22px,calc((100vw - 1080px)/2));display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}footer .hbf-brand b{color:#fff}footer>small{text-align:right}.green .label,.green .cards article b{background:#58933b}.green .btn.outline{color:#397243}.green .cards article{border-top-color:#58933b}.green .flow{background:linear-gradient(135deg,#205638,#50833a)}.green .steps article b{color:#2d663c}.green .contact{background:linear-gradient(135deg,#e7f4c9,#c8e49a)}.disaster .label,.disaster .cards article b{background:#087a35}.disaster .btn.outline{color:#087a35}.disaster .cards article{border-top-color:#087a35}.disaster .flow{background:linear-gradient(135deg,#075f2c,#0a8239)}.disaster .steps article b{color:#087a35}.disaster .contact{background:linear-gradient(135deg,#e8f5e7,#cfe8c5)}
.portalhero{min-height:570px;display:grid;place-items:center;text-align:center;padding:90px 24px;background:radial-gradient(circle at 20% 10%,#dfeffc 0,transparent 30%),radial-gradient(circle at 85% 90%,#e2f2d5 0,transparent 32%),linear-gradient(135deg,#fff,#f8fafb)}.portalhero>div{max-width:950px}.portalhero small{color:#f05218;font-weight:900}.portalhero h1{font-size:clamp(43px,6vw,72px);line-height:1.3;margin:15px 0}.portalhero h1 em{font-style:normal;color:#082d60}.portalhero p{font-size:19px;color:#607085}.portalcards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portalcards article{background:#fff;border:1px solid #e0e8ef;border-top:6px solid #082d60;border-radius:22px;overflow:hidden;box-shadow:0 17px 44px #15345216}.portalcards article.life{border-top-color:#518c3a}.portalcards article.disaster{border-top-color:#f05218}.cardimg{height:285px;position:relative;overflow:hidden}.cardimg img{width:100%;height:100%;object-fit:cover;object-position:center top}.cardimg b{position:absolute;top:14px;left:14px;width:42px;height:42px;border-radius:50%;background:#082d60;color:#fff;display:grid;place-items:center}.portalcards article>div:last-child{padding:25px}.portalcards h3{font-size:22px;margin:4px 0}.portalcards h4{font-size:22px;line-height:1.5;min-height:100px;margin:14px 0}.portalcards p{color:#66778b;min-height:86px}.portalcards a{display:block;text-align:center;border-radius:10px;background:#082d60;color:#fff;padding:13px;font-weight:900}.portalcards .life a{background:#518c3a}.portalcards .disaster a{background:#f05218}.why{padding:88px max(22px,calc((100vw - 1080px)/2));background:linear-gradient(135deg,#071f43,#0b4776);color:#fff;display:grid;grid-template-columns:.8fr 1.4fr;gap:50px;align-items:center}.why h2{font-size:38px;line-height:1.45}.why small{color:#ff9064;font-weight:900}.why p{color:#d6e2ec}
@media(max-width:900px){.hbf-head{height:68px}.hbf-head nav,.headcta{display:none}.hbf-brand{min-width:0}.hero{grid-template-columns:1fr}.copy{padding:52px 24px 28px}.art{min-height:460px}.portalcards{grid-template-columns:1fr;max-width:700px;margin:auto}.why{grid-template-columns:1fr}.cards,.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hbf-brand b{font-size:21px}.copy h1{font-size:41px}.copy>p{font-size:17px}.actions{display:grid}.btn{width:100%}.art{min-height:390px}.section{padding:65px 20px}.checks,.cards,.steps{grid-template-columns:1fr}.portalhero{min-height:520px;padding:65px 20px}.portalhero h1{font-size:41px}.portalcards h4,.portalcards p{min-height:0}footer{grid-template-columns:1fr}footer>small{text-align:left}}