@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==========================================================
   トップページ（カスタムHTMLブロック .okc-top）
   ========================================================== */

/* --- このページだけタイトル・サイドバーを消して全幅にする --- */
body:has(.okc-top) .c-pageTitle,
body:has(.okc-top) .l-topTitleArea,
body:has(.okc-top) #breadcrumb,
body:has(.okc-top) #sidebar { display:none !important; }
body:has(.okc-top) .l-mainContent { width:100% !important; max-width:none !important; }
body:has(.okc-top) .l-content { padding-top:0 !important; margin-bottom:0 !important; }
html:has(.okc-top), body:has(.okc-top) { overflow-x:clip; }

.okc-top {
  width:100vw;
  margin:0 calc(50% - 50vw) !important;
  overflow-x:hidden;
  background:#fbfbfc;
  color:#1d2632;
  font-family:"Zen Kaku Gothic New", system-ui, sans-serif;
  font-size:16px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
.okc-top * { box-sizing:border-box; }
.okc-top a { color:#2b4f86; text-decoration:none; }
.okc-top a:hover { color:#16325c; }

/* --- SWELL の見出し・本文装飾を打ち消す --- */
.okc-top h1, .okc-top h2 {
  background:none !important; border:0 !important; padding:0 !important; box-shadow:none !important;
}
.okc-top h1::before, .okc-top h1::after,
.okc-top h2::before, .okc-top h2::after { content:none !important; display:none !important; }
.okc-top summary::-webkit-details-marker { display:none; }
.okc-top details > summary { list-style:none; }
.okc-top img { max-width:none; }

/* --- ホバー／タップ時の色 --- */
.okc-top a.okc-h-btn:hover { background:#16325c !important; color:#fff !important; }
.okc-top a.okc-h-navy:hover { color:#16325c !important; }
.okc-top a.okc-h-white:hover { background:#fff !important; }
.okc-top a.okc-h-pale:hover, .okc-top a.okc-a-pale:active { background:#f4f7fb !important; }
.okc-top a.okc-h-light:hover { background:#dbe5f3 !important; color:#16325c !important; }
.okc-top a.okc-h-outline:hover { border:1px solid #fff !important; color:#fff !important; }

/* --- お支払い方法（ブランド名） --- */
.okc-top .okc-brands { display:flex; flex-wrap:wrap; gap:6px; }
.okc-top .okc-brands span {
  display:inline-flex; align-items:center; min-height:32px; padding:4px 10px;
  background:#fff; box-shadow:inset 0 0 0 1px #dfe4ec;
  font-size:12px; line-height:1.4; color:#26314a;
}

/* --- PC/スマホ出し分け --- */
.okc-top .sp-only { display:none; }
.okc-top .sp-br, .okc-top .sp-inline { display:none; }

@media (max-width:900px) {
  .okc-top .acc-grid { grid-template-columns:1fr !important; gap:32px !important; }
  .okc-top .stat-grid { grid-template-columns:1fr !important; gap:44px 28px !important; }
  .okc-top .tile-grid { grid-template-columns:repeat(2,1fr) !important; }
  .okc-top .method-grid, .okc-top .faq-grid, .okc-top .one-col-sp, .okc-top .online-split { grid-template-columns:1fr !important; }
  .okc-top .online-split { gap:32px !important; }
  .okc-top .cta-actions { min-width:0 !important; width:100% !important; }
  .okc-top .one-col-sp { min-height:0 !important; }

  .okc-top .sp-only { display:block; }
  .okc-top .pc-only, .okc-top .pc-only-inline { display:none !important; }
  .okc-top .sec { padding:64px 18px 0 !important; }
  .okc-top .sec-hero { padding:32px 18px 0 !important; }
  .okc-top #reserve { padding-bottom:64px !important; }
  .okc-top .sec-img { padding:28px 0 0 !important; }
  .okc-top .sec-img img { height:220px !important; }
  .okc-top .sec [style*="font-size:15px"] { font-size:16px !important; }
  .okc-top .sec [style*="font-size:14px"] { font-size:15px !important; }
  .okc-top .sec [style*="font-size:13px"] { font-size:14px !important; }
  .okc-top .sec [style*="font-size:10px"], .okc-top .sec [style*="font-size:11px"] { font-size:12px !important; }
  .okc-top .sec .hours-row, .okc-top .sec .hours-row > span { font-size:13px !important; }
  .okc-top .tile { min-height:76px !important; padding:14px 14px 12px !important; gap:4px !important; }
  .okc-top .tile-name { font-size:16px !important; font-weight:700; line-height:1.4 !important; }
  .okc-top .tile-sub { font-size:13px !important; line-height:1.5; color:#6b7484; }
  .okc-top .tile-arrow { display:none !important; }
  .okc-top .tile-grid { gap:8px !important; }
  .okc-top .sp-br { display:block !important; }
  .okc-top .sp-inline { display:inline !important; }
  .okc-top .sec .pay-lbl { font-size:11px !important; white-space:nowrap; }
  .okc-top .sec .hours-row { grid-template-columns:96px repeat(7,minmax(0,1fr)) !important; padding:12px 0 !important; }
  .okc-top .sec .hours-row .hr-label { font-weight:700; font-size:14px !important; line-height:1.4; }
  .okc-top .sec .hours-row .hr-time { display:block; font-size:12px !important; color:#6b7484; font-weight:400; }
}
@media (max-width:560px) {
  .okc-top .stat-grid .stat-num { font-size:44px !important; }
  .okc-top .hours-row { font-size:11px !important; }
  .okc-top .hours-row > span:first-child { white-space:normal !important; font-size:11px !important; }
}

/* ==========================================================
   共通：ヘッダー・フッター・追従ボタン・お知らせ一覧
   ========================================================== */

/* --- ヘッダー --- */
.c-headLogo { font-family:"Zen Old Mincho", serif; letter-spacing:0.12em; color:#16325c; }
.c-gnav > .menu-item > a { font-size:12px; letter-spacing:0.06em; color:#3c465a; }
.c-gnav > .menu-item.okc-nav-cta { display:flex; align-items:center; margin-left:8px; }
.c-gnav > .menu-item.okc-nav-cta > a {
  height:42px; padding:0 24px; background:#2b4f86; color:#fff !important; letter-spacing:0.1em;
  transition:background 0.2s;
}
.c-gnav > .menu-item.okc-nav-cta > a:hover { background:#16325c; }
.c-gnav > .menu-item.okc-nav-cta > a::after { display:none !important; }
.p-spMenu .okc-nav-cta > a { background:#2b4f86; color:#fff !important; justify-content:center; margin-top:12px; }

/* --- フッター --- */
.okc-foot { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:24px 40px; }
.okc-foot__name { margin:0 0 10px !important; font-family:"Zen Old Mincho", serif; font-size:18px; letter-spacing:0.14em; color:#16325c; }
.okc-foot__info p { margin:0 !important; font-size:13px; line-height:1.9; color:#4a5568; }
.okc-foot__info a { color:inherit; text-decoration:none; }
.okc-foot__btn {
  display:inline-flex; align-items:center; gap:12px; min-height:56px; padding:0 30px;
  background:#2b4f86; color:#fff !important; font-size:14px; letter-spacing:0.1em; text-decoration:none !important;
  transition:background 0.2s;
}
.okc-foot__btn:hover { background:#16325c; }
.okc-foot__btn small { font-size:11px; color:#cfdff2; letter-spacing:0.06em; }
.l-footer__nav a { font-size:12px; letter-spacing:0.06em; }

/* --- 追従ボタン：PC（右下・ファーストビューから表示） --- */
.okc-fixcta-pc { position:fixed; right:24px; bottom:24px; z-index:100; }
.okc-fixcta-pc a {
  display:flex; align-items:center; gap:10px; min-height:60px; padding:0 28px;
  background:#2b4f86; color:#fff !important; font-size:14px; letter-spacing:0.1em; white-space:nowrap; text-decoration:none;
  box-shadow:0 8px 28px rgba(22,50,92,0.28); transition:background 0.2s;
}
.okc-fixcta-pc a:hover { background:#16325c; }
.okc-fixcta-pc__txt { display:flex; flex-direction:column; align-items:flex-start; gap:2px; line-height:1.2; }
.okc-fixcta-pc__sub { font-size:10px; letter-spacing:0.06em; opacity:0.85; }
/* SWELL の「ページトップへ」ボタンを予約ボタンの上へ */
.p-fixBtnWrap { bottom:100px !important; }

/* --- 追従ボタン：スマホ（下部固定バー・3等分） --- */
.okc-fixcta-sp { display:none; }
@media (max-width:959px) {
  .okc-fixcta-pc { display:none; }
  .okc-fixcta-sp {
    display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
    position:fixed; left:0; right:0; bottom:0; z-index:100;
    padding-bottom:env(safe-area-inset-bottom); background:#fff;
    border-top:1px solid #dfe4ec; box-shadow:0 -6px 20px rgba(22,50,92,0.1);
  }
  .okc-fixcta-sp a {
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
    min-height:64px; padding:8px 4px; font-size:13px; font-weight:700; letter-spacing:0.04em; line-height:1.3; text-decoration:none;
  }
  .okc-fixcta-sp__tel { background:#16325c; color:#fff !important; }
  .okc-fixcta-sp__web { background:#2f6ec4; color:#fff !important; }
  .okc-fixcta-sp__access { background:#fff; color:#16325c !important; }
  body { padding-bottom:calc(64px + env(safe-area-inset-bottom)); }
  .p-fixBtnWrap { bottom:84px !important; }
}

/* --- トップ：お知らせ一覧 --- */
.okc-top .okc-news { list-style:none; margin:0 !important; padding:0 !important; border-top:1px solid #e7eaf0; }
.okc-top .okc-news li { margin:0 !important; padding:0 !important; border-bottom:1px solid #e7eaf0; }
.okc-top .okc-news li::before { content:none !important; }
.okc-top .okc-news a { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 28px; padding:18px 4px; color:#26314a; }
.okc-top .okc-news a:hover { background:#fff; }
.okc-top .okc-news time { font-family:"IBM Plex Mono", monospace; font-size:12px; letter-spacing:0.1em; color:#8a93a1; }
.okc-top .okc-news span { font-size:15px; line-height:1.7; }
.okc-top .okc-news__empty { margin:0 !important; padding:18px 4px; border-top:1px solid #e7eaf0; border-bottom:1px solid #e7eaf0; font-size:14px; color:#7b8595; }
@media (max-width:900px) {
  .okc-top #news { padding-top:56px !important; }
}

/* ==========================================================
   下層ページ（デザインの再現 .okc-page）
   ========================================================== */
body:has(.okc-page) .c-pageTitle,
body:has(.okc-page) .l-topTitleArea,
body:has(.okc-page) #breadcrumb,
body:has(.okc-page) #sidebar { display:none !important; }
body:has(.okc-page) .l-mainContent { width:100% !important; max-width:none !important; }
body:has(.okc-page) .l-content { padding-top:0 !important; margin-bottom:0 !important; }
html:has(.okc-page), body:has(.okc-page) { overflow-x:clip; }
.okc-page { width:100vw; margin:0 calc(50% - 50vw) !important; padding-bottom:104px; overflow-x:hidden; font-size:16px; line-height:1.8; }
.okc-page h1, .okc-page h2, .okc-page h3 { background:none !important; border:0 !important; padding:0 !important; box-shadow:none !important; }
.okc-page h1::before, .okc-page h1::after, .okc-page h2::before, .okc-page h2::after, .okc-page h3::before, .okc-page h3::after { content:none !important; display:none !important; }
.okc-page summary::-webkit-details-marker { display:none; }
.okc-page details > summary { list-style:none; }
.okc-page img { max-width:none; }
.okc-page .okc-ph { position:relative; width:100%; height:100%; min-height:220px; display:flex; align-items:center; justify-content:center; background:repeating-linear-gradient(135deg,#eef1f5 0 14px,#e6eaf0 14px 28px); }
.okc-page .okc-ph span { font-family:"IBM Plex Mono", monospace; font-size:11px; letter-spacing:0.2em; color:#7b8595; }
.okc-page details.okc-faq[open] > summary > span:last-child { transform:rotate(45deg); }
/* ---- allergy ---- */
.okc-p-allergy { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-allergy * { box-sizing: border-box; }
.okc-p-allergy a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-allergy a:hover { color: rgb(22, 50, 92); }
.okc-p-allergy .sp-only { display: none; }
.okc-p-allergy .sp-br, .okc-p-allergy .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-allergy .sp-only { display: block; }
.okc-p-allergy .pc-only { display: none !important; }
.okc-p-allergy .sp-br { display: block !important; }
.okc-p-allergy .sp-inline { display: inline !important; }
.okc-p-allergy .sec { padding: 64px 18px 0px !important; }
.okc-p-allergy .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-allergy .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-allergy .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-allergy .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-allergy .sec [style*="font-size: 10px"], .okc-p-allergy .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-allergy .reserve-btns { min-width: 0px !important; width: 100%; }
.okc-p-allergy .sp-stack { grid-template-columns: 1fr !important; gap: 16px !important; }
.okc-p-allergy .sp-stack > div:first-child { gap: 10px !important; }
.okc-p-allergy #reserve > div { padding: 28px 20px !important; gap: 20px !important; }
.okc-p-allergy #reserve .reserve-btns a { padding: 0px 18px !important; }
}
.okc-p-allergy .okc-allergy-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-allergy .okc-allergy-h1:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-allergy .okc-allergy-h2:hover { background: rgb(255, 255, 255) !important; box-shadow: rgb(201, 212, 228) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-allergy .okc-allergy-h3:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-allergy .okc-allergy-h4:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-allergy .okc-allergy-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-allergy .okc-allergy-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-allergy .okc-allergy-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- breast ---- */
.okc-p-breast { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-breast * { box-sizing: border-box; }
.okc-p-breast a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-breast a:hover { color: rgb(22, 50, 92); }
.okc-p-breast .sp-only { display: none; }
.okc-p-breast .sp-br, .okc-p-breast .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-breast .sp-only { display: block; }
.okc-p-breast .pc-only { display: none !important; }
.okc-p-breast .sp-br { display: block !important; }
.okc-p-breast .sp-inline { display: inline !important; }
.okc-p-breast .sec { padding: 64px 18px 0px !important; }
.okc-p-breast .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-breast .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-breast .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-breast .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-breast .sec [style*="font-size: 10px"], .okc-p-breast .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-breast .reserve-btns { min-width: 0px !important; width: 100%; }
.okc-p-breast .sp-stack { grid-template-columns: 1fr !important; gap: 16px !important; }
.okc-p-breast .sp-stack > div:first-child { gap: 10px !important; }
.okc-p-breast #reserve > div { padding: 28px 20px !important; gap: 20px !important; }
.okc-p-breast #reserve .reserve-btns a { padding: 0px 18px !important; }
}
.okc-p-breast .okc-breast-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-breast .okc-breast-h1:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-breast .okc-breast-h2:hover { background: rgb(255, 255, 255) !important; box-shadow: rgb(201, 212, 228) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-breast .okc-breast-h3:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-breast .okc-breast-h4:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-breast .okc-breast-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-breast .okc-breast-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-breast .okc-breast-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- cancer-screening ---- */
.okc-p-cancer-screening { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-cancer-screening * { box-sizing: border-box; }
.okc-p-cancer-screening a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-cancer-screening a:hover { color: rgb(22, 50, 92); }
.okc-p-cancer-screening .sp-only { display: none; }
.okc-p-cancer-screening .sp-br, .okc-p-cancer-screening .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-cancer-screening .sp-only { display: block; }
.okc-p-cancer-screening .pc-only { display: none !important; }
.okc-p-cancer-screening .sp-br { display: block !important; }
.okc-p-cancer-screening .sp-inline { display: inline !important; }
.okc-p-cancer-screening .sec { padding: 64px 18px 0px !important; }
.okc-p-cancer-screening .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-cancer-screening .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-cancer-screening .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-cancer-screening .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-cancer-screening .sec [style*="font-size: 10px"], .okc-p-cancer-screening .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-cancer-screening .fee-box { padding: 0px !important; }
.okc-p-cancer-screening .sp-stack { grid-template-columns: 1fr !important; gap: 16px !important; }
.okc-p-cancer-screening .sp-stack > div:first-child { gap: 10px !important; }
}
.okc-p-cancer-screening .okc-cancer-screening-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-cancer-screening .okc-cancer-screening-h1:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-cancer-screening .okc-cancer-screening-h2:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-cancer-screening .okc-cancer-screening-h3:hover { background: rgb(255, 255, 255) !important; box-shadow: rgb(201, 212, 228) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-cancer-screening .okc-cancer-screening-h4:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-cancer-screening .okc-cancer-screening-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-cancer-screening .okc-cancer-screening-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-cancer-screening .okc-cancer-screening-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- checkup ---- */
.okc-p-checkup { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-checkup * { box-sizing: border-box; }
.okc-p-checkup a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-checkup a:hover { color: rgb(22, 50, 92); }
.okc-p-checkup .sp-only { display: none; }
.okc-p-checkup .sp-br, .okc-p-checkup .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-checkup .sp-only { display: block; }
.okc-p-checkup .pc-only { display: none !important; }
.okc-p-checkup .sp-br { display: block !important; }
.okc-p-checkup .sp-inline { display: inline !important; }
.okc-p-checkup .sec { padding: 64px 18px 0px !important; }
.okc-p-checkup .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-checkup .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-checkup .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-checkup .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-checkup .sec [style*="font-size: 10px"], .okc-p-checkup .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-checkup .fee-box { padding: 0px !important; }
.okc-p-checkup .sp-stack { grid-template-columns: 1fr !important; gap: 16px !important; }
.okc-p-checkup .sp-stack > div:first-child { gap: 10px !important; }
}
.okc-p-checkup .okc-checkup-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-checkup .okc-checkup-h1:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-checkup .okc-checkup-h2:hover { background: rgb(255, 255, 255) !important; box-shadow: rgb(201, 212, 228) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-checkup .okc-checkup-h3:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-checkup .okc-checkup-h4:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-checkup .okc-checkup-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-checkup .okc-checkup-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-checkup .okc-checkup-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- doctor ---- */
.okc-p-doctor { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-doctor * { box-sizing: border-box; }
.okc-p-doctor a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-doctor a:hover { color: rgb(22, 50, 92); }
.okc-p-doctor .split { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr); }
.okc-p-doctor .g3 { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.okc-p-doctor .rows { display: grid; grid-template-columns: auto minmax(0px, 1fr); }
@media (max-width: 900px) {
.okc-p-doctor .split, .okc-p-doctor .g3 { grid-template-columns: minmax(0px, 1fr) !important; }
.okc-p-doctor .rows { grid-template-columns: minmax(0px, 1fr) !important; gap: 4px 0px !important; }
.okc-p-doctor .navlinks { display: none !important; }
.okc-p-doctor .portrait { height: 340px !important; }
}
.okc-p-doctor .sp-only { display: none; }
.okc-p-doctor .sp-br, .okc-p-doctor .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-doctor .sp-only { display: block; }
.okc-p-doctor .pc-only { display: none !important; }
.okc-p-doctor .sp-br { display: block !important; }
.okc-p-doctor .sp-inline { display: inline !important; }
.okc-p-doctor .sec { padding: 64px 18px 0px !important; }
.okc-p-doctor .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-doctor .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-doctor .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-doctor .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-doctor .sec [style*="font-size: 10px"], .okc-p-doctor .sec [style*="font-size: 11px"] { font-size: 12px !important; }
}
.okc-p-doctor .okc-doctor-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-doctor .okc-doctor-h1:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-doctor .okc-doctor-h2:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-doctor .okc-doctor-h3:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-doctor .okc-doctor-h4:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-doctor .okc-doctor-h5:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- fever ---- */
.okc-p-fever { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-fever * { box-sizing: border-box; }
.okc-p-fever a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-fever a:hover { color: rgb(22, 50, 92); }
.okc-p-fever .sp-only { display: none; }
.okc-p-fever .sp-br, .okc-p-fever .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-fever .sp-only { display: block; }
.okc-p-fever .pc-only { display: none !important; }
.okc-p-fever .sp-br { display: block !important; }
.okc-p-fever .sp-inline { display: inline !important; }
.okc-p-fever .sec { padding: 64px 18px 0px !important; }
.okc-p-fever .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-fever .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-fever .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-fever .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-fever .sec [style*="font-size: 10px"], .okc-p-fever .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-fever .reserve-btns { min-width: 0px !important; width: 100%; }
.okc-p-fever .sp-stack { grid-template-columns: 1fr !important; gap: 16px !important; }
.okc-p-fever .sp-stack > div:first-child { gap: 10px !important; }
.okc-p-fever #reserve > div { padding: 28px 20px !important; gap: 20px !important; }
.okc-p-fever #reserve .reserve-btns a { padding: 0px 18px !important; }
}
.okc-p-fever .okc-fever-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-fever .okc-fever-h1:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-fever .okc-fever-h2:hover { background: rgb(255, 255, 255) !important; box-shadow: rgb(201, 212, 228) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-fever .okc-fever-h3:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-fever .okc-fever-h4:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-fever .okc-fever-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-fever .okc-fever-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-fever .okc-fever-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- homecare ---- */
.okc-p-homecare { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-homecare * { box-sizing: border-box; }
.okc-p-homecare a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-homecare a:hover { color: rgb(22, 50, 92); }
.okc-p-homecare .sp-only { display: none; }
.okc-p-homecare .sp-br, .okc-p-homecare .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-homecare .sp-only { display: block; }
.okc-p-homecare .pc-only { display: none !important; }
.okc-p-homecare .sp-br { display: block !important; }
.okc-p-homecare .sp-inline { display: inline !important; }
.okc-p-homecare .sec { padding: 64px 18px 0px !important; }
.okc-p-homecare .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-homecare .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-homecare .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-homecare .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-homecare .sec [style*="font-size: 10px"], .okc-p-homecare .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-homecare .sp-stack { grid-template-columns: 1fr !important; gap: 20px !important; }
.okc-p-homecare .sp-ptop { padding-top: 40px !important; }
.okc-p-homecare .care-box { padding: 24px 18px !important; }
.okc-p-homecare .care-box .care-h { margin-top: 12px !important; }
}
.okc-p-homecare .okc-homecare-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-homecare .okc-homecare-h1:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-homecare .okc-homecare-h2:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-homecare .okc-homecare-h3:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-homecare .okc-homecare-h4:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-homecare .okc-homecare-h5:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- online ---- */
.okc-p-online { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-online * { box-sizing: border-box; }
.okc-p-online a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-online a:hover { color: rgb(22, 50, 92); }
.okc-p-online .g3 { display: grid; grid-template-columns: repeat(3, 1fr); }
.okc-p-online .g4 { display: grid; grid-template-columns: repeat(4, 1fr); }
.okc-p-online .g2 { display: grid; grid-template-columns: repeat(2, 1fr); }
.okc-p-online .split { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.15fr); }
.okc-p-online .split > * { min-width: 0px; }
.okc-p-online .g3 > *, .okc-p-online .g4 > *, .okc-p-online .g2 > * { min-width: 0px; }
@media (max-width: 900px) {
.okc-p-online .g3, .okc-p-online .g4, .okc-p-online .g2, .okc-p-online .split { grid-template-columns: minmax(0px, 1fr) !important; }
.okc-p-online .hero-photo { height: 280px !important; }
.okc-p-online .navlinks { display: none !important; }
}
.okc-p-online .sp-only { display: none; }
.okc-p-online .sp-br, .okc-p-online .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-online .sp-only { display: block; }
.okc-p-online .pc-only { display: none !important; }
.okc-p-online .sp-br { display: block !important; }
.okc-p-online .sp-inline { display: inline !important; }
.okc-p-online .sec { padding: 64px 18px 0px !important; }
.okc-p-online .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-online .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-online .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-online .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-online .sec [style*="font-size: 10px"], .okc-p-online .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-online .guide-btn { width: 100%; justify-content: space-between; white-space: normal !important; }
.okc-p-online .reserve-btns { min-width: 0px !important; width: 100%; }
.okc-p-online #reserve > div { padding: 28px 20px !important; gap: 20px !important; }
}
.okc-p-online .okc-online-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-online .okc-online-h1:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-online .okc-online-h2:hover { background: rgb(255, 255, 255) !important; }
.okc-p-online .okc-online-h3:hover { background: rgb(244, 246, 250) !important; }
.okc-p-online .okc-online-h4:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-online .okc-online-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-online .okc-online-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-online .okc-online-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- sti ---- */
.okc-p-sti { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-sti * { box-sizing: border-box; }
.okc-p-sti a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-sti a:hover { color: rgb(22, 50, 92); }
.okc-p-sti .sp-only { display: none; }
.okc-p-sti .sp-br, .okc-p-sti .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-sti .sp-only { display: block; }
.okc-p-sti .pc-only { display: none !important; }
.okc-p-sti .sp-br { display: block !important; }
.okc-p-sti .sp-inline { display: inline !important; }
.okc-p-sti .sec { padding: 64px 18px 0px !important; }
.okc-p-sti .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-sti .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-sti .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-sti .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-sti .sec [style*="font-size: 10px"], .okc-p-sti .sec [style*="font-size: 11px"] { font-size: 12px !important; }
}
.okc-p-sti .okc-sti-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-sti .okc-sti-h1:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-sti .okc-sti-h2:hover { background: rgb(255, 255, 255) !important; box-shadow: rgb(201, 212, 228) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-sti .okc-sti-h3:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-sti .okc-sti-h4:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-sti .okc-sti-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-sti .okc-sti-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-sti .okc-sti-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- urination ---- */
.okc-p-urination { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-urination * { box-sizing: border-box; }
.okc-p-urination a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-urination a:hover { color: rgb(22, 50, 92); }
.okc-p-urination .sp-only { display: none; }
.okc-p-urination .sp-br, .okc-p-urination .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-urination .sp-only { display: block; }
.okc-p-urination .pc-only { display: none !important; }
.okc-p-urination .sp-br { display: block !important; }
.okc-p-urination .sp-inline { display: inline !important; }
.okc-p-urination .sec { padding: 64px 18px 0px !important; }
.okc-p-urination .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-urination .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-urination .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-urination .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-urination .sec [style*="font-size: 10px"], .okc-p-urination .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-urination .reserve-btns { min-width: 0px !important; width: 100%; }
.okc-p-urination .sp-stack { grid-template-columns: 1fr !important; gap: 16px !important; }
.okc-p-urination .sp-stack > div:first-child { gap: 10px !important; }
.okc-p-urination #reserve > div { padding: 28px 20px !important; gap: 20px !important; }
.okc-p-urination #reserve .reserve-btns a { padding: 0px 18px !important; }
}
.okc-p-urination .okc-urination-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-urination .okc-urination-h1:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-urination .okc-urination-h2:hover { background: rgb(255, 255, 255) !important; box-shadow: rgb(201, 212, 228) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-urination .okc-urination-h3:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-urination .okc-urination-h4:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-urination .okc-urination-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-urination .okc-urination-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-urination .okc-urination-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- vaccine ---- */
.okc-p-vaccine { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-vaccine * { box-sizing: border-box; }
.okc-p-vaccine a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-vaccine a:hover { color: rgb(22, 50, 92); }
.okc-p-vaccine .sp-only { display: none; }
.okc-p-vaccine .sp-br, .okc-p-vaccine .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-vaccine .sp-only { display: block; }
.okc-p-vaccine .pc-only { display: none !important; }
.okc-p-vaccine .sp-br { display: block !important; }
.okc-p-vaccine .sp-inline { display: inline !important; }
.okc-p-vaccine .sec { padding: 64px 18px 0px !important; }
.okc-p-vaccine .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-vaccine .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-vaccine .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-vaccine .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-vaccine .sec [style*="font-size: 10px"], .okc-p-vaccine .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-vaccine .fee-box { padding: 0px !important; }
.okc-p-vaccine .sp-stack { grid-template-columns: 1fr !important; gap: 16px !important; }
.okc-p-vaccine .sp-stack > div:first-child { gap: 10px !important; }
}
.okc-p-vaccine .okc-vaccine-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-vaccine .okc-vaccine-h1:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-vaccine .okc-vaccine-h2:hover { background: rgb(255, 255, 255) !important; box-shadow: rgb(201, 212, 228) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-vaccine .okc-vaccine-h3:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-vaccine .okc-vaccine-h4:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-vaccine .okc-vaccine-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-vaccine .okc-vaccine-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-vaccine .okc-vaccine-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }

/* ---- work-injury ---- */
.okc-p-work-injury { background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(251, 251, 252); color: rgb(29, 38, 50); font-family: "Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing: antialiased }
.okc-p-work-injury * { box-sizing: border-box; }
.okc-p-work-injury a { color: rgb(43, 79, 134); text-decoration: none; }
.okc-p-work-injury a:hover { color: rgb(22, 50, 92); }
.okc-p-work-injury .sp-only { display: none; }
.okc-p-work-injury .sp-br, .okc-p-work-injury .sp-inline { display: none; }
@media (max-width: 900px) {
.okc-p-work-injury .sp-only { display: block; }
.okc-p-work-injury .pc-only { display: none !important; }
.okc-p-work-injury .sp-br { display: block !important; }
.okc-p-work-injury .sp-inline { display: inline !important; }
.okc-p-work-injury .sec { padding: 64px 18px 0px !important; }
.okc-p-work-injury .sec-hero { padding: 24px 18px 0px !important; }
.okc-p-work-injury .sec [style*="font-size: 15px"] { font-size: 16px !important; }
.okc-p-work-injury .sec [style*="font-size: 14px"] { font-size: 15px !important; }
.okc-p-work-injury .sec [style*="font-size: 13px"] { font-size: 14px !important; }
.okc-p-work-injury .sec [style*="font-size: 10px"], .okc-p-work-injury .sec [style*="font-size: 11px"] { font-size: 12px !important; }
.okc-p-work-injury .reserve-btns { min-width: 0px !important; width: 100%; }
.okc-p-work-injury .sp-stack { grid-template-columns: 1fr !important; gap: 16px !important; }
.okc-p-work-injury .sp-stack > div:first-child { gap: 10px !important; }
.okc-p-work-injury #reserve > div { padding: 28px 20px !important; gap: 20px !important; }
.okc-p-work-injury #reserve .reserve-btns a { padding: 0px 18px !important; }
}
.okc-p-work-injury .okc-work-injury-h0:hover { background: rgb(22, 50, 92) !important; color: rgb(255, 255, 255) !important; }
.okc-p-work-injury .okc-work-injury-h1:hover { box-shadow: rgb(43, 79, 134) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-work-injury .okc-work-injury-h2:hover { background: rgb(255, 255, 255) !important; box-shadow: rgb(201, 212, 228) 0px 0px 0px 1px inset !important; color: rgb(22, 50, 92) !important; }
.okc-p-work-injury .okc-work-injury-h3:hover { background: rgb(219, 229, 243) !important; color: rgb(22, 50, 92) !important; }
.okc-p-work-injury .okc-work-injury-h4:hover { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset !important; color: rgb(255, 255, 255) !important; }
.okc-p-work-injury .okc-work-injury-h5:active { background: rgb(15, 36, 68) !important; color: rgb(255, 255, 255) !important; }
.okc-p-work-injury .okc-work-injury-h6:active { background: rgb(37, 90, 163) !important; color: rgb(255, 255, 255) !important; }
.okc-p-work-injury .okc-work-injury-h7:active { background: rgb(238, 242, 248) !important; color: rgb(22, 50, 92) !important; }
/* ==========================================================
   仕上げ（ヘッダー・フッター・デザインのないページ・トップの不要部分）
   ========================================================== */

/* --- トップ：SWELL のメインビジュアル（さぁ、始めよう。）と記事スライダーを消す（PC・スマホとも） --- */
/* このサイトの body には「home」クラスが付かないため、要素そのものを指定する */
#main_visual, #post_slider, .p-mainVisual, .p-postSlider { display:none !important; }

/* --- ページトップへ戻るボタン（デザインにないので出さない） --- */
.p-fixBtnWrap { display:none !important; }

/* --- 全体の地色・文字 --- */
body { background:#fbfbfc; color:#1d2632; font-family:"Zen Kaku Gothic New", system-ui, sans-serif; -webkit-font-smoothing:antialiased; }
#body_wrap { background:#fbfbfc; }

/* --- ヘッダー（デザイン準拠） --- */
.l-header, .l-fixHeader { background:rgba(251,251,252,0.96) !important; border-bottom:1px solid #e7eaf0; box-shadow:none !important; }
.l-header__bar { display:none !important; }          /* 上部の細いバー（RSS・検索） */
.l-header__customBtn { display:none !important; }    /* スマホの検索ボタン */
.c-headLogo { font-size:18px !important; line-height:1.3 !important; }
.c-headLogo__link { display:inline-flex !important; flex-direction:column; gap:2px; color:#16325c !important; font-family:"Zen Old Mincho", serif; font-weight:400; letter-spacing:0.12em; white-space:nowrap; }
.c-headLogo__link::after { content:"OKUMURA CLINIC / HAKATA"; font-family:"IBM Plex Mono", monospace; font-size:9px; letter-spacing:0.2em; color:#8a93a1; }
.c-gnav > .menu-item > a .ttl { font-family:"Zen Kaku Gothic New", sans-serif; }
.c-gnav > .menu-item > a::after { background:#2b4f86 !important; }
@media (max-width:959px) {
  .c-headLogo { font-size:17px !important; }
  .c-headLogo__link::after { content:"福岡市博多区・一般外科／乳腺外科／泌尿器科"; font-family:"Zen Kaku Gothic New", sans-serif; font-size:11px; letter-spacing:0.04em; color:#6b7484; }
  /* SWELL のメニューボタンは使わず、デザインどおりのボタン（.okc-menu-btn）を右に置く */
  .l-header__menuBtn { display:none !important; }
  .l-header__inner { padding:12px 18px !important; align-items:center; }
  .l-header__logo { order:1 !important; flex:1 1 auto; text-align:left !important; padding:0 !important; }
  .okc-menu-btn { order:3; flex:0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; width:44px; height:44px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:inset 0 0 0 1px #dfe4ec; cursor:pointer; }
  .okc-menu-btn span { display:block; width:18px; height:1.5px; background:#16325c; }
  /* ヘッダーの下に開くパネル */
  .okc-spmenu { position:absolute; top:100%; left:0; right:0; z-index:200; background:#fff; border-bottom:1px solid #e7eaf0; box-shadow:0 12px 24px rgba(22,50,92,0.08); }
  .okc-spmenu nav { display:flex; flex-direction:column; padding:4px 18px 16px; }
  .okc-spmenu a { display:flex; align-items:center; justify-content:space-between; min-height:52px; border-bottom:1px solid #eef1f5; font-family:"Zen Kaku Gothic New", sans-serif; font-size:16px; color:#16325c !important; text-decoration:none; }
  .okc-spmenu a span { color:#9aa3b2; }
}
@media (min-width:960px) { .okc-menu-btn, .okc-spmenu { display:none !important; } }
.okc-spmenu[hidden] { display:none !important; }

/* --- サイドバーは使わない（全ページ1カラム） --- */
#sidebar { display:none !important; }
.l-mainContent { width:100% !important; }

/* --- スマホの開閉メニュー --- */
.p-spMenu__inner { background:#fff; }
.p-spMenu__nav .menu-item > a { color:#16325c; font-size:16px; border-bottom:1px solid #eef1f5; }

/* --- デザインのないページ（掲示事項・/medical/・お知らせ）を全体の雰囲気にそろえる --- */
.p-breadcrumb.-bg-on { background:#f4f6f9; }
.p-breadcrumb__text, .p-breadcrumb__item a { color:#6b7484; font-size:12px; }
.c-pageTitle, .c-postTitle__ttl { font-family:"Zen Old Mincho", serif !important; font-weight:400 !important; color:#16325c !important; letter-spacing:0.04em; }
.c-pageTitle { font-size:clamp(26px, 3vw, 38px) !important; }
.c-pageTitle__inner { border:0 !important; padding:0 !important; background:none !important; }
.c-pageTitle__inner::before, .c-pageTitle__inner::after { display:none !important; }
body:not(:has(.okc-top, .okc-page)) .post_content { font-size:15px; line-height:2; color:#26314a; }
body:not(:has(.okc-top, .okc-page)) .post_content h2 {
  margin:2.4em 0 1em !important; padding:0 0 0.6em !important; background:none !important; border:0 !important; border-bottom:1px solid #e7eaf0 !important;
  font-family:"Zen Old Mincho", serif; font-weight:400; font-size:clamp(20px, 2.2vw, 26px); letter-spacing:0.04em; color:#16325c !important;
}
body:not(:has(.okc-top, .okc-page)) .post_content h3 {
  margin:2em 0 0.8em !important; padding:0 0 0 12px !important; background:none !important; border:0 !important; border-left:3px solid #2b4f86 !important;
  font-family:"Zen Old Mincho", serif; font-weight:400; font-size:18px; color:#16325c !important;
}
body:not(:has(.okc-top, .okc-page)) .post_content h2::before, body:not(:has(.okc-top, .okc-page)) .post_content h2::after,
body:not(:has(.okc-top, .okc-page)) .post_content h3::before, body:not(:has(.okc-top, .okc-page)) .post_content h3::after { display:none !important; }
body:not(:has(.okc-top, .okc-page)) .post_content a { color:#2b4f86; }
body:not(:has(.okc-top, .okc-page)) .post_content table { background:#fff; }
body:not(:has(.okc-top, .okc-page)) .post_content th, body:not(:has(.okc-top, .okc-page)) .post_content td { border-color:#e7eaf0; font-size:14px; }

/* お知らせ一覧・記事 */
.p-postList__title { font-family:"Zen Kaku Gothic New", sans-serif; color:#26314a; }
.c-postTimes { font-family:"IBM Plex Mono", monospace; letter-spacing:0.08em; color:#8a93a1; }

/* --- フッター --- */
.l-footer { background:#fbfbfc !important; color:#4a5568 !important; border-top:1px solid #e7eaf0; }
.l-footer__nav a { color:#3c465a !important; }
.l-footer .copyright { font-family:"IBM Plex Mono", monospace; font-size:10px; letter-spacing:0.16em; color:#a0a8b6 !important; }
/* ==========================================================
   トップ「01 症状から探す」スマホ：矢印つきカード（案A・2026-11-06）
   （子テーマ style.css の末尾に追記）
   ========================================================== */
@media (max-width:900px) {
  .okc-top .tile {
    position:relative;
    background:#fff !important;
    box-shadow:0 0 0 1px #c9d4e4, 0 2px 6px rgba(22,50,92,0.06) !important;
    padding:14px 38px 12px 14px !important;
  }
  .okc-top .tile::after {
    content:""; position:absolute; right:12px; top:50%;
    width:18px; height:18px; margin-top:-9px; border-radius:50%;
    background:#2b4f86 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/12px no-repeat;
  }
  .okc-top .tile:active { background:#eef3fa !important; }
}
/* ==========================================================
   トップ（スマホのみ）：「お知らせ」〜「01 症状から探す」の余白を詰める（2026-11-06）
   （子テーマ style.css の末尾に追記）
   ========================================================== */
@media (max-width:900px) {
  .okc-top #news { padding-top:36px !important; }
  .okc-top #news > div > div:first-child { margin-bottom:12px !important; }
  .okc-top .okc-news a { padding:12px 14px !important; }
  .okc-top #symptoms { padding-top:44px !important; }
  .okc-top #symptoms > div > div:first-child { margin-bottom:16px !important; row-gap:12px !important; }
}
/* ==========================================================
   訪問診療（スマホのみ）：冒頭の写真をヘッダーの直下に置く（2026-11-06）
   SWELL が本文の上に付ける余白（4em）をなくす
   （子テーマ style.css の末尾に追記）
   ========================================================== */
@media (max-width:900px) {
  body:has(.okc-p-homecare) .l-mainContent__inner > .post_content { margin-top:0 !important; }
}