/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 25 2026 | 00:53:36 */
/*PC:～992px / tablet:991～768px / レスポンシブ:780px (完全sp:767px～)*/
/*コンテンツ横幅 1140px (内訳:1110px padding-left:15px padding-right:15px)*/
/*Origin Ⅱ (Bootstrap4)*/

/*ベースカラー
（R:127 G:255 B:212）#7FFFD4
（R:102 G:205 B:170）#66CDAA*/


/*==============================================================
固定ページ共通
==============================================================*/
/*----------------------------------------------------
ボタン / ホームへ戻る
----------------------------------------------------*/
.hbtn01 {position:relative; z-index:1; margin:0 auto; width:70%; max-width:320px; text-align:center;}
.hbtn01 a {display:block; padding:16px 4px; letter-spacing:0.25rem;
	color:#444; background-color:#F0FAEB; border:1px solid; border-radius:8px; 
	transition-duration:0.3s;}
.hbtn01 a:hover {text-decoration:none; background-color:#fffabd; transition-duration:0.3s;}
/*----before----*/
.hbtn01:before {position:absolute; content:""; z-index:2; width:64px; height:8px; 
	right:-32px; top:50%; transform:translatey(-50%) skewx(45deg); 
	border:1px solid; border-top:none; border-left:none; transition-duration:0.3s;}
.hbtn01:hover:before {right:-40px; transition-duration:0.3s;}
/*----------------------------------------------------
リスト / チェック
----------------------------------------------------*/
.li_check {list-style:none; padding:0;}
.li_check li {position:relative; z-index:1; padding-left:24px;}
.li_check li i {position:absolute; z-index:2; left:0; top:8px; color:#157555;}
/*----liをinline-blockにしたい場合----*/
.li_check.inb li {display:inline-block; margin-right:8px;}
/*----liに下線を入れたい場合----*/
.li_check.line li {border-bottom:1px solid #ccc;}
/*----------------------------------------------------
下線
----------------------------------------------------*/
.uline {text-decoration:underline 1px dotted; text-underline-offset:4px;}
/*----------------------------------------------------
radius
----------------------------------------------------*/
.radi0 {border-radius:0px; overflow:hidden;}
.radi8 {border-radius:8px; overflow:hidden;}
.radi16 {border-radius:16px; overflow:hidden;}
.radi32 {border-radius:32px; overflow:hidden;}
/*----------------------------------------------------
radius
----------------------------------------------------*/
.ratio169 {aspect-ratio:16 / 9;}
.ratio1610 {aspect-ratio:16 / 10;}
.ratio169 img, .ratio1610 img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----------------------------------------------------
ボーダーボトム / ドット
----------------------------------------------------*/
.bd_sol {margin:16px 0; border-bottom:1px solid;}
.bd_dot {margin:16px 0; border-bottom:1px dotted;}
/*----------------------------------------------------
フレーム / 標準
----------------------------------------------------*/
.fr01 {padding:32px; background:#fff;}
.fr01.c01 {background:#f5fbde;}
/*----レスポンシブ----*/
@media (max-width:767px) {.fr01 {padding:16px;}}
/*----------------------------------------------------
リスト / 標準
----------------------------------------------------*/
.li_def {display:flex; flex-wrap:nowrap; column-gap:32px; row-gap:16px; 
	position:relative; z-index:1;}
.li_def.row32 {row-gap:32px;}
.li_def>div {position:relative; z-index:1;}
.li_def .w10 {width:10%;}
.li_def .w20 {width:20%;}
.li_def .w25 {width:25%;}
.li_def .w30 {width:30%;}
.li_def .w40 {width:40%;}
.li_def .w50 {width:50%;}
.li_def .w60 {width:60%;}
.li_def .w70 {width:70%;}
.li_def .w75 {width:75%;}
.li_def .w80 {width:80%;}
.li_def .w90 {width:90%;}
.li_def .w100 {width:100%;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.li_def {flex-wrap:wrap;}
	.li_def .w10 {width:100%;}
	.li_def .w20 {width:100%;}
	.li_def .w25 {width:100%;}
	.li_def .w30 {width:100%;}
	.li_def .w40 {width:100%;}
	.li_def .w50 {width:100%;}
	.li_def .w60 {width:100%;}
	.li_def .w70 {width:100%;}
	.li_def .w75 {width:100%;}
	.li_def .w80 {width:100%;}
	.li_def .w90 {width:100%;}
	.li_def .w100 {width:100%;}}
/*----------------------------------------------------
オーダー / 順番
----------------------------------------------------*/
/*----レスポンシブ----*/
@media (max-width:767px) {
	.order1 {order:1;}
	.order2 {order:2;}
	.order3 {order:3;}
	.order4 {order:4;}
}

/*==============================================================
カスタムページヘッダー（オリジナルは非表示）
==============================================================*/
.custom_ph {margin:0 auto; width:calc(100% - 10vw);}
/*----サイズ----*/
.ph_size {position:relative; z-index:1; margin:0 0 32px 0;
	height:32vw; min-height:250px; border-radius:0 0 32px 32px; overflow:hidden;}
/*----タイトル----*/
.ph_tit {position:absolute; z-index:4; right:1.2vw; bottom:0; line-height:0.8; 
	color:#ffffff30; text-stroke:1px #fff; -webkit-text-stroke:1px #fff;
	text-align:right; text-transform:uppercase; font-size:6vw;}
/*----画像----*/
.ph_img {position:absolute; z-index:2; left:0; top:0; width:100%; height:100%;}
.ph_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.ph_size {border-radius:0 0 16px 16px;}
	.ph_tit {font-size:10vw;}}

/*==============================================================
クリニック紹介
==============================================================*/
/*----------------------------------------------------
医師紹介
----------------------------------------------------*/
/*----見出し----*/
.doc_tit {color:#157555; font-weight:600; line-height:1.4; 
	font-size:clamp(1.4rem, 1.046rem + 0.74vw, 1.6rem);}
/*----画像----*/
.doc_img {width:100%; margin:0 auto; aspect-ratio:10 / 13; background-color:#ccc;}
.doc_img img {width:100%; height:100%; object-fit:cover; object-position:center top;}
/*----レスポンシブ----*/
@media (max-width:767px) {.doc_img {width:60%;}}
/*----------------------------------------------------
理念と目標
----------------------------------------------------*/
/*----背景----*/
.bg_philosophy {background-image:url(/wp-content/uploads/bg_philosophy_01.webp); 
	background-repeat:no-repeat; background-position:left top; background-size:100% auto;}
/*----レスポンシブ----*/
@media (max-width:767px) {.bg_philosophy {background-size:140% auto;}}
/*-----------------------------
リスト / 理念と目標
-----------------------------*/
/*----親----*/
.li_rinen {display:flex; flex-wrap:wrap;}
/*----子----*/
.rinen_ch {width:50%;}
.rinen_ch.right {justify-items:right;}
.rinen_ch.cen_left {justify-items:center;}
.rinen_ch.cen_right {justify-items:center;}
/*----（アイテム）画像----*/
.rin_img {position:relative; z-index:1; 
	width:340px; aspect-ratio:11 / 16;}
.rinen_ch.right .rin_img {margin-right:64px; box-shadow: 64px 64px 0 #daf3eb;}
.rinen_ch.left .rin_img {margin-left:64px; box-shadow: -64px 64px 0 #daf3eb;}
/*----画像----*/
.rin_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----（アイテム）文章----*/
.rin_mess {position:relative; z-index:2; margin-top:256px;
	min-width: 400px; padding:64px 40px; border-radius:8px;
	background-color:#efefef; outline:2px solid #efefef; outline-offset:4px;}
/*----サブタイトル----*/
.philo_sub {margin:0 0 0 16px; color:#a5a5a5;
	text-orientation:mixed; text-transform:uppercase; letter-spacing:0.5rem;}
/*----タイトル----*/
h3.philo_tit {margin:0 0 0 32px; color:#35747f;
	font-size:clamp(1.3rem, 0.769rem + 1.11vw, 1.6rem); border:none;}
h3.philo_tit:after {content:none;}
/*----before----*/
.rin_mess:before {position:absolute; z-index:3; content:""; right:12px; top:-8px; 
	width:40px; height:53px; 
	background-color:#3FAA86; clip-path: polygon(50% 65%, 100% 100%, 100% 0, 0 0, 0 100%);}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.rinen_ch {width:100%;}
	.rinen_ch.cen_left {justify-items:left;}
	.rinen_ch.cen_right {justify-items:right;}
	.rin_img {width:80%; aspect-ratio:11 / 13;}
	.rinen_ch.right .rin_img {margin-right:16px; box-shadow: 16px 32px 0 #daf3eb;}
	.rinen_ch.left .rin_img {margin-left:16px; box-shadow: -16px 32px 0 #daf3eb;}
	.rin_mess {width:90%; min-width:auto; padding:24px; margin-top:-96px;}
	.philo_sub {margin:0 0  16px 0;}
	h3.philo_tit {margin:0 0 32px 0;}
	.rin_mess:before {right:24px;}}
/*----------------------------------------------------
クリニックについて
----------------------------------------------------*/
/*----テーブル（法人概要）----*/
.tb_about, .tb_about th, .tb_about td {border:none;}
.tb_about th {padding:16px 32px 16px 0px; width:12rem; 
	text-align:right; font-weight:600; color:#157555; border-right:1px solid #ccc;}
.tb_about td {padding:16px 0px 16px 32px;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.tb_about th {padding:16px 16px 16px 0px; width:8rem;}
	.tb_about td {padding:16px 0px 16px 16px;}}

/*==============================================================
人工透析
==============================================================*/
/*----------------------------------------------------
カルーセル / 透析室の写真
----------------------------------------------------*/
/*----marginを0にする----*/
.metaslider.ms-theme-clarity .flexslider {margin-bottom:0 !important;}
.metaslider.ms-theme-clarity .flexslider .slides li {margin-top:0 !important; margin-bottom:0 !important;}
/*----マウスポインタがカルーセル上でも、カルーセルアニメーションを止めない----*/
.dialysis_carousel {position:relative; z-index:1; pointer-events: none;}

/*==============================================================
内科
==============================================================*/
/*----------------------------------------------------
リスト / 内科（※各診療科で使いまわし）
----------------------------------------------------*/
/*----親----*/
.li_internal {display:flex; flex-wrap:wrap; column-gap:0; margin:0 6vw 0 6vw;}
/*----子----*/
.internal_ch.img {width:27%; background-color:#ccc; position:relative; z-index:1;}
.internal_ch.mess {width:46%; background-color:#fff; padding:32px; min-height:500px; align-content:center;}
/*----アイテム----*/
.internal_ch.img:before {position:absolute; z-index:2; content:""; width:100%; height:100%;}
.internal_ch.img.gr_lef:before {right:-1px; bottom:0; background:linear-gradient(-90deg, #FFF 2%, transparent 20%);}
.internal_ch.img.gr_rig:before {left:-1px; top:0; background:linear-gradient(90deg, #FFF 2%, transparent 20%);}
.internal_ch.img img {width:100%; height:100%; object-fit:cover; object-position:10% center;}
.internal_ch.img.cen img {object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.li_internal {margin:0 16px 0 16px;}
	.internal_ch.img {width:100%; aspect-ratio:16 / 9;}
	.internal_ch.mess {width:100%;}
	.internal_ch.img.gr_lef:before {right:0px; bottom:-1px; background:linear-gradient(0deg, #FFF 2%, transparent 20%);}
	.internal_ch.img.gr_rig:before {left:0px; top:-1px; background:linear-gradient(180deg, #FFF 2%, transparent 20%);}
	.internal_ch.img img {object-position:center;}}
/*----------------------------------------------------
画像 / 予防接種
----------------------------------------------------*/
.vaccine_img {width:100%; aspect-ratio:16 / 9; background-color:#ccc;}
.vaccine_img img {width:100%; height:100%; object-fit:cover; object-position:center;}

/*==============================================================
腎臓内科
==============================================================*/
/*----------------------------------------------------
リスト / 症状
----------------------------------------------------*/
/*----親----*/
.li_symptoms {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:32px;}
/*----子----*/
.symptoms_ch {position:relative; z-index:1; padding:calc(45px + 24px) 32px 32px; 
	display:flex; flex-direction:column; row-gap:16px; width:calc((100% - 32px) / 2); 
	background-color:#fff; border-radius:8px;}
/*----タイトル----*/
.sym_tit {position:absolute; z-index:2; left:0; top:0; width:100%;
	padding:12px 16px; color:#fff; background-color:#4fad98; border-radius:8px 8px 0 0;}
.sym_tit i {font-size:120%; margin-right:8px;}
/*----画像----*/
.sym_img {width:100%; aspect-ratio:16 / 9;}
.sym_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----文章----*/
.sym_txt {}
/*----レスポンシブ----*/
@media (max-width:767px) {.symptoms_ch {width:100%; padding:calc(45px + 24px) 16px 16px;}}

/*==============================================================
初診の方へ
==============================================================*/
/*----------------------------------------------------
賑やかし / 受付
----------------------------------------------------*/
.nigi_uketsuke {position:relative; z-index:2; aspect-ratio:16 / 9; box-shadow: 6px 10px 0 #9edfc9;}
.nigi_uketsuke.right {margin-top:8vw}
.nigi_uketsuke img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {.nigi_uketsuke {aspect-ratio:16 / 11;}}

/*==============================================================
お問い合わせ
==============================================================*/
/*----------------------------------------------------
リンク / 電話番号
----------------------------------------------------*/
.link_tel {display:table; margin:0 auto; font-weight:600; 
	font-size:clamp(1.8rem, 0.737rem + 2.22vw, 2.4rem);}
.link_tel a {display:block; color:#2C8691;}
.link_tel a:hover {text-decoration:none;}
.link_tel span {font-size:60%;}
/*----------------------------------------------------
フレーム / 休診日
----------------------------------------------------*/
.fr_day {display:table; margin:0 auto; padding:8px 16px; width:90%; max-width:400px;
	text-align:center; background-color:#EDF2EE; border-radius:50vw;}
/*----------------------------------------------------
リスト / 受付時間
----------------------------------------------------*/
/*----親----*/
.li_uketsuke {display:flex; flex-wrap:nowrap; padding:16px 0;
	width:max-content; max-width:100%; margin:0 auto;
	background-color:#fff; border:1px solid #2C8691;}
/*----子----*/
.li_uketsuke div {padding:16px 32px; line-height:2.4;}
.li_uketsuke div:nth-child(1) {text-align:right; 
	margin:auto 0; border-right:1px solid #ccc;}
.li_uketsuke div:nth-child(2) {text-align:left;}
/*----iタグ----*/
.li_uketsuke div i {margin:0 8px 0 0; color:#2C8691; font-weight:900;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.li_uketsuke {flex-wrap:wrap; padding:16px 16px;}
	.li_uketsuke div {width:100%;}
	.li_uketsuke div:nth-child(1) {text-align:center; border-right:none; border-bottom:1px solid #ccc;}
	.li_uketsuke div:nth-child(2) {text-align:center;}}

/*==============================================================
採用情報
==============================================================*/
/*----------------------------------------------------
テーブル / 標準
----------------------------------------------------*/
.tb_rec {border-collapse: separate; border-spacing: 8px 8px;}
.tb_rec, .tb_rec th, .tb_rec td {border:none;}
.tb_rec tr:first-child th {border-radius:8px 0 0 0;}
.tb_rec tr:first-child td {border-radius:0 8px 0 0;}
.tb_rec tr:last-child td {border-radius:0 0 8px 0;}
.tb_rec tr:last-child th {border-radius:0 0 0 8px;}
.tb_rec th, .tb_rec td {padding:16px;}
.tb_rec th {width:12rem; text-align:center; background-color:#c5e9c9;}
.tb_rec td {background-color:#edf2ee;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.tb_rec th, .tb_rec td {padding:16px 8px;}
	.tb_rec th {width:6rem;}}