@charset "UTF-8";
/*
Theme Name: Keaton
Author: 株式会社メックコミュニケーションズ
Author URI: https://www.mec-com.co.jp
Date: 2024-07
*/

/*reCAPTCHAのバッジ非表示*/
.grecaptcha-badge { visibility: hidden; }

/*parts
-----------------------------------------------------------------------------------------*/
body{
/*特色*/
	--color_mizu:#dcf0fa;/*水色*/
	--color_ao:#1186cf;/*青*/
	--color_kon:#164ba0;/*紺色*/
	--color_mido:#299b42;/*緑色*/
	--color_aka:#d90048;/*赤*/
	--color_hai:#edece9;/*灰色*/
/*看護部系*/
	--color_rose:#D93663;/*ローズ色*/
	--color_sakura:#FDEDF0;/*桜色*/
	--color_sumi:#665952;/*墨色*/
	--color_gold:#A67C52;/*金色*/
	
/*em*/
	--color_notice:var(--color_aka);
/*テキストリンク*/
	--color_link:var(--color_kon);
/*tx_bar*/
	--tx_bar:var(--color_kon);
/*tx_maru*/
	--tx_maru:var(--color_kon);
/*ya*/
	--ya_tri:var(--color_kon);
	--ya_sen:var(--color_kon);
	--ya_maru:var(--color_kon);
/*btn*/
	--btn:#FFF;
/*list*/
	--list_line:#000;
	--list_box:#FFF;
	--list_mark:var(--color_red);
/*sitemap*/
	--sitemap:var(--color_kon);
	--sitemap_ya:var(--color_kon);
/*parts*/
	--dtbox_tx:#FFF;
	--dtbox_bg:var(--color_kon);
	--tab_btn:var(--color_kon);
/*etc*/
	--sya:var(--color_kon);
}

/*-------------------------------------------------------------------------------------------------特色border_color*/
body .sen_mizu{border-color:var(--color_mizu);}
body .sen_ao{border-color:var(--color_ao);}
body .sen_kon{border-color:var(--color_kon);}
body .sen_mido{border-color:var(--color_mido);}
body .sen_aka{border-color:var(--color_aka);}
body .sen_hai{border-color:var(--color_hai);}
body .sen_rose{border-color:var(--color_rose);}
body .sen_sakura{border-color:#F5CDD8;}
body .sen_sumi{border-color:var(--color_sumi);}
body .sen_gold{border-color:var(--color_gold);}
table.sen_kon th,table.sen_kon td{border-color:var(--color_kon);}
table.sen_aka th,table.sen_aka td{border-color:var(--color_aka);}
table.sen_mido th,table.sen_mido td{border-color:var(--color_mido);}
table.sen_rose th,table.sen_rose td{border-color:var(--color_rose);}
/*-------------------------------------------------------------------------------------------------特色bg*/
body .bg_mizu{background-color:var(--color_mizu);}
body .bg_ao{background-color:var(--color_ao);}
body .bg_kon{background-color:var(--color_kon);}
body .bg_mido{background-color:var(--color_mido);}
body .bg_aka{background-color:var(--color_aka);}
body .bg_hai{background-color:var(--color_hai);}
body .bg_rose{background-color:var(--color_rose);}
body .bg_sakura{background-color:var(--color_sakura);}
body .bg_sumi{background-color:var(--color_sumi);}
body .bg_gold{background-color:var(--color_gold);}
/*-------------------------------------------------------------------------------------------------特色text_color*/
body .tx_mizu{color:var(--color_mizu);}
body .tx_ao{color:var(--color_ao);}
body .tx_kon{color:var(--color_kon);}
body .tx_mido{color:var(--color_mido);}
body .tx_aka{color:var(--color_aka);}
body .tx_hai{color:var(--color_hai);}
body .tx_rose{color:var(--color_rose);}
body .tx_link{color:var(--color_link);}
body .tx_sakura{color:var(--color_sakura);}
body .tx_sumi{color:var(--color_sumi);}
body .tx_gold{color:var(--color_gold);}
/*-------------------------------------------------------------------------------------------------特色ya*/
body .ya_kon::before{border-color:var(--color_ao);background-color:var(--color_kon);}
body .ya_ao::before{border-color:var(--color_ao);background-color:var(--color_ao);}
body .ya_aka::before{border-color:var(--color_aka);background-color:var(--color_aka);}
body .ya_mido::before{border-color:var(--color_mido);background-color:var(--color_mido);}
body .ya_rose::before{border-color:var(--color_rose);background-color:var(--color_rose);}
body .ya_sumi::before{border-color:var(--color_sumi);background-color:var(--color_sumi);}
body .ya_gold::before{border-color:var(--color_gold);background-color:var(--color_gold);}
/*-------------------------------------------------------------------------------------------------カテゴリー色*/
#wrapper .cat_outpatient{background:var(--color_kon);color:#FFF;}
#wrapper .cat_inpatient{background:var(--color_mido);color:#FFF;}
#wrapper .cat_dock{background:#5F3E90;color:#FFF;}
#wrapper .cat_info{background:var(--color_ao);color:#FFF;}
#wrapper .cat_nursing{background:#FFF;color:var(--color_rose);outline:1.5px solid var(--color_rose);outline-offset: -1.5px;}
#wrapper .cat_medical{background:#FFF;color:var(--color_kon);outline:1.5px solid var(--color_kon);outline-offset: -1.5px;}
/*#wrapper .cat_recruit{background:#FFF;color:var(--color_mido);outline:1.5px solid var(--color_mido);outline-offset: -1.5px;}*/
/*-------------------------------------------------------------------------------------------------utility*/
body .tx_zen{font-family: "Zen Kaku Gothic New", sans-serif;}
body .mt100{margin-top:100px;}@media screen and (max-width: 767px) {body .mt100{margin-top:70px;}}
body .mt-100{margin-top:-100px;}
body .mb3{margin-bottom:3px;}
body .mt3{margin-top:3px;}
body .tx_400{font-weight:400;}
body .tx_900{font-weight:900;}
body .fsp175{font-size:175%}
body .w12e{width:12em}
.dot_maru li:before{transform: scale(0.8) translateY(0.15em);}
.dot_ao li:before{background:var(--color_ao);}
.dot_rose li:before{background:var(--color_rose);}
.dot_aka li:before{background:var(--color_aka);}
.w370{width:370px;}
.mw1000{max-width:1000px;margin-left:auto;margin-right:auto;}
.mw900{max-width:900px;margin-left:auto;margin-right:auto;}

/*-------------------------base
.pagetitle,
.tx_title,
.tx_U,
.tx_B,
.tx_line,
.tx_bar,
.tx_sen,
.tx_kiji,
.tx_belt
.mark
.icon
.ya
.morelist
*/
/*pagetitle*/
	.pagetitle{
	font-size:3rem;
	font-weight:900;
	color:var(--color_kon);
	margin-bottom:0.5em;
	line-height:1.5;
	}
	.pagetitle img{
	display:block;
	width:100px;
	}
	@media screen and (max-width: 767px) {.pagetitle{font-size:2.4rem;}.pagetitle img{width:60px;}}
/*tx_title*/
	.tx_title{
	font-weight:bold;
	font-size:3rem;
	margin-bottom:0.5em;
	}
	@media screen and (max-width: 767px) {.tx_title{font-size:2.4rem;}}
/*tx_U*/
	.tx_U{
	font-weight:900;
	font-size:2.4rem;
	margin-bottom:0.5em;
	}
	@media screen and (max-width: 767px) {.tx_U{font-size:2.2rem;}}
/*tx_B*/
	.tx_B{
	font-weight:bold;
	font-size:2rem;
	margin-bottom:0.5em;
	}
/*tx_line*/
	.tx_line{
	border-bottom:1px solid #888;
	font-size:2rem;
	color:var(--color_kon);
	font-weight:bold;
	margin-bottom:0.5em;
	}
/*tx_bar*/
	.tx_bar{
	font-size:2.5rem;
	font-weight:bold;
	border-left:0.25em solid var(--color_kon);
	padding:0.2em 0 0.2em 0.6em;
	margin-bottom:0.5em;
	}
	@media screen and (max-width: 767px) {.tx_bar{font-size:2.2rem;}}
/*tx_sen*/
	.tx_sen{
	color:var(--color_kon);
	font-size:2.4rem;
	line-height:1.25;
	}
	@media screen and (max-width: 767px) {.tx_sen{font-size:2.2rem;}}
	.tx_sen::after{display:none;}
	.tx_sen::before{
	content:"";
	display:block;
	width:10rem;
	margin:0 auto;
	height:0.3em;
	border-top:3px solid var(--color_kon);
	}
/*tx_kiji*/
	.tx_kiji{
	color:var(--color_kon);
	font-size:2.4rem;
	border-top:2px solid var(--color_kon);
	border-bottom:1px solid var(--color_kon);
	}
	@media screen and (max-width: 767px) {.tx_kiji{font-size:2rem;}}
/*tx_belt*/
	.tx_belt{
	background:var(--color_kon);
	font-size:2rem;
	}
/*mark*/
	.mark.m_kon:first-letter{color:var(--color_kon);}
	.mark.m_ao:first-letter{color:var(--color_ao);}
	.mark.m_mido:first-letter{color:var(--color_mido);}
	.mark.m_aka:first-letter{color:var(--color_aka);}
/*icon*/
	body .icon{
	padding-left:2.5em;
	display:inline-block;
	line-height:1.3;
	}
	body .icon::before{
	width:1.75em;
	height:1.75em;
	margin:-0.2em 0.5em 0 -2.25em;
	}
/*ya*/
	body .ya{
	padding-left:2.5em;
	display:inline-block;
	line-height:1.3;
	}
	body .ya::before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin:-0.2em 0.35em 0 -2.5em;
	width:2.2em;
	height:2.2em;
	border-radius:100%;
	background-size:0.6em !important;
	transition:all 0.3s;
	}
	.ya::before{
	background:var(--color_kon) url(images/ya_w.svg) center no-repeat;
	}
	.ya:hover::before{
	transform:translateX(0.3em);
	filter:brightness(150%);
	}
/*sen(+ btn)*/
	.btn.sen{
	color:var(--color_kon);
	border:1px solid var(--color_kon);
	border-radius:100em;
	}
/*morelist*/
	.morelist{
	padding:1em 1.5em;
	margin-left:1.5em;
	font-size:60%;
	border-left:1px solid #888;
	color:var(--color_kon);
	background:url(images/ya.svg) right 0.5em center no-repeat;
	transition:all 0.3s;
	text-decoration:none !important;
	}
	.morelist:hover{
	background-color:rgba(0,0,0,0.05);
	background-position:right;
	}
/*-------------------------table（pa_s）*/
.pa_s th,
.pa_s td{
	padding:0.5em 0.6em;
}
/*-------------------------table（td_t / th_t）*/
.th_t th,
.td_t td{
	vertical-align:top;
}
/*-------------------------table（td_bold / th_bold）*/
.th_bold th,
.td_bold td{
	font-weight:bold;
}
/*-------------------------table（week_time）*/
.week_time th,
.week_time td{
	text-align:center;
	padding:0.5em;
	line-height:1.25;
	vertical-align:center;
}
.week_time th{
	font-weight:bold;
}
.week_time td{
	width:15%;
	white-space:nowrap;
	padding:1em 0.5em;
}
.week_time tr:nth-child(3) th,
.week_time tr:nth-child(3) td{
	border-top:3px double #888;
}
/*
.week_time td p{
	height:3em;
	margin:-0.5em 0;
	line-height:1.25;
	padding:0.4em 0;
}
.week_time td p.name{
	padding:0.9em 0;
}
.week_time td mark{
	font-size:0.85em;
	color:var(--color_ao);
	background:none;
	display:block;
}
*/
.week_time td p{
	height:3em;
	line-height:1.25;
	margin:-0.5em 0;
	padding:0.4em 0;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}
.week_time td mark{
	font-size:0.85em;
	color:var(--color_ao);
	background:none;
	width:100%;
	line-height:1.25;
}
.week_time td sub{
	font-size:70%;
	top:0;
	margin-left:0.1em;
}
.week_time td p + p{
	border-top:1px dotted #888;
	margin-top:0.5em;
}
.week_time th.time{
	white-space:wrap;
	position: sticky;
	left: 0;
}
.week_time th.time::before{
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: 100%;
	height: 100%;
	border: 1px solid #888;
}
table.week_time td,table.week_time th{mix-blend-mode:normal;}
@media screen and (max-width: 767px) {.week_time th.time{padding:0.3em;}}
/*-------------------------bg_waku*/
.bg_waku{
	padding:30px 30px;
	background:var(--color_mizu);
	border-radius:10px;
}
@media screen and (max-width: 767px) {.bg_waku{padding:20px;}}
/*-------------------------img_waku*/
.img_waku{
	display:flex;
	gap:40px;
}
.img_waku figure{
	max-width:100%;
}
@media print, screen and (min-width: 768px) {
	.img_waku figure{margin-top:0.3em;}
}
@media screen and (max-width: 900px) {
	.img_waku{flex-direction:column;align-items:center;justify-content:center;gap:20px;}
}
/*-------------------------img_cap*/
.img_cap{
	font-size:88%;
	margin-top:0.3em;
}



/*list_topics（お知らせ一覧など）
-----------------------------------------------------------------------------------------*/
.list_topics{
	border-top:1px solid #888;
}
.list_topics .list_line{
	border-bottom:1px solid #888;
}
.list_topics .list_line a{
	gap:0.3em 0.6em;
	padding:1.25em 0;
	text-decoration:none;
}
.list_topics .list_line a:hover{
	background-color:rgba(0,0,0,0.05);
}
.list_topics time{
	color:#000;
	flex-shrink:0;
	font-weight:bold;
	line-height:1.5;
}
.list_topics .list_cat{
	font-weight:bold;
	width:7em;
	text-align:center;
	border-radius:10em;
	flex-shrink:0;
	margin-bottom:auto;
	line-height:1.5;
}
.list_topics .list_title{
	width:100%;
	color:#000;
	line-height:1.5;
}
@media print, screen and (min-width: 768px) {
	.list_topics .list_cat{transform:scale(0.9);}
}
@media screen and (max-width: 767px) {
	.list_topics time{font-size:1.5rem;margin-top:-0.2em;}
	.list_topics .list_cat{font-size:1.3rem;}
}

/*list_kyushin（休診・代診のお知らせなど）
-----------------------------------------------------------------------------------------*/
.list_kyushin{
	border-bottom:1px solid #CCC;
	margin-top:10px;
}
.list_kyushin li{
	padding:0.8em 0;
	border-top:1px solid #CCC;
	display:flex;
	flex-wrap:wrap;
	gap:0.25em 0;
	position:relative;
}
.list_kyushin li .time{
}
.list_kyushin li .sec{
	width:6em;
	text-align:center;
	background:var(--color_hai);
	margin-right:1em;
}


/*list_btn（診療科目一覧など）
-----------------------------------------------------------------------------------------*/
.list_btn{
	display:grid;
	grid-template-columns: repeat( auto-fill, minmax(250px,1fr) );
	gap:10px;
}
@media screen and (max-width: 767px) {.list_btn{grid-template-columns: repeat(2 , 1fr);}}
.list_btn a{
	display:flex;
	justify-content:center;
	align-items:center;
	text-decoration:none;
	background:#FFF;
	color:var(--color_kon);
	font-size:1.8rem;
	text-align:center;
	height:50px;
	border-radius:10em;
}
.list_btn a:hover{
	filter:brightness(150%);
}
/*btn_kon*/
.list_btn.btn_kon a{
	background:var(--color_kon);
	color:#FFF;
}
/*btn_ao*/
.list_btn.btn_ao a{
	background:var(--color_ao);
	color:#FFF;
}


/*list_btn_img（色ベタに白抜きのアイコンボタン風：homeの外来診療担当表のボタンなど）
-----------------------------------------------------------------------------------------*/
.list_btn_img{
	display:grid;
	grid-template-columns: repeat( auto-fill, minmax(300px,1fr) ) ;
	gap:20px;
}
@media screen and (max-width: 767px) {.list_btn_img{gap:10px;grid-template-columns: repeat(1 , 1fr);}}
.list_btn_img a{
	width:100%;
	display:flex;
	align-items:center;
	font-size:21px;
	font-weight:bold;
	padding:0 20px;
	height:80px;
	border-radius:5px;
}
.list_btn_img a img{
	margin-left:auto;
}
.list_btn_img a:hover{
	filter:brightness(90%);
}
.list_btn_img a.tx_w img{
	filter: brightness(0) invert(1);
}
.list_btn_img a.tx_w:hover{
	filter:brightness(150%);
}
.list_btn_img a:hover img{
	transition:all 0.5s;
	transform:scale(1.2);
}

/*list_ya（左矢印と角丸ボタン風：homeのINFORMATION）
-----------------------------------------------------------------------------------------*/
.list_ya{
	display:flex;
	flex-direction:column;
	gap:15px;
}
.list_ya li{
	position:relative;
}
@media screen and (max-width: 767px) {.list_ya{gap:10px;}}
.list_ya a{
	display:flex;
	align-items:center;
	text-align:left;
	color:#000;
	background:#FFF url(images/ya.svg) left 0.8em top 1.1em no-repeat;
	position:relative;
	line-height:1.3;
	padding:0.8em;
	padding-left:1.8em;
	border-radius:5px;
	text-decoration:none;
	transition:all 0.3s;
}
.list_ya a:hover{
	background-color:var(--color_mizu);
	background-position:left 1em center;
}

/*list_ya_maru（右矢印と丸ボタン風：未使用）
-----------------------------------------------------------------------------------------*/
.list_ya_maru{
	display:grid;
	grid-template-columns: repeat( auto-fill, minmax(300px,1fr) ) ;
	gap:20px;
}
@media screen and (max-width: 767px) {.list_ya_maru{gap:10px;}}
.list_ya_maru a{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	color:#000;
	background:#FFF url(images/ya.svg) right 0.8em center no-repeat;
	position:relative;
	line-height:1.3;
	padding:1em;
	padding-right:1.8em;
	border-radius:100em;
	text-decoration:none;
	transition:all 0.3s;
	border:1px solid var(--color_kon);
}
.list_ya_maru a:hover{
	background-color:#F1F1F1;
	background-position:right 0.3em center;
}
/*ya_rose*/
.list_ya_maru.ya_rose a{background-image:url(images/ya_rose.svg);border-color:var(--color_rose);}

/*list_link（左矢印と罫線シンプルな一覧風：検索結果など）
-----------------------------------------------------------------------------------------*/
.list_link{
	display:flex;
	flex-direction:column;
}
@media screen and (max-width: 767px) {.list_ya{gap:10px;}}
.list_link li{
	position:relative;
}
.list_link a{
	display:block;
	text-align:left;
	color:#000;
	background:#FFF url(images/ya.svg) left top 1.5em no-repeat;
	background-size:0.8em;
	position:relative;
	line-height:1.3;
	padding:1.2em;
	text-decoration:none;
	transition:all 0.3s;
	border-bottom:1px solid rgba(0, 0, 0, 0.3);
}
.list_link a span{
	display:block;
	font-size:80%;
	font-weight:normal;
	margin-top:0.2em;
}
.list_link a:hover{
	background-color:#F1F1F1;
	background-position:left 0.3em top 1.5em;
}
/*ya_rose*/
.list_link.ya_rose a{background-image:url(images/ya_rose.svg);}


/*list_ya_img（左側画像に右矢印のバナー風：home下の開放型病床についてなど）
-----------------------------------------------------------------------------------------*/
.list_ya_img{
	display:grid;
	grid-template-columns: repeat(2 , 1fr);
	gap:20px;
}
.list_ya_img a{
	border:1px solid #CCC;
	display:flex;
	align-items:center;
	color:var(--color_kon);
	background:#FFF url(images/ya.svg) right 0.8em center no-repeat;
	position:relative;
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.3;
	padding-right:1em;
	border-radius:10px;
	overflow:hidden;
	text-decoration:none;
	transition:all 0.3s;
}
.list_ya_img a figure{
	max-width:40%;
	flex-shrink:0;
	position:relative;
	margin-right:5%;
}
.list_ya_img a:hover{
	background-position:right 0.4em center;
	border-color:var(--color_kon);
	background-color:rgba(0,0,0,0.05);
}
@media screen and (max-width: 767px) {
	.list_ya_img{gap:10px;grid-template-columns: repeat(1 , 1fr);}
	.list_ya_img a{font-size:1.8rem;border-radius:5px;}
	.list_ya_img a figure{max-width:33%;max-height:150px;}
}


/*list_index（小さなアイコンを入れたボタン風：親ページのINDEX部分など）
-----------------------------------------------------------------------------------------*/
.list_index{
	display:grid;
	grid-template-columns: repeat( auto-fit, minmax(270px,1fr) ) ;
	gap:20px;
}
@media screen and (max-width: 1200px) {.list_index{gap:10px;}}

.list_index a{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	font-size:1.8rem;
	line-height:1.3;
	color:var(--color_kon);
	background:#FFF;
	border-radius:5px;
	text-decoration:none;
	height:120px;
	border:1px solid var(--color_ao);
}
.list_index a:hover{
	outline:1px solid var(--color_kon);
}
.list_index a:hover img{
	transition:all 0.5s;
	transform:scale(1.2);
}
/*sen_no*/
.list_index.sen_no a{
	border:none;
}
@media screen and (max-width: 767px) {
	.list_index{gap:5px;}
	.list_index a{height:90px;}
	.list_index a img{height:40px;}
}
/*bg_kon*/
.list_index a.bg_kon{
	background:var(--color_kon);
	color:#FFF;
}
.list_index a.bg_kon img{
	filter: brightness(0) invert(1);
}
.list_index a.bg_kon:hover{
	filter:brightness(150%);
}


/*list_img（上画像のシンプルな一覧風：療機器ご案内など）
-----------------------------------------------------------------------------------------*/
.list_img{
	display:grid;
	grid-template-columns: repeat( auto-fit, minmax(350px,1fr) ) ;
	gap:30px;
}

.list_img a{
	position:relative;
	height:100%;
	display:flex;
	flex-direction:column;
	text-decoration:none;
}
.list_img figure{
	overflow:hidden;
	flex-shrink:0;
	aspect-ratio:4 / 2.5;
	border-radius:10px;
}
.list_img figure img{
	min-height:100%;
	object-fit:cover;
}
.list_img a:hover figure img{
	transform:scale(1.25);
	transition: all 2s;
}
.list_img p{
	color:#000;
	padding:5px 0;
	line-height:1.5;
}
.list_img p strong{
	font-size:2rem;
	display:block;
	margin:0.1em 0;
}
/*filetype*/
.list_img.filetype{
	grid-template-columns: repeat( auto-fit, minmax(240px,1fr) ) ;
}
.list_img.filetype figure{
	aspect-ratio:2 / 2.9;
	filter:brightness(96%);
	border-radius:0;
}
@media screen and (max-width: 767px) {
.list_img.filetype{grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;gap:15px;}
.list_img.filetype a{flex-direction:row;gap:10px;height:70px;}
}

/*faq
-----------------------------------------------------------------------------------------*/
.faq{
	position:relative;
	background:var(--color_hai);
	padding:0;
	margin-top:20px;
	border-radius:5px;
	overflow:hidden;
	gap:0;
}
.faq:hover{
	background:#e0ded7;
}
/*-------------------------acc_btn (parts)*/
.faq .acc_btn{
	padding:20px 40px 20px 60px;
	position:relative;
	background:url(images/faq_q.svg) left 20px top 18px no-repeat;
}
.faq .acc_btn::before,
.faq .acc_btn::after,
.faq .acc_btn:hover::after{
	content:"";
	width:12px;
	height:2px;
	border-radius:1px;
	background:var(--color_kon);
	position:absolute;
	right:12px;
	left:auto;
	top:calc(50% - 1px);
	transition: all 0.4s;
}
.faq .acc_btn::before{
	transform:rotate(90deg);
}
.faq .acc_btn.open::before{
	transform:rotate(0);
}
/*-------------------------accordion (parts)*/
.faq .accordion{
	background:#FFF;
	padding:20px;
	margin:0 5px 5px 5px;
}
@media screen and (max-width: 767px) {
.faq .accordion{padding:10px 15px;margin:0 2px 2px 2px;}
}


/*attention
-----------------------------------------------------------------------------------------*/
.attention > div{
	display:flex;
	gap:30px;
	padding:10px 0;
}
.attention h2{
	font-size:2.2rem;
}
.attention ul{
	width:100%;
}
.attention li{
	border:none;
	padding-bottom:5px;
}
.attention li a{
	padding:5px;
	display:inline-flex;
	gap:0.1em 0;
	background:none;
}
.attention li a .list_cat{
	display:none;
}
.attention li time{
	font-size:88%;
	display:block;
	flex-shrink:0;
	width:100px;
	letter-spacing:1px;
}
.attention li a:hover .list_title{
	text-decoration:underline;
}
.attention li a.disable .list_title{
	color:#000;
	text-decoration:none;
}
@media screen and (max-width: 767px) {
	.attention > div{border-radius:0;flex-direction:column;gap:10px;padding:0 15px;}
	.attention h2{padding:0 0 0 5px;}
	.attention li a{padding:8px 5px;flex-direction:column;}
}



/*attention
.attention > div{
	background:#FCEBF0;
	border-radius:10px;
	padding:15px;
	display:flex;
	gap:10px;
}
.attention h2{
	font-size:2.2rem;
	padding:7px;
}
.attention ul{
	width:100%;
}
.attention li{
	border:none;
}
.attention li a{
	padding:10px 15px;
	display:flex;
	gap:0.1em 0;
	border-radius:5px;
	background:none;
}
.attention li a .list_cat{
	display:none;
}
.attention li a:hover{
	background:#FFF;
}
.attention li time{
	font-size:88%;
	display:block;
	flex-shrink:0;
	width:100px;
	letter-spacing:1px;
}
.attention li a .list_title{
	color:var(--color_aka);
	font-weight:500;
}
.attention li a.disable .list_title{
	color:#000;
	text-decoration:none;
}
@media screen and (max-width: 767px) {
	.attention > div{border-radius:0;flex-direction:column;gap:10px;}
	.attention h2{padding:8px 0 0 5px;}
	.attention li a{padding:8px 5px;flex-direction:column;}
}
-----------------------------------------------------------------------------------------*/




/*home
-----------------------------------------------------------------------------------------*/
 /*-------------------------mainimg*/
.mainimg{
	display:flex;
	position:relative;
	justify-content:center;
	align-items:center;
}
.mainimg h1{
	position:absolute;
	line-height:1.4;
	font-size:min(3.5vw, 40px);
	font-weight:bold;
	color:#FFF;
	text-shadow:rgba(0,0,0,0.2) 0 0 0.1em,rgba(0,0,0,0.3) 0 0 0.5em,rgba(0,0,0,0.5) 0 0 2em;
	z-index:2;
	animation-name:fadein_copy;
    animation-delay:2s;
	animation-duration:2s;
    animation-fill-mode:forwards;
	opacity:0;
	transform: scale(90%);
}
/*fadein_copy*/
@keyframes fadein_copy{
    0% {}
	100%{transform: scale(100%);opacity:1;}
}
.mainimg figure{
	width:100%;
	position:relative;
}
.mainimg .bg{
	display:block;
	width:100%;
	height:50vh;
	overflow:hidden;
	animation-name:fadein;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
	transform: translateY(-50px);
    opacity:0;
}
/*hs .bg*/
.mainimg .hs .bg{
    animation-delay:0;
}
/*cl .bg*/
.mainimg .cl .bg{
    animation-delay:1s;
}
.mainimg .bg img{
	width:100%;
	height:100%;
	object-fit:cover;
	animation-name:fadein;
    animation-duration:6s;
    animation-fill-mode:forwards;
}
/*hs .bg img*/
.mainimg .hs .bg img{
	transform: scale(110%) translateY(-3%);
}
/*cl .bg img*/
.mainimg .cl .bg img{
	transform: scale(110%) translateY(3%);
}
.mainimg .ban{
	position:absolute;
	border-radius:10em;
	animation-name:fadein;
    animation-duration:1s;
    animation-fill-mode:forwards;
    transform:translateY(-30px);
    opacity:0;
}
/*hs .ban*/
.mainimg .hs .ban{
    animation-delay:0.3s;
}
/*cl .bg*/
.mainimg .cl .ban{
    animation-delay:1.3s;
}
.mainimg .ban img{
	border-radius:10em;
	background:#FFF;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	transition:all 0.3s;
}
.mainimg .ban:hover img{
	box-shadow: 0 0 7px rgba(0,0,0,0.3);
	transform: scale(110%) translateY(-3%);
}
/*fadein*/
@keyframes fadein{
    0% {}
    100% {transform:scale(100%) translateY(0) translateX(0);opacity:1;}
}
@media print, screen and (min-width: 768px) {
	.mainimg .ban{bottom:-40px;}
}
@media screen and (max-width: 767px) {
	.mainimg{flex-direction:column;}
	.mainimg h1{font-size:20px;padding:0.2em 0.5em;text-shadow:none;width:100%;background:var(--color_ao);animation-name:fadein;transform: scale(110%) translateX(100%);}
	.mainimg .bg{height:300px;}
	.mainimg .ban{max-width:250px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
}
@media screen and (max-width: 500px) {
	.mainimg .bg{height:calc(50vh - 65px);}
}
/*-------------------------home_pickup*/
.home_pickup .list_btn_img{
	grid-template-columns: repeat(3 , 1fr);
}
@media screen and (max-width: 940px) and (min-width: 601px) {
	.home_pickup a{height:100px;flex-direction:column-reverse;justify-content:center;padding:0 5px;font-size:18px;}
	.home_pickup a img{margin-left:0;}
}
@media screen and (max-width: 600px) {
	.home_pickup .list_btn_img{gap:10px;grid-template-columns: repeat(1 , 1fr);}
	.home_pickup a{height:70px;}
}
/*-------------------------home_topics*/
.home_topics{
	display:flex;
	gap:70px;
}
/*home_newsletter*/
.home_newsletter{
	flex-shrink:0;
	width:260px;
	margin-bottom:auto;
}
.home_newsletter a{
	display:block;
	padding:15px;
}
.home_newsletter a:hover{
	background:rgba(0,0,0,0.05);
}
@media screen and (max-width: 1199px) {
	.home_topics{flex-wrap:wrap;gap:0;}
	.home_newsletter{width:100%;}
	.home_newsletter a{display:flex;align-items:center;gap:15px;padding:10px;}
	.home_newsletter figure{max-width:100px;}
}
/*-------------------------home_info*/
.home_info{
	background:var(--color_ao);
	overflow:hidden;
}
.home_info::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	top:0;
	position:absolute;
	background:url(images/bg_info.jpg) center no-repeat;
	background-size:cover;
	filter: blur(3px);
	opacity:0.4;
}
.home_info .list_ya{
	max-width:1100px;
	margin:0 auto;
	padding:0 20px;
	gap:5px;
}




/*main_search
-----------------------------------------------------------------------------------------*/
.main_search{
	height:120px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	background:var(--color_kon);
	margin-top:50px;
	padding:0 20px;
}
.main_search_form{
	height:50px;
	width:100%;
	max-width:600px;
	background:#FFF;
	overflow:hidden;
	border-radius:50px;
}
.main_search input[type="text"]{
	width:calc(100% - 60px);
	height:100%;
	border:none;
	border-radius:2px;
	float:left;
	text-indent:15px;
	background:none;
}
.main_search [type="text"]:focus {
	outline: 0;
}
.main_search input[type="submit"]{
	width:60px;
	height:100%;
	border:none;
	background:url(images/search.svg) center center no-repeat;
	cursor:pointer;
}
.main_search input[type="submit"]:hover{
	background-color:rgba(0,0,0,0.1);
}
.main_search .search_btn{
	position:absolute;
	top:0;
	right:0;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	width:48px;
	height:48px;
	padding-top:23px;
	cursor:pointer;
	background:rgba(255,255,255,0.2);
}
.main_search .search_btn::before,
.main_search .search_btn::after{
	content:"";
	display:block;
	width:2px;
	height:15px;
	background:#FFF;
	position:absolute;
	top:10px;
	right:23px;
	transform:rotate(-45deg);
}
.main_search .search_btn::after{
	transform:rotate(45deg);
}
.main_search .search_btn:hover{
	background:#000;
}


/*staff
-----------------------------------------------------------------------------------------*/
.staff_frame{
	display:flex;
	gap:40px;
	padding-top:10px;
}
.staff_frame + .staff_frame{
	margin-top:100px;
}
@media screen and (max-width: 767px) {
	.staff_frame{flex-direction:column;align-items:center;justify-content:center;gap:10px;}
	.staff_frame + .staff_frame{margin-top:60px;}
}
/*-------------------------staff_img*/
.staff_img{
	max-width:240px;
	flex-shrink:0;
}
/*-------------------------staff_name*/
.staff_name{
	background:var(--color_mizu);
	padding:0.4em 0.6em;
	border-radius:0.2em;
	font-weight:900;
	font-size:2.5rem;
	line-height:1.2;
}
.staff_name span{
	font-size:60%;
	display:block;
}
@media screen and (max-width: 767px) {
	.staff_name{text-align:center;}
}
/*-------------------------staff_data*/
.staff_data{
	width:100%;
}
.staff_data dt{
	margin-top:1.5em;
	font-weight:900;
	color:var(--color_kon);
	font-size:2rem;
	border-bottom:1px solid #888;
	padding-bottom:0.1em;
	margin-bottom:0.2em;
}
.staff_data dd{
	line-height:1.7;
}

/*list_ope
-----------------------------------------------------------------------------------------*/
.list_ope dt{
	float:left;
	padding:1em 1em 0.2em 0;
}
.list_ope dd{
	padding:1em 0 0.2em 0;
	text-align:right;
	border-bottom:1px solid #CCC;
}
@media print, screen and (min-width: 768px) {
	.list_ope{column-count: 2;column-gap: 40px;}
}


/*recruit
-----------------------------------------------------------------------------------------*/
/*-------------------------recruit_pagetop*/
.recruit_pagetop,
.recruit_pagetop h1{
	display:flex;
	align-items:center;
	justify-content:center;
}
.recruit_pagetop{
	height:360px;
	position:relative;
	margin-bottom:70px;
}
.recruit_pagetop h1{
	font-size:5rem;
	font-weight:bold;
	color:#FFF;
	background:#164ba0;	
	width:5.5em;
	height:1.6em;
	letter-spacing:0.1em;
	padding-left:0.1em;
}
.recruit_pagetop figure{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}
.recruit_pagetop img{
	width:100%;
	height:100%;
	object-fit:cover;
}
@media screen and (max-width: 1079px) {
	.recruit_pagetop{height:240px;margin-bottom:50px;}
	.recruit_pagetop h1{font-size:3rem;}
}
@media screen and (max-width: 767px) {
	.recruit_pagetop{height:33vw;margin-bottom:30px;}
}
/*-------------------------recruit_table*/
.recruit_table td{
	width:100%;
}


/*recruit_taiken
-----------------------------------------------------------------------------------------*/
.recruit_taiken{
	background:#164ba0;
	overflow:hidden;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.recruit_taiken::before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	top:0;
	position:absolute;
	background:url(images/bg_kengaku.jpg) center bottom no-repeat;
	background-size:cover;
	opacity:0.3;
}
.recruit_taiken h2,
.recruit_taiken p{
	position:relative;
}