@charset "utf-8";
/* v20250521 */

@import url("reset.css");
@import url("common.css");

/* color scheme */
:root{
	--blu1: #005cac;
	--blu2: #669dcd;
	--blu3: #b2cee6;
	--blu4: #e5eef7;

	--ora1: #c96f00;
	--ora2: #f4a261;
	--ora3: #fbc79b;
	--ora4: #ffe5d0;

	--grn1: #007a4d;
	--grn2: #66c2a5;
	--grn3: #d3f4e2;
	--grn4: #edf9f3;

	--bg_gry: #f6f6f6;
}


/********************************************************************************
	common
********************************************************************************/
.sp_only{ display: none; }
.pc_only{ display: block; }

.bg_gry{ background: var(--bg_gry); }
.inner{ width: 1000px; margin: 0 auto; }
.main_kaso{ padding: 3rem 0 5rem; }

/* content */
.main_kaso > section:not(:last-child){ margin-bottom: 3rem; }

.content_mgn{ margin-bottom: 3rem; }

.row_layout{ display: flex; gap: 1rem; justify-content: flex-end; }
	.row_layout_text{ width: 65%; }
	.row_layout_img{ width: 35%; }
	.row_layout_img img{ margin-bottom: 10px; }
	.row_layout_img img:last-child{ margin-bottom: 0; }

.responsive_img_box{ width: 100%; max-width: 750px; margin: 0 auto; }

.ul_style{}
.ul_style li{ padding-left: 1.2rem; text-indent: -1.2rem; }
.ul_style li::before{ content: '・'; }


/* pan */
.pan, .pan a, .pan span{ color: var(--blu2); font-size: 0.85rem; }
.pan .current_page{ font-weight: bold; }



html{}
body{}

/********************************************************************************
	header
********************************************************************************/
header{ padding: 0 0 0.5rem; background: #fff; }
header h1{ margin-bottom: 0.375rem; font-size: 0.625rem; }

	#header_box{ display: flex; justify-content: space-between; }

		#logo{ width: 11.25rem; }

		/* header link */
		#header_link{ display: flex; justify-content: flex-end; margin-bottom: 0.625rem; }
		#header_link a{ display: inline-block; text-decoration: none; }

			#tel_header{ margin-right: 1rem; color: var(--blu1); font-size: 1.125rem; font-weight: bold; line-height: 1;
				transition: color 0.3s ease;
			}
			#tel_header i{ margin-right: 0.375rem; color: var(--blu1);
				transition: color 0.3s ease;
			}
			#tel_header:hover{ color: var(--ora2); }
			#tel_header:hover i{ color: var(--ora2); }

			#btn_contact_header{ padding: 0.4rem 1.125rem; background: var(--blu1); border-radius: 0.25rem; color: #fff; font-size: 0.8125rem; text-align: center; line-height: 1;
				transition: background 0.3s ease, color 0.3s ease;
			}
			#btn_contact_header i{ margin-right: 0.375rem; color: #fff; }
			#btn_contact_header:hover{ background: var(--ora2); }

			#btn_ham{ display: none; }

		/* navi */
		#navi_header{}
		#navi_header ul{ display: flex; }
		#navi_header ul li{ margin-right: 1.5rem; line-height: 1; position: relative; }
		#navi_header ul li:last-child{ margin-right: 0; }
		#navi_header ul li a{ display: block; padding-left: 1.2rem; font-size: 0.875rem; line-height: 1; text-decoration: none;
			background-repeat: no-repeat;
			background-image: url('../img/icon_logo.png');
			background-size: 0.8rem;
			background-position: 0.1rem center;
		}
		#navi_header ul li a:hover{ color: var(--blu1); font-weight: bold; }

		/* child */
		#navi_header ul ul{ display: block; padding: 0.5rem; white-space: nowrap; background: rgba(255, 255, 255, 0.7);  box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; position: absolute; top: 150%; left: 0; z-index: 99;	
			transform: translateY(-1.25rem);
			transition: all 0.3s ease;
		}
		#navi_header ul ul li{ margin-bottom: 0.625rem; }
		#navi_header ul ul li:last-child{ margin-bottom: 0; }

		#navi_header ul li:hover > ul{ visibility: visible; opacity: 1;
			transform: translateY(0);
		}


/********************************************************************************
	FV
********************************************************************************/
#fv{ width: 100%; height: 80vh; overflow: hidden; position: relative; }
/*	[webp]
	#slide1{ background-image: url('../img/visual/1.webp') }
	#slide2{ background-image: url('../img/visual/2.webp') }
	#slide3{ background-image: url('../img/visual/3.webp') }
	#slide4{ background-image: url('../img/visual/4.webp') }
	#slide5{ background-image: url('../img/visual/5.webp') }
	#slide6{ background-image: url('../img/visual/6.webp') }
	#slide7{ background-image: url('../img/visual/7.webp') }
	#slide8{ background-image: url('../img/visual/8.webp') }
*/
	#slide1{ background-image: url('../img/visual/1.jpg') }
	#slide2{ background-image: url('../img/visual/2.jpg') }
	#slide3{ background-image: url('../img/visual/3.jpg') }
	#slide4{ background-image: url('../img/visual/4.jpg') }
	#slide5{ background-image: url('../img/visual/5.jpg') }
	#slide6{ background-image: url('../img/visual/6.jpg') }
	#slide7{ background-image: url('../img/visual/7.jpg') }
	#slide8{ background-image: url('../img/visual/8.jpg') }

	.slide{ width: 100%; height: 100%; opacity: 0; transform: scale(1); transition: opacity 3s ease, transform 20s ease; position: absolute; top: 0; left: 0; z-index: 0;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.slide.active{ opacity: 1; transform: scale(1.1); z-index: 1; }

	/* FV overlay */
	.slide::before{ content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
		background-image: 
			linear-gradient(45deg, rgba(255,255,255,0.085) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.085) 75%),
			linear-gradient(45deg, rgba(255,255,255,0.085) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.085) 75%);
		background-position: 0 0, 0.1875rem 0.1875rem;
		background-size: 0.375rem 0.375rem;
		background: rgba(0, 0, 0, 0.15);
		background-blend-mode: overlay;
	}

	/* FV copy */
	#fv_copy{ width: 100%; text-shadow: 0 0.125rem 0.3125rem rgba(0,0,0,0.6); text-align: center; position: absolute; top: 50%; z-index: 2; }
	#fv_copy p{ display: inline-block; color: #fff; font-size: 2.5rem; font-family: 'Yuji Syuku', serif; }


/********************************************************************************
	footer
********************************************************************************/
footer{ padding-top: 1.2rem; border-top: 1px solid var(--blu3); box-shadow: inset 0 0.1875rem 0.625rem rgba(0,0,0,0.05); background: linear-gradient(135deg, var(--blu4), var(--blu3)); color: var(--blu1); user-select: none; }
	#footer_top{ display: block; border-bottom: 1px solid var(--blu2); padding-bottom: 1.5rem; margin-bottom: 1.5rem; }
		#navi_footer ul{ display: flex; gap: 2rem; flex-wrap: wrap; font-size: 0.875rem; font-weight: bold; }
		#navi_footer ul ul{ display: block; padding-left: 1rem; color: var(--blu1); font-size: 0.8rem; font-weight: normal; }
		#navi_footer ul ul li::before{ content: '┗'; color: var(--blu1); }
		#navi_footer a{ display: inline-block; padding: 0.1rem 0.2rem; border-radius: 5px; transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease; color: var(--blu1); text-decoration: none; }
		#navi_footer a:hover, #navi_footer a:focus{ color: var(--ora2); background: rgba(242, 140, 15, 0.15); box-shadow: 0 0 0.5rem rgba(242, 140, 15, 0.1); outline: none; }

	#footer_mid{}
	#footer_mid address{ color: var(--blu1); font-weight: 500; line-height: 1.6; font-size: 0.95rem; }
	#footer_mid a{ color: var(--blu1); transition: color 0.3s ease; }
	#footer_mid a:hover, #footer_mid a:focus{ color: var(--ora2); text-decoration: none; outline: none; }

	#copy{ margin-top: 1rem;  padding: 0.8rem 0; background: var(--blu1); color: #fff; text-align: center; font-size: 0.85rem; }


/********************************************************************************
	page top
********************************************************************************/
#page_top{ width: 3.75rem; height: 3.75rem; border-radius: 50%; background: var(--blu1); position: fixed; bottom: 50px; right: 30px; z-index: 99; cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.3); }
#page_top::before{ content: ''; width: 0.625rem; height: 0.625rem; border-left: 0.125rem solid #fff; border-top: 0.125rem solid #fff; transform: rotate(45deg); margin-top: 4px; }
#page_top.visible{ opacity: 1; visibility: visible; }
#page_top:hover{ box-shadow: 0 0.375rem 0.875rem rgba(0, 0, 0, 0.4);
  transform: translateY(-0.1875rem);
  transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}
#page_top:hover::before{ border-color: var(--blu4); }


/********************************************************************************
	top
********************************************************************************/
/* section */
.section_top{ padding: 4rem 0; }

/* heading */
.h2_top{ margin-bottom: 1.5rem; padding: 0 0 0.25rem 2.5rem; color: #111; font-size: 1.6rem; font-weight: bold; position: relative; }
.h2_top::before{ content: ""; width: 1.6rem; height: 1.6rem; position: absolute; top: 0.5rem; left: 0;
	background-repeat: no-repeat;
	background-image: url('../img/icon_logo.png');
	background-size: 1.6rem 1.6rem;
}
.h2_top::after{ content: ""; width: 100%; height: 0.25rem; position: absolute; left: 0; bottom: 0;
	background-image: linear-gradient( to right, var(--blu1), var(--blu4) );
}

.h3_top{ margin-bottom: 0.6rem; padding-left: 1rem; color: #111; font-size: 1.2rem; font-weight: bold; line-height: 1.3; position: relative; }
.h3_top::before{ content: ""; width: 0.25rem; height: 100%; background: linear-gradient(to bottom, var(--blu1), var(--blu2)); position: absolute; top: 0; left: 0; }


/* more link */
.more_link{ margin-top: 2rem; text-align: right; font-size: 0.875rem; }
.more_link a{ display: inline-flex; align-items: center; padding: 0.25rem 1.2rem 0.2rem 1.8rem; background: var(--blu1); border-radius: 999px; color: #fff; font-size: 0.875rem; text-decoration: none; position: relative;
	transition: opacity 0.3s ease;
}
.more_link a::after{ content: "〉"; margin-left: 0.8rem;
	transition: transform 0.3s ease;
}
.more_link a:hover{ opacity: 0.8; }
.more_link a:hover::after{ transform: translateX(0.1875rem); }


/* 三つの「信」*/
#shin_box{ padding: 1.5rem 2rem; background: var(--blu4); border-radius: 0.75rem; box-shadow: 0 4px 0.75rem rgba(0, 0, 0, 0.05); }
#shin_box h3{ margin-bottom: 0.5rem; color: var(--blu1); font-size: 1.5rem; font-weight: bold; text-align: center; letter-spacing: 0.05em; line-height: 1.4; }
#shin_box p{ margin-bottom: 1rem; color: var(--blu2); font-size: 1.2rem; text-align: center; }
	.shin_item{ display: flex; align-items: baseline; margin-bottom: 1rem; background: #fff; border-radius: 0.5rem; box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.05); overflow: hidden; }
	.shin_label{ display: flex; justify-content: center; align-items: center; padding: 0.8rem 3rem; background: var(--blu1); color: #fff; font-size: 1.2rem; font-weight: bold; letter-spacing: 0.5rem; }
	.shin_text{ flex: 1; padding: 0.8rem 0.5rem 0.8rem 1.2rem; line-height: 1.6; }


/* 基本方針 */
.ul_policy{ padding: 0.8rem 0.8rem; background: var(--blu4); border: 0.125rem solid var(--blu2); }
.ul_policy li{ margin-bottom: 0.5rem; color: var(--blu1); }
.ul_policy li::before{ content: ''; }
.ul_policy li:last-child{ margin-bottom: 0; }


/* ここが選ばれる理由 */
.dl_choose{}
.dl_choose dt{ display: flex; align-items: center; padding: 0.8rem 1rem; background: var(--blu4); border-radius: 0.5rem 0.5rem 0 0; color: var(--blu1); font-size: 1.2rem; font-weight: bold; }
.dl_choose dt i{ margin-right: 1.2rem; color: var(--blu1); font-size: 2rem; }
.dl_choose dd{ margin-bottom: 1.5rem; padding: 1rem; background: #f9f9f9; border-radius: 0 0 0.5rem 0.5rem; }
.dl_choose dd:last-child{ margin-bottom: 0; }


/* 入院のご案内 */
.hospital_link{ display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-top: 2.5rem; }
.hospital_link a{ display: flex; justify-content: center; flex-direction: column; align-items: center; width: 12.5rem; height: 12.5rem; border-radius: 50%; color: #fff; font-weight: bold; text-align: center; text-decoration: none; transition: background 0.3s ease, opacity 0.3s ease; }
.hospital_link a .icon{ margin-bottom: 1rem; font-size: 3.5rem; line-height: 1.4; }
.hospital_link a .icon i{ color: #fff; }
.hospital_link a .label_wrap{ display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; padding-left: 1.5rem; }
.hospital_link a .label{ font-size: 1.3rem; color: #fff; line-height: 1.3; }
.hospital_link a .arrow{ margin-left: 1.2rem; font-size: 1.5rem; color: #fff; transition: transform 0.3s ease; }
.hospital_link a:hover{ opacity: 0.8; }
.hospital_link a:hover .arrow{ transform: translateX(0.1875rem); }

.hospital_link a.blu{ background: linear-gradient(to bottom, var(--blu2) 55%, var(--blu4) 45%); border: 0.1875rem solid var(--blu2); }
.hospital_link a.ora{ background: linear-gradient(to bottom, var(--ora2) 55%, var(--ora4) 45%); border: 0.1875rem solid var(--ora2); }
.hospital_link a.grn{ background: linear-gradient(to bottom, var(--grn2) 55%, var(--grn4) 45%); border: 0.1875rem solid var(--grn2); }

.hospital_link a.blu .label, .hospital_link a.blu .arrow{ color: var(--blu2); }
.hospital_link a.ora .label, .hospital_link a.ora .arrow{ color: var(--ora2); }
.hospital_link a.grn .label, .hospital_link a.grn .arrow{ color: var(--grn2); }


/********************************************************************************
	sub page
********************************************************************************/
/* heading */
.h1_kaso{ display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 0.2rem; color: #fff; font-weight: bold; font-size: 2rem; text-align: center; text-shadow: 0 0 8px rgba(0, 0, 0, 0.6); letter-spacing: 0.2rem;
	background-size: cover;
	background-position: center;
	aspect-ratio: 4 / 1; /* Max 1000px × 250px */	
}

.h1_kaso#kaso_about{ background-image: url("../img/header/01.jpg"); }
.h1_kaso#kaso_gairai{ background-image: url("../img/header/02.jpg"); }
.h1_kaso#kaso_nyuin{ background-image: url("../img/header/16.jpg"); }
.h1_kaso#kaso_innai{ background-image: url("../img/header/04.jpg"); }
.h1_kaso#kaso_daycare{ background-image: url("../img/header/05.jpg"); }
.h1_kaso#kaso_daycare_shisetsu{ background-image: url("../img/header/06.jpg"); }
.h1_kaso#kaso_access{ background-image: url("../img/header/08.jpg"); }
.h1_kaso#kaso_recruit{ background-image: url("../img/header/17.jpg"); }
.h1_kaso#kaso_faq{ background-image: url("../img/header/14.jpg"); }
.h1_kaso#kaso_contact{ background-image: url("../img/header/13.jpg"); }
.h1_kaso#kaso_privacy{ background-image: url("../img/header/15.jpg"); }

.h1_kaso.h1_archive_news{ background-image: url("../img/header/07.jpg"); }
.h1_kaso.h1_single_news{ background-image: url("../img/header/11.jpg"); }

.h1_kaso#not_found_404{ background-image: url("../img/header/404.jpg"); }


.h2_kaso{ margin-bottom: 1.5rem; padding: 0 0 0.25rem 0.8rem; border-bottom: 2px solid transparent; color: var(--blu1); font-size: 1.6rem; font-weight: bold; letter-spacing: 0.02em; line-height: 1.4;
	background-image: linear-gradient(to right, var(--blu2), var(--blu4));
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: 100% 3px;
}

.h3_kaso{ margin-bottom: 1rem; padding-left: 1rem; color: #111; font-size: 1.2rem; font-weight: bold; line-height: 1.3; position: relative; }
.h3_kaso::before{ content: ""; width: 0.25rem; height: 100%; background: linear-gradient(to bottom, var(--blu2), var(--blu3)); position: absolute; top: 0; left: 0; }

.h4_kaso{ color: var(--blu1); font-size: 1rem; font-weight: bold; }

/********************************************************************************
	岸病院について
********************************************************************************/
.floating_box{ padding: 1.5rem 2rem; background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%); box-shadow: 2px 2px 8px rgba(0,0,0,0.1); }
.floating_box #president_name{ margin-top: 1.5rem; text-align: right; }

.tbl_gaiyo{}
.tbl_gaiyo > tbody > tr > th{ width: 25%; padding: 1rem 1.5rem; border-top: 1px solid var(--blu2); border-bottom: 1px solid var(--blu2); color: var(--blu1); font-weight: bold; text-align: left; vertical-align: top; }
.tbl_gaiyo > tbody > tr > th span{ font-size: 0.75rem; }
.tbl_gaiyo > tbody > tr > td{ padding: 1rem 1.5rem; border-top: 1px solid var(--blu4); border-bottom: 1px solid var(--blu4); }

.tbl_gaiyo #tbl_member{ width: auto; }
.tbl_gaiyo #tbl_member th, .tbl_gaiyo #tbl_member td{ padding: 0.2rem 1rem; border-bottom: 1px solid #ddd; }
.tbl_gaiyo #tbl_member th{ text-align: left; }
.tbl_gaiyo #tbl_member td{ text-align: center; }

.tbl_gaiyo #tbl_tokei{ width: auto; }
.tbl_gaiyo #tbl_tokei th{ padding-right: 4rem; text-align: left; }
.tbl_gaiyo #tbl_tokei td{ text-align: right; }


.tbl_enkaku{ border-collapse: separate; border-spacing: 0 0.15rem; font-size: 1rem; }
.tbl_enkaku th, .tbl_enkaku td{ padding: 1rem 1.5rem; text-align: left; }
.tbl_enkaku th{ width: 30%; background: var(--blu4); font-weight: bold; }
.tbl_enkaku td{ background: var(--bg_gry); }


/********************************************************************************
	外来のご案内
********************************************************************************/
.tbl_tanto{ table-layout: fixed; }
.tbl_tanto caption{ color: var(--blu2); }
.tbl_tanto th, .tbl_tanto td{ padding: 0.5rem 0.2rem; }
.tbl_tanto th{ background: var(--blu4); }
.tbl_tanto td{ text-align: center; }

.a_download{ display: inline-block; margin-top: 1rem; padding: 0.2rem 2rem; background: var(--blu1); border-radius: 0.5rem; color: #fff; font-size: 1.2rem; }
.a_download:hover{ background: var(--blu2); text-decoration: none; }
.a_download i.fa-file-pdf{ color: #fff; }

/********************************************************************************
	デイケア
********************************************************************************/
.ul_daycare{ padding: 0.5rem 1rem; background:var(--grn4); border-left: 5px solid var(--grn2); }
.ul_daycare li::before{ content: '■'; margin-right: 0.3rem; color: var(--grn2); }

.img_QR{ width: 216px; height: 216px; }

.tbl_daycare{}
.tbl_daycare th, .tbl_daycare td{ text-align: center; }
.tbl_daycare .th_day{ background: var(--blu4); }
.tbl_daycare .td_day{ background: var(--blu4); }
.tbl_daycare .th_short{ background: var(--grn4); }
.tbl_daycare .td_short{ background: var(--grn4); }


#tbl_price_day tr:nth-child(2) td{ background: var(--blu4); }
#tbl_price_day td{ text-align: right; }

#tbl_price_short tr:nth-child(2) td{ background: var(--grn4); }
#tbl_price_short td{ text-align: right; }

#daycare_flow_wrap{ padding: 1rem 4rem; background: var(--bg_gry); }
#tbl_daycare_flow{ table-layout: fixed; font-size: 0.9rem; }
#tbl_daycare_flow td{ padding: 0.2rem; text-align: center; vertical-align: middle; }
#tbl_daycare_flow .label{ width: 45%; font-size: 1rem; font-weight: bold; }
#tbl_daycare_flow .label#touin{ background: var(--blu4); color: var(--blu1); }
#tbl_daycare_flow .label#tain{ background: var(--grn4); color: var(--grn1); }
#tbl_daycare_flow .spacer{ width: 10%; }
#tbl_daycare_flow .arrow, #tbl_daycare_flow .flowL.step-arrow{ padding: 0.2rem 0; font-size: 1.5rem; text-align: center; vertical-align: middle; line-height: 1; }
#tbl_daycare_flow .arrow-row td{ padding: 0.2rem 0; }
#tbl_daycare_flow .colspan3{ padding: 6px; border: 1px solid var(--blu1); background: var(--blu4); }
#tbl_daycare_flow .flowR.colspan2{ padding: 0.3rem 0.8rem; border: 1px solid var(--grn1); background: var(--grn4); vertical-align: middle; }


/********************************************************************************
	交通アクセス
********************************************************************************/
#iframe_map{ width: 100%; }


/********************************************************************************
	よくある質問
********************************************************************************/
#dl_faq{}
#dl_faq dt span{ margin-right: 0.5rem; padding: 0 10px; background: var(--blu2); border-radius: 3px; color: #fff; }


/********************************************************************************
	お問い合わせ
********************************************************************************/
.wpcf7{ margin: auto; max-width: 600px; padding: 2rem; background: var(--blu4); border-radius: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); }

.wpcf7-form-control-wrap{ display: block; margin-bottom: 1.5rem; }
.wpcf7-form label{ display: block; margin-bottom: 0.5rem; font-weight: bold; color: var(--blu1); }
.wpcf7-form label i{ margin-right: 0.5rem; color: var(--blu1); }

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea{ width: 100%; padding: 0.8rem; border: 1px solid var(--blu3); border-radius: 0.5rem; transition: border-color 0.3s; }
.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 textarea:focus{ border-color: var(--blu1); outline: none; }

.wpcf7 input::placeholder, .wpcf7 textarea::placeholder{ color: #ccc; }

.wpcf7 input[type="submit"]{ padding: 0.8rem 2rem; background: var(--blu2); border: none; border-radius: 0.5rem; color: #fff; font-weight: bold; cursor: pointer; transition: background 0.3s; }
.wpcf7 input[type="submit"]:hover{ background: var(--blu1); }

/* エラーメッセージ */
.wpcf7-not-valid-tip{ margin-top: 0.2rem; color: #c00; font-size: 0.8em; }

/* 成功・エラー通知 */
.wpcf7-response-output{ margin-top: 1rem; padding: 1rem; background: #fff; border-radius: 0.5rem; border-color: var(--blu2) !important; }
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{ border-color: var(--ora1) !important; }


/********************************************************************************
	プライバシーポリシー
********************************************************************************/
.dl_privacy{ margin: 2rem 0 0; }
.dl_privacy dt{ margin-bottom: 0.5rem; font-weight: bold; }
.dl_privacy dd{ margin-bottom: 1.5rem; }


/********************************************************************************
	お知らせ（一覧）
********************************************************************************/
.tbl_news{ width: 100%; font-size: 1rem; }
.tbl_news td{ padding: 0.5rem; border-bottom: 1px solid #ccc; vertical-align: middle; }
.tbl_news td:nth-child(1){ width: 7rem; white-space: nowrap; }
.tbl_news td:nth-child(2){ width: 6rem; }
.tbl_news td:nth-child(3){ width: auto; }

.news_cate{ display: inline-block; width: 6rem; padding: 0.2rem 0; border-radius: 0.1875rem; color: #fff; text-align: center; font-size: 0.75em; }
.news_cate.news{ background: #b6b6b6; }
.news_cate.gairai{ background: var(--blu2); }
.news_cate.nyuin{ background: var(--ora2); }
.news_cate.daycare{ background: var(--grn2); }

.pagination{ display: flex; justify-content: center; margin: 2rem 0; gap: 0.8rem; }
.pagination a, .pagination span{ display: inline-block; padding: 0.5rem 0.9rem; border-radius: 4px; background: var(--blu4); border: 1px solid var(--blu3); color: var(--blu2); text-decoration: none; transition: background-color 0.3s ease, color 0.3s ease; }
.pagination a:hover{ background: var(--blu3); border-color: var(--blu3); color: #fff; }
.pagination .current{ background: var(--blu2); border-color: var(--blu2); color: #fff; font-weight: bold; cursor: default; }
.pagination .prev, .pagination .next{ font-weight: bold; }
.pagination .prev:hover, .pagination .next:hover{ background-color: var(--blu3); color: #fff; }


/********************************************************************************
	お知らせ（詳細）
********************************************************************************/
.news_meta_box{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
.news_meta_box .date{ color: var(--blu2); font-size: 0.85rem; }

.post_content{ margin-bottom: 3rem; }
.post_content h2{ margin-top: 2em; margin-bottom: 1em; }
.post_content p{ margin-bottom: 1.6em; line-height: 1.7; }

.back_to_list{
  margin: 20px 0;
}

.back_to_list a{ display: inline-block;  padding: 0.5rem 1rem; background: var(--blu2); border-radius: 4px; color: #fff; font-size: 1rem; font-weight: bold; text-decoration: none; user-select: none; transition: background-color 0.3s ease; }
.back_to_list a:hover, .back_to_list a:focus{ background: var(--blu1); outline: none; box-shadow: 0 0 0 3px rgba(0, 92, 172, 0.6); }