/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 27 2026 | 00:23:26 */
/*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*/

/*==============================================================
ホーム共通
==============================================================*/
/*----------------------------------------------------
背景
----------------------------------------------------*/
body:not(.home) .siteContent {background-color:#ddf3d0;}
.home {background: linear-gradient(180deg, #FFF 6%, #ddf3d0 10%);}
/*----レスポンシブ----*/
@media (max-width:767px) {.home {background: linear-gradient(180deg, #FFF 3%, #ddf3d0 5%);}}
/*----------------------------------------------------
縦文字
----------------------------------------------------*/
.tate, .tate_pc {writing-mode:vertical-rl; text-orientation:upright; text-align:justify; 
	height:max-content;}
/*----レスポンシブ----*/
@media (max-width:767px) {.tate_pc {writing-mode: initial;}}
/*----------------------------------------------------
ボタン
----------------------------------------------------*/
/*----ボタン01----*/
.btn01 {margin:auto auto 0; width:80%; min-width:200px; max-width:300px;}
.btn01 a {display:block; padding:10px 4px; text-align:center; 
	color:#3FAA86; background-color:#7FFFD440; border:1px solid #3FAA86; border-radius:50vw; 
	transition-duration:0.3s;}
.btn01 a:hover {text-decoration:none; color:#fff; background-color:#3FAA86;
	transition-duration:0.3s;}
/*----ボタン02----*/
.btn02 {display:table; padding-right:20px; font-weight:600;}
.btn02 a {position:relative; z-index:1; padding:0 78px 0 0;
	display:table-cell; height:64px; vertical-align:middle; color:#444;}
.btn02 a:before {
	position:absolute; content:""; z-index:1; right:8px; top:8px; 
	width:48px; height:48px; border:1px solid; border-radius:50vw; 
	background-color:transparent;
	transition-duration: 0.2s;}
.btn02 a:after {
	position:absolute; content:""; z-index:2; 
	right:-18px; top:25px; transform:skewx(45deg);
	width:64px; height:8px; border-bottom: 1px solid; border-right: 1px solid;
    transition-duration: 0.3s;}
.btn02 a:hover {text-decoration:none;}
.btn02 a:hover:before {right:0; top:0; width:64px; height:64px; 
	background-color:#fffbca; transition-duration: 0.2s;}
.btn02 a:hover:after {right:-40px; transition-duration: 0.3s;}

/*==============================================================
スライド
==============================================================*/
.carousel {margin:16px auto 40px; width:calc(100% - 8%); border-radius:40px; border-bottom:none;}
.carousel-indicators {display:none;}
/*----------------------------------------------------
画像高さ
----------------------------------------------------*/
.carousel {height:82vh; min-height:600px;}
.carousel-inner {height:100%;}
.carousel-item {height:100%;}
.carousel-item img {width:100%!important; height:100% !important; object-fit:cover;}
.carousel-item.item-1 img {object-position:center;}
.carousel-item.item-2 img {object-position:center;}
.carousel-item.item-3 img {object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.carousel {height:560px; min-height:500px;}
	.carousel-item.item-1 img {object-position:67% center;}
	.carousel-item.item-2 img {object-position:65% center;}
	.carousel-item.item-3 img {object-position:70% center;}}
/*----------------------------------------------------
マウス反応
----------------------------------------------------*/
/*----スライドの上にカーソルがあってもスライドが切り替わるように----*/
.carousel {border-bottom:none; pointer-events: none;}
/*----スライドのセレクターはカーソルに反応するようにする----*/
.carousel-control-prev, .carousel-control-next, .carousel-indicators {pointer-events:auto;}
/*----------------------------------------------------
アニメーション
----------------------------------------------------*/
/*----キーフレーム設定（ズームイン）----*/
@keyframes zoom-in {
	0% {transform: scale(1.0);}
	100% {transform: scale(1.1);}}
/*----実行----*/
.carousel-item-next img, .active:not(.popmake) img {
	animation-name: zoom-in;
	animation-duration:10s;
	animation-timing-function:linear;
	animation-fill-mode:forwards;}
/*----------------------------------------------------
スライド矢印
----------------------------------------------------*/
.carousel-control-next, .carousel-control-prev {width:64px;}
/*----------------------------------------------------
テキストセット
----------------------------------------------------*/
.slide-text-set {top:0; left:0; height:100%; transform:none;}
/*----------------------------------------------------
テキスト
----------------------------------------------------*/
.slide-text-title {position:absolute; z-index:1; right:2%; top:8%; 
	text-align:justify !important; color:#fff !important; font-weight:600 !important;
	writing-mode:vertical-rl; text-orientation:upright; height:max-content; line-height:1.3; 
	font-size:clamp(1.5rem, -0.271rem + 3.7vw, 2.5rem); text-shadow:0 0 3px #000;}
/*----------------------------------------------------
サブテキスト
----------------------------------------------------*/
.slide-text-caption {position:absolute; z-index:1; width:100%; 
	left:50%; top:50%; transform:translate(-50%, -50%); color:#fff !important; 
	font-size:clamp(0.9rem, 0.369rem + 1.11vw, 1.2rem); text-shadow:0 0 4px #000;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.slide-text-caption {top:auto; bottom:4%; transform:translate(-50%, 0);}}

/*==============================================================
スライド（動画）（予備）
==============================================================*/
.slide_custom {position:relative; z-index:1; margin:16px auto 40px; 
	width:calc(100% - 8%); border-radius:40px; overflow:hidden;}
.sl_tit {position:absolute; z-index:4; right:2%; top:8%; 
	writing-mode:vertical-rl; text-orientation:upright; height:max-content; 
	color:#fff; font-weight:600; line-height:1.5;
	font-size:clamp(1.5rem, -0.271rem + 3.7vw, 2.5rem);}
.sl_subtit {position:absolute; z-index:3; width:100%; 
	left:50%; top:50%; transform:translate(-50%, -50%); text-align:center;
	color:#fff; font-size:clamp(0.9rem, 0.369rem + 1.11vw, 1.2rem);}
.sl_cover {position:absolute; z-index:2; content:""; left:0; top:0;
	width:100%; height:100%; background-color:#000; opacity:0.15;}
.sl_mov {width:100%; height:82vh; min-height:600px;}
.sl_mov video {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.sl_mov {height:560px; min-height:500px;}
	.sl_subtit {top:auto; bottom:4%; transform:translate(-50%, 0);}}

/*==============================================================
トップ診療時間
==============================================================*/
.top_sche {position:relative; z-index:20; margin-top:-140px; width:70%; max-width:700px;
	padding:32px 40px 24px; background-color:#fffbc4; 
	border-radius:0 8px 8px 0;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.top_sche {margin-top:0; padding:32px 24px 24px; width:100%; max-width:auto; border-radius:0;}}

/*==============================================================
お知らせ
==============================================================*/
/*----------------------------------------------------
フレーム
----------------------------------------------------*/
.fr_news {position:relative; z-index:1;
	padding:32px; background-color:#fff; 
	margin:6px; width:calc(100% - 16px);
	outline:2px solid #fff; outline-offset:4px; border-radius:8px;}
.fr_news:before {position:absolute; z-index:2; content:""; right:-88px; bottom:-12px; 
	width:120px; height:320px; background-image:url(/wp-content/uploads/chara_news_02.webp); 
	background-repeat:no-repeat; background-position:center; background-size:cover;}
/*----レスポンシブ----*/
@media (max-width:767px) {.fr_news:before {display:none;}}
/*----------------------------------------------------
フレーム
----------------------------------------------------*/
.fr_news .postListText_date {padding:0 12px; text-align:center; background-color: #e7e7e7; border-radius:6px;}
#n_imp .vk_posts-layout-postListText {margin-bottom:0;}

/*==============================================================
ごあいさつ
==============================================================*/
/*----親----*/
.li_greeting {display:flex; flex-wrap:wrap; column-gap:0; row-gap:0; background-color:#fff;}
/*----子----*/
.greeting_ch.mess {width:45%; margin:auto 0; padding:64px 80px;}
.greeting_ch.img {width:55%; aspect-ratio:16 / 9; opacity:0.8;}
/*----文章----*/
.greeting_ch .txt {padding-bottom:16px; margin-bottom:32px; border-bottom:1px dotted;}
/*----画像----*/
.greeting_ch .grd {position:relative; z-index:1; width:100%; height:100%;}
.greeting_ch .grd img {width:100%; height:100%; object-fit:cover; object-position:center;}
.greeting_ch .grd:before, .greeting_ch .grd:after {
	position:absolute; content:""; z-index:2; width:100%; height:100%;}
.greeting_ch .grd:before {left:-1px; top:0; background:linear-gradient(90deg, #FFF 2%, transparent 20%);}
.greeting_ch .grd:after {right:-1px; top:0; background:linear-gradient(-90deg, #FFF 2%, transparent 20%);}
/*----初診の方へ使いまわし----*/
.greeting_ch.first .grd:before, .greeting_ch.first .grd:after {content:none;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.greeting_ch.mess {width:100%; padding:64px 32px; order:2;}
	.greeting_ch.img {width:100%; aspect-ratio:16 / 10; order:1;}
	.omoi_bg {position:relative; height:340px; margin:0 0 64px;}}

/*==============================================================
私たちの想い
==============================================================*/
/*----------------------------------------------------
画像 / 想い
----------------------------------------------------*/
.section_omoi {position:relative; z-index:1; clip-path:inset(0); 
	padding:96px 8vw; background-color: #88cb8d; 
	background-image:url(/wp-content/uploads/omoi_bg_02_03.webp); 
	background-repeat:no-repeat; background-position:center bottom; background-size:cover;}
.omoi_bg {position:fixed; content:""; z-index:-1; 
	left:0; top:0; width:100%; height:100vh; 
	background-image:url(/wp-content/uploads/omoi_bg_01.webp); 
	background-repeat:no-repeat; background-position:50% 100%; background-size:cover;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.section_omoi {padding:0 0 64px;}
	.omoi_bg {position:relative; z-index:1; aspect-ratio:16 / 10; height:auto; margin:0 0 64px;}}
/*----------------------------------------------------
リスト / 想い
----------------------------------------------------*/
.li_omoi {display:flex; flex-direction:column; row-gap:96px;}
.fr_omoi {padding:32px; background-color:#ffffffed; font-weight:600;
	border:1px solid #fff; outline:2px solid #fff; outline-offset:4px; border-radius:8px;}
.li_omoi .fr_omoi:nth-child(1) {align-self:flex-start;}
.li_omoi .fr_omoi:nth-child(2) {align-self:flex-end;}

.fr_omoi p:last-child {margin-bottom:0 !important;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.li_omoi {row-gap:64px;}
	.li_omoi .fr_omoi:nth-child(1), .li_omoi .fr_omoi:nth-child(2) {width:90%; margin:0 auto;}}

/*==============================================================
クリニックの特徴
==============================================================*/
/*----親----*/
.li_toku {display:flex; flex-wrap:nowrap; column-gap:0; row-gap:0; 
	position:relative; z-index:1;}
/*----アイコン----*/
.icn_tree {position:absolute; z-index:2; left:0; top:-80px; width:180px;}
.icn_tree img {width:100%; height:auto;}
/*----子1----*/
.li_point {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:40px; 
	position:relative; z-index:1;
	width:90%; padding:112px 64px 64px; background-color:#fff; border-radius:0 32px 32px 0;}
.w100 {width:100%;}
/*----子2----*/
.toku_ch {width:10%; position:relative;}
.toku_tit {position:absolute; z-index:2; left:0; top:24px; 
	writing-mode:vertical-rl; height:max-content; line-height:0.9; text-transform:uppercase; 
	font-size:clamp(3rem, 1.229rem + 3.7vw, 4rem); color:#8ecf91;}
/*----孫----*/
.li_pnt_ch {width:calc((100% - 32px) / 2); display:flex; flex-direction:column; row-gap:16px; 
	position:relative; z-index:1; padding:16px 16px 0;}
/*----番号----*/
.pnt_num {position:absolute; z-index:3; left:8px; top:4px; 
	color:#ff6d01; font-size:180%; line-height:1; 
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 
		1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF; display:none;}
/*----画像----*/
.pnt_img {margin:6px; width:calc(100% - 12px); aspect-ratio:16 / 9; background-color:#ccc; 
	outline:2px dotted #bfbcb2; outline-offset:4px; border-radius:8px; overflow:hidden;}
.pnt_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----タイトル----*/
.pnt_tit {line-height:1.4; font-size:130%; font-weight:600; color:#157555;}
/*----テキスト----*/
.pnt_txt {margin:0 0 auto;}
/*----レスポンシブ----*/
@media (max-width:991px) {.li_point {padding:112px 16px 64px;}}
@media (max-width:767px) {
	.li_point {width:calc(100% - 50px);}
	.toku_ch {width:50px;}
	.li_pnt_ch {width:100%;}}

/*==============================================================
武雄市での人工透析について
==============================================================*/
/*----------------------------------------------------
フレーム
----------------------------------------------------*/
.fr_dialysis {position:relative; z-index:1;
	margin:6px; padding:32px; background-color:#fff; border-radius:8px; 
	outline:2px solid #fff; outline-offset:4px;}
.fr_dialysis:before {position:absolute; z-index:2; content:""; left:-104px; bottom:-12px; 
	width:120px; height:320px; background-image:url(/wp-content/uploads/chara_dialysis_02.webp); 
	background-repeat:no-repeat; background-position:center; background-size:cover;}
/*----レスポンシブ----*/
@media (max-width:767px) {.fr_dialysis:before {display:none;}}
/*----テキスト----*/
.fr_dialysis .txt {padding-bottom:16px; margin-bottom:32px; border-bottom:1px dotted;}
/*----画像----*/
.dialysis_img {width:100%; margin:0 auto 22px; aspect-ratio:16 / 7.5; background-color:#ccc; 
	border-radius:8px; overflow:hidden;}
.dialysis_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----レスポンシブ----*/
@media (max-width:767px) {
	.fr_dialysis {padding:16px;}
	.dialysis_img {aspect-ratio:16 / 10;}}

/*==============================================================
こんなお悩み
==============================================================*/
/*----ブロック----*/
.block_onayami {position:relative; z-index:10; padding:48px 0; background-color:#fffebd;}
/*----＞（下向き）----*/
.block_onayami:before {position:absolute; z-index:11; content:""; 
	left:50%; bottom:-12px; transform:translate(-50%, 0) rotate(-45deg);
	width:12vw; height:12vw; max-width:64px; max-height:64px; 
	border:4px solid #feaa72; border-top:none; border-right:none; border-radius:4px;}

/*==============================================================
お悩み・ページリンク
==============================================================*/
/*----------------------------------------------------
リスト / お悩み
----------------------------------------------------*/
/*----親----*/
.li_onayami {display:flex; flex-wrap:wrap; column-gap:0px; row-gap:0px; align-items:center;}
/*----子----*/
.li_onayami div:nth-child(1) {margin:0 0 0 auto; padding:0 32px 0 0; position:relative; z-index:1; width:45%;}
.li_onayami div:nth-child(1):before {position:absolute; z-index:2; content:""; 
	right:0; top:50%; left:auto; bottom:auto; transform:translate(0, -50%); 
	width:3px; height:100px; background-color:#b8dda1; border-radius:50vw;}
.li_onayami div:nth-child(2) {padding:0 0 0 32px; width:calc(100% - 45%);}
/*----レスポンシブ----*/
@media (max-width:991px) {
	.li_onayami div:nth-child(1) {margin:0 auto; padding:0 0 32px 0; width:100%; text-align:center;}
	.li_onayami div:nth-child(1):before {width:80px; height:3px; 
		right:auto; top:auto; left:50%; bottom:0; transform:translate(-50%, 0%);}
	.li_onayami div:nth-child(2) {padding:32px 0 0 0; width:100%;}}
/*----------------------------------------------------
リスト / ページリンク
----------------------------------------------------*/
/*----親----*/
.li_page_link {display:flex; flex-wrap:wrap; column-gap:32px; row-gap:64px;}
/*----子----*/
.li_pl_ch {display:flex; flex-direction:column; row-gap:16px; width:calc((100% - (32px * 2)) / 3); 
	position:relative; z-index:1; padding:16px 16px 32px; background-color:#fff; border-radius:8px; 
	outline:2px dotted #fff; outline-offset:4px;}
/*----before----*/
.li_pl_ch:before {position:absolute; content:""; z-index:2; right:-12px; top:-32px; 
	width:96px; height:96px; background-color:#7FFFD420; border:1px dashed #3FAA86; border-radius:50vw;}
/*----タイトル----*/
.pl_tit {position:absolute; z-index:3; right:9px; top:-12px;
	writing-mode:vertical-rl; text-orientation:upright; height:max-content; 
	line-height:1.4; font-size:130%; font-weight:600; color:#157555;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 
		1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
/*----画像----*/
.pl_img {width:100%; aspect-ratio:16 / 11; 
	background-color:#ededed; border-radius:8px; overflow:hidden;}
.pl_img img {width:100%; height:100%; object-fit:cover; object-position:center;}
/*----テキスト----*/
.pl_txt {margin:0 0 16px;}
.pl_txt p {position:relative; margin:0; padding-left:28px;}
.pl_txt p i {position:absolute; left:0; top:7px; color:#66CDAA;}
/*----レスポンシブ----*/
@media (max-width:991px) {
	.li_pl_ch {width:calc((100% - (32px * 1)) / 2); }}
@media (max-width:767px) {
	.pl_img {aspect-ratio:16 / 9;}
	.li_pl_ch {width:90%; margin:0 auto;}}