@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :base.css
 style info :共通のスタイル指定(ヘッダー、フッターなど)
=================================================================== */


* html,body{
	font-size: 14px;
	line-height: 1.3em;
	color: #333;
}



/*
.background,
.background2,
.background3 {
  background: url("../img/bubbles-300x300.png") repeat;
  position: fixed;
  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  z-index: -1;
}
*/

#layoutWrap{
	background: url("../img/bg_scroll.png") repeat-y 50% 500px;
}


/*よく使うクラス
-------------------------------------------------------------------------*/
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}

.txtaC {text-align: center!important;}
.txtaR {text-align: right!important;}
.txtaL {text-align: left!important;}
.fwb {font-weight: bold!important;}
.fcBlue {color: #3773bb!important;}
.fcRed {color: #ff0000!important;}
.floatL {float: left!important;}
.floatR {float: right!important;}







/* ================共通================== */

ul li{
	list-style: none;
}
.btn{
	border: solid 1px #ff7c3c !important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #ff7c3c;
	background-color: #fff;
	text-decoration: none;
	width: 100%;
}
.btn-vertical i{
	display: block;
	line-height: 1.4em;
	height: 20px;
}
.btn-effect::before,
.btn-effect::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn-effect,
.btn-effect::before,
.btn-effect::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn-effect:hover{
	background-color: #ff7c3c;
	color: #fff;
}
h2{
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	font-family: Century Gothic, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
	letter-spacing: 0.1em;
}
h2 span{
	display: block;
	text-align: center;
	font-size: 11px;
	color: #ff7c3c;
}
h3{
	width: 100%;
	margin: 0 auto 20px;
	padding: 16px 12px;
	border-left: 8px solid #f98d00;
	background: #fff;
	font-size: 22px;
	font-weight: normal;
	font-family: Century Gothic, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
    line-height: 1.2em;
}

h4{
	width: 100%;
	margin: 0 auto 13px;
	font-size: 18px;
	font-weight: normal;
	font-family: Century Gothic, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
	text-align: left;
}
h4 span{
	display: inline-block;
	background: #ffe1d2;
	color: #000;
	padding: 17px 30px;
	border-radius: 60px;
}


@media (min-width: 769px) {
	h2{
		margin-bottom: 2em;
	}
	.section-unit{
		padding: 50px 0;
	}
	.section-unit .inner{
		max-width: 980px;
		margin: 0 auto;
	}
	.col2{
		overflow: hidden;
	}
	.col2 .col-left{
		float: left;
		width: 50%;
	}
	.col2 .col-right{
		float: right;
		width: 50%;
	}
	.unit-btn{
		width: 280px;
		margin: 0 auto;
	}
	.unit-btns{
		width: 400px;
		margin: 0 auto;
	}
}
@media (max-width: 768px) {
	h2{
		margin-bottom: 1em;
	}
	.section-unit{
		padding: 30px 0;
	}
	.section-unit .inner{
		padding: 0 10px;
	}
	.unit-btn,
	.unit-btns{
		width: 60%;
		margin: 0 auto;
	}
	.unit-btns form{
		margin-bottom: 10px;
	}
	h3{
		font-size: 18px;
	}
	
}

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.footer-secondary ul li a::before{
left: 3px;
width: 4px;
height: 4px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* ================TOP INDEX================== */
.section-top-index ul{
	overflow: hidden;
}
.section-top-index ul li{
	float: left;
}
.section-top-index ul li a{
	display: block;
}
.section-top-index ul li img{
	width: 100%;
}
@media (min-width: 769px) {
	.section-top-index ul li{
		width: 33.33333333333333%;
	}
}
@media (max-width: 768px) {
	.section-top-index ul li{
		width: 50%;
	}
}
/* ================入院待機状況================== */
.taiki{
	width: 100%;
	margin: 0 auto;
	background-color: #fcf7f5;
}
.taiki>.inner{
	width:40%;
	margin: 0 auto;
}
.taiki>.inner p.dan,
.taiki>.inner p.jo{
	width:50%;
	font-size: 1.7rem;
	text-align: center;
}
.taiki>.inner p.dan{
	float: left;
}
.taiki>.inner p.dan span{
	color:#2966F4;
	font-weight: bold;
}
.taiki>.inner p.jo{
	float: right;
}
.taiki>.inner p.jo span{
	color:#F39;
	font-weight: bold;
}

@media (max-width: 768px) {
	.taiki>.inner{
		width:100%;
	}
	.taiki>.inner p.dan,
	.taiki>.inner p.jo{
		width:100%;
		margin: 0 auto 30px;
	}
	.taiki>.inner p.jo{
		margin: 0 auto;
	}
}

/* ================お知らせ＆アクセス================== */
.section-top-nawapp{
	width: 100%;
	margin: 0 auto;
	/*background-color: #fcf7f5;*/
}
.section-top-nawapp>.inner{
	width: 90%;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.section-top-nawapp>.inner{
		width: 100%;
	}
}
/* ================お知らせ================== */
.section-top-news{
	width:50%;
	float:left;
}
.section-top-news>.inner{
	width: 80%;
	float: right;
	margin-right: 20px;
}
.section-top-news .unit-news{
	margin-bottom: 2em;
	height: 310px;
	overflow-y: scroll;
}
.section-top-news dl{
	padding: 1.2em 1em;
}
.section-top-news dl:nth-child(odd){
	background-color: #ffe5d8;
}
.section-top-news dl dt{
	color: #ff7c3c;
}

.btn_info_wrapp{
	width: 100%;
	margin:0 auto;
}
.btn_info_wrapp a{
	display: block;
	margin: 0 auto 20px;
}

.btn_info{
	width: 30%;
	float:left;
	margin-right: 5%;
}
.btn_info:last-child{
	margin-right: 0;
}

@media (min-width: 769px) {
	.section-top-news dl dt{
		/*float: left;
		width: 15%;*/
	}
	.section-top-news dl dd{
		/*margin-left: 15%;*/
	}
}
@media (max-width: 768px) {
	.section-top-news{
		width:100%;
	}
	.section-top-news>.inner{
		width: 100%;
		float: none;
		margin:0 auto;
	}
	.section-top-news dl dt{
		font-size: 12px;
		line-height: 2em;
	}
	.btn_info_wrapp{
		width: 100%;
	}
	.btn_info{
		width: 60%;
		margin:0 auto 20px;
		float: none;
	}
	.btn_info:last-child{
		margin:0 auto;
	}
}



/* ================アクセス================== */
.section-top-access{
	width:50%;
	float:right;
}
.section-top-access>.inner{
	width:80%;
	margin: 0 auto;
}

.col2 .access-map{
	width: 70%;
	margin:0 auto 40px;
}

.col2 .access-tbl{
	width: 70%;
	margin:0 auto;
}

.access-info p{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 1em;
	line-height: 1.5em;
}
.access-info table tr th,
.access-info table tr td{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 1em 0;
	text-align: left;
	font-weight: normal;
}
@media (min-width: 769px) {
	.access-info{
		padding-left: 3%;
		margin-top: 25px;
	}
}
@media (max-width: 768px) {
	.section-top-access{
		width:100%;
	}
	.section-top-access>.inner{
		width:100%;
		float:none;
		margin: 0 auto;
	}
	
	.col2 .access-map{
		width: 100%;
	}

	.col2 .access-tbl{
		width: 100%;
	}
	
	.gmap{
		margin-bottom: 20px;
	}
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ================診療案内================== */
.gairai-open p{
	color: #ff7c3c;
	margin-bottom: 0.5em;
}
.gairai-open table {
	border: solid 1px #ccc;
}
.gairai-open table th,
.gairai-open table td{
	padding: 0.5em;
}
.gairai-open table thead tr th{
	background-color: #ffa376;
	color: #fff;
	font-weight: normal;
}
.gairai-open table tbody th,
.gairai-open table tbody td{
	text-align: center;
	font-weight: normal;
}
.gairai-open table tbody th{
	border: solid 1px #ccc;
}
.gairai-open table tbody td{
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #eee;
}
.gairai-info table tr th,
.gairai-info table tr td{
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	padding: 1em 0;
	font-weight: normal;
	text-align: left;
}
@media (min-width: 769px) {
	.gairai-info{
		padding-left: 2%;
	}
}
@media (max-width: 768px) {
	.gairai-open{
		margin-bottom: 20px;
	}
}

/* ================ヘッダー================== */
@media (min-width: 769px) {
#menuOpen,
#menuClose,
#menuBg {
	display: none !important ;
}
}
/* ================フッター================== */
footer{
	font-size: 13px;
	line-height: 1.3em;
}
footer .footer-primary{
	background-color: #ffdbc1;
}
footer .footer-primary .footer-bnr ul{
	overflow: hidden;
}
footer .footer-primary .footer-bnr ul li{
	float: left;
}
footer .footer-secondary{
	background-color: #ff7c3c;
	color: #fff;
}
footer .footer-secondary a{
	color: #fff;
}
.footer-info p{
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 1em;
	font-size: 14px;
}
.footer-info p span{
	font-size: 12px;
}
.footer-info dl dd{
	padding-left: 1em;
}

.footer-bnr ul li{
	float: left;
	width: 47%;
	margin-right: 3%;
	margin-bottom: 3%;
	text-align: center;
}
.footer-bnr ul li:nth-child(even){
	margin-right: 0;
}
@media (min-width: 769px) {
	footer .footer-primary{
		padding: 30px 0;
	}
	footer .footer-primary .inner,
	footer .footer-secondary .inner{
		max-width: 980px;
		margin: 0 auto;
		overflow: hidden;
	}
	.footer-info{
		width: 650px;
		float: left;
		overflow: hidden;
		line-height: 1.3em;
	}
	.footer-info .left,
	.footer-info .right{
		width: 49%;
		float: left;
		overflow: hidden;
	}
	.footer-info .left{
		margin-right: 2%;
	}
	.footer-info dl{
		float: left;
		width: 100%;
		font-size: 13px;
	}
	.footer-info ul{
		float: left;
		width: 44%;
		font-size: 13px;
	}
	.footer-bnr{
		float: right;
		width: 290px;
	}
	footer .footer-secondary .inner{
		overflow: hidden;
		padding: 20px 0;
		font-size: 13px;
	}
	footer .footer-secondary ul{
		float: left;
		overflow: hidden;
	}
	footer .footer-secondary ul li{
		float: left;
		margin-right: 1em;
	}
	footer .footer-secondary p{
		float: right;
	}
}
@media (max-width: 768px) {
	footer .footer-primary{
		padding: 20px 10px;
	}
	footer .footer-primary ul li img{
		width: 100%;
	}
	.footer-info{
		margin-bottom: 20px;
	}
	.footer-info dl{
		margin-bottom: 20px;
	}
	.footer-info .left,
	.footer-info .right{
		width: 100%;
	}
	.footer-info .left{
		margin-right: 0;
	}
	footer .footer-secondary{
		padding: 20px 10px;
	}
	footer .footer-secondary ul{
		margin-bottom: 20px;
		text-align: center;
	}
	footer .footer-secondary ul li{
		display: inline-block;
	}
	footer .footer-secondary ul li a{
		display: block;
		padding: 0 15px;
	}
	footer .footer-secondary .copyright{
		font-size: 10px;
		text-align: center;
	}
}
/* ================ヘッダー================== */
header{
	font-family: Century Gothic, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif;
	background-color: #fff;
}
@media (max-width: 768px) {
.header-info{
	display: none;
}
#headerLogo{
	width: 80vw;
	padding: 2vw;
}
header {
	position: fixed ;
	top: 0 ;
	left: 0 ;
	background: #ffffff ;
	width: 100% ;
	height: 13.3333vw ;
	line-height: 1 ;
	z-index: 1000 ;
}
header .headr-inner {
	position: absolute;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 100% ;
}
header nav#mainMenu {/*メニュー中身*/
	display: none ;
	position: fixed ;
	left: 0 ;
	top: 0 ;
	width: 100% ;
	height: 100% ;
	margin: 0 ;
	padding: 16.6vw 5.3vw ;
	z-index: 1000 ;
	overflow-y: auto ;
	-webkit-overflow-scrolling: touch ;
}
#mainMenu .nav{
	margin-bottom: 20px;
}
#mainMenu .nav li a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 30px 0;
	border-top: solid 1px rgba(255,255,255,0.3);
}
#mainMenu .contact{
	margin-bottom: 30px;
}
#mainMenu .contact li{
	margin-bottom: 10px;
}
#mainMenu .tel{
	color: #fff;
	text-align: center;
	font-size: 24px;
}
header #menuOpen {/*メニューボタン*/
	position: absolute ;
	top: 0 ;
	right: 0 ;
	display: block ;
	background: #ff7c3c url(../img/spmenu-on.png) center center no-repeat ;
	background-size: 100% ;
	width: 13.3333% ;
	height: 100% ;
	cursor: pointer ;
}
header nav #menuClose {/*閉じるボタン*/
	position: absolute ;
	top: 0 ;
	right: 0 ;
	display: block ;
	background: #d23d2a url(../img/spmenu-off.png) center center no-repeat ;
	background-size: 100% ;
	width: 13.3333% ;
	height: auto ;
	cursor: pointer ;
}
header nav #menuOpen:before,
header nav #menuClose:before {/*アスペクト比維持*/
	content: "";
	display: block ;
	padding-top: 100% ;
}
#menuBg {/*背景に半透明の黒*/
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	right: 0 ;
	bottom: 0 ;
	background: rgba(0,0,0,0.8) ;
	width: 100% ;
	height: 99999px ;
	margin: auto ;
	cursor: pointer ;
	z-index: 100 ;
}
}
@media (min-width: 769px) {
header .header-inner{
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	padding: 35px 0 20px;
}
#headerLogo{
	float: left;
}
header .header-inner ul {
	overflow: hidden;
	width: 200px;
}
header .header-inner ul li{
	float: left;
	width: 90px;
	margin-left: 10px;
}
header .header-inner .header-info{
	float: right;
	overflow: hidden;
	width: 400px;
}
header .header-inner .header-info .tel{
	float: left;
	padding-top: 30px;
}
/* ================ナビゲーション================== */
#mainMenu {
	display: block !important;
	z-index: 10;
	position: relative;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
#mainMenu .contact,
#mainMenu .tel{
	display: none;
}
#mainMenu ul{
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#mainMenu ul li{
	float: left;
	text-align: center;
	width: 16%;
	/*width: 16.6666%;*/
	line-height: 1.4em;
	font-size: 13px;
}
#mainMenu ul li a{
	display: block;
	text-decoration: none;
	color: #333;
	padding: 10px 0;
}
#mainMenu ul li a::before,
#mainMenu ul li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#mainMenu ul li a,
#mainMenu ul li a::before,
#mainMenu ul li a::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}
#mainMenu ul li a:hover{
	background-color: rgba(255,124,60,0.3);
}
#mainMenu ul li span{
	display: block;
	font-size: 10px;
	color: #ff7c3c;
}
}
/* ================MV================== */
.mv{
	width: 100%;
margin: -57px auto 30px;
}
.mv img{
	width: 100%;
}
/*.mv,
.mv-contact{
	margin-top: -56px;
	z-index: 1; スライドの仕様上、-1して0になる数値を設定
}
.mv{
	background: url(../img/bg_mv.png) center center no-repeat;
	background-size: cover;
}
.mv-contact{
	background: url(../img/kv_contact.jpg) center center no-repeat;
	background-size: cover;
}
*/
@media (min-width: 769px) {
	.mv{
		width: 100%;
		position: relative;
	}
	.mv-contact{
		width: 100%;
		height: 290px;
	}
	.mv p{
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -238px;
		margin-top: -100px;
	}
	.mv-contact h2{
		font-size: 42px;
		font-weight: normal;
		max-width: 980px;
		margin: 0 auto;
		text-align: left;
		padding-top: 120px;
		line-height: 1em;
	}
	.mv-contact h2 span{
		text-align: left;
		font-size: 16px;
	}
	
	.bnr_news{
		width: 650px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -330px;
		margin-top: 90px;
	}
	.bnr_news img{
		width: 100%;
	}
	
}
@media (max-width: 768px) {
.mv{
	width: 100%;
	margin-top: 13.3333vw;
	position: relative;
}
.mv p{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60vw;
	margin-left: -30vw;
	margin-top: -15vw;
}
.mv-contact{
	width: 100%;
	height: 15vh;
	margin-top: 13.3333vw;
	position: relative;
}
.mv-contact h2{
	width: 100%;
	font-size: 21px;
	/*font-size: 32px;*/
	position: absolute;
	top: 50%;
	margin-top: -30px;
}
.mv-contact h2 span{
	display: block;
	font-size: 14px;
	color: #ff7c3c;
}

.bnr_news{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60vw;
	margin-left: -30vw;
	margin-top: 6vw;
}

}
/* ================下層ページ共通================== */

@media (min-width: 769px) {
.container-secondary{
	padding: 30px 0;
}	
}
@media (max-width: 768px) {
.container-secondary{
	padding: 30px 0;
}	
}


/* ================お問い合わせ================== */
.section-contact{
	background-color: #fcf7f5;
}
.section-contact table tr:nth-child(odd){
	background-color: #fcf7f5;
}
.section-contact table{
	width: 100%;
	margin-bottom: 2em;
}
.section-contact table tr th,
.section-contact table tr td{
	text-align: left;
}
.section-contact table tr th span.required{
	font-size: 10px;
	background-color: #ff7c3c;
	color: #fff;
	padding: 0.5em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-left: 1em;
	margin-right: 10px;
}
.section-contact table tr td p{
	margin: 1em 0;
}
.section-contact table tr td span.error_blank,
.section-contact table tr td span.error_format{
	display : block;
	color : #ff0000;
}
.section-contact .error{
	font-size: 12px;
	color: #ff7c3c;
	padding: .5em 0;
}
.error-alart{
	background-color: #fce8d0;
	padding: 1em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 20px;
}
.error-alart p{
	margin-bottom: 1em;
}
.error-alart ul li{
	font-size: 12px;
	color: #ff7c3c;
}
.thanks{
	background-color: #fcf7f5;
	border: solid 1px #ccc;
	padding: 5%;
	margin: 5%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.thanks p{
	margin-bottom: 10px;
	line-height: 150%;
}
@media (min-width: 769px) {
.section-contact .inner{
	max-width: 980px;
	margin: 0 auto;
}
.section-contact table tr th,
.section-contact table tr td{
	padding: 20px;
	vertical-align: top;
}
.section-contact table tr th{
	width: 25%;
}
.section-contact table tr td{
	width: 75%;
}
.section-contact input.name,
.section-contact input.kana{
	width: 40%;
}
.section-contact input.mail,
.section-contact input.mail{
	width: 50%;
}
.section-contact input.tel{
	width: 30%;
}
.section-contact textarea{
	width: 100%;
}

.unit-btns form{
	display: inline-block;
	width: 180px;
}
}
@media screen and (max-width:767px) {
.section-contact table tr th,
.section-contact table tr td{
	display: block;
}
.section-contact table tr th{
	padding: 15px 15px 10px 15px;
}
.section-contact table tr td{
	padding: 0 15px 15px 15px;
}
.section-contact input,
.section-contact textarea{
	width: 100%;
}
	.section-contact input[type="radio"]{
		width: auto;
	}

    .section-contact .tbl_achieve{
        width: 200px;
        overflow: scroll;
    }    

.section-contact .tbl_achieve tr th,
.section-contact .tbl_achieve tr td{
	display: table-cell;
}
}

/* ================あいさつ================== */
.greeting_wrapp{
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
}
.greeting_txt{
	width: 55%;
	float: left;
	font-size: 0.9rem;
	line-height: 1.8rem;
}
.greeting_img{
	width: 45%;
	float: left;
	text-align: center;
}
.greeting_img img{
	width: 55%;
}
.greeting_img p{
	font-size: 1.1rem;
	padding: 15px 0;
	font-weight: bold;
}

.greeting_img_l{
	width: 100%;
	margin:0 auto 30px;
}
.greeting_txt_l{
	width: 100%;
	font-size: 1.0rem;
	line-height: 1.8rem;
}
@media (max-width: 768px) {
.greeting_txt{
	width: 100%;
	padding: 10px;
}
.greeting_img{
	width: 100%;
}
.greeting_img img{
	width: 80%;
}

.greeting_txt_l{
	font-size: 0.8rem;
}
}

/* ================病院概要================== */
p.about_day{
	text-align: right;
	font-size: 1.1rem;
	margin:0 auto 20px;
}
.section-contact table.tbl_about{
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto 40px;
}
.section-contact table.tbl_about th,
.section-contact table.tbl_about td{
	padding: 15px 20px;
	border: 1px solid #b9b9b9;
	line-height: 1.5rem;
	font-size: 1.0rem;
}
.section-contact table.tbl_about th{
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #ffcaaf;
	font-weight:bold;
}
.section-contact table.tbl_about td{
	background-color: #fff;
}

/* ================診療実績・医療機器================== */

.section-contact .tbl_achieve{
    width: 160px!important;
    overflow: scroll;
    white-space:nowrap;
}

.section-contact .tbl_achieve th{
    width: calc(100% / 13);
}

.section-contact .tbl_achieve td{
    padding: 10px 0 !important;
    text-align: center;
    width: inherit;
}

.table_scroll{
    overflow: scroll;
}


/*--------------------------170911追加*/

.recruit_link {
	text-align: center;
	display: inline-block;
}

.recruit_link li {
	float: left;
	padding: 0 5px;
	margin-bottom: 36px;
}

.recruit_link a {
	text-decoration: none;
    border-bottom: #F0A82A dotted 2px;
    margin: 0 auto;
	padding: 10px;
	color: coral;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;
}

.recruit_link a:hover {
	color: #FFBB8C;
}

.rec_bnr{
	width: 100%;
	margin: 0 auto 30px;
	text-align: center;
}

/*--------------------------入院案内*/
.hos_box{
	width: 100%;
	margin: 0 auto 30px;
	overflow: hidden;
}

.hos_box p{
	font-size: 1.0rem;
   line-height: 1.8rem;
	padding: 20px 35px;
	background: #fff;
	border-radius: 20px;
}
.section-contact table.tbl_hos{
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto;
}
.section-contact table.tbl_hos th,
.section-contact table.tbl_hos td{
	padding: 20px;
	border: 1px solid #b9b9b9;
	line-height: 1.5rem;
	font-size: 1.0rem;
	width: auto;
}
.section-contact table.tbl_hos th{
	text-align: center;
	vertical-align: middle;
	color: #333;
	background-color: #ffcaaf;
	font-weight:bold;
}
.section-contact table.tbl_hos td{
	background-color: #fff;
}
.sp_tbl_box{
	width: 100%;
	margin: 0 auto 30px;
}
.sp_tbl_txt{
	display: none;
	color: red;
	font-weight: bold;
}

.hos_box .box_left{
	width: 45%;
	float: left;
}
.hos_box .box_right{
	width: 45%;
	float: right;
}
.hos_box .box_left img,
.hos_box .box_right img{
	width: 100%;
}
.hos_box .box_left .img_txt,
.hos_box .box_right .img_txt{
	text-align: center;
	background: none;
	padding: 5px;
}

@media screen and (max-width:767px) {
	.sp_tbl_txt{
		display: block;
	}
	.sp_tbl_box{
		overflow-x: scroll;
	}
	.section-contact table.tbl_hos{
		width: 850px;
	}
	.section-contact table.tbl_hos th,
	.section-contact table.tbl_hos td{
		display: table-cell;
	}
	
	.hos_box .box_left{
		width: 100%;
	}
	.hos_box .box_right{
		width: 100%;
	}
}

/*パンくずリスト
-------------------------------------------------------------------------*/
.pankuzu{
	width: 100%;
	margin:0 auto;
	overflow: hidden;
	background: #fcf7f5;
	padding: 10px;
	font-size: 1.0rem;
}
.pankuzu .inner{
	width: 980px;
	margin:0 auto;
	overflow: hidden;
	background: #fcf7f5;
}
.pankuzu .inner a{
	text-decoration: none;
}

/*レスポンシブ 改行変換
-------------------------------------------------------------------------*/
.br_sp{
	display: none;
}

@media screen and (max-width:767px) {

.br_sp{
	display:inline;
}

}
ul.bnr_area{
overflow: hidden;
	display: flex;
	justify-content: center;
}
ul.bnr_area li{
	width: 200px;
	margin: 15px;
}
ul.bnr_area li img{
width: 100%;
}
@media screen and (max-width:767px) {
ul.bnr_area{
	display:block;
	}
ul.bnr_area li{
		float: left;
	width: 46%;
	margin:10px  2%;
}

}

/*運転外来　190522
-------------------------------------------------------------------------*/
.tbl_unten{
    border: none;
    width: 100%;
    background: #fff;
}

.tbl_unten td{
    width: 25%!important;
    background: #fff;
    padding: 1.5em;
    font-size: 17px;
    color: #EE751C;
    font-weight: bold;
    text-align: center!important;
    vertical-align: middle!important;
}
.tbl_unten th{
    width: 75%!important;
    background: #fff;
    padding: 1.5em!important;
}

.tbl_unten tr{
    background: #FCF7F5;
}

.flex{
    display: flex;
}

.flex img{
    margin: 0em 1em 1em 1em;
}

@media screen and (max-width:767px) {
    
.unten_indent p{
     padding-left: 2em;
    text-indent: -1em;
}    
    
.tbl_unten td{
    width: 95%!important;
    background: #FDDFC1;
    color: #000;
    padding: 0.8em 1em 1em 0em!important;
    margin: 0 auto;
}
    
    .tbl_unten th{
        margin: 0 auto 2em;
        width: 95%!important;
    }  
    

}



/*お問い合わせINDEX
-------------------------------------------------------------------------*/
.cont_sel_txt{
	font-size: 15px;
	padding: 30px 0;
}
.cont_sel{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.cont_sel li{
	width: 30%;
	float: left;
	margin-right: 5%;
	margin-bottom: 10px;
}
.cont_sel li:nth-child(3n){
	margin-right: 0;
}
.cont_sel a{
	display: block;
	padding: 25px;
	background: #fff;
	color: #000;
	text-decoration: none;
	font-size: 16px;
}
.cont_sel li a{
	border: 1px solid #ff7c3c;
	border-left-width: 7px;
}
.cont_sel li a:hover{
	color: #000;
	transition: all .2s ease-in;
	border-left-width: 15px;
	opacity: 0.7;
}



/*マイホスピタル
-------------------------------------------------------------------------*/

.myhos p{
	padding:10px;
}

.myhos_box01,
.myhos_box04{
	display: flex;
	margin: 30px 0;
}

.myhos_box01 div,
.myhos_box04 div{
	width: 50%;
}

.myhos_box01 h3,
.myhos_box04 h3{
	margin:10px;
}

.myhos_box02 .img_list01{
	width: 820px;
	margin: auto;
	display: flex;
	justify-content: space-around;
}

.myhos_box03{
	margin: 80px 30px;
	background-color: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
}

.myhos_box03 .img_list02 {
	width: 620px;
	display: flex;
	justify-content: space-around;
	margin: auto;
	padding-top: 20px;
}

.myhos_box03 h3{
	background: none;
	border: none;
}

.myhos_box04{
	background: #FBE3C2;
	padding: 20px;
}

.myhos_box04 h3{
	background: none;
}


@media screen and (max-width:767px) {
	
	.myhos_box01,
	.myhos_box04{
		flex-direction: column;
		flex-wrap: wrap;
	}
	
	.img_list01,
	.img_list02{
		width: 100%!important;
		flex-direction: column;
		flex-wrap: wrap;
	}
	
	.img_list01 img,
	.img_list02 img{
		width: 100vw;
	}
    
	.myhos_box02 .img_list01{
		width: 100%;
	}
	
	.myhos_box01 h3, 
	.myhos_box04 h3{
		margin: 10px 0;
	}
	
	.myhos_box01 div,
	.myhos_box04 div{
		width: 100%;
	}

}



/*MRI、オープン検査----------------
--------------------------------------------------------------------------*/

.mri_span{
    font-size: 17px;
    color: #DA906A;
    display: block;
    margin-bottom: 1em;
}


.bg_white{
font-size: 1.0rem;
line-height: 1.8rem;
padding: 20px 35px;
background: #fff;
border-radius: 20px;
}

.btn_mri{
  border: 1px solid #FF7C30;
margin: 20px auto;
padding: 10px 5px;
text-align: center;
position: relative;
width: 65%;
display: block;
text-decoration: none;
color: #FF7C30;
-webkit-transition: all .3s;
transition: all .3s;  
}

.btn_mri:hover{
  background: #FF7C30; 
  color: #fff!important;
}

a{
    text-decoration: none!important;
}


.li_mri{
   ext-indent: -1em;
    margin-left: 1em; 
}

.li_mri:before{
     content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #f00;
    vertical-align: 4px;
}