@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined");
body #wpadminbar { top: auto; bottom: 0; position: fixed; }

.ff_m { font-family: "Noto Serif JP", serif; font-optical-sizing: auto; }

/* reset */
* { box-sizing: border-box; }

html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure, figcaption, blockquote, dl, dd, table, tr, td, th, form, input { margin: 0; padding: 0; box-sizing: border-box; font-size: 100%; }

ul, ol, li { list-style: none; }

em, i { font-style: normal; }

img, iframe, svg { max-width: 100%; }

input, button, textarea, select { font: inherit; }

a { text-decoration: none; }

html { scroll-padding-top: 200px; }

body, .wp-singular { font-size: 16px; font-family: "Noto Sans JP", sans-serif; font-weight: 400; color: #333; }

a { text-decoration: none; color: #111; transition-duration: 0.3s; }

a:hover { color: #27c; }

time { font-family: Verdana, Geneva, "sans-serif"; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.alignleft { float: left; max-width: 48%; clear: none; }

.alignright { float: right; max-width: 48%; clear: none; }

p { clear: both; }

.mt1 { margin-top: 1rem; }

.mt2 { margin-top: 2rem; }

.mt3 { margin-top: 3rem; }

.mt4 { margin-top: 4rem; }

.mb1 { margin-bottom: 1rem; }

.mb2 { margin-bottom: 2rem; }

.mb3 { margin-bottom: 3rem; }

.mb4 { margin-bottom: 4rem; }

.pt1 { padding-top: 1rem; }

.pt2 { padding-top: 2rem; }

.pt3 { padding-top: 3rem; }

.pt4 { padding-top: 4rem; }

.pb1 { padding-bottom: 1rem; }

.pb2 { padding-bottom: 2rem; }

.pb3 { padding-bottom: 3rem; }

.pb4 { padding-bottom: 4rem; }

.flex { display: flex; justify-content: space-between; }

a.btn, .btn { display: inline-block; border-radius: 8px; text-align: center; padding: 0.5em 2em; border: 1px solid #27c; color: #27c; transition-duration: 0.5s; background: #fff; }
a.btn:hover, .btn:hover { background: #27c; color: #fff; border-color: #27c; }

a.btn-right, .btn-right { position: relative; }
a.btn-right::after, .btn-right::after { position: absolute; right: 8px; top: 50%; transform: translate(0, -50%); }

.container { width: 1240px; max-width: 96%; margin-left: auto; margin-right: auto; }

.narashino-localnavi { position: sticky; top: 160px; }

.global-header { background: #fff; position: sticky; top: 0; z-index: 99; box-shadow: 0 1px 4px #ccc; }
.global-header .container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 0.9em; width: 100%; max-width: 1800px; margin: 0 auto; }

.header-title { flex: 0 0 220px; padding-left: 8px; }

.header-access { flex: 1; font-family: "Noto Serif JP", serif; font-weight: 500; padding-left: 1rem; margin-bottom: 0; }
.header-access dt { padding-bottom: 4px; color: #555; white-space: nowrap; }
.header-access dd { font-size: 1.2em; margin-bottom: 0; }
.header-access a { color: #555; text-decoration: underline; }

.header-link { display: flex; font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 1.1em; margin-bottom: 0; }
.header-link a { text-decoration: underline; color: #111; }

.header-form { padding: 0 1rem 0 3rem; display: flex; justify-content: flex-end; font-size: 0.9em; }
.header-form input { border: 1px solid #aaa; padding: 4px; border-radius: 0; }
.header-form input:focus::placeholder { color: transparent; }
.header-form input[type="text"] { flex: 0 0 200px; max-width: 90%; border-right: 0; }
.header-form input[type="submit"] { background: none; cursor: pointer; background: #f9f6f9; }

.header-sns { display: flex; padding-right: 8px; margin-bottom: 0; }
.header-sns li { padding: 0 4px; }
.header-sns li img { border-radius: 50%; width: 30px; border: 1px solid #bbb; aspect-ratio: 1 / 1; }

.global-navi { border-top: 1px solid #ddd; flex: 0 0 100%; display: flex; justify-content: center; position: relative; }
.global-navi ul { display: flex; justify-content: center; align-items: center; font-family: "Noto Serif JP", serif; font-size: 1.15em; margin-bottom: 0; }
.global-navi li { padding: 1.5rem 1.5em; font-weight: 500; position: relative; }
.global-navi li a { display: block; color: #111; text-decoration: none; }
.global-navi li ul { visibility: hidden; opacity: 0; position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0); display: block; background: #eee; padding: 1rem; transition-duration: 0.3s; overflow-y: auto; max-height: calc(100vh - 200px); }
.global-navi li ul li { font-size: 0.75em; padding: 1px; flex: 1 1 auto; text-align: center; }
.global-navi li ul li a { border: 1px solid #ccc; padding: 12px; background: #fff; white-space: nowrap; }
.global-navi li:hover ul { visibility: visible; opacity: 1; }
.global-navi li.menu-item-object-department___ ul { width: 300%; max-width: 92vw; display: flex; flex-wrap: wrap; }
.global-navi li.menu-item-object-department___ ul li { flex: 1 0 50%; }

.header-hum { flex: 0 0 40px; display: none; align-items: center; z-index: 6; position: relative; line-height: 1; text-align: center; background: #fff; padding: 0; }
.header-hum a { display: block; }
.header-hum span { position: relative; display: block; height: 13px; text-align: center; }
.header-hum span i { width: 100%; width: 24px; height: 2px; display: block; border-radius: 4px; background: #333; position: absolute; left: calc(50% - 12px); transition-duration: 0.4s; }
.header-hum span i:nth-child(1) { top: 0; }
.header-hum span i:nth-child(2) { top: calc(50% - 1.5px); }
.header-hum span i:nth-child(3) { bottom: 0; }
.header-hum em { font-size: 9px; white-space: nowrap; color: #333; display: block; padding: 6px 0 0; letter-spacing: -0.1em; }

.global-footer { background: #248 url("/hospital/images/common/houndstooth-small.png"); background-size: 10px; background: #f0f0f0; padding: 4rem 0 4rem; font-size: 0.9em; }
.global-footer .container { display: flex; justify-content: space-between; flex-wrap: wrap; width: 1800px; }
.global-footer .footer-sitemap { flex: 0 0 25%; }
.global-footer .footer-sitemap-department { flex: 0 0 48%; }
.global-footer .footer-sitemap-department ul { display: flex; flex-wrap: wrap; }
.global-footer .footer-sitemap-department li { min-width: 39%; }
.global-footer h2 { padding-top: 1rem; margin-bottom: 8px; font-size: 14px; }
.global-footer ul { padding-bottom: 1em; margin-bottom: 0; padding-left: 0; }
.global-footer li { padding: 1px 1em; font-size: 12px; }
.global-footer p { padding: 1em; }
.global-footer a { color: #444; text-decoration: none; }
.global-footer a:hover { text-decoration: underline; }

.global-bottom { padding: 2rem 0; text-align: center; }
.global-bottom h3 { display: flex; justify-content: center; align-items: center; line-height: 1.2; padding-bottom: 1rem; font-size: 1em; }
.global-bottom h3 img { width: 2rem; margin-right: 4px; }
.global-bottom h3 em { display: inline-block; width: 2.2em; font-size: 0.7em; }
.global-bottom p { font-size: 10px; color: #777; }

.pagetop { position: sticky; z-index: 10; bottom: 8px; }
.pagetop p { position: absolute; right: 8px; bottom: 8px; }
.pagetop p a { display: flex; justify-content: center; align-items: center; position: relative; padding: 8px; width: 40px; height: 40px; background: #fff; border-radius: 50%; border: 1px solid #333; transition-duration: 0.4s; }
.pagetop p a::after { position: absolute; content: ""; left: 50%; top: 50%; width: 16px; height: 12px; clip-path: polygon(0 100%, 50% 0, 100% 100%); background: #333; transform: translate(-50%, -50%); transform-origin: center; }
.pagetop p a:hover { opacity: 0.8; background: #333; }
.pagetop p a:hover span { border-color: #fff; }
.pagetop p a:hover::after { background: #fff; }

.top-fv { background: #f0f0f0; padding: 1%; box-shadow: 0 2px 8px #ccc; }
.top-fv .container { width: 100%; max-width: 1800px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }

@keyframes scalein { 0% { transform: scale(1); }
  100% { transform: scale(1.25); } }
.top-kv { flex: 0 0 49.5%; position: relative; }
.top-kv figure { line-height: 0; overflow: hidden; }
.top-kv figure img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; animation: scalein 100.0s 0s forwards; }
.top-kv h1 { position: absolute; left: 8px; bottom: 24px; display: inline-block; font-family: "Noto Serif JP", serif; font-size: 1.4em; }
.top-kv h1 b { display: inline-block; background: rgba(255, 255, 255, 0.8); font-family: "Noto Serif JP", serif; font-size: 1.4em; padding: 2px 16px 2px 8px; clip-path: polygon(0 0, 97% 0, 100% 100%, 0 100%); margin-bottom: 1px; }
.top-kv h1 b:last-child { margin-left: 1em; }

.top-slider { flex: 0 0 49.5%; width: 49.5%; }
.top-slider ul { display: flex; }
.top-slider .slick-initialized li { opacity: 1; }
.top-slider li { position: relative; border: 1px solid #ccc; opacity: 0; }
.top-slider li i { display: block; overflow: hidden; }
.top-slider li i img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.top-slider li em { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); padding: 16px 8px 24px; text-align: center; font-weight: 600; }
.top-slider li a:hover em { background: #fff; }
.top-slider li.is–active img { animation: scalein 24.0s 0s forwards; }
.top-slider .slick-dotted.slick-slider { margin-bottom: 0; }
.top-slider .slick-dots li { border: 0; }

.basic-info-top { padding: 3rem 0; border-bottom: 1px solid #ccc; background: #248 url("/hospital/images/common/houndstooth-small.png"); background-size: 8px; color: #fff; }
.basic-info-top .container { display: flex; align-items: center; }
.basic-info-top dl { padding: 0 2rem 0 0; }
.basic-info-top dt { font-weight: 600; line-height: 1.4; font-size: 1.1em; display: inline-block; }
.basic-info-top dt b { font-size: 1.25em; }
.basic-info-top dd { display: block; padding-top: 5px; font-size: 0.8em; color: #FF9ABC; }
.basic-info-top ul { display: flex; gap: 8px; flex-wrap: wrap; font-size: 0.9em; }
.basic-info-top li a { display: block; background: #fff; padding: 1em 1em; border: 1px solid #ddd; white-space: nowrap; }
.basic-info-top li a:hover { background: #27c; color: #fff; }
.basic-info-top li img { height: 0.9em; margin-left: 4px; margin-bottom: 2px; vertical-align: middle; }

.closed h3 { font-size: 1.2em; }
.closed p { padding: 1rem 0; line-height: 1.7; }

.top-banner { padding: 3rem 0; }

.list-banner { display: flex; justify-content: space-between; flex-wrap: wrap; }
.list-banner li { flex: 0 0 24%; position: relative; }
.list-banner li a { display: block; line-height: 0; overflow: hidden; border: 1px solid #ddd; border-radius: 12px; }
.list-banner li img { transition-duration: 0.3s; aspect-ratio: 49 / 16; object-fit: cover; width: 100%; }
.list-banner li em { line-height: 1.1; position: absolute; right: 0; bottom: 8px; padding: 2px 8px 2px 16px; font-weight: 600; background: rgba(255, 255, 255, 0.88); font-family: "Noto Serif JP", serif; font-size: 1.1em; clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%); transition-duration: 0.3s; }
.list-banner li a:hover img { scale: 1.05; }
.list-banner li a:hover em { background: #27c; color: #fff; padding-left: 24px; }

.top-contents { background: linear-gradient(80deg, #f9f3f1 50%, #f1f3fc 50%); font-size: 0.9em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.top-contents .container { display: flex; }
.top-contents h3 { font-size: 1.3em; font-weight: 600; font-family: "Noto Serif JP", serif; margin-bottom: 1.5rem; }

.top-news { flex: 0 0 40%; padding: 3rem 2rem; background: #f9f3f1; }
.top-news .btn { color: #222; border-color: #222; }

.top-contact-link { flex: 0 0 60%; display: flex; }

.top-contact { flex: 0 0 50%; padding: 3rem 2rem 2rem; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: #f3f9f1; }
.top-contact p { font-size: 0.9em; padding-bottom: 1rem; }
.top-contact p strong { font-size: 1.15em; display: inline-block; padding-bottom: 2px; }
.top-contact p em { color: #d11; }

.top-link { flex: 0 0 50%; padding: 3rem 1rem 2rem 2rem; background: #f1f3fc; }
.top-link p { padding-bottom: 1em; }
.top-link p a::before { content: ""; display: inline-block; width: .4em; height: .6em; margin-right: 4px; clip-path: polygon(0 0, 100% 50%, 0 100%); background: #222; }
.top-link li { padding-bottom: 1rem; }
.top-link div { padding-top: 1rem; }
.top-link div img { border: 1px solid #ddd; }

.news-list li { padding-bottom: 2.0rem; }
.news-list time { font-size: 12px; padding-bottom: 4px; display: block; }
.news-list span { font-weight: 500; }

.top-sublink { padding: 4rem 0; }

.list-sublink { display: flex; justify-content: space-between; }
.list-sublink li { flex: 0 0 32%; font-family: "Noto Serif JP", serif; font-weight: 600; }
.list-sublink li a { display: flex; align-items: center; border: 1px solid #ccc; }
.list-sublink li em { flex: 0 0 56%; text-align: center; padding: 8px; }
.list-sublink li i { flex: 0 0 44%; line-height: 0; overflow: hidden; display: block; }
.list-sublink li i img { aspect-ratio: 2 / 1; object-fit: cover; transition-duration: 0.3s; width: 100%; }
.list-sublink li a:hover { background: #27c; color: #fff; }
.list-sublink li a:hover i img { scale: 1.05; }

/*-----------------------------*/
.slick-prev, .slick-next { width: 32px; height: 64px; z-index: 9; text-align: center; top: 45%; transform: translateY(-50%); }
.slick-prev:hover::after, .slick-prev:hover::before, .slick-next:hover::after, .slick-next:hover::before { background: #000; }

.slick-prev { left: -4px; }

.slick-next { right: -4px; }

.slick-prev::before, .slick-next::before, .slick-prev::after, .slick-next::after { content: ""; display: block; width: 1px; border-right: 1px solid #fff; margin: auto; height: 50%; left: 50%; background: #666; }

.slick-prev::before { transform: rotate(24deg); transform-origin: bottom; }

.slick-prev::after { transform: rotate(-24deg); transform-origin: top; }

.slick-next::before { transform: rotate(-24deg); transform-origin: bottom; }

.slick-next::after { transform: rotate(24deg); transform-origin: top; }

.top-slider ul.slick-dots { bottom: 4px; right: 4px; justify-content: flex-end; }
.top-slider ul.slick-dots li { width: auto; height: auto; margin: 0; padding: 4px; }
.top-slider ul.slick-dots li button { padding: 0; width: 8px; height: 8px; border-radius: 50%; background: #ddd; content: none; }
.top-slider ul.slick-dots li button::before { content: none; }
.top-slider ul.slick-dots li.slick-active button { background: #333; }

.narashino-main-page { background: #f0fcff; }
.narashino-main-page .w1240 { max-width: 1600px; width: auto; display: flex; justify-content: space-between; align-items: center; text-align: center; }

.narashino-main-page-ttl { flex: 1; background: #f0fcff; color: #248; }

.narashino-main-page-photo { flex: 0 0 46%; }
.narashino-main-page-photo img { aspect-ratio: 16 / 9; object-fit: cover; height: auto; width: 100%; }

.nrashino-btn-lists a { background: #f0fcff; color: #248; border-color: #248; }
.nrashino-btn-lists a:hover { background: #248; }

.narashino-localnavi ul { background: #f0fcff; }
.narashino-localnavi ul li a i { color: #27c; }

.narashino-content h1 strong { background: none; border-bottom: 3px solid #27c; }

.bg01, .narashino-content th { background: #f0fcff; }

.narashino-main-page-ttl:not(:has(span)) h1 strong { border-bottom: 0; }

.narashino-contentbox p { line-height: 1.7; }

.narashino-contentbox ol { list-style-type: decimal; margin: 0 auto 2em; }
.narashino-contentbox ol li { list-style-type: decimal; list-style-position: outside; margin-left: 1em; margin-bottom: 8px; }

.closed-calendar .sp { display: inline; }

.narashino-contents-navi { background: #fff; }
.narashino-contents-navi strong { background: #27c; color: #fff; }
.narashino-contents-navi li a { color: #666; }
.narashino-contents-navi li a:hover { color: #111; }

/*------------------
//Responsive//
/*-----------------*/
.sp { display: none; }

@media screen and (max-width: 1000px) { .header-form { padding: 0 1rem; }
  .header-form input[type="text"] { width: 12vw; }
  .global-navi li { padding: 1rem; } }
@media screen and (max-width: 768px) { .pc { display: none; }
  .sp { display: block; }
  br.sp { display: inline; }
  .flex { display: block; }
  .overflow { overflow-x: auto; }
  .global-header { overflow: hidden; }
  .header-hum { display: flex; position: absolute; right: 8px; top: 12px; z-index: 100; }
  .header-title { max-width: 30vw; }
  .header-access { padding: 8px; padding-right: 48px; order: 0; font-size: 0.85em; }
  .header-access dd { font-size: 1.0em; }
  .header-access a { display: inline-block; }
  .header-link, .header-sns, .header-form { flex: 0 0 100%; visibility: hidden; opacity: 0; transform: translateX(210%); display: none; order: 4; padding: 1rem; transition-duration: 1.0s; }
  .header-form { order: 1; justify-content: flex-start; }
  .global-navi { order: 3; transition-duration: 0.3s; visibility: hidden; opacity: 0; transform: translateX(200%); height: 0; width: 100%; top: 0; left: 0; z-index: 88; }
  .global-navi ul { align-items: stretch; flex-direction: column; padding: 0; width: 100%; left: 0; top: 0; text-align: left; background: #fff; }
  .global-navi li { border: 0; border-bottom: 1px solid #ddd; padding: 0; }
  .global-navi li a { padding: 1rem 2rem; }
  .global-navi li.menu-item-has-children > a { position: relative; }
  .global-navi li.menu-item-has-children > a::after, .global-navi li.menu-item-has-children > a::before { content: ""; height: 1px; width: 8px; position: absolute; top: 50%; right: 16px; background: #222; }
  .global-navi li.menu-item-has-children > a::after { transform: rotate(90deg); }
  .global-navi li.menu-item-has-children > a.open::after { transform: rotate(0deg); }
  .global-navi li ul { display: none; transform: translate(0, 0); flex-direction: row; max-height: none; left: 0; z-index: 2; }
  .global-navi li ul li { min-width: 50%; }
  .header-menu-active { overflow: hidden; }
  .header-menu-active .global-header { z-index: 99; height: 100vh; overflow-y: auto; }
  .header-menu-active .header-access { order: 1; }
  .header-menu-active .header-link, .header-menu-active .header-sns, .header-menu-active .header-form { visibility: visible; opacity: 1; transform: translateX(0); display: flex; }
  .header-menu-active .global-navi { visibility: visible; opacity: 1; transform: translateX(0); height: auto; }
  .header-menu-active .header-hum span i { top: calc(50% - 2px); }
  .header-menu-active .header-hum span i:nth-child(1) { transform: rotate(45deg); }
  .header-menu-active .header-hum span i:nth-child(2) { opacity: 0; }
  .header-menu-active .header-hum span i:nth-child(3) { transform: rotate(-45deg); }
  .top-fv .container { display: block; }
  .top-kv h1 { font-size: 1.1em; }
  .top-slider { padding-top: 1%; width: 100%; }
  .basic-info-top { padding: 1rem 0; }
  .basic-info-top .container { display: block; }
  .basic-info-top dl { padding: 0 0 1rem; }
  .basic-info-top ul { gap: 0; }
  .basic-info-top ul li { padding: 1px; flex: 0 0 49%; text-align: center; }
  .top-banner { padding: 2rem 0; }
  .list-banner li { padding: 4px; flex: 0 0 50%; }
  .top-contents .container { display: block; max-width: 100%; }
  .top-news, .top-contact, .top-link { padding: 4vw; }
  .top-sublink { padding: 2rem 0; }
  .list-sublink { gap: 8px; flex-wrap: wrap; }
  .list-sublink li { flex: 0 0 100%; }
  .narashino-localnavi { position: static; }
  .narashino-localnavi li br { display: none; } }
.sp { display: none; }

@media screen and (max-width: 480px) { .top-contact-link { display: block; }
  .global-footer { padding: 2rem 0; }
  .global-footer .container { display: block; }
  .global-bottom h3 { flex-wrap: wrap; font-size: 0.9em; }
  .global-footer .footer-sitemap-department li { min-width: 49%; }
  .list-banner li em { font-size: 0.9em; } }

/*# sourceMappingURL=style.css.map */