@charset "UTF-8";
@import url(pc_main.css);
@import url(pc_parts.css);

/* ===========================================
　　　　　　　病院紹介系　CSS
============================================*/
/* 共通パーツ */
h3{
	font-size: 18px;
	border-left: 10px solid #f39800;
	margin: 2em 0 1em 0.5em;
	padding-left: 0.5em;
	padding-top: 0.2em;
}
h3:before{
	content: "";
	margin-right: 0;
}


/* /hospital/index.html */
.hospital_area {	position: relative;}
figure {
	float: right;
}
figcaption {	text-align: center;}
.hospital_area ul {
	margin-bottom: 2em;
	margin-left: 1em;
}
.hospital_area ul li span {	font-size: 90%;}
.hospital_area li.cstm_lnk{
	text-align: left;
	margin-left: 1em;
	margin-bottom: 0;
	margin-top: 0.7em;
}
.hospital_area li.cstm_lnk a{
	text-align: left;
	width: 18em;
}

/* 挨拶ページ 共通化 */
.greeting_area{	min-height: 500px;}
.greeting_area > div:nth-child(2) p{
	margin-bottom: 1em;
}
.face_box{
	display:flex;
	border-bottom: 1px solid #a9a9a9;
	margin-bottom: 1.5em;
}
.face_box img{
	width: 180px;
	border-radius: 50%;
}
.face_box div:first-child p{	text-align: center;}
.face_box div:nth-child(2){	padding-left: 1em;}
.face_box h3{	margin-top: 0;}
.face_box ul{	margin-left: 2em;}
.face_box ol{	margin-left: 3em;}
.face_box h3 + ul,
.face_box h3 + ol{	margin-bottom: 2em;}
.face_box h4{
	font-size: 18px;
	color: #4aa27e;
}
.no_cmt{	border-bottom: 0;}
.flex_right_cmt p{
	margin-bottom: 1em;
	margin-left: 1em;
}
.greeting_area >div:only-child{	border-bottom: 0;}

/* 情報セキュリティポリシー */
.security_action {	height: 900px;}
.security_action h3 {
	margin: 1em 0 0 1em;
	font-size: 16px;
	font-weight: bold;
	border-left: 0;
}
.security_action h3:before {	content: "";}
.security_action h3~p {	margin-left: 3.5em;}
.security_action aside {
	text-align: right;
	margin-top: 3em;
}

/* 理念・基本方針 */
.rinen_housin h3 + p{
	font-size: 20px;
	color: #4aa27e;
	font-weight: bold;
	margin-left: 0.5em;
}
.rinen_housin h4{
	margin: 1em 0 0.5em 1.5em;
	font-size: 16px;
	font-weight: normal;
}
.rinen_housin h4:before{
	content:"";
	background-image: url(../_image/svg/arrow_b.svg);
	width: 10px;
	height: 11px;
	background-size: contain;
	display: inline-block;
	margin-right: 5px;
}
.rinen_housin ol{
	margin-left: 4em;
	margin-bottom: 1.5em;
}

/* 求人情報 */
.job_container h3{	margin-bottom: 2em;}
.job_container li a{
	text-align: left;
	display: block;
	margin-left: 1em;
}
.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.2em;
	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.2em;
	animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
	0%{	color: #ff7f50;}
	33%{	color: #6b8e23;}
	66%{	color: #68a9cf;}
	100%{	color: #de82a7;}
}

/* 職種毎の共通 */
.job_area{	font-size: 15px;}
.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: 2em;}
.job_area ul li b{
	width: 7em;
	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: 13em;
	margin-bottom: 2em;
}
.job_area div.cstm_lnk a{
	width: 10em;
	text-align: left;
}
.job_area div.btn_tel a{
	text-decoration: none;
	color: #222;
	position: absolute;
	top: 3.3em;
	left: 21em;
}
.job_area div.btn_tel a::before{	content: "（";}
.job_area div.btn_tel a::after{	content: "）";}
/* 職種ページ毎のイラスト */
.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 h3{
	border-left: 0;
	margin:0;
	display: inline-block;
	font-weight: bold;
	padding-left: 0;
	font-size: 1.17em;
	color: #555;
}
.link_page >div{
	border: 1px solid #a9a9a9;
	border-radius: 0.2em;
	margin-top: 1.5em;
	box-shadow: 2px 3px #d4dcd3;
	padding: 10px;
	position: relative;}
.link_page a{
	text-decoration: none;
	color: #089;
	margin-left: 1em;
	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 a:hover{
	color: #ff6347;	border-bottom: 1px solid #ff6347;}
.link_page a:hover::after{	color: #ff6347;}
.link_page div div{
	margin-left: 1em;	margin-top: 1em;}
.link_page >div h3:before{	content:"";}
.link_page >div a{
	position: absolute;
	right: 1.5em;
	top: 1em;
}
.link_page >div:nth-child(5) div,
.link_page >div:nth-child(8) div{
	margin-top: 3.5em;
}
.link_page >div:nth-child(5) a,
.link_page >div:nth-child(8) a{
	top: 3em;
}
.link_page em{
	color: #ec6d71;
	font-weight: bold;
	padding: 0 5px;
	font-size: 105%;
}

/* 沿革・病院概要 outline.html */
.outline_area h3 span{	font-size: 14px;}
.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: 2em;
	margin-bottom: 1em;
}
.outline_area p em{
	color: #ff6347;
	font-size: 90%;
}
.outline_area section ul{
	margin-left: 2em;
	margin-right: 0.5em;
	list-style-type: none;
	line-height: 1.8;
}
.outline_enkaku ul{	margin: 0 0 2em 2em;}
.outline_enkaku li{
	border-bottom: 1px solid #c8c8c8;
	padding: 3px 0 2px;}
.outline_enkaku li:last-child{	border-bottom: 0;}
.outline_enkaku li span{	margin-left: 1.5em;}
.outline_enkaku p{
	text-align: right;
	margin-top: 2em;
	margin-bottom: 1em;
	position: relative;
}

.def_tbl{
	border-style: solid;
	border-color: #a9a9a9;
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 1.5em 0 0 2em;
	width: 640px;
}
.def_tbl th,
.def_tbl td{
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
	font-weight: normal;
	padding: 0.3em 0 0.2em 1em;
	text-align: left;
}
.def_tbl caption{	text-align: left;}
.syokuji_tbl{	text-align: left;}
.syokuji_tbl caption{
	text-align: left;
	padding-left: 0.3em;
}
.syokuji_tbl td:last-child{
	text-align: right;
	padding-right: 1em;
}
.ope_count_area{
	display: flex;
	text-align: left;
	flex-flow:  column wrap;
	height: 500px;
	align-content: space-between;
	align-items: baseline;
	margin-left: 1em;
}
.ope_count_area div{
	width: 40%;
	margin-bottom: 3em;
}
.ope_count_area div:last-child{
	margin-bottom: 0;
}
.ope_count_area div:nth-child(n + 3){
	width: 55%;
}
.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: 13px;
}
.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 caption{	font-size: 13px;}
.riha_jisseki_tbl th{
	text-align: left;
	padding: 0.3em 0.5em 0.2em;
	font-size: 13px;
}
.riha_jisseki_tbl td{
	padding: 0.3em 0.5em 0.2em;
	text-align: right;
	width: 5em;	
}
.riha_jisseki_tbl tr:nth-child(n + 7) th{
	text-align: right;
	padding-right: 1em;
}
.dr_keigen_tbl th,
.dr_keigen_tbl td{
	padding: 0.5em 0.5em 0.3em;
}
.dr_keigen_tbl th{
	background-color: #d2f2ff;
	text-align: center;
}
.dr_keigen_tbl td:first-child{	width: 7em;}
.dr_keigen_tbl td:nth-child(n + 2){	vertical-align: top;}
.sagakubed_tbl{	font-size: 13px;}
.sagakubed_tbl th,
.sagakubed_tbl td{
	padding: 0.2em 0 0.1em 0.5em;
}
.sagakubed_tbl th{
	padding-left: 0;
	text-align: center;
	padding: 0.2em 0 0.1em 0.3em;
}
.sagakubed_tbl th span{
	display: inline-block;
	font-size: 11px;
}
.sagakubed_tbl td[colspan="4"]{
	padding-left: 1em;
	background: #d2f2ff;
}
.sagakubed_tbl td:nth-child(3){
	text-align: right;
	padding-right: 0.5em;
	padding-left: 0;
	width: 6em;
}
.sagakubed_tbl td:first-child{	width: 8em;}
.overbed_tbl th,
.overbed_tbl td{
	text-align: center;
}
.overbed_tbl td:nth-child(2){	width: 6em;}
.bunsyoryo_tbl caption{	text-align: right;}
.bunsyoryo_tbl th,
.bunsyoryo_tbl td{
	padding: 0.3em 0 0.2em 1em;
	text-align: left;
}
.bunsyoryo_tbl td{
	text-align: right;
	padding-right: 1em;
}
.bunsyoryo_tbl tr:nth-child(8) th{	padding-left: 12em;}
.tokuteiryouyou_area h4{
	margin: 3em 0 0.5em 2em;
	font-weight: normal;
	font-size: 15px;
}
.tokuteiryouyou_area h4 +p{	margin-left: 3.2em;}
.tokuteiryouyou_area table + p{	margin-top: 2em;}
.tokuteiryouyou_area table{
	margin-left: 3em;
	width: 625px;
	margin-top: 0.5em;
}
.twoclmn_tbl th{	padding-left: 2em;}
.twoclmn_tbl td{
	width: 12em;
	text-align: right;
	padding-right: 1em;
}
.twoclmn_tbl th span{
	/* その他保険外負担に係る費用の"〃"用スペース */
	display: inline-block;
	width: 10em;
	text-align: center;
}
.bedset_area ul{
	margin-top: -1em;
}
.bedset_area li{
	list-style-type: disc;
	margin-left: 2.5em;
}
.outline_tbl th,
.sisetukijyun_tbl th{
	width: 6em;
	text-align-last: justify;
	text-justify: inter-ideograph;
	padding-right: 1em;
}
.outline_tbl td{	padding: 0.5em 1em 0.4em;}
.outline_tbl td span{
	display: inline-block;
}
.outline_tbl li{	font-size: 13.8px;}
.slash_list li{	display: inline;}
.slash_list li:after{
	content: "／";
	margin-left: 5px;}
.slash_list li:last-child::after{	content: "";}
.sisetukijyun_tbl td{
	padding: 0.5em 1em 0.4em;
}
.donor_area h4{
	margin-left: 2em;
	margin-top: 2em;
	font-size: 15px;
	color: #389;
}
.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;}
.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: -ms-flexbox;
	display: flex;
	justify-content: space-evenly;
}
.info_kinou ul{	margin:auto 0;}
.info_kinou + p{	margin-left: 0;}
.info_kinou li.cstm_lnk a{	padding-right: 3em;}

/* 巡回BUSのご案内 */
.bus_area >p{	margin-left: 1em;}
.bus_area p strong{	color: #ec6d71;}
.bus_area  div p{	margin-left: 2em;}
.bus_tbl{
	border-color: #a9a9a9;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-collapse: separate;
	border-spacing: 0;
	box-shadow: 4px 5px #d4dcd3;
	width: 600px;
	margin-left: 2em;
	text-align: center;
	margin-bottom: 2em;
}
.bus_tbl caption{	text-align: right;}
.bus_tbl tfoot{	display: none;}
.bus_tbl th, .bus_tbl td{
	border-width: 0 1px 1px 0;
	border-color: #a9a9a9;
	border-style: solid;
	height: 30px;
}
.bus_tbl thead th{	background: #d5e5e8;}
.bus_tbl tbody th{	background: #f0f6da;}
.bus_tbl th:nth-child(n + 2){	width: 265px;}
.bus_tbl tbody tr:first-child th,
.bus_tbl tbody tr:last-child th{
	background: #ffb9bb;
}
.bus_map{
	text-align: center;
	margin-top: 1em;	
}
.bus_map img{
	width: 500px;
	border: 1px solid #a9a9a9;
	box-shadow: 4px 5px #d4dcd3;
}

/* 個人情報の取扱について */
.personal_box p{	margin-left: 2em;}
.personal_box ol{	margin: 1em 3.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: 3em;}
.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;
}
.toriatukai_lst ol{
	list-style-type: none;
	counter-reset: num2;
}
.toriatukai_lst li{
	margin-bottom: 0.8em;
	text-align: left;
}
.toriatukai_lst li a{
	width: 30em;
}
.toriatukai_lst li a::before{
	counter-increment: num2;
	content: counter(num2)".";
	margin-right: 5px;
}

/* 交通アクセスページ */
.hospital_maps{	margin: 2em auto;}
.hospital_access h4{
	font-size: 16px;
	font-weight: normal;
	margin: 1em 2em 0.5em;
}
.hospital_access h4::before{
	font-family: "Font Awesome 5 Free";
	color: #089;
	font-weight: 900;
	margin-right: 0.3em;
	font-size: 18px;
}
.access_car h4::before{
	content: "\f5e4";
	transform: scaleX(-1);
	display: inline-block;
}
.access_train h4::before{	content: "\f238";}
.access_bus h4::before{	content: "\f207";}
.access_car picture{
	width: 350px;
	float: left;
}
.access_car ul li{
	margin-left: 4em;
	list-style-type: circle;
	font-size: 15px;
}
.access_car ul li span{
	color: #ff6347;
	display: inline-block;
	margin-bottom: 0.5em;
}
.access_car em{
	color: #ff6347;
	font-size: 12px;
	display: block;
	margin-top: 1em;
}
.access_train p{
	margin-left: 2em;
	font-size: 15px;
}
.hospital_access h5{
	font-size: 15px;
	margin: 1em 3em 0;
	color: #089;
}
.access_train ul{
	margin: 0.5em 2em 1em;
	padding: 0.5em 0 0.8em;
	border-radius: 0.5em;
}
.access_train li{
	display: inline-block;
	margin-right: 0.6em;
}
.access_train a{
	text-decoration: none;
	color: #404040;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #404040;
	border-radius: 0.3em;
	padding: 0.1em 1em 0;
	display: inline-block;
}
.access_bus h6{
	font-size: 15px;
	font-weight: normal;
	position: relative;
	margin: 0.5em 3em;
}
.access_bus p{	margin-left: 4em;}
.access_bus li{
	margin-left: 7em;
	list-style-type: circle;
}
.access_bus em{
	position: absolute;
	top: 0;
	left: 6em;
}
.access_bus em a{
	text-decoration: none;
	color: #404040;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #404040;
	border-radius: 0.3em;
	padding: 0.1em 1em 0;
}
.access_bus em a:hover{
	background: #fddea5;
	color: #6c2c2f;
	border-color: #6c2c2f;
}

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