@charset "utf-8";
/* CSS Document */

h2{
	background: url(../img/def_border.png) repeat-x top,url(../img/def_border.png) repeat-x bottom,#FCF2F2;
	color:#6F2633;
	padding: 1em 0 0.6em;
	margin-bottom: 1em;
}

h3{
	color:#6F2633;
	padding: 0 0 0 0;
	font-size:140%;
	margin-bottom: 1.5em;
	text-align: left;
	background:url(../img/def_border.png) repeat-x bottom left;
}
h3:before{
content: url(../img/h2_icon.png);
	margin-right: 1%;
	padding: 0em 0 2% 0;
}
h3 span{
	vertical-align: 0.5em;
	margin-right: 0.5em;
}
h4{
	color:#6F2633;
	background:url(../../img/bg_dotted-o.png) repeat top left;
	padding: 0.2em 1em;
	margin-bottom: 1em;
}
h5{
	color:#6F2633;
	margin-bottom: 1em;
	font-size: 100%;
	padding-bottom: 0.5em;
	background: url(../img/def_border.png) repeat-x bottom left;
}
.def-dl dt{
	color: #fff;
	background: #0e8600;
	display: inline-block;
	padding: 0.1em 1em;
	margin-bottom: 0.3em;
}
.def-dl dd{
	margin-bottom: 1em;
}

/* default list style ･･･with leaf -----------------------*/
.view-lst{
	list-style: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.view-lst li{
	list-style: none;
	margin-bottom: 1em;
	width: 32%;
	text-align: center;
}
.view-lst li img{
	background: url(../../img/bg_stripe-g.png) repeat top left;
	padding: 0.5em;
}
.view-lst span{
	display: block;
	text-align: center;
	font-weight: bold;
}
.view-facility{
	list-style: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.view-facility li{
	list-style: none;
	margin-bottom: 1em;
	width: 45%;
	text-align: center;
	background: url(../../img/bg_stripe-b.png) repeat top left;
	padding: 2%;
}
.view-facility dl dt{
	font-weight: bold;
}
.view-facility dl dd{
	text-align: left;
	font-size: 14px;
}

.case{
	border: 1px solid #efefef;
	padding: 1em 1em 1em 3em;
	background: #fcf0f2;
}
.link-lst{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.link-lst li{
	list-style: none;
	margin: 0 1em 0.5em 0;
}
.link-lst li:last-child{
	margin-right: 0;
}
.tm-img{
	float: left;
	margin-right: 1em;
}
.tm-txt{
	float: right;
	width: 65%;
}
.tm-lst{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 1em 0;
}
.tm-lst li{
	background: url(../../img/bg_stripe-b.png) repeat top left;
	padding: 0.5em 1.5em;
	margin: 0 1em 1em 0;
	list-style: none;
	font-weight: bold;
}
.page-link{
	background: #cdfdfe;
	color: #6F2633;
	padding: 0.2em 3em;
	text-decoration: none;
	font-weight: bold;
	border: 2px solid #cdfdfe;
}
.page-link:hover{
	background: #fff;
}
.page-link:before{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f107";
	font-weight: normal;
	font-style: normal;
	margin-right:0.5em;
}
.symptom-box{
	padding: 1em 1em 0 1em;
	border: 2px solid #0e8600;
	margin-bottom: 1em;
}
#recruit {
	background: url(../../img/home_greeting-bg.png) no-repeat top center;
	background-size: 100% 100%;
	padding: 2em 2em;
	text-align: center;
}
#recruit p.ttl{
	font-size: 18px;
	border-bottom: dashed 2px #6F2633;
	padding-bottom: 1em;
	margin-bottom: 2em;
}
#recruit p.ttl span{
	color: #cc3366;
	font-size: 18px;
}
#recruit span{
	font-weight: bold;
	font-size: 28px;
	text-align: center;
	color: #cc3366;
}
.column2_area{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:center;
	justify-content:center;
}
.column2{
	width: 48%;
	margin: 0 auto;
	text-align: center;
	border: 2px solid #6F2633;
	border-radius: 8px;
	padding: 0 0 0.8em 0;
}
.column2 .column-ttl{
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0.5em;
	background: url(../../img/bg_stripe-g.png) repeat top left;
	padding: 0.5em 0;
	margin: 0 0 1em;
}
.column2 p{
	margin: 0;
}
.column2 a{
	display: inline;
	color: #6F2633;
	text-decoration: none;
}
.column2 a:hover{
	text-decoration: underline;
}
.column2 .tel_first{
	display: inline-block;
  padding-left: 1.3em;
	margin-bottom: 0.2em;
  background: url(../img/icon_tel.png) center left no-repeat;
  background-size: contain;
	color: #6F2633;
	font-weight: bold;
	font-size: 170%;
}
@media only screen and (min-width: 768px) {
	.column2 .tel_first{
    margin-top: 0.4em;
	}
}
.link-r{
	text-align: right;
}
.link-style{
	display: inline-block;
	padding: 0.2em 1em;
	color: #fff;
	background: #6F2633;
	border-radius: 8px;
	text-decoration: none;
	border: 2px solid #6F2633;
}
.link-style:hover{
	color: #6F2633;
	background: #fff;
}
.link-style:before{
	display: inline-block;
	font-family: FontAwesome;
	content: "\f0a9";
	font-weight: normal;
	font-style: normal;
	margin-right:0.5em;
}
.align-center{
	text-align: center;
}
.box{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 2px solid #efefef;
	padding: 1em;
}
.box .boxTtl{
	text-align: center;
	background: #6F2633;
	color: #fff;
}
/* --------------------------------------------------------------------------*/
/* ■■■SP■■■ -----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/

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

	.view-lst li{
		width: 96%;
	}
	.view-facility li{
		width: 96%;
	}
	#recruit span{
		display: block;
	}
	.tm-img{
		float: none;
		margin: 0 auto 1em auto;
		text-align: center;
	}
	.tm-txt{
		float: none;
		width: 100%;
	}
	.tm-lst li{
		padding: 0.5em 1em;
		margin: 0 0.5em 0.5em 0;
		list-style: none;
		font-weight: bold;
	}
	.column2{
		width: 90%;
		margin-bottom: 1em;
	}
	.box{
		padding: 0.5em;
	}
	.case{
		padding: 1em;
	}



}