@charset "UTF-8";
@import url(sp_main.css);
@import url(sp_parts.css);


/* ===========================================
　　　　　　　病院紹介系　CSS
============================================*/
/* 共通パーツ */
h3{
	font-size: 5vw;
	font-weight: normal;
	letter-spacing: 0.03em;
	margin: 1.5em 0 0.8em 0em;
	border-left: 10px solid #f39800;
	padding-left: 0.2em;
}
h3::before{	content: "";}


/* /hospital/index.html */
.hospital_area{
	position: relative;
	width: 100%;
}
.hospital_area h2{	margin-bottom: 2em;}
figure{
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-bottom: 2em;
}
figcaption{    text-align: center;}
.hospital_area ul{
	margin-bottom: 2em;
	list-style-type: none;
	text-align: center;
	width: 100%;
}
.hospital_area ul li{
	text-align: left;
	margin-bottom: 0.6em;
}
.hospital_area ul li span{	font-size: 3.5vw;}
.hospital_area ul li a{	font-size: 4vw;}
.hospital_area ul li a:hover{    background: #f7d185;}
.hospital_area ul li a:hover::after{	color: #640125;}

/* 挨拶ページ 共通化 */
.face_box img{
	border-radius: 50%;
	width: 50%;
	height: auto;
}
.face_box h4{
	font-size: 5vw;
	color: #4aa27e;
}
.greeting_area div ol{
	margin-left: 2.5em;
	text-align: left;
}
.greeting_area ul li{
	list-style-type: none;
}
.greeting_cmt{
	text-align: left;
	border-top: 1px solid #a9a9a9;
	padding-top: 1.5em;
	margin: 2em 0;
	padding-left: 0.5em;
}
.rijicho_box div.face_box div:nth-child(2) ul{
	list-style-type: none;
	margin-left: 1em;
	text-align: left;
}
.flex_right_cmt{
	margin-top: 2em;
	text-align: left;
}
.flex_right_cmt p{	margin-bottom: 1.5em;}

/* 情報セキュリティポリシー */
.security_action{	text-align: left;}
.security_action h3{
	border-left: 0;
	font-size: 5vw;
	font-weight: bold;
	margin: 2em 0 0.2em;
}
.security_action p{	margin-left: 1em;}

.security_action aside{
	margin-top: 2em;
	text-align: right;
	border-top: 1px solid #a9a9a9;
	padding-top: 1em;
}
.security_action aside ul{	list-style-type: none;}

/* 理念・基本方針 */
.rinen_housin{	text-align: left;}
.rinen_housin h3 + p{
	font-size: 5.2vw;
	color: #4aa27e;
	font-weight: bold;
	line-height: 1.4;
}
.rinen_housin h4{
	margin: 1em 0 0.5em 0.5em;
	font-size: 4.5vw;
	font-weight: normal;
}
.rinen_housin h4:before{
	content:"";
	background-image: url(../_image/svg/arrow_b.svg);
	width: 0.7em;
	height: 0.8em;
	background-size: contain;
	display: inline-block;
	margin-right: 5px;
}
.rinen_housin ol{
	margin-left: 3em;
	margin-bottom: 1.5em;
}
/* 求人情報 */
.job_container{
	min-height: 50vh;
}
.job_container .cstm_lnk a{
	font-size: 4vw;
}
.job_container h3{	margin-bottom: 2em;}
.job_container ul{	list-style-type: none;}
.job_container li a{
	text-align: left;
	display: block;
	margin-left: 0.5em;
	margin-bottom: 0.8em;
}
.job_container li.new a::before{
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	content: "new";
	color: #ff7f50;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	right: 4em;
	top: 0.6em;
	animation: blinkAnime 1s infinite alternate;
}
.job_container li.kyubo a::before{
	font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	content: "【急募】";
	color: #ff7f50;
	font-size: 16px;
	font-weight: bold;
	position: absolute;
	right: 4em;
	top: 0.6em;
	animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
	0%{	color: #ff7f50;}
	33%{	color: #6b8e23;}
	66%{	color: #68a9cf;}
	100%{	color: #de82a7;}
}

/* 職種毎の共通 */
.job_area{
	text-align: left;
	}
.job_area >div{	position: relative;}
.job_area h3{
	border-left: 0;
	background: #d5e5e8;
	border-radius: 0.2em;
}
.job_area h3 em{
	position: absolute;
	top: 0.5em;
	left: 8em;
	color: #ff6450;
	font-size: 13px;
	letter-spacing: 0;
}
.job_area ul{
	margin-left: 1em;
	list-style-type: none;
}
.job_area ul li b{
	width: 5em;
	display: inline-block;
	font-weight: normal;
}
/* .job_area ul li span::before{
	content: "…";
	margin-left: 1em;
	padding-right: 0.5em;
} */
.job_contact h3{	letter-spacing: 0;}
.job_contact ul li b{	width: 10em;}
.job_area li.info_line{
	color: #389;
	font-size: 13px;
}
.job_area li.info_line::before{
	content: "※";
	margin-right: 0.2em;
}
.job_area h4{
	font-weight: normal;
	margin-left: 1.5em;
	width: 8em;
	float: left;
}
.job_area h4::before{
	content: "〇";
	margin-left: 0.5em;
	margin-right: 0.3em;
}
.job_area h4 + ul{
	margin-left: 11em;
	margin-bottom: 2em;
}
.job_area div.cstm_lnk a{
	text-align: left;
	margin-top: 5em;
}
.job_contact div.btn_tel{
	margin-top: 2em;
}
.job_area ul li span{
	display: inline-block;
}
/* 職種ページ毎の微調整 */
.job_kangohojyo >div:nth-child(2) ul li b{
	width: 7em;
}
.job_kangohojyo >div:nth-child(2) ul li span{
	display: block;
	padding-left: 5em;
}
.job_kangohojyo >div:nth-child(3) ul li b{
	width: 7em;
}
.job_kangosi >div:nth-child(2) ul li:last-child span:last-child{
	display: block;
	padding-left: 5em;
}
.job_ot >div:nth-child(2) ul li:nth-child(2) span:last-child{
	padding-left: 5em;
}

/* 職種ページ毎のイラスト */
.job_area >div:first-child::before{
	position: absolute;
	top: 0;
	right: 1em;
	z-index: 2;
}
.job_kangohojyo >div:first-child::before{
	content: url(../_image/cut/1358704_s.png);/*看護補助*/
}
.job_kangosi >div:first-child::before{/*看護師*/
	content: url(../_image/cut/376746_s.png);
}
.job_ot >div:first-child::before{
	content: url(../_image/cut/547150_s.png);/*言語聴覚士*/
}
.job_yakuzaisi >div:first-child::before{
	content: url(../_image/cut/800835_s.png);/*薬剤師*/
}
.job_driver >div:first-child::before{
	content: url(../_image/cut/800835_s.png);/*運転士*/
}

/* リンク */
.link_page>div {
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	margin-bottom: 1.5em;
	-webkit-box-shadow: 5px 4px #dcdddd;
	box-shadow: 5px 4px #dcdddd;
	padding: 0.2em;
	text-align: left;
}
.link_page h3{
	border-left: 0;
	margin:0;
	color: #555;
	font-weight: bold;
	font-size: 4.5vw;
}
.link_page>div:first-child {	margin-top: 1em;}
.link_page a {
	display: block;
	text-align: right;
	padding-right: 1em;
	font-size: 3.5vw;
	text-decoration: none;
	color: #089;
	font-weight: bold;
}
.link_page a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f35d";
	font-weight: 900;
	margin-left: 10px;
	color: #089;
	font-size: 110%;
}
.link_page div div {
	margin-top: 1em;
	font-size: 4vw;
	border-top: 1px solid #a9a9a9;
	padding-top: 0.5em;
}
.link_page>div em {
	color: #ec6d71;
	font-weight: bold;
	padding: 0 5px;
}
.link_page p{	padding: 0.3em 0.5em;}

/* 共通table style */
.def_tbl{
	text-align: left;
	margin: 2em 0 2em 0.5em;
	border-spacing: 0;
	border-color: #a9a9a9;
	border-style: solid;
	border-width: 1px 0 0 1px;
}
.def_tbl th,
.def_tbl td{
	border-color: #a9a9a9;
	border-style: solid;
	border-width: 0 1px 1px 0;
	padding: 0.2em;
	font-weight: normal;
	display: table-cell;	
}
.def_tbl th{	background: #d2f2ff;}
.def_tbl td span{
	font-size: 3.5vw;
	display: inline-block;
}
.def_tbl caption{	text-align: left;}
.def_tbl li{	list-style-type: none;}

.syokuji_tbl caption{
	padding-left: 0.3em;
	text-align: right;
}
.syokuji_tbl th{
	width: 9em;
	padding: 0.2em 0.5em;
}
.syokuji_tbl td{	text-align: right;}
.syokuji_tbl tr td:last-child{
	width: 6em;
}

.ope_count_area{
	text-align: left;
	margin-left: 1em;
}
.ope_count_area div{	margin-bottom: 3em;}
.ope_count_area h4{	font-weight: normal;}
.ope_count_area table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}
.ope_count_area caption{
	text-align: right;
	font-size: 90%;
}

.ope_count_area td:first-of-type{
	font-size: 85%;
	vertical-align: middle;
	transform: scale(0.8, 1);
	text-align: right;
}
.ope_count_area td:last-of-type{
	border-color: #a9a9a9;
	border-style: solid;
	border-width: 1px 1px 0 0;
	width: 2em;
	text-align: center;	
}
.ope_count_area th{
	border-color: #a9a9a9;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	font-weight: normal;
	padding-left: 0.5em;
	font-size: 4vw;
}
.ope_count_area tr:last-of-type th,
.ope_count_area tr:last-child td:last-of-type{
	border-bottom: 1px solid #a9a9a9;
}
.ope_clr th,
.ope_clr td:last-of-type{
	background-color: #d2f2ff;
}

.riha_jisseki_tbl th{
	background: #fff;
	width: 75%;
	font-size: 3.7vw;
}
.riha_jisseki_tbl td{
	text-align: right;
	padding-right: 0.5em;
}
.riha_jisseki_tbl tr:nth-child(n + 7) th{
	text-align: right;
	padding-right: 1em;
}
.dr_keigen_tbl,
.dr_keigen_tbl th,
.dr_keigen_tbl td{	border: 0;}
.dr_keigen_tbl th{	display: none;}
.dr_keigen_tbl td{
	display: block;
	padding: 0.5em 0 0.5em 0.25em;
}
.dr_keigen_tbl td:first-child{
	background: #007199;
	color: #fff;
	padding: 0.3em 0 0.2em 0.5em;
	margin-top: 1.5em;
}
.dr_keigen_tbl td:nth-child(2)::before{
	content: "現状・問題点：";
	font-weight: bold;
	margin-right: 0.3em;
	color: #389;
}
.dr_keigen_tbl td:nth-child(3)::before{
	content: "令和3年度の対応・方針：";
	font-weight: bold;
	margin-right: 0.3em;
	color: #389;
}
.dr_keigen_tbl {
	border-bottom: 1px solid #a9a9a9;
	margin-bottom: 3em;
}
.wrap_tbl{
	width: 100%;
	overflow-y: scroll;
}
.sagakubed_tbl{
	width: 40em;
	margin-top: 1em;
}
.sagakubed_tbl th,
.sagakubed_tbl td{
	padding: 0.2em 0.5em;
}
.sagakubed_tbl th{
	font-size: 3.5vw;
	text-align: center;
	background: #fff;
}
.sagakubed_tbl th span{
	display: block;
	font-size: 3vw;
}
.sagakubed_tbl th em{
	font-size: 3vw;
}
.sagakubed_tbl td:first-child{	width: 8em;}
.sagakubed_tbl td:nth-child(2){
	width: 4em;
	text-align: center;
	padding: 0.5em 0 0.3em;
	font-size: 3.5vw;
}
.sagakubed_tbl td:nth-child(3){
	width: 5.5em;
	text-align: right;
	padding-right: 0.5em;
}
.sagakubed_tbl td:last-child{	width: 20em;}
.sagakubed_tbl td[colspan="4"]{
	padding-left: 2em;
}

.overbed_tbl th,
.overbed_tbl td{
	text-align: center;
	background: #fff;
}
.overbed_tbl th span{
	font-size: 3vw;
	display: inline-block;
}
.overbed_tbl th:first-child{	width: 4em;}
.overbed_tbl th:nth-child(4){
	width: 5em;
	font-size: 3.7vw;
}
.overbed_tbl th:last-child{	width: 6em;}
.bunsyoryo_tbl{
	border-color: #a9a9a9;
	border-style: solid;
	border-width: 1px 0 0 1px;
	margin-top: 2em;
}
.bunsyoryo_tbl caption{
	caption-side: bottom;
	text-align: right;
	font-size: 3vw;
}
.bunsyoryo_tbl th,
.bunsyoryo_tbl td{
	padding: 0.3em 0 0.2em 1em;
	text-align: left;
	display: table-cell;
	background: #fff;
	font-weight: normal;
	color: #333;
	border-color: #a9a9a9;
	border-style: solid;
	border-width: 0 1px 1px 0;
	padding: 0.2em;
	font-size: 3.7vw;
}
.bunsyoryo_tbl td{
	text-align: right;
	width: 6em;
}
.bunsyoryo_tbl th span{
	display: block;
	text-align: right;
}
.bunsyoryo_tbl th em{
	font-size: 3.5vw;
}
.bunsyoryo_tbl tr:nth-child(8) th{
	padding-left: 11.3em;
}
.tokuteiryouyou_area h4{
	margin: 2em 0 0.5em 1em;
	font-weight: normal;
	font-size: 4vw;
	text-align: left;
}
.tokuteiryouyou_area table + p{	margin-top: 2em;}
.twoclmn_tbl{
	width: 98%;
	margin-top: 0;
}
.twoclmn_tbl caption{
	font-size: 3.5vw;
	text-align: right;
}
.twoclmn_tbl th{	background: #fff;}
.twoclmn_tbl th{	padding-left: 0.5em;}
.twoclmn_tbl td{
	width: 8em;
	text-align: right;
}
.twoclmn_tbl th span{
	/* その他保険外負担に係る費用の"〃"用スペース */
	display: inline-block;
	width: 5em;
	text-align: center;
}
.sonota_singu td em{	display: none;}
.twoclmn_tbl th em{
	font-size: 3.5vw;
	display: inline-block;
}
.sonota_singu th::after{
	content:"（１日あたり）";
	font-size: 3.5vw;
}
.bedset_area ul{	margin-top: -1em;}
.bedset_area li{
	list-style-type: disc;
	margin-left: 2.5em;
}
.slash_list li{	display: inline;}
.slash_list li:after{
	content: "／";
	margin-left: 5px;}
.slash_list li:last-child::after{	content: "";}
.sisetukijyun_tbl th{
	width: 1.5em;
	text-align: center;
}
.sisetukijyun_tbl td{	padding: 0.5em 1em 0.4em;}
.donor_area h4{
	margin-left: 1em;
	margin-top: 2em;
	font-size: 15px;
	color: #389;
	text-align: left;
}
.donor_area li::before{
		content: "〇";
		padding-right: 0.2em;
}
.donor_area li{
	text-indent: -1.2em;
	padding-left: 1.2em;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
/* 病院機能評価 */
.info_kinouhyouka div{
	margin: 2em 0 1em 0;
	font-size: 4vw;
	text-align: left;
}
.info_kinouhyouka ul{
	margin: 2em 0 0 2em;
	list-style-type: none;
}
.info_kinouhyouka p{
	text-indent: 1em;
	margin-left: 1em;
}
.info_kinouhyouka li{	margin-bottom: 1em;}
.info_kinou{
	display: flex;
	flex-direction: column;
}
.info_kinou img{
	width: 50%;
	height: auto;
	margin: 1em auto;
}
.info_kinou ul{	margin:auto 0;}
.info_kinou li a{
	text-decoration: none;
	color: #333;
	border: 1px solid #a9a9a9;
	border-radius: 3px;
	padding: 0.8em 1em 0.6em;
	display: block;
	position: relative;
	box-shadow: 2px 3px #d4dcd3;
	font-size: 3.5vw;
	text-align: left;
}
.info_kinou li a:after{
    font-family: "Font Awesome 5 Free";
    content: "\f0a9";
    font-weight: 900;
    padding-right: 5px;
    color: #8da0b6;
    position: absolute;
    right: 0;
}
.info_kinou li a:hover {
	background: #ffe2a9;
	transform: translateY(2px);
}
.info_kinou li a:hover::after {	color: #640125;}
.info_kinou + p{
	margin-left: 0;
	text-align: left;
	font-size: 4vw;
}

/* 巡回バスのご案内 */
.bus_area{
	text-align: left;
	font-size: 4vw;
}
.bus_area p{	margin-left: 1em;}
.bus_area p strong{
	color: #ec6d71;
	display: block;
	text-align: right;
}
.bus_area p span{
	display: inline-block;
	text-align: right;
}
.bus_tbl{
	width: 100%;
	border-color: #a9a9a9;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-collapse: separate;
	border-spacing: 0;
	box-shadow: 4px 5px #d4dcd3;
	text-align: center;
	margin-bottom: 2em;
}
.bus_tbl caption{
	text-align: right;
	font-size: 3.5vw;
}
.bus_tbl th, .bus_tbl td{
	border-width: 0 1px 1px 0;
	border-color: #a9a9a9;
	border-style: solid;
}
.bus_tbl thead th,
.bus_tbl tfoot th{
	background: #d5e5e8;
	font-size: 3.5vw;
	height: 2.5em;
}
.bus_tbl tbody th{	background: #f0f6da;}
.bus_tbl th:first-child{	width: 15%;}
.bus_tbl th:nth-child(n + 2){	width: 42.5%;}
.bus_tbl tbody tr:first-child th,
.bus_tbl tbody tr:last-child th{
	background: #ffb9bb;
}
.bus_map{
	border:1px solid #a9a9a9;
	box-shadow: 4px 5px #d4dcd3;
}

/* 個人情報の取扱について */
.personal_box{ text-align: left;}
.personal_box p{
	margin: 0 0 1em 1em;
}
.personal_box ol{	margin: 1em 0 1em 2.5em;}
.personal_box ul{	margin: 1em 2em;}
.personal_box aside{
	text-align: right;
	padding: 3em 0.5em 2em;
}
.personal_box >div{
	border-top: 1px solid #a9a9a9;
	padding-top: 1em;
	margin-top: 1em;
}
.personal_box ul li ol{	margin-left: 2em;}
.personal_box ul li ol li{	list-style-type: decimal;}
.zaitaku_area{	counter-reset: num;}
.zaitaku_area h3:nth-of-type(n + 2){
	border-left: 0;
	font-weight: bold;
	margin-top: 2em;
}
.zaitaku_area h3:nth-of-type(n + 2):before{
	counter-increment: num;
	content:counter(num,upper-roman)".";
	margin-left: 5px;
}
.zaitaku_area >ul{
	list-style-type: none;
	margin: 1em 0 0 1.5em;
}
.zaitaku_area > ul >li{	margin-bottom: 1em;}
.personal_box ol.cstm_lnk{
	list-style-type: none;
	margin: 2em 0;
}
 .cstm_lnk li{	margin-bottom: 0.7em;}
 .toriatukai_lst ol{
	list-style-type: none;
	counter-reset: num2;
}
.toriatukai_lst li{
	margin-bottom: 0.8em;
	text-align: left;
}

.toriatukai_lst li a::before{
	counter-increment: num2;
	content: counter(num2)".";
	margin-right: 0.3em;
}
 /* 沿革・病院概要ページ*/
.outline_area h3 span{display: inline-block;}
.outline_area h5{
	font-size: 15px;
	margin: 2em 0 0.3em 1em;
	font-weight: normal;
}
.outline_area h5::before{
	content: "●";
	margin-right: 0.2em;
	color: #666;
	vertical-align: middle;
}
.outline_area p{
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: left;
}
.outline_area p em{
	color: #ff6347;
	font-size: 90%;
}
.outline_area section ul{
	margin-left: 1em;
	list-style-type: none;
	line-height: 1.8;
	text-align: left;
}
.outline_area ul li span{
	display: inline-block;
}
.outline_enkaku ul{
	margin: 0 0 2em 1em;
	text-align: left;
}
.outline_enkaku li{	list-style-type: none;}
.outline_enkaku li span{
	display: block;
	margin-bottom: 0.8em;
}
.outline_enkaku p{
	text-align: right;
	margin-top: 2em;
	margin-bottom: 1em;
	position: relative;
}
.outline_tbl th{
	background: #fff;
	width: 6em;
	text-align: center;
}

/* 交通アクセス */
.hospital_access{	text-align: left;}
.acc_apple_link{
	text-align: center;
	margin: 1em 0 2em;
}
.acc_apple_link a{
	font-size: 5vw;
	text-decoration: none;
	font-weight: bold;
	color: #007199;
	border: 3px solid #007199;
	padding: 0.2em 1em 0.1em;
	border-radius: 0.3em;
}
.acc_apple_link a:before{
	font-family: "Font Awesome 5 Free";
	content: "\f3c5";
	font-weight: 900;
	color: #007199;
	margin-right: 0.3em;
	font-size: 5vw;
}
.hospital_access h4{
	font-weight: normal;
	margin: 0.5em 0;
}
.access_car h4::before{
	font-family: "Font Awesome 5 Free";
	content: "\f5e4";
	font-weight: 900;
	color: #089;
	margin-right: 0.3em;
	font-size: 4.5vw;
	transform: scaleX(-1);
	display: inline-block;
}
.access_train h4::before{
	font-family: "Font Awesome 5 Free";
	content: "\f238";
	font-weight: 900;
	color: #089;
	margin-right: 0.3em;
	font-size: 4.5vw;
}
.access_bus h4::before{
	font-family: "Font Awesome 5 Free";
	content: "\f207";
	font-weight: 900;
	color: #089;
	margin-right: 0.3em;
	font-size: 4.5vw;
}
.hospital_access div + div{	margin-top: 1.5em;}
.access_car ul li{
	margin-left: 2em;
	list-style-type: circle;
}
.access_train p{	margin-left: 1em;}
.hospital_access h5{
	font-size: 4vw;
	margin: 1em 1em 0;
	color: #007199;
}
.access_train a:hover{
	background: #fddea5;
	color: #6c2c2f;
	border-color: #6c2c2f;
}
.access_bus h6{
	font-size: 4vw;
	font-weight: normal;
	position: relative;
	margin: 0.5em 0 1em 1em;
}
.access_bus p{	margin-left: 2em;}
.access_bus li{
	margin-left: 3em;
	list-style-type: circle;
}
.access_bus em{
	position: absolute;
	top: 0;
	left: 6em;
}
.access_bus em a{
	text-decoration: none;
	color: #555;
	font-size: 4.5vw;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #555;
	border-radius: 0.3em;
	padding: 0.1em 1em 0;
}

/* 当サイトについて */
.attension_box{	text-align: left;}
.attension_box p{
	margin-bottom: 0.5em;
	margin-left: 0.5em;
}
.attension_box ul{	margin-left: 1em;}
.attension_box li{
	list-style-type: none;
	margin: 8px 0;
}
.attension_box li a{	margin: 0 5px;}
.attension_box ul li span{	display: inline-block;}
.attension_box aside{
	display: block;
	text-align: right;
}
.attension_box article:last-child ul{	margin-left: 0em;}
.attension_box article:first-of-type{	margin-top: 2em;}
.attension_box article:nth-of-type(5) li{
	display: inline-block;
	margin: 0;
	padding: 0;
}
.attension_box article:nth-of-type(5) li::after{	content:"/";}
.attension_box article:nth-of-type(5) li:last-child::after{	content:"";}
.attension_box article aside.sp_off{	display: none;}