@charset "utf-8";

/* contents */
#contents{
	font-size:82%;
}

.procee_copy{
	background	: #fff;
	padding:20px 0 0;
	margin:0 0 30px 0;
}
h2{
	padding:10px 0 5px;
	font-size:125%;
	line-height:120%;
	font-weight:400;
	color:#c7000b;
	border-bottom:1px solid #c7000b;
	letter-spacing:1px;
}
h3{
	padding:5px 0 15px;
	font-size:130%;
	line-height:120%;
	font-weight:200;
	color:#555;
}
.spacial_title{
	padding:5px 0 5px;
	font-size:130%;
	line-height:120%;
	font-weight:400;
	color:#e07177;
	display: inline;
}

@media screen and (min-width: 768px), print {
.bnr_area{
	display:table;
}
.bnr_area a:first-child{
	margin-right:34px;
}
}
@media screen and (max-width: 767px) {
.bnr_area{
	display:none;
}
/*.bnr_area img{
	max-width:340px;
}*/
}

@media screen and (min-width: 768px), print {
.procee_flow1{
	background:#f4f4f4;
	margin:20px 20px 0 20px;
	/*background	: url(../img/procee/procee_flow1.gif) left bottom no-repeat ;*/
	/*padding-left:60px;*/
	padding-left:0px;
	min-height:948px;
}
.procee_flow1 p{
	width:660px;
	margin:10px 0 20px 0;
	clear:left;
	display:block;
	overflow:hidden;
}
.procee_flow1 .photo{
	padding:4px;
	float:left;
	margin-right:20px
}
.procee_flow1 p.special{
	clear:left;
	display:table;
	width:640px;
	overflow:hidden;
	background:#fff;
	padding:15px 0px 15px 20px;
}
.procee_flow1 p.special img{
	padding-right:20px;
}


.procee_flow2{
	background:#f4f4f4;
	margin:0 20px 0 20px;
	/*background	: url(../img/procee/procee_flow2.gif) left bottom no-repeat ;*/
	/*padding-left:60px;*/
	padding-left:0px;
	min-height:461px;
}
.procee_flow2 p{
	/*width:600px;*/
	width:660px;
	margin:10px 0 20px 0;
	clear:left;
	display:block;
	overflow:hidden;
}
.procee_flow2 .photo{
	padding:4px;
	float:left;
	margin-right:20px
}
.procee_flow2 p.special{
	clear:left;
	display:table;
	width:640px;
	overflow:hidden;
	background:#fff;
	padding:15px 0px 15px 20px;
}
.procee_flow2 p.special img{
	padding-right:20px;
}


.procee_flow3{
	background:#f4f4f4;
	margin:0 20px 20px 20px;
	/*background	: url(../img/procee/procee_flow3.gif) left bottom no-repeat ;*/
	/*padding-left:60px;*/
	padding-left:0px;
	min-height:450px;
}
.procee_flow3 p{
	/*width:600px;*/
	width:660px;
	margin:10px 0 18px 0;
	clear:left;
	display:block;
	overflow:hidden;
}
.procee_flow3 .photo{
	padding:4px;
	float:left;
	margin-right:20px
}
.procee_flow3 p.special{
	clear:left;
	display:table;
	width:640px;
	overflow:hidden;
	background:#fff;
	padding:15px 0px 0px 20px;
}
.procee_flow3 p.special img{
	padding-right:20px;
}

.procee_flow{
	margin:10px 20px 30px 20px;
	padding:10px 20px 0 10px;
	background	: #FAE9EC ;
	border:3px solid #EFBDC5;
	clear:left;
	display:block;
	overflow:hidden;
}
}

@media screen and (max-width: 767px) {
.procee_flow1{
	background:#efefef;
	margin:20px 0px 0 0px;
	padding:15px;
	width:100%;
	box-sizing: border-box;
}
.procee_flow1 p{
	margin:10px 0 20px 0;
	clear:left;
	display:block;
	overflow:hidden;
}
.procee_flow1 .photo{
	border:0px solid #C1C1C1;
	padding:4px;
	float:left;
	margin-right:10px
}
.procee_flow1 p.special{
	clear:left;
	display:table;
	width:90%;
	overflow:hidden;
	background:#fff;
	padding:5%;
}
.procee_flow1 p.special img{
	padding-right:0px;
}

.procee_flow2{
	background:#efefef;
	margin:0px 0px 0 0px;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
}
.procee_flow2 p{
	margin:10px 0 20px 0;
	clear:left;
	display:block;
	overflow:hidden;
}
.procee_flow2 .photo{
	border:0px solid #C1C1C1;
	padding:4px;
	float:left;
	margin-right:10px
}
.procee_flow2 p.special{
	clear:left;
	display:table;
	width:90%;
	overflow:hidden;
	background:#fff;
	padding:5%;
}
.procee_flow2 p.special img{
	padding-right:0px;
}

.procee_flow3{
	background:#efefef;
	margin:0px 0px 0 0px;
	padding: 15px;
	width: 100%;
	box-sizing: border-box;
}
.procee_flow3 p{
	width:100%;
	margin:10px 0 18px 0;
	clear:left;
	display:block;
	overflow:hidden;
}
.procee_flow3 .photo{
	border:0px solid #C1C1C1;
	padding:4px;
	float:left;
	margin-right:10px
}
.procee_flow3 p.special{
	clear:left;
	display:table;
	width:90%;
	overflow:hidden;
	background:#fff;
	padding:5%;
}
.procee_flow3 p.special img{
	padding-right:0px;
}

.procee_flow{
	margin:10px 20px 30px 20px;
	padding:10px 20px 0 10px;
	background	: #fff ;
	clear:left;
	display:block;
	overflow:hidden;
}
}





	  
	  
	  
	  
/*--------------------

	clearfix

--------------------*/

.procee_copy,
.procee_flow1,
.procee_flow2,
.procee_flow3
{
    overflow:hidden;
    zoom:1;
}

.procee_copy:after,
.procee_flow1:after,
.procee_flow2:after,
.procee_flow3:after
{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

* html .procee_copy,
* html .procee_flow1,
* html .procee_flow2,
* html .procee_flow3
{
    height: 1em;
    overflow: visible;
}