.inpatient-hero { position: absolute; left: 0; top: 100px; width: 1440px; height: 285px; overflow: hidden; z-index: 1; color: #fff; font-family: 'Zen Maru Gothic', sans-serif; }
.inpatient-hero__visual { position: absolute; inset: 0; overflow: hidden; }
.inpatient-hero__visual img { position: absolute; left: 0; top: -336.5px; width: 1440px; height: 960.12px; max-width: none; object-fit: fill; transform: scale(-1, -1); }
.inpatient-hero__shade { position: absolute; inset: 0 0 1px; background: rgba(0,0,0,.29); }
.inpatient-hero__title { position: absolute; left: 667px; top: 103px; width: 106px; height: 69px; margin: 0; text-align: center; font-weight: 700; z-index: 2; }
.inpatient-hero__title span { position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.inpatient-hero__title-ja { top: 0; font-size: 28px; }
.inpatient-hero__title-en { top: 46px; font-size: 16px; }

@media (min-width: 1440px) {
  .inpatient-hero {
    top: var(--misaki-page-hero-top, 100px);
    height: calc(285px + var(--misaki-page-hero-extension, 0px));
  }
  .inpatient-hero__visual img { top: calc(-336.5px + var(--misaki-page-hero-extension, 0px)); }
  .inpatient-hero__title { top: calc(103px + var(--misaki-page-hero-extension, 0px)); }
}
.inpatient-page { position: absolute; inset: 0; width: 1440px; height: 4554px; font-family: 'Noto Sans JP', sans-serif; color: #575757; pointer-events: none; }
.inpatient-page * { box-sizing: border-box; }
.inpatient-page img { max-width: none; }
.inpatient-page :where(a, button, input, select, textarea, summary, [tabindex], h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td, label, figcaption) { pointer-events: auto; }
.inpatient-intro { position: absolute; inset: 0; }
.inpatient-intro__icon { position: absolute; left: 100px; top: 505px; width: 111px; height: 82px; overflow: hidden; }
.inpatient-intro__icon img { width: 111px; height: 82px; object-fit: fill; }
.inpatient-intro h2 { position: absolute; left: 223px; top: 513px; width: 56px; height: 41px; margin: 0; font: 700 28px/41px 'Zen Maru Gothic', sans-serif; color: #575757; white-space: nowrap; }
.inpatient-intro__en { position: absolute; left: 223px; top: 559px; width: 106px; height: 23px; margin: 0; font: 700 16px/23px 'Zen Maru Gothic', sans-serif; color: #cecece; white-space: nowrap; }
.inpatient-intro__guide { position: absolute; left: 156px; top: 627px; width: 610px; height: 31px; margin: 0; font-size: 16px; line-height: 31px; }
.inpatient-local-nav { position: absolute; inset: 0; }
.inpatient-section-anchor { position: absolute; left: 0; width: 1px; height: 1px; scroll-margin-top: 100px; pointer-events: none; }
.inpatient-section-anchor--guide { top: 848px; }
.inpatient-section-anchor--disability { top: 2256px; }
.inpatient-section-anchor--recovery { top: 3072px; }
.inpatient-section-anchor--care { top: 3824px; }
.local-nav-item { position: absolute; top: 670px; height: 83px; color: #575757; font: 500 20px/27px 'Zen Maru Gothic', sans-serif; text-align: center; }
.local-nav-item::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 67px; border-radius: 17px; background: rgba(254, 235, 239, 0); pointer-events: none; transition: background-color .3s ease; z-index: 2; }
.local-nav-item:hover::before,
.local-nav-item:focus-visible::before { background: rgba(254, 235, 239, .92); }
.local-nav-item:focus-visible { outline: 2px solid #ff98ac; outline-offset: 4px; }
.local-nav-item > span { position: absolute; left: 0; top: 13px; width: 100%; z-index: 3; white-space: nowrap; }
.local-nav-item__bg { position: absolute; left: -3px; top: -3px; z-index: 1; }
.local-nav-item__arrow { position: absolute; left: 50%; top: 52px; transform: translateX(-50%); z-index: 2; }
.local-nav-item__bg--pc { width: 206px; height: 72px; }
.local-nav-item--recovery .local-nav-item__bg--pc { width: 330px; }
.local-nav-item__arrow--pc { width: 30px; height: 30px; }
.local-nav-item__bg--sp, .local-nav-item__arrow--sp { display: none; }
.local-nav-item--guide { left: 156px; width: 200px; }
.local-nav-item--disability { left: 386px; width: 200px; }
.local-nav-item--recovery { left: 616px; top: 669px; width: 324px; }
.local-nav-item--care { left: 970px; width: 200px; }
.section-title { position: absolute; height: 41px; margin: 0; font: 700 28px/41px 'Zen Maru Gothic', sans-serif; color: #575757; white-space: nowrap; z-index: 3; }
.section-title > img { position: absolute; left: -54px; top: 3px; width: 35px; height: 35px; }
.section-title .title-sp { display: none; }
.pdf-section { position: absolute; inset: 0; }
.pdf-section .section-title { left: 193px; top: 848px; width: 168px; }
.pdf-section__lead { position: absolute; left: 156px; top: 911px; width: 1093px; height: 34px; margin: 0; font-size: 16px; line-height: 34px; }
.pdf-section__panel { position: absolute; z-index: 0; }
.pdf-section__panel--pc { left: 153px; top: 966px; width: 1134px; height: 1152px; }
.pdf-section__panel--sp { display: none; }
.pdf-list { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.pdf-card { position: absolute; display: block; width: 320px; color: #575757; pointer-events: auto; transition: transform .36s cubic-bezier(.22, 1, .36, 1), filter .36s ease; will-change: transform; }
.pdf-card:hover,
.pdf-card:focus-visible { transform: translateY(-8px); filter: drop-shadow(0 10px 12px rgba(61,69,66,.16)); }
.pdf-card:focus-visible { outline: 2px solid #ff98ac; outline-offset: 4px; }
.pdf-card__title { position: absolute; left: 0; top: 0; display: flex; align-items: center; gap: 6px; min-height: 28px; font-size: 17px; line-height: 26px; font-weight: 500; }
.pdf-card__title img { flex: 0 0 28px; width: 28px; height: 28px; object-fit: contain; }
.pdf-card__preview { position: absolute; left: 0; width: 320px; object-fit: fill; clip-path: inset(1px); }
.pdf-card--1 { left: 204px; top: 1033px; height: 488px; }
.pdf-card--1 .pdf-card__preview { top: 36px; height: 452px; }
.pdf-card--2 { left: 560px; top: 1021px; height: 500px; }
.pdf-card--2 .pdf-card__title { width: 270px; }
.pdf-card--2 .pdf-card__preview { top: 48px; height: 452px; }
.pdf-card--3 { left: 916px; top: 1033px; height: 488px; }
.pdf-card--3 .pdf-card__preview { top: 36px; height: 452px; }
.pdf-card--4 { left: 204px; top: 1565px; height: 486px; }
.pdf-card--4 .pdf-card__preview { top: 36px; height: 450px; }
.pdf-card--5 { left: 560px; top: 1565px; height: 486px; }
.pdf-card--5 .pdf-card__preview { top: 36px; height: 450px; }
.pdf-card--6 { left: 916px; top: 1565px; height: 486px; }
.pdf-card--6 .pdf-card__preview { top: 36px; height: 450px; }
.ward { position: absolute; inset: 0; }
.ward__decor { position: absolute; display: block; z-index: 0; }
.ward__decor > img { display: block; width: 100%; height: 100%; object-fit: fill; }
.ward__decor--disability { left: 0; top: 2270px; width: 210px; height: 490px; }
.ward__decor--recovery { left: 1221px; top: 3091px; width: 219px; height: 494px; }
.ward__decor--care { left: 0; top: 3845px; width: 210px; height: 490px; }
.ward--disability .section-title { left: 193px; top: 2256px; width: 280px; }
.ward--recovery .section-title { left: 193px; top: 3072px; width: 532px; }
.ward--care .section-title { left: 193px; top: 3824px; width: 252px; }
.ward__feature--disability { position: absolute; inset: 0; }
.ward__catch { position: absolute; margin: 0; font: 700 28px/50px 'Zen Maru Gothic', sans-serif; letter-spacing: 5.6px; color: #ff97ab; white-space: nowrap; z-index: 2; }
.ward__catch > span,
.ward__catch-lines > span { display: block; }
.ward__catch-lines--sp { display: none !important; }
.ward__feature--disability .ward__catch { left: 157px; top: 2438px; width: 364px; height: 100px; }
.ward__photo-frame { position: absolute; overflow: hidden; z-index: 2; }
.ward__photo-frame img { position: absolute; max-width: none; }
.ward__photo-frame--wheelchair { left: 748px; top: 2337px; width: 502px; height: 301px; }
.ward__photo-frame--wheelchair img { left: 0; top: -34px; width: 502px; height: 335px; object-fit: fill; }
.ward__copy { position: absolute; margin: 0; font: 400 16px/34px 'Noto Sans JP', sans-serif; color: #575757; z-index: 2; }
.ward__copy p { margin: 0; padding: 0; }
.ward__copy--disability { left: 157px; top: 2662px; width: 1093px; height: 102px; }
.ward__support { position: absolute; left: 160px; top: 2795px; width: 244px; height: 148px; overflow: hidden; z-index: 2; }
.ward__support img { position: absolute; left: -37.03px; top: -39.2px; width: 309.36px; height: 231.84px; max-width: none; object-fit: fill; }
.disease-box { position: absolute; left: 546px; top: 2792px; width: 703px; height: 150px; z-index: 2; }
.disease-box__bg { position: absolute; inset: 0; width: 100%; height: 100%; }
.disease-box__bg--sp { display: none; }
.disease-box__banner { position: absolute; left: 0; top: 0; width: 357px; height: 42px; }
.disease-box h3 { position: absolute; left: 44px; top: 6px; margin: 0; font: 500 20px/30px 'Zen Maru Gothic', sans-serif; color: #fff; }
.disease-box ul { position: absolute; inset: 54px 0 0 44px; margin: 0; padding: 0; list-style: none; font-size: 16px; line-height: 30px; }
.disease-box li { position: absolute; padding-left: 24px; white-space: nowrap; }
.disease-box li::before { content: ''; position: absolute; left: 0; top: 9px; width: 17px; height: 17px; background: url('../img/inpatient/disease-bullet.png') center/17px 17px no-repeat; }
.disease-box li:nth-child(1) { left: 0; top: 0; }.disease-box li:nth-child(2) { left: 0; top: 42px; }.disease-box li:nth-child(3) { left: 295px; top: 0; }.disease-box li:nth-child(4) { left: 295px; top: 42px; }
.ward__photo-frame--recovery { left: 157px; top: 3152px; width: 502px; height: 301px; }
.ward__photo-frame--recovery img,
.ward__photo-frame--care img { left: -.163px; top: -104px; width: 502.325px; height: 405px; object-fit: fill; }
.ward__catch--recovery { left: 718px; top: 3253.5px; width: 532px; height: 100px; }
.ward__copy--recovery { left: 157px; top: 3477px; width: 1093px; height: 237px; }
.ward__photo-frame--care { left: 747px; top: 3904px; width: 502px; height: 301px; }
.ward__catch--care { left: 137px; top: 4006px; width: 445px; height: 100px; }
.ward__copy--care { left: 157px; top: 4229px; width: 1093px; height: 205px; }
.ward__copy-structure--sp { display: none; }

@media (prefers-reduced-motion: reduce) {
  .pdf-card, .local-nav-item::before { transition: none; }
}

@media (max-width: 699.98px) {
  .inpatient-hero { top: 84px; width: 375px; height: 268px; }
  .inpatient-hero__visual img { left: -270px; top: -190px; width: 929px; height: 619.32px; object-position: initial; transform: scale(-1, -1); }
  .inpatient-hero__shade { inset: 0; }
  .inpatient-hero__title { left: 140px; top: 84px; width: 93px; height: 54px; }
  .inpatient-hero__title-ja { top: 0; font-size: 24px; }
  .inpatient-hero__title-en { top: 35px; font-size: 14px; }
  body.misaki-inpatient-page .d2c-site-stage { height: calc(100vw * 7687 / 375); }
  body.misaki-inpatient-page .d2c-artboard { height: 7687px; }
  body.misaki-inpatient-page .site-footer { top: 6498px; }
  .inpatient-page { width: 375px; height: 6498px; }
  .inpatient-intro__icon { left: 12px; top: 392px; width: 77px; height: 57px; }
  .inpatient-intro__icon img { width: 77px; height: 57px; }
  .inpatient-intro h2 { left: 97px; top: 394px; width: 48px; height: 35px; font-size: 24px; line-height: 35px; }
  .inpatient-intro__en { left: 97px; top: 429px; width: 93px; height: 20px; font-size: 14px; line-height: 20px; }
  .inpatient-intro__guide { left: 14px; top: 473px; width: 255px; height: 34px; font-size: 14px; line-height: 34px; }
  .local-nav-item { height: 57px; font-size: 16px; line-height: 22px; }
  .local-nav-item::before { height: 44px; border-radius: 12px; }
  .local-nav-item > span { top: 6px; }
  .local-nav-item__bg--pc, .local-nav-item__arrow--pc { display: none; }
  .local-nav-item__bg--sp, .local-nav-item__arrow--sp { display: block; }
  .local-nav-item__bg { left: -2px; top: -2px; }
  .local-nav-item__arrow { top: 32.6px; }
  .local-nav-item__bg--sp { width: 165px; height: 49px; }
  .local-nav-item--recovery .local-nav-item__bg--sp { width: 249px; }
  .local-nav-item__arrow--sp { width: 24px; height: 24px; }
  .local-nav-item--guide { left: 12px; top: 515px; width: 160px; }
  .local-nav-item--disability { left: 188px; top: 515px; width: 160px; }
  .local-nav-item--recovery { left: 12px; top: 584px; width: 244px; }
  .local-nav-item--care { left: 12px; top: 653px; width: 160px; }
  .inpatient-section-anchor { scroll-margin-top: 84px; }
  .inpatient-section-anchor--guide { top: 790px; }
  .inpatient-section-anchor--disability { top: 3206px; }
  .inpatient-section-anchor--recovery { top: 4340px; }
  .inpatient-section-anchor--care { top: 5450px; }
  .section-title { height: auto; font-size: 22px; line-height: 32px; white-space: normal; }
  .section-title > img { left: -40px; top: 2px; width: 28px; height: 28px; content: url('../img/inpatient/section-dot-sp.png'); }
  .section-title .title-pc { display: none; }.section-title .title-sp { display: inline; }
  .pdf-section .section-title { left: 52px; top: 790px; width: 132px; height: 32px; }
  .pdf-section__lead { left: 12px; top: 838px; width: 317px; height: 34px; font-size: 14px; line-height: 34px; }
  .pdf-section__panel--pc { display: none; }.pdf-section__panel--sp { display: block; left: 9px; top: 885px; width: 357px; height: 2254px; }
  .pdf-card { width: 216px; }
  .pdf-card__title { font-size: 14px; line-height: 23px; gap: 6px; }
  .pdf-card__title img { width: 28px; height: 28px; }
  .pdf-card__preview { width: 216px; object-fit: fill; }
  .pdf-card--1 { left: 80px; top: 916px; height: 339px; }.pdf-card--1 .pdf-card__title { left: 19px; }.pdf-card--1 .pdf-card__preview { top: 34px; height: 305px; }
  .pdf-card--2 { left: 80px; top: 1283px; height: 357px; }.pdf-card--2 .pdf-card__title { left: -5px; width: 250px; }.pdf-card--2 .pdf-card__preview { top: 52px; height: 305px; }
  .pdf-card--3 { left: 80px; top: 1668px; height: 339px; }.pdf-card--3 .pdf-card__title { left: -29px; width: 300px; }.pdf-card--3 .pdf-card__preview { top: 34px; height: 305px; }
  .pdf-card--4 { left: 80px; top: 2035px; height: 338px; }.pdf-card--4 .pdf-card__title { left: 11px; }.pdf-card--4 .pdf-card__preview { top: 34px; height: 304px; }
  .pdf-card--5 { left: 80px; top: 2401px; height: 338px; }.pdf-card--5 .pdf-card__title { left: -5px; }.pdf-card--5 .pdf-card__preview { top: 34px; height: 304px; }
  .pdf-card--6 { left: 80px; top: 2768px; height: 338px; }.pdf-card--6 .pdf-card__title { left: 15px; }.pdf-card--6 .pdf-card__preview { top: 34px; height: 304px; }
  .ward__decor--disability { left: 197px; top: 3222px; width: 300px; height: 285px; }
  .ward__decor--recovery { left: 203px; top: 4391px; width: 300px; height: 285px; object-fit: fill; }
  .ward__decor--care { left: 203px; top: 5470px; width: 300px; height: 285px; object-fit: fill; }
  .ward--disability .section-title { left: 52px; top: 3206px; width: 220px; }
  .ward--recovery .section-title { left: 57px; top: 4340px; width: 264px; line-height: 32px; }
  .ward--care .section-title { left: 57px; top: 5450px; width: 198px; }
  .ward__catch { font-size: 22px; line-height: 40px; letter-spacing: 4.4px; white-space: nowrap; }
  .ward__feature--disability .ward__catch { left: 12px; top: 3260px; width: 294px; height: 80px; }
  .ward__photo-frame--wheelchair { left: 12px; top: 3364px; width: 351px; height: 210px; }
  .ward__photo-frame--wheelchair img { left: 0; top: -24px; width: 351px; height: 234px; }
  .ward__copy { font-size: 16px; line-height: 34px; }
  .ward__copy--disability { left: 12px; top: 3596px; width: 351px; height: 340px; }
  .ward__support { left: 183px; top: 3935px; width: 170px; height: 103px; }
  .ward__support img { left: -25.8px; top: -27.29px; width: 215.54px; height: 161.35px; }
  .disease-box { left: 12px; top: 4042px; width: 351px; height: 228px; }
  .disease-box__bg--pc { display: none; }.disease-box__bg--sp { display: block; }
  .disease-box__banner { left: 1px; top: 0; width: 264px; height: 42px; object-fit: fill; object-position: left; }
  .disease-box h3 { left: 45px; top: 6px; font-size: 20px; line-height: 30px; }
  .disease-box ul { inset: 54px 0 0 16px; font-size: 16px; line-height: 34px; }
  .disease-box li { left: 0 !important; padding-left: 23px; }.disease-box li:nth-child(1) { top: 0; }.disease-box li:nth-child(2) { top: 40px; }.disease-box li:nth-child(3) { top: 80px; }.disease-box li:nth-child(4) { top: 120px; }
  .ward__photo-frame--recovery { left: 12px; top: 4570px; width: 351px; height: 210px; }
  .ward__catch--recovery { left: 12px; top: 4426px; width: 349px; height: 120px; }
  .ward__catch-lines--pc { display: none !important; }
  .ward__catch-lines--sp { display: block !important; }
  .ward__copy--recovery { left: 12px; top: 4802px; width: 351px; height: 578px; }
  .ward__catch--care { left: 12px; top: 5504px; width: 349px; height: 80px; }
  .ward__photo-frame--care { left: 12px; top: 5608px; width: 351px; height: 210px; }
  .ward__copy--care { left: 12px; top: 5840px; width: 351px; height: 578px; }
  .ward__photo-frame--recovery img,
  .ward__photo-frame--care img { left: -.114px; top: -72.56px; width: 351.228px; height: 282.557px; }
  .ward__copy-structure--pc { display: none; }
  .ward__copy-structure--sp { display: block; }
  .ward__copy-structure--sp > span { display: block; white-space: nowrap; }
}

/* Replacement photographs retain their natural orientation and proportions. */
.inpatient-hero__visual img { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: none; }
.ward__photo-frame--wheelchair img, .ward__photo-frame--recovery img, .ward__photo-frame--care img { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 60%; }
