@charset "UTF-8";

/* *******************************************************************************************
* 
*	診療の流れ
*
******************************************************************************************* */

/* -------------------------------------------------------------------------------------------
*
* タイトルエリア 
*
* ----------------------------------------------------------------------------------------- */

.aboutSubHeader_main{
	background: url(../img/main_img_pc.jpg) center center no-repeat;
	background-size: cover;
}
.aboutSubHeader_main_layer{
	background: url(../img/main_img_blur_pc.jpg) center center no-repeat;
	background-size: cover;
}
.ie .aboutSubHeader_main_layer{
	background: none;
}
.aboutSubHeader_main_ttl{
	width: 209px;
}

@media screen and (max-width : 768px){
	.aboutSubHeader_main{
		background: url(../img/main_img_sp.jpg) center center no-repeat;
		background-size: cover;
	}
	.aboutSubHeader_main_layer{
		background: url(../img/main_img_blur_sp.jpg) center center no-repeat;
		background-size: cover;
	}
	.aboutSubHeader_main_cat{
		width: 118px;
	}
}

/* -------------------------------------------------------------------------------------------
*
* コンテンツエリア 
*
* ----------------------------------------------------------------------------------------- */

.aboutContainer{
	min-width: 1280px;
}
.about_inner{
	margin: 0 auto;
	padding: 64px 0;
	width: 926px;
}
.about_flow{
	position: relative;
	margin-bottom: 63px;
}
.about_flow:before{
	position: absolute;
	content: '';
	top: 0;
	left: 28px;
	width: 2px;
	height: 100%;
	background: #cfc2c0;
	z-index: 10;
}
.about_flow:after{
	position: absolute;
	content: '';
	bottom: 0;
	left: 18px;
	width: 22px;
	height: 12px;
	background: url(../img/ic_step_end.png) 0 0 no-repeat;
	background-size: 22px 12px;
	z-index: 11;
}
.about_flow_step{
	position: relative;
	padding-left: 90px;
	padding-bottom: 15px;
	z-index: 15;
}
.about_flow_step-1{
	background: url(../img/ic_step_01.gif) 0 0 no-repeat;
	background-size: 58px auto;
}
.about_flow_step-2{
	background: url(../img/ic_step_02.gif) 0 0 no-repeat;
	background-size: 58px auto;
}
.about_flow_step-3{
	background: url(../img/ic_step_03.gif) 0 0 no-repeat;
	background-size: 58px auto;
}
.about_flow_step-4{
	background: url(../img/ic_step_04.gif) 0 0 no-repeat;
	background-size: 58px auto;
}
.about_flow_step-5{
	background: url(../img/ic_step_05.gif) 0 0 no-repeat;
	background-size: 58px auto;
}
.about_flow_step-6{
	background: url(../img/ic_step_06.gif) 0 0 no-repeat;
	background-size: 58px auto;
}
.about_flow_step-7{
	padding-bottom: 0;
	background: url(../img/ic_step_07.gif) 0 0 no-repeat;
	background-size: 58px auto;
}
.about_flow_step_inner{
	padding-bottom: 32px;
	background: url(../../img/dline_x.gif) 0 bottom repeat-x;
	background-size: 5px 1px;
}
.about_flow_step-7 .about_flow_step_inner{
	padding-bottom: 0;
	background: none;
}
.about_flow_step_ttl{
	color: #e55c49;
	font-size: 24px;
	line-height: 71px;
	font-weight: normal;
}
.about_flow_step_txt{
	color: #40211d;
	font-size: 16px;
	line-height: 36px;
}
.about_flow_step_link{
	display: inline-block;
	padding-left: 24px;
	color: #e55c49;
	font-size: 14px;
	line-height: 34px;
	background: url(../../../common/img/ic_link_arrow_r_pk.png) 0 center no-repeat;
	background-size: 13px auto;
}
.about_flow_step_option{
	color: #666;
	font-size: 14px;
	line-height: 36px;
}
.about_flow_step_card{
	padding: 0 0 38px 0;
	width: 491px;
}
.about_flow_step_card_ttl{
	margin-bottom: 15px;
	color: #40211d;
	font-size: 16px;
	line-height: 36px;
	font-weight: bold;
}
.about_img{
	margin-right: -40px;
	width: 966px;
}
.about_img_clm{
	float: left;
	margin-right: 40px;
	width: 282px;
}

@media screen and (max-width : 768px){
	.aboutContainer{
		min-width: 320px;
	}
	.about_inner{
		padding: 48px 16px 34px 16px;
		width: 100%;
	    -webkit-box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    box-sizing:border-box;
	}
	.about_flow{
		margin-bottom: 50px;
	}
	.about_flow:before{
		left: 21px;
	}
	.about_flow:after{
		left: 13px;
		width: 18px;
		height: 9px;
		background-size: 18px 9px;
	}
	.about_flow_step{
		padding-left: 64px;
		padding-bottom: 12px;
	}
	.about_flow_step-1{
		background-size: 44px auto;
	}
	.about_flow_step-2{
		background-size: 44px auto;
	}
	.about_flow_step-3{
		background-size: 44px auto;
	}
	.about_flow_step-4{
		background-size: 44px auto;
	}
	.about_flow_step-5{
		background-size: 44px auto;
	}
	.about_flow_step-6{
		background-size: 44px auto;
	}
	.about_flow_step-7{
		padding-bottom: 0;
		background-size: 44px auto;
	}
	.about_flow_step_inner{
		padding-bottom: 25px;
	}
	.about_flow_step-7 .about_flow_step_inner{
		padding-bottom: 0;
		background: none;
	}
	.about_flow_step_ttl{
		font-size: 18px;
		line-height: 54px;
	}
	.about_flow_step_txt{
		font-size: 12px;
		line-height: 27px;
	}
	.about_flow_step_link{
		padding-left: 18px;
		font-size: 11px;
		line-height: 25px;
		background-size: 9px auto;
	}
	.about_flow_step_option{
		font-size: 11px;
		line-height: 25px;
	}
	.about_flow_step_card{
		padding: 0 0 45px 0;
		width: 70%;
	}
	.about_flow_step_card_ttl{
		margin-bottom: 12px;
		font-size: 12px;
		line-height: 27px;
	}
	.about_img{
		margin: 0 auto;
		width: 75%;
	}
	.about_img_clm{
		float: none;
		margin-right: 0;
		margin-bottom: 16px;
		width: 100%;
	}
}