@charset "UTF-8";

h2,h2.h2_01,h2.h2_02,h2.h2_03,h2.h2_04	{
	background:none;}

/* r_box01 */
.r_box01{ 
  background:#FADA8C;
		border:#8ABF4C 2px solid;
		padding:40px 0;
}

.r_box01 .txtArea{
	padding:10px 0px;
	width: 95%;
	margin-right: auto
}


/* r_box02 */
.r_box02{ 
}


.r_box02 h2.h2_01	{margin-top: 0;
	margin-bottom: 0px;
	padding:7px 15px;
	font-size: 20px;
	font-weight: normal;
	background-color:#7ACACE;
	color:#FFF;}


.r_box02 .clinic01	{
	background:#FFFFFF;
}

.r_box02 .clinic01_inner	{
	background:#FFFFFF;
	position:relative;
	height: 0;
 padding-top: 39.16%;
 background:#FFF url('../recruit/img/r_box02_bg01.png') 0 0 no-repeat;
 background-size: contain;
}
	
.r_box02 .txtArea	{
	top: 50%;
	left:20px;
	width: 65%;
	position:absolute; 
 }


.r_box02 h2.h2_02	{margin-top: 0;
	margin-bottom: 0px;
	padding:7px 15px;
	font-size: 20px;
	font-weight: normal;
	background-color:#EF98A4;
	color:#FFF;}
	
.r_box02 .clinic02_inner	{
	background:#FFFFFF;
	position:relative;
	height: 0;
 padding-top: 39.16%;
 background:#FFF url('../recruit/img/r_box02_bg02.png') 0 0 no-repeat;
 background-size: contain;
}

.r_box02 h2.h2_03	{margin-top: 0;
	margin-bottom: 0px;
	padding:7px 15px;
	font-size: 20px;
	font-weight: normal;
	background-color:#B8D35D;
	color:#FFF;}


.r_box02 .clinic03_inner	{
	background:#FFFFFF;
	position:relative;
	height: 0;
 padding-top: 39.16%;
 background:#FFF url('../recruit/img/r_box02_bg03.png') 0 0 no-repeat;
 background-size: contain;
}

.r_box02 h2.h2_04	{margin-top: 0;
	margin-bottom: 0px;
	padding:7px 15px;
	font-size: 20px;
	font-weight: normal;
	background-color:#85A4D2;
	color:#FFF;}

.r_box02 .clinic04_inner	{
	background:#FFFFFF;
	position:relative;
	height: 0;
 padding-top: 39.16%;
 background:#FFF url('../recruit/img/r_box02_bg04.png') 0 0 no-repeat;
 background-size: contain;
}


/* r_box03 */
.r_box03{ 
}


.r_box03 h2.h2_01	{margin-top: 0;
	margin-bottom: 25px;
	padding:7px 15px;
	font-size: 20px;
	font-weight: normal;
	background-color:#0080C7;
	color:#FFF;}

.r_box03 h2.h2_02	{margin-top: 0;
	margin-bottom: 25px;
	padding:7px 15px;
	font-size: 20px;
	font-weight: normal;
	background-color:#009843;
	color:#FFF;}

.r_box03 h2.h2_03	{margin-top: 0;
	margin-bottom: 25px;
	padding:7px 15px;
	font-size: 20px;
	font-weight: normal;
	background-color:#F29600;
	color:#FFF;}
	
.r_box03 p.txt{
	padding-left:20px;
}



/* r_box04 */
.r_box04{ 
}


.r_box04 h2.h2_01	{margin-top: 0;
	margin-bottom: 25px;
	padding:7px 15px;
	font-size: 20px;
	font-weight: normal;
	background-color:#604C40;
	color:#FFF;}


/* r_box05 */
.r_box05{ 
  background:#FFF;
		border:#F19625 2px solid;
		padding:40px 20px 20px;
}

.r_box05 p.txt01{ 
	font-size: 20px;
	font-weight: bold;
	color:#2BAAE3;
}

/* r_box06 */
.r_box06{ 
		padding:0;
}

.r_box06 .txtArea{
	padding:10px 0px;
	width: 95%;
	margin-right: auto
}

.r_box06 .txtBox{
	background:#FFF;
	padding:20px;
	margin-top:0;
}

.r_box06 p.txt01{ 
	font-weight:bold;
	color:#E6437B;}
	
.r_box06 p.txt02{
	padding-left:40px; 
}


/* r_box07 */
.r_box07{ 
}

.r_box07 .txtBox01{
	background:#FFF;
	border:#B8D365 3px solid;
	padding:20px;
}

.r_box07 .txtBox02{
	background:#FFF;
	border:#EE92A6 3px solid;
	padding:20px;
}

.r_box07 .txtBox03{
	background:#FFF;
	border:#6CB5E2 3px solid;
	padding:20px;
}

.r_box07 .txtBox04{
	background:#FFF;
	border:#F5B247 3px solid;
	padding:20px;
}


/* r_box09 */
.r_box09{
	background:url(../recruit/img/r_box09_bg.png) top left no-repeat;
	padding:30px;
}


/* ########### 599px以下 ########### */
@media (max-width: 599px) {

.r_box01 .txtArea{
	width: 90%;
	margin-left: auto;
	margin-right: auto
 }

.r_box02 .clinic01_inner,.r_box02 .clinic04_inner	{
 padding-top:85%;
}

.r_box02 .clinic02_inner,.r_box02 .clinic03_inner	{
 padding-top:95%;
}

.r_box02 .clinic04_inner	{
 padding-top:75%;
}

.r_box02 .txtArea	{
	top: 24%;
	font-size:86%;
 }
	
.r_box02 .clinic02_inner .txtArea	,.r_box02 .clinic03_inner .txtArea{
	top: 20%;
	font-size:86%;
 }
	
.r_box02 .clinic04_inner .txtArea	{
	top: 28%;
	font-size:86%;
 }

.r_box06 .txtArea{
	width: 90%;
	margin-left: auto;
	margin-right: auto
 }
	
.r_box06 p.txt02{
	padding-left:10px; 
}


}




/* ########### 768px以上 ########### */
@media (min-width: 768px) {
	
	
/*2を横に並べる設定 */
.r_box01:after	{content: "";
	display: block;
	clear: both}

.r_box01-1	{float: left;
	width: 35%;
	}

.r_box01-2	{float: left;
	width: 65%}


/*2を横に並べる設定 */
.r_box06:after	{content: "";
	display: block;
	clear: both}

.r_box06-1	{float: left;
	width: 30%;
	}

.r_box06-2	{float: left;
	width: 70%}


}

/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {


	
}
