*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:#184c78;background:#eef9ff}
a{text-decoration:none;color:inherit}
.site-header{height:95px;background:#fff;position:relative;z-index:20;border-bottom:1px solid #e8f2f8}
.header-inner{max-width:1240px;height:95px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:32px}
.brand{width:390px;display:flex;align-items:center;flex:none}
.header-logo{width:229px;height:113px;display:block;object-fit:contain;transform:translate(15px,2px)}
.global-nav{height:100%;display:flex;align-items:center;gap:42px;flex:1}
.global-nav a{height:100%;display:flex;align-items:center;position:relative;font-size:16px;font-weight:600;white-space:nowrap;color:#075b9f}
.global-nav .active{color:#0878c8}.global-nav .active:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:3px;border-radius:3px;background:#0878c8}
.header-tools{display:flex;gap:24px;white-space:nowrap;font-size:15px;font-weight:600;color:#0569b6}
.sub-nav{height:64px;background:linear-gradient(90deg,#effbff,#e0f5ff);border-bottom:1px solid #cdebf8;position:relative;z-index:15}
.sub-nav-inner{max-width:1240px;height:64px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr)}
.sub-nav a{position:relative;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#5a7890;border-right:1px solid #c9e7f4}
.sub-nav a:first-child{border-left:1px solid #c9e7f4}.sub-nav a.current{color:#0878c8}
.hero{height:330px;position:relative;overflow:hidden;background:#eefaff}
.hero-image{position:absolute;top:50%;right:max(calc((100% - 1240px)/2 + 20px),20px);width:55%;height:auto;display:block;transform:translateY(-50%)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#eefaff 0%,#eefaff 28%,rgba(238,250,255,.96) 38%,rgba(238,250,255,.62) 50%,rgba(238,250,255,.14) 66%,rgba(238,250,255,0) 82%)}
.hero-copy{position:absolute;z-index:3;left:max(calc((100% - 1240px)/2 + 55px),7%);top:75px}
.hero-copy h1{margin:0;color:#075b9f;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:48px;line-height:1.2;letter-spacing:.06em;font-weight:600}
.hero-copy p{margin:22px 0 0;color:#184c78;font-size:17px;line-height:1.8;font-weight:600}
.hero-wave{position:absolute;z-index:4;left:-3%;bottom:-28px;width:106%;height:70px;background:#eef9ff;border-radius:50% 50% 0 0/62% 62% 0 0}
.breadcrumb{max-width:1240px;margin:0 auto;padding:10px 20px 22px;color:#49718d;font-size:13px}
.content{max-width:1240px;margin:0 auto;padding:0 20px 56px}
.return-visit-content{padding-top:22px}
.detail-heading{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:end;margin-bottom:22px}
.detail-heading>h1{margin:0;color:#0871ba;font-size:36px;line-height:1.2;padding-bottom:9px;border-bottom:4px solid #f8c694}
.detail-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:7px;background:#e5f5fd;border-radius:11px}
.detail-nav a{height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d8ebf6;border-radius:7px;color:#0871ba;font-size:17px;font-weight:700}
.detail-nav a.current{background:#0878c8;color:#fff;box-shadow:inset 0 -5px 0 #f8c694}
.detail-section{margin-top:22px}
.detail-title{margin:0 0 10px;padding:11px 16px;border-radius:9px;background:#e7f6fd;color:#0871ba;font-size:23px;border-left:5px solid #f8c694}

/* 再診ページ */
.return-intro{display:grid;grid-template-columns:47% 53%;overflow:hidden;border:1px solid #d8ebf6;border-radius:14px;background:#fff;box-shadow:0 3px 12px rgba(22,112,168,.06)}
.return-photo{min-width:0;background:#fff;display:flex;align-items:center;justify-content:flex-start;padding:18px}
.return-photo img{width:100%;height:260px;display:block;object-fit:contain;object-position:left center}
.return-intro-text{padding:26px 28px 26px 18px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#fff,#eef9ff)}
.return-intro-text h2{margin:0 0 13px;color:#0871ba;font-size:24px}
.return-intro-text .lead{margin:0 0 18px;color:#426b87;font-size:15px;line-height:1.8}
.reservation-row{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:10px 0;border-top:1px solid #dceef8;color:#426b87;font-size:14px;line-height:1.65}
.reservation-row strong{color:#0878c8}
.insurance-note{margin-top:10px;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;padding:14px 18px;background:#fff;border:1px solid #dceef8;border-radius:10px}
.insurance-note img{width:52px;height:52px;object-fit:contain}.insurance-note p{margin:0;color:#426b87;font-size:13px;line-height:1.75}.insurance-note strong{color:#e53946}
.return-flow{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr);align-items:stretch}
.flow-card{position:relative;min-height:190px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;padding:22px 18px;background:#fff;border:1px solid #dceef8;border-radius:10px}
.flow-no{position:absolute;left:15px;top:15px;width:42px;height:42px;border-radius:50%;background:#0878c8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700}
.flow-img{width:72px;height:72px;object-fit:contain;display:block;margin-top:36px}
.flow-copy h3{margin:0 0 12px;color:#0871ba;font-size:19px;line-height:1.4}.flow-copy p{margin:0;color:#426b87;font-size:13px;line-height:1.8}
.flow-next{display:flex;align-items:center;justify-content:center;color:#73c2e9;font-size:48px}
.department-box{margin-top:10px;padding:17px 22px;text-align:center;background:#fff;border:1px solid #dceef8;border-radius:10px}
.department-box h3{margin:0 0 8px;color:#0871ba;font-size:19px}.department-box p{margin:0;color:#426b87;font-size:14px;line-height:1.75}
.caution-section ul{margin:0;padding:14px 30px 14px 48px;background:#fff;border:1px solid #dceef8;border-radius:10px;color:#426b87}
.caution-section li{padding:6px 0;font-size:14px;line-height:1.75}.caution-section li::marker{color:#0878c8}.caution-section span{color:#e53946;font-weight:700}
.back-outpatient-wrap{margin-top:22px;display:flex;justify-content:flex-start}
.back-outpatient{min-width:220px;height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid #0878c8;border-radius:8px;color:#0871ba;font-size:15px;font-weight:700}
.back-arrow{font-size:20px;line-height:1}
.footer-visual{height:145px;position:relative;overflow:hidden;background:#eef9ff}
.footer-visual:before{content:"";position:absolute;left:-4%;right:-4%;bottom:-42px;height:110px;background:#cceeff;border-radius:50% 50% 0 0/70% 70% 0 0}
.footer-mountain{position:absolute;bottom:24px;left:32%;width:40%;height:70px;clip-path:polygon(0 100%,14% 58%,25% 83%,41% 36%,53% 74%,65% 43%,78% 82%,91% 56%,100% 100%);background:rgba(115,201,237,.24)}
.mountain-b{left:40%;bottom:15px;width:34%;height:54px;background:rgba(115,201,237,.17)}
.site-footer{background:#fff;border-top:1px solid #e0eef6}
.footer-inner{max-width:1240px;margin:0 auto;padding:26px 20px 30px;display:grid;grid-template-columns:370px 1fr;gap:42px;align-items:start}
.footer-info{padding-right:38px;border-right:1px solid #bdd0dc}.footer-info p{margin:0 0 8px;color:#3a617d;font-size:13px}.footer-info a{color:#0871ba;font-weight:700;font-size:18px}
.footer-right{min-height:105px;display:flex;flex-direction:column}.footer-nav{display:flex;flex-wrap:wrap;gap:8px 0;margin-top:17px}
.footer-nav a{font-size:12px;color:#496b83;padding:0 14px;border-right:1px solid #adc1cf}.footer-nav a:first-child{padding-left:0}.footer-nav a:last-child{border-right:0}
.copyright{margin:auto 0 0;text-align:right;color:#496b83;font-size:12px}
@media(max-width:800px){.detail-heading{grid-template-columns:1fr}.detail-nav{grid-template-columns:1fr}.return-intro{grid-template-columns:1fr}.return-photo img{height:auto}.return-flow{grid-template-columns:1fr}.flow-next{height:36px;transform:rotate(90deg)}.footer-inner{grid-template-columns:1fr}.footer-info{border-right:0;border-bottom:1px solid #d6e4ed;padding:0 0 20px}}


/* =========================================================
   ロールオーバー：初診ページと同じ仕様
   ========================================================= */
.global-nav a,
.sub-nav a,
.detail-nav a,
.footer-nav a,
.header-tools a,
.back-outpatient{
  transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease;
}

/* 上部メニュー */
.global-nav a:not(.active):hover,
.global-nav a:not(.active):focus-visible{
  color:#0878c8;
}
.global-nav a:not(.active):hover::after,
.global-nav a:not(.active):focus-visible::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:16px;
  height:3px;
  border-radius:3px;
  background:#f8c694;
}

/* 外来のご案内／入院・お見舞い／診療科・部門／病院紹介 */
/* 初診の方／再診の方／外来担当医表
   初診ページと同じく、カードの大きさは変えず下部をオレンジ表示 */
.detail-nav a:not(.current):hover,
.detail-nav a:not(.current):focus-visible{
  box-shadow:inset 0 -5px 0 #f8c694;
  background:#fff;
  color:#0871ba;
}

/* 外来のご案内に戻る */
.back-outpatient:hover,
.back-outpatient:focus-visible{
  background:#eef9ff;
  box-shadow:inset 0 -5px 0 #f8c694;
}

/* ヘッダー右側・フッター */
.header-tools a:hover,
.header-tools a:focus-visible,
.footer-nav a:hover,
.footer-nav a:focus-visible{
  color:#0878c8;
  opacity:.75;
}


/* =========================================================
   再来受付機エリア
   初診ページの写真・右側文字列と同じ位置に統一
   ========================================================= */
@media(min-width:801px){
  .return-intro{
    grid-template-columns:49% 51%;
    align-items:stretch;
  }

  .return-photo{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    background:#fff;
    padding:8px 0 8px 6px;
  }

  .return-photo img{
    width:100%;
    height:285px;
    max-width:100%;
    display:block;
    object-fit:contain;
    object-position:left center;
  }

  .return-intro-text{
    padding:30px 22px 30px 10px;
  }

  /* 初診ページと同じく、右側の文字だけ左へ60px移動 */
  .return-intro-text h2,
  .return-intro-text .lead,
  .return-intro-text .reservation-row{
    transform:translateX(-60px);
  }
}

@media(max-width:800px){
  .return-intro{
    grid-template-columns:1fr;
  }

  .return-photo{
    padding:10px;
    justify-content:center;
  }

  .return-photo img{
    width:100%;
    height:auto;
    max-height:420px;
    object-fit:contain;
    object-position:center;
  }

  .return-intro-text{
    padding:24px 20px;
  }
}

.sub-nav a:not(.current){transition:color .18s,box-shadow .18s,background-color .18s}
.sub-nav a:not(.current):hover,
.sub-nav a:not(.current):focus-visible{
  color:#0878c8;
  box-shadow:inset 0 -5px 0 #f8c694;
  background:rgba(255,255,255,.24);
}

/* パンくずリンク */
.breadcrumb a{color:#0878c8;text-decoration:none}
.breadcrumb a:visited{color:#0878c8}
.breadcrumb a:hover,.breadcrumb a:focus-visible{
  color:#075b9f;
  text-decoration:underline;
  text-underline-offset:2px;
}