/* ご利用案内：index_rokenの緑系配色とoutpatientのヒーロー・本文配置を踏襲 */
.guide-hero{height:330px;position:relative;overflow:hidden;background:#e8f6ed}
.guide-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.guide-hero-copy{position:absolute;z-index:2;left:max(calc((100% - 1240px)/2 + 55px),7%);top:77px}
.guide-hero-copy h1{margin:0;color:#216c4b;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:48px;letter-spacing:.06em;font-weight:600;text-shadow:0 1px 2px #ffffffb5}
.guide-hero-copy p{margin:17px 0 0;font-size:16px;line-height:1.9;font-weight:600;color:#285d48}
.guide-hero-wave{position:absolute;z-index:3;left:-3%;bottom:-28px;width:106%;height:70px;background:#f0fbf3;border-radius:50% 50% 0 0/62% 62% 0 0}
.guide-breadcrumb{max-width:1240px;margin:0 auto;padding:12px 20px 23px;color:#5c8a70;font-size:13px;display:flex;gap:13px}
.guide-breadcrumb a{color:#32845d}
.guide-main{max-width:1240px;margin:0 auto;padding:0 20px 62px;display:grid;gap:22px}
.guide-panel{background:#fff;border:1px solid #d9ebdd;border-radius:14px;padding:22px 26px 25px;box-shadow:0 3px 12px rgba(36,101,63,.055)}
.guide-panel-heading{display:flex;align-items:center;gap:0;padding:0 0 16px;border-bottom:1px solid #e6f1e8;margin-bottom:19px}
.guide-panel-heading h2{font-size:25px;margin:0;color:#216c4b}
.guide-panel-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#e1f2e7;color:#278657;font-size:28px;font-weight:700}
.eligible-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;list-style:none;margin:0;padding:4px 4px 3px}
.eligible-list li{display:flex;gap:15px;align-items:center;padding:16px 12px;background:#f4faf5;border-radius:10px}
.number,.step-num{flex:none;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#51a965;color:white;font-size:21px;font-weight:700}
.eligible-list p{margin:0;line-height:1.75;font-size:15px;color:#345f49}
.steps{display:grid;gap:13px}
.step{display:grid;grid-template-columns:235px 1fr;gap:18px;align-items:start;padding:12px 0}
.step+.step{border-top:1px solid #e3efe7}
.step-name{display:flex;align-items:center;gap:15px}
.step-name h3{margin:0;font-size:20px;color:#27764e}
.step-body{font-size:15px;line-height:1.85;color:#3c5e4a}
.step-body>p{margin:5px 0 0}
.documents{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.document{padding:12px 14px;background:#f5fbf7;border:1px solid #e1efe4;border-radius:9px}
.document strong{font-size:15px;color:#246c48}
.document p{font-size:13px;line-height:1.75;margin:5px 0 0}
.step-note{margin-top:14px!important;padding:11px 15px;background:#e9f6ec;border-radius:8px}
.brochure-status{margin:0;padding:15px 18px;background:#f4faf5;border-radius:9px;color:#517661;font-size:15px}
.guide-footer-visual{height:135px;position:relative;overflow:hidden;background:#f0fbf3}
.guide-footer-visual:before{content:"";position:absolute;left:-4%;right:-4%;bottom:-46px;height:105px;background:#d0ead9;border-radius:50% 50% 0 0/70% 70% 0 0}
.guide-mountain{position:absolute;bottom:18px;left:28%;width:45%;height:73px;background:rgba(116,185,135,.20);clip-path:polygon(0 100%,15% 55%,29% 86%,43% 31%,55% 75%,67% 43%,79% 79%,91% 51%,100% 100%)}
.guide-mountain.two{left:42%;bottom:9px;width:34%;height:54px;opacity:.65}
@media(max-width:850px){.eligible-list{grid-template-columns:1fr}.step{grid-template-columns:1fr;gap:10px}.documents{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.guide-hero{height:270px}.guide-hero-copy{left:6%;top:55px}.guide-hero-copy h1{font-size:34px}.guide-hero-copy p{font-size:13px}.guide-panel{padding:18px 15px}.guide-panel-heading h2{font-size:20px}.documents{grid-template-columns:1fr}.eligible-list li{align-items:flex-start}.step-name h3{font-size:18px}}

/* outpatient.html のサブナビとヒーロー寸法・画像位置を忠実に継承（緑系のみ変更） */
.guide-sub-nav{height:64px;background:linear-gradient(90deg,#effaf1,#e0f3e6);border-bottom:1px solid #cce6d4;position:relative;z-index:15}
.guide-sub-nav-inner{max-width:1240px;height:64px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr)}
.guide-sub-nav a{position:relative;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#46745b;border-right:1px solid #c8e2d0;transition:color .2s,background .2s}
.guide-sub-nav a:first-child{border-left:1px solid #c8e2d0}
.guide-sub-nav a:hover,.guide-sub-nav a:focus-visible{color:#177747;background:#fff8;box-shadow:inset 0 -4px 0 #84c99c}
.guide-hero{height:330px!important;position:relative;overflow:hidden;background:#eef9f0}
.guide-hero>.guide-hero-image{position:absolute;top:50%;right:max(calc((100% - 1240px)/2 + 20px),20px);left:auto;width:55%;height:auto;max-width:none;object-fit:initial;transform:translateY(-50%);display:block}
.guide-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#eef9f0 0%,#eef9f0 28%,rgba(238,249,240,.96) 38%,rgba(238,249,240,.62) 50%,rgba(238,249,240,.14) 66%,rgba(238,249,240,0) 82%);pointer-events:none}
.guide-hero-copy{top:75px}
@media(max-width:800px){.guide-sub-nav,.guide-sub-nav-inner{height:auto}.guide-sub-nav-inner{grid-template-columns:repeat(2,1fr);padding:0}.guide-sub-nav a{min-height:58px}.guide-hero{height:300px!important}.guide-hero>.guide-hero-image{width:68%}}
@media(max-width:560px){.guide-sub-nav a{font-size:12px}.guide-hero{height:260px!important}.guide-hero>.guide-hero-image{width:100%;opacity:.64}.guide-hero-overlay{background:linear-gradient(90deg,rgba(238,249,240,.98) 0%,rgba(238,249,240,.91) 48%,rgba(238,249,240,.42) 100%)}.guide-hero-copy{top:58px}}


/* 上部リンク：添付procedureのsub-navを踏襲。選択中は緑文字のみ、下線なし。 */
.guide-sub-nav .guide-sub-nav-inner>a{color:#6e7c73;background:transparent;box-shadow:none;transition:color .18s,background-color .18s,box-shadow .18s}
.guide-sub-nav .guide-sub-nav-inner>a.current,
.guide-sub-nav .guide-sub-nav-inner>a[aria-current="page"]{color:#177747;background:transparent;box-shadow:none}
.guide-sub-nav .guide-sub-nav-inner>a.current::after,
.guide-sub-nav .guide-sub-nav-inner>a[aria-current="page"]::after{content:none;display:none}
.guide-sub-nav .guide-sub-nav-inner>a:not(.current):hover,
.guide-sub-nav .guide-sub-nav-inner>a:not(.current):focus-visible{
  color:#177747;background:rgba(255,255,255,.38);box-shadow:inset 0 -5px 0 #e9a0c0
}
/* 添付procedureのdetail-titleと同様、各項目の見出し左端にピンクの縦線 */
.guide-panel-heading{border-left:5px solid #e9a0c0;padding:10px 14px;margin-bottom:19px;border-bottom:0;border-radius:8px;background:#eaf7ed}

/* 5ページ共通ナビゲーション */
@media(min-width:801px){.guide-sub-nav-inner{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* ご利用案内のみ：横長画像が高さ不足で上部に余白を作らないよう補正 */
.guide-hero > .guide-hero-image {
  top: 0;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: none;
}

/* 未公開の項目もリンクと同じ文字・余白・区切り線で表示（クリック不可） */
.footer-nav .footer-link-pending{display:inline-block;box-sizing:border-box;font-size:12px;color:#5b7865;font-family:inherit;font-weight:inherit;line-height:inherit;padding:0 14px;border-right:1px solid #bbd5c4;text-decoration:none;cursor:default;}
.footer-nav .footer-link-pending:last-child{border-right:0;}


/* 全ページ共通：現在ページのヘッダーナビ表示 */
.site-header .global-nav a[aria-current="page"]{color:#e66c96!important;}