@charset "utf-8";

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

	filename:	detail.css
	created:	151203
	update:		151203
	
------------------------------------------------------------ */



body#about{
	
}

body#about p.lead{
	margin : 0 25px;
	line-height : 1.4em;
}

body#about h2{
	background : #08a4d7 url('../images/h2_bg_mark.png') no-repeat;
	background-position : bottom center;
	color : #fff;
	font-size : 24px;
	line-height : 1em;
	display : inline-block;
	text-align : center;
	display : inline-block;
	padding : 10px 10px 16px 10px;
	font-weight : bold;
	margin : 0 auto 20px auto;
	-webkit-background-size: auto 8px;
	-moz-background-size: auto 8px;
	background-size: auto 8px;
}


body#about ul#stepMenu{
	text-align : center;
	margin : 25px auto 40px auto;
}
body#about ul#stepMenu li{
	float : left;
	width : 33%;
}

body#about h4{
	font-size : 160%;
	color : #0086bb;
	font-weight : bold;
	line-height : 1em;
	background : url('../images/h4_bg_mark.png') no-repeat;
	background-position : 0 3px;
	padding-left : 25px;
	margin : 0px 10px 20px 5px;
	-webkit-background-size: 16px;
	-moz-background-size: 16px;
	background-size: 16px;
	min-height : 20px;
}
body#about h4 span{
	font-weight : bold;
}
body#about .inner{
	padding-top : 30px;
}
body#about .inner .steplead,
body#about .outsteplead{
	margin : 0 10px;
}

body#about h3{	
	font-size : 20px;
	color : #fff;
	font-weight : bold;
	margin : 0 60px;
	padding : 10px 0 10px 0;
}
body#about .inner .innerStep{
	margin : 20px 10px;
	padding : 20px;
}




/*--------------step1--------------*/
body#about #step1{
	text-align : center;
}
body#about #step1 h3{
	background : #f8c148 url('../images/bg_step1_h3.png') no-repeat;
	background-position : 0 50%;
	padding-left : 70px;
	-webkit-background-size: 120px auto;
	-moz-background-size: 120px auto;
	background-size: 120px auto;
}
body#about #step1 .inner{
	background : url('../images/bg_step1_innner.png') no-repeat;
	background-position : top center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
body#about #step1 .inner .innerStep{
	background : #fdf4de url('../images/bg_step1_innderStep.png');
}
body#about #step1 .inner .innerStep .block01{
	background : #fff;
	padding : 15px;
}
body#about #step1 .inner .innerStep .block01 h5{
	color : #82820f;
	font-size : 18px;
	font-weight : bold;
	margin : 20px 5px 0px 5px;
}
body#about #step1 .inner .innerStep .block01 dl{
	padding-left : 15px;
	margin : 10px 5px 20px 5px;
	background : url('../images/bg_step1_box1_dl.png') no-repeat;
	background-position : left top;
	font-size : 12px;
}
body#about #step1 .inner .innerStep .block01 dl dt{
	float : left;
	margin-right : 5px;
	width : 40%;
	font-weight : bold;
	padding-bottom : 6px;
}
body#about #step1 .inner .innerStep .block01 dl dd{
	margin-left : 42%;
	padding-bottom : 6px;
}
body#about #step1 .inner .innerStep .block01 dl dd:after{
	content:".";display:block;height: 0;clear:both;visibility:hidden;
}
body#about #step1 .inner .innerStep .block01 p.udTxt{
	margin : 15px;
	text-align : center;
}


body#about #step1 .inner .innerStep .block02{
	background : #fff;
	padding : 15px;
	margin-top : 20px;
}
body#about #step1 .inner .innerStep .block02 ul{
	width : 100%;
}
body#about #step1 .inner .innerStep .block02 ul li{
	float : left;
	margin : 2%;
	width : 45%;
	text-align : center;
}
body#about #step1 .inner .innerStep .block02 ul li:nth-child(even){
	float : right;
}
body#about #step1 .inner .innerStep .block02 p.btn{
	background : #dea62c;
	color : #fff;
	margin : 15px 10px 0 10px;
	line-height : 1.4em;
	background : #e8380d url('../images/bg_step1_block02_btn.png') no-repeat;
	background-position : 100% 50%;
	font-size : 12px;
}
body#about #step1 .inner .innerStep .block02 p.btn a{
	color : #fff;
	font-weight : bold;
	display : block;
	padding : 5px 35px 5px 5px;
	text-align : center;
}

body#about #step1 .inner .innerStep .block03{
	background : #fff;
	padding : 15px;
	margin-top : 20px;
}
body#about #step1 .inner .innerStep .block03 h4{
	margin-left : 0;
}
body#about #step1 .inner .innerStep .block03 .logoBlock{
	margin : 20px;
	text-align : center;
	padding : 10px;
	border-radius : 10px;
	border : solid 5px #eae0cb;
}
body#about #step1 .inner .innerStep .block03 .logoBlock li{
	display : inline-block;
	margin : 5px;
}





/*--------------step2--------------*/
body#about #step2{
	text-align : center;
	margin-top : 100px;
}
body#about #step2 h3{
	background : #61b9b9 url('../images/bg_step2_h3.png') no-repeat;
	background-position : 0 50%;
	padding-left : 80px;
	-webkit-background-size: 120px auto;
	-moz-background-size: 120px auto;
	background-size: 120px auto;
}
body#about #step2 .sTxt{
	font-size : 18px;
	font-weight : bold;
}
body#about #step2 h4{
	margin-top : 40px;
	margin-left : 10px;
	margin-bottom : 0;
	font-size : 20px;
}
body#about #step2 h5{
	color : #f16739;
	font-weight : bold;
	text-align : center;
	font-size : 20px;
	margin : 0;
	line-height : 1.2em;
}
body#about #step2 h5 span{
	font-weight : bold;
	background : url('../images/bg_step2_h5.png') no-repeat;
	background-position : 0 50%;
	padding-left : 30px;
	display : inline-block;
	-webkit-background-size: 18px auto;
	-moz-background-size: 18px auto;
	background-size: 18px auto;
	min-height : 30px;
}
body#about #step2 .inner{
	background : url('../images/bg_step2_innner.png') no-repeat;
	background-position : top center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
body#about #step2 .inner .innerStep{
	background : #fdf4de url('../images/bg_step2_innderStep.png');
	margin-top : 10px;
}

body#about #step2 .inner .innerStep .block01{
	background : #fff url('../images/bg_step2_box1.png') no-repeat;
	background-position : left top;
	padding : 15px;
	-webkit-background-size: 400px auto;
	-moz-background-size: 400px auto;
	background-size: 400px auto;
}
body#about #step2 .inner .innerStep .block01 ul{
	margin-top : 150px;
	text-align : center;
}
body#about #step2 .inner .innerStep .block01 ul li{
	display : inline-block;
	margin-bottom : 5px;
	width : 28%;
	padding : 1%;
	text-align : center;
}
body#about #step2 .inner .innerStep .block02{
	background : #fff url('../images/bg_step2_box2.png') no-repeat;
	background-position : left top;
	padding : 15px;
	margin-top : 20px;
	-webkit-background-size: 270px auto;
	-moz-background-size: 270px auto;
	background-size: 270px auto;
}
body#about #step2 .inner .innerStep .block02 ul{
	margin-top : 170px;
}
body#about #step2 .inner .innerStep .block03{
	background : #fff url('../images/bg_step2_box3.png') no-repeat;
	background-position : left top;
	padding : 15px;
	margin-top : 20px;
	-webkit-background-size: 270px auto;
	-moz-background-size: 270px auto;
	background-size: 270px auto;
}
body#about #step2 .inner .innerStep .block03 ul{
	margin-top : 180px;
}



/*--------------step3--------------*/
body#about #step3{
	text-align : center;
	margin-top : 100px;
}
body#about #step3 h3{
	background : #9b7aa3 url('../images/bg_step3_h3.png') no-repeat;
	background-position : 0 50%;
	padding-left : 80px;
	-webkit-background-size: 120px auto;
	-moz-background-size: 120px auto;
	background-size: 120px auto;
}
body#about #step3 .inner{
	background : url('../images/bg_step3_innner.png') no-repeat;
	background-position : top center;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	background-size: 100%;
}
body#about #step3 .inner .innerStep{
	background : #fdf4de url('../images/bg_step3_innderStep.png');
	padding-bottom : 15px;
}
body#about #step3 ol{
	margin : 0;
}
body#about #step3 ol li{
	background : #fff;
	margin-bottom : 5px;
	text-align : center;
	padding-top : 10px;
	margin-top : 20px;
}
body#about #step3 ol li:nth-child(1){
	margin-top : 0;
}
body#about #step3 ol li p{
	min-height : 3em;
	padding-left : 40px;
	padding-right : 10px;
}

body#about #step3 ol li:nth-child(1) p{
	background : url('../images/step3_no01.png') no-repeat;
	background-position : left top;
	-webkit-background-size: 27px auto;
	-moz-background-size: 27px auto;
	background-size: 27px auto;
}
body#about #step3 ol li:nth-child(2) p{
	background : url('../images/step3_no02.png') no-repeat;
	background-position : left top;
	-webkit-background-size: 27px auto;
	-moz-background-size: 27px auto;
	background-size: 27px auto;
}
body#about #step3 ol li:nth-child(3) p{
	background : url('../images/step3_no03.png') no-repeat;
	background-position : left top;
	-webkit-background-size: 27px auto;
	-moz-background-size: 27px auto;
	background-size: 27px auto;
}
body#about #step3 ol li:nth-child(4) p{
	background : url('../images/step3_no04.png') no-repeat;
	background-position : left top;
	-webkit-background-size: 27px auto;
	-moz-background-size: 27px auto;
	background-size: 27px auto;
}