@charset "UTF-8";
/* トップページ改訂（2026-10-03）。トップ固有の hr- クラスだけを対象にする。 */
:root{--hr-accent:#1d5f5b;--hr-warm:#8a4a10;--hr-body:#33424f}
.hr-kicker{font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--hr-accent);margin:0 0 10px;line-height:1.6}
.hr-heading{margin-bottom:44px}.hr-heading h2{margin:0}
.hr-text-link{display:inline-block;font-size:15px;font-weight:700;color:var(--hr-accent);border-bottom:1px solid currentColor;padding:2px 0;margin-top:8px}
.hr-text-link:hover{color:#123f3c}
.hr-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.hr-actions .btn{font-size:15px;gap:24px}

/* 告知バー */
.hr-notice{background:var(--navy);color:#fff;font-size:14px;line-height:1.7;text-align:center;padding:10px 20px}
.hr-notice a{color:#fff}.hr-notice span{text-decoration:underline;text-underline-offset:3px;margin-left:.3em}

/* ヒーロー */
section.hr-hero{padding:72px 0 64px}
.hr-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.hr-hero h1{font-size:clamp(30px,3.3vw,46px);line-height:1.55;margin:0 0 24px;white-space:normal}
.hr-hero-lead{font-size:17px;line-height:1.95;color:var(--hr-body);margin-bottom:28px}
.hr-note{font-size:14px;color:var(--muted);margin:16px 0 0}
.hr-lease-card{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:36px;display:flex;flex-direction:column;gap:16px}
.hr-lease-card p{margin:0}
.hr-lease-label{font-size:14px;font-weight:700;color:var(--hr-warm);letter-spacing:.04em}
.hr-lease-date{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(40px,4.4vw,58px);font-weight:600;line-height:1.1;color:var(--navy)}
.hr-lease-text{font-size:15px;line-height:1.85;color:var(--hr-body)}
.hr-lease-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hr-lease-points div{background:#fff;border-radius:6px;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--hr-body)}
.hr-lease-points b{display:block;font-size:15px;color:var(--navy)}
.hr-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:56px 0 0}
.hr-proof div{background:#fff;padding:20px 24px}
.hr-proof dt{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:30px;font-weight:600;line-height:1.35;color:var(--navy)}
.hr-proof dt small{font-size:16px;margin-left:2px}
.hr-proof dd{margin:4px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}

/* 困りごと別の入口 */
section.hr-entry{background:var(--soft);padding:88px 0}
.hr-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hr-entry-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:32px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,box-shadow .2s,transform .2s}
.hr-entry-card:hover{border-color:#9fb1c1;box-shadow:0 10px 24px rgba(20,38,61,.08);transform:translateY(-2px)}
.hr-tag{align-self:flex-start;font-size:13px;font-weight:700;color:#fff;background:var(--navy);padding:3px 10px;border-radius:3px;line-height:1.6}
.hr-entry-card h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:22px;line-height:1.6;margin:0}
.hr-entry-card p{font-size:15px;line-height:1.85;color:var(--hr-body);margin:0}
.hr-more{margin-top:auto;font-size:15px;font-weight:700;color:var(--hr-accent)}
.hr-other{margin:28px 0 0;font-size:15px;line-height:1.9;color:var(--hr-body);background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 24px}
.hr-other a{font-weight:700;color:var(--hr-accent);white-space:nowrap}

/* 新リース特集 */
section.hr-lease{background:var(--navy);color:#fff;padding:96px 0}
.hr-lease .hr-kicker{color:#9fd3cf}
.hr-lease-intro{max-width:780px;margin-bottom:44px}
.hr-lease-intro h2{color:#fff}
.hr-lease-intro p:last-child{font-size:17px;line-height:1.95;color:#d9e1e8;margin:0}
.hr-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hr-steps li{border:1px solid #3a4c63;border-radius:8px;padding:24px;display:flex;flex-direction:column;gap:8px}
.hr-steps span{font-family:Georgia,serif;font-size:26px;color:#9fd3cf;line-height:1.2}
.hr-steps b{font-size:18px;line-height:1.6}
.hr-steps p{font-size:14px;line-height:1.8;color:#d9e1e8;margin:0}
.hr-run{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:center;justify-content:space-between;margin-top:32px;padding:32px 36px;border:1px solid #9fd3cf;border-radius:8px;background:#1c3150}
.hr-run>div{flex:1 1 520px;min-width:0}
.hr-run-label{font-size:14px;font-weight:700;color:#9fd3cf;margin:0 0 8px;letter-spacing:.04em}
.hr-run h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:24px;line-height:1.6;color:#fff;margin:0 0 12px}
.hr-run p:last-child{font-size:15px;line-height:1.9;color:#d9e1e8;margin:0}
.hr-lease-foot{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid #3a4c63;margin-top:40px;padding-top:32px}
.hr-lease-foot>p{font-size:14px;line-height:1.85;color:#d9e1e8;margin:0;max-width:560px}
.btn.hr-btn-light{background:#fff;border-color:#fff;color:var(--navy)}
.btn.hr-btn-light:hover{background:#e4ecf2;border-color:#e4ecf2}
.btn.hr-btn-outline{background:transparent;border-color:#fff;color:#fff}
.btn.hr-btn-outline:hover{background:#24384f}

/* 特徴 */
section.hr-reasons{padding:96px 0}
.hr-reason-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.hr-reason-grid article{border-top:2px solid var(--navy);padding-top:24px}
.hr-reason-grid span{font-family:Georgia,serif;font-size:15px;color:var(--slate)}
.hr-reason-grid h3{font-size:21px;margin:10px 0 12px}
.hr-reason-grid p{font-size:15px;line-height:1.9;color:var(--hr-body);margin:0}

/* 代表者 */
section.hr-profile{background:var(--soft);padding:96px 0}
.hr-profile-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}
.hr-profile .profile-photo img{display:block;width:100%;height:auto}
.hr-profile-copy h2{margin-bottom:20px}
.hr-profile-copy h2 small{font-family:"Yu Gothic","Meiryo",sans-serif;font-size:15px;color:var(--muted);margin-left:16px;letter-spacing:0}
.hr-profile-copy>p{font-size:15px;line-height:1.95;color:var(--hr-body)}
.hr-career{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 16px;font-size:15px;line-height:1.7;margin:0 0 20px}
.hr-career dt{font-weight:700}.hr-career dd{margin:0;color:var(--hr-body)}

/* サービス一覧（縮約） */
section.hr-all{padding:96px 0}
.hr-all-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px}
.hr-all-grid h3{font-size:16px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.hr-all-grid h3 a{color:var(--navy)}
.hr-all-grid div>a{display:block;font-size:14px;line-height:1.7;padding:4px 0;color:var(--hr-body)}
.hr-all-grid div>a:hover,.hr-all-grid h3 a:hover{color:var(--hr-accent);text-decoration:underline}

/* 流れ・FAQ */
section.hr-flow{padding:96px 0}
.hr-flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.hr-flow-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.hr-flow-steps li{display:flex;gap:16px}
.hr-flow-steps li>span{flex:0 0 40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
.hr-flow-steps b{font-size:16px}
.hr-flow-steps p{font-size:14px;color:var(--hr-body);margin:2px 0 0;line-height:1.8}
.hr-faq{margin-bottom:12px}
.hr-faq details{border-bottom:1px solid var(--line);padding:6px 0}
.hr-faq summary{cursor:pointer;font-weight:700;font-size:15px;min-height:44px;display:flex;align-items:center;gap:12px;list-style:none}
.hr-faq summary::-webkit-details-marker{display:none}
.hr-faq summary::before{content:"Q";font-family:Georgia,serif;color:var(--hr-accent);flex:none}
.hr-faq details p{font-size:14px;line-height:1.85;color:var(--hr-body);margin:0 0 12px}

/* 料金の目安（トップ／よくある質問） */
section.hr-fees-top{background:var(--soft);padding:88px 0}
.hr-fee-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hr-fee-cards>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px}
.hr-fee-cards span{display:block;font-size:14px;font-weight:700;color:var(--hr-accent);margin-bottom:6px}
.hr-fee-cards b{display:block;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:32px;font-weight:600;line-height:1.35;color:var(--navy)}
.hr-fee-cards p{font-size:14px;line-height:1.75;color:var(--hr-body);margin:8px 0 0}
.hr-fee-foot{font-size:14px;color:var(--hr-body);margin:22px 0 0}
.hr-fee-foot a{font-weight:700;color:var(--hr-accent);margin-left:.5em;white-space:nowrap}
section.hr-fees{padding:96px 0;border-top:1px solid var(--line)}
.hr-fees-lead{font-size:15px;color:var(--hr-body);margin:14px 0 0}
.hr-fee-block{margin-bottom:48px}
.hr-fee-block h3{font-size:20px;margin:0 0 14px;padding-left:12px;border-left:3px solid var(--navy)}
.hr-fee-scroll{overflow-x:auto}
.hr-fee-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.75;min-width:560px;background:#fff}
.hr-fee-table th{background:var(--navy);color:#fff;text-align:left;font-weight:700;padding:12px 16px}
.hr-fee-table td{border-bottom:1px solid var(--line);padding:14px 16px;color:var(--hr-body);vertical-align:top}
.hr-fee-table td.hr-fee-price{font-weight:700;color:var(--navy);white-space:nowrap}
.hr-fee-notes{margin:16px 0 0;padding-left:1.2em;font-size:14px;line-height:1.85;color:var(--hr-body)}
.hr-fee-notes li{margin-bottom:6px}
.hr-fee-caution{background:var(--soft);border-radius:8px;padding:18px 22px}
.hr-fee-caution p{font-size:13px;line-height:1.8;color:var(--hr-body);margin:0 0 4px}

/* サービス一覧ページ（すべてのサービス） */
section.hr-catalog{background:var(--soft);padding:96px 0}
.hr-catalog-lead{font-size:15px;color:var(--hr-body);margin:14px 0 0;max-width:760px}
.hr-cat-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px}
.hr-cat-nav a{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:700;color:var(--navy)}
.hr-cat-nav a:hover{border-color:#9fb1c1}
.hr-cat-nav small{font-family:Georgia,serif;color:var(--slate);font-weight:400}
.hr-cat{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,2fr);gap:40px;padding:40px 0;border-top:1px solid #c6d2dc;scroll-margin-top:110px}
.hr-cat-head span{font-family:Georgia,serif;font-size:15px;color:var(--slate)}
.hr-cat-head h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:23px;line-height:1.55;margin:6px 0 12px}
.hr-cat-head h3 a{color:var(--navy)}
.hr-cat-head p{font-size:14px;line-height:1.85;color:var(--hr-body);margin:0 0 8px}
.hr-cat-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hr-cat-list a{display:flex;flex-direction:column;gap:4px;height:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px;transition:border-color .2s,box-shadow .2s}
.hr-cat-list a:hover{border-color:#9fb1c1;box-shadow:0 8px 20px rgba(20,38,61,.07)}
.hr-cat-list b{font-size:16px;color:var(--navy);line-height:1.6}
.hr-cat-list b::after{content:" →";color:var(--hr-accent)}
.hr-cat-list span{font-size:13.5px;line-height:1.75;color:var(--hr-body)}

@media(max-width:1100px){.hr-all-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hr-cat{grid-template-columns:1fr;gap:18px}.hr-hero-grid,.hr-profile-grid,.hr-flow-grid{grid-template-columns:1fr;gap:40px}.hr-entry-grid,.hr-reason-grid,.hr-fee-cards{grid-template-columns:1fr}.hr-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-profile .profile-photo{max-width:420px}}
@media(max-width:680px){
 .hr-notice{font-size:12px;padding:8px 14px;text-align:left}
 section.hr-hero{padding:40px 0 48px}
 .hr-hero h1{font-size:clamp(25px,7vw,32px)}
 .hr-hero h1 br{display:none}
 .hr-hero-lead{font-size:15px}
 .hr-actions{flex-direction:column;align-items:stretch}
 .hr-lease-card{padding:24px}
 .hr-lease-points{grid-template-columns:1fr}
 .hr-proof{margin-top:40px}.hr-proof div{padding:14px 16px}.hr-proof dt{font-size:22px}.hr-proof dd{font-size:12px}
 section.hr-entry,section.hr-lease,section.hr-reasons,section.hr-profile,section.hr-all,section.hr-flow,section.hr-fees-top,section.hr-fees{padding:64px 0}
 .hr-fee-cards b{font-size:26px}.hr-fee-table{font-size:14px}
 section.hr-catalog{padding:64px 0}.hr-cat-list{grid-template-columns:1fr}.hr-cat-nav a{font-size:13px;padding:6px 12px}
 .hr-heading{margin-bottom:28px}
 .hr-entry-card{padding:24px}.hr-entry-card h3{font-size:19px}
 .hr-other{font-size:14px;padding:16px 18px}
 .hr-lease-intro p:last-child{font-size:15px}
 .hr-steps{grid-template-columns:1fr}
 .hr-run{padding:24px 20px}.hr-run h3{font-size:20px}.hr-run h3 br{display:none}.hr-run p:last-child{font-size:14px}.hr-run .btn{width:100%}
 .hr-lease-foot .hr-actions{width:100%}
 .hr-all-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .hr-profile-copy h2 small{display:block;margin:6px 0 0}
 .hr-career{grid-template-columns:76px minmax(0,1fr);font-size:14px}
}
@media(prefers-reduced-motion:reduce){.hr-entry-card{transition:none}.hr-entry-card:hover{transform:none}}