*{box-sizing:border-box}body{margin:0;color:#182c3c;font-family:"Noto Sans JP",system-ui,sans-serif;line-height:1.85;background:#fff}a{color:inherit}header{background:#12283a;color:white;position:sticky;top:0;z-index:10}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.mark{display:inline-grid;place-items:center;border:2px solid #c4a366;color:#c4a366;width:54px;height:48px;font-size:24px;letter-spacing:-2px}nav{display:flex;flex-wrap:wrap;gap:17px}nav a{text-decoration:none;font-size:14px}nav a:hover,.active{color:#e0bd78}main{min-height:65vh}.hero{background:linear-gradient(125deg,#12283a,#284b62);color:white;padding:95px 24px}.wrap,.content{max-width:1080px;margin:auto}.hero .eyebrow,.eyebrow{color:#c8a568;font-weight:700;letter-spacing:.1em}.hero h1{font-size:clamp(38px,7vw,72px);margin:6px 0}.hero p{max-width:650px}.btn{display:inline-block;background:#c5a46c;color:#142638;padding:12px 25px;text-decoration:none;font-weight:800;border-radius:4px;margin-top:18px}.content{padding:65px 24px}h1,h2,h3{line-height:1.4}h2{font-size:30px;border-left:5px solid #c5a46c;padding-left:15px;margin:0 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #dfe5e8;padding:25px;background:#fff;border-radius:5px}.card h3{margin-top:0}.muted{color:#65717b}.note{background:#f3f5f6;padding:20px;border-left:4px solid #c5a46c}.banner{background:#f1f4f6}.pill{display:inline-block;border:1px solid #c5a46c;padding:5px 13px;margin:5px;border-radius:50px;font-size:14px}.photo{height:170px;background:linear-gradient(140deg,#e9edef,#c9d4d9);display:grid;place-items:center;color:#566978;font-size:14px}.steps{padding-left:24px}.steps li{margin:12px 0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px;text-align:left;border-bottom:1px solid #ddd}.table th{width:30%;background:#f4f6f7}footer{background:#12283a;color:#fff;padding:35px 24px}footer .wrap{font-size:13px}footer a{margin-right:14px}.contact-box{background:#f3f5f6;padding:26px;border-radius:5px}.small{font-size:13px} @media(max-width:760px){header .wrap{display:block}header nav{margin-top:12px;gap:10px}nav a{font-size:12px}.grid{grid-template-columns:1fr}.hero{padding:70px 24px}.content{padding:45px 20px}.table th{width:36%}}
/* Official HT logo styling */
.brand-image{width:74px;height:60px;object-fit:contain;flex-shrink:0}.brand-name{font-size:15px}.hero-brand{width:min(370px,75vw);max-height:280px;object-fit:contain;display:block;margin:0 0 24px}.hero{background:linear-gradient(115deg,#050505,#14283a 80%)}@media(max-width:760px){.brand-image{width:62px;height:52px}.hero-brand{width:min(290px,78vw)}}
/* 2026 bright and approachable refresh */
body{background:#fffdf9;color:#283b35}
header{background:#fffefa;color:#263b34;border-bottom:1px solid #e7e7df;box-shadow:0 2px 14px rgba(34,57,44,.06)}
header .wrap{max-width:1140px}
.brand-image{background:#101010;border-radius:6px;padding:4px;width:72px;height:60px}
nav a:hover,.active{color:#477b64}
.hero{background:linear-gradient(120deg,#f6f8ef 0%,#fff9eb 100%);color:#263c34;padding:74px 24px}
.hero .eyebrow,.eyebrow{color:#52816c}
.hero-brand{background:#0b0b0b;padding:18px 26px;border-radius:12px;width:min(330px,75vw);max-height:none;box-shadow:0 12px 30px rgba(22,37,30,.12)}
.hero h1{color:#244d3c;font-size:clamp(38px,6vw,64px)}
.hero p{color:#465b50}
.btn{background:#377a5d;color:white;border-radius:999px;box-shadow:0 4px 12px rgba(45,106,78,.12)}
.btn:hover{background:#28664c}
h2{border-left-color:#d7a85a;color:#274e3e}
.banner{background:#f0f6ef}
.card{border:1px solid #e3e9df;border-radius:12px;box-shadow:0 5px 16px rgba(34,65,45,.035)}
.pill{border-color:#accbb8;background:#f6faf5;color:#32664d}
.note,.contact-box{background:#f2f7f0;border-left-color:#7ca78c;border-radius:10px}
.table th{background:#f0f5ed}
footer{background:#294b3e;color:#fff}
.photo{background:linear-gradient(140deg,#eaf2e8,#d5e6d8);color:#456655}
@media(max-width:760px){.hero{padding:55px 20px}.brand-image{width:62px;height:52px}}