﻿/* CSS Document */
/* ★レスポンシブ用 */
@media screen and (min-width: 769px){
img{
max-width: 100%;
vertical-align: bottom;
width /***/:auto;
}
#container{
width:100%;
}
.pc_off {display: none;}
/* レスポンシブ用★ */

/*flow*/
.flow_bg{
	width:680px;
	content: "";
	clear: both;
	display: block;
	overflow:hidden;
	height:auto;
	border:1px solid #060;
	background-color:#FFF;
	text-align:left;
}
.flow_title{
	background:url(/web/flow/img/step1.jpg);
	background-repeat:no-repeat;
    background-position: 15px 0;
	text-indent:120px;
	font-size:25px;
	font-weight:bold;
	color:#3F1F0A;
	line-height:72px;
	padding-top:15px;
	height:87px;
	margin-bottom:15px;
	text-align:left;
}
.flow_title2{
	background:url(/web/flow/img/step2.jpg);
	background-repeat:no-repeat;
    background-position: 15px 0;
	text-indent:120px;
	font-size:25px;
	font-weight:bold;
	color:#3F1F0A;
	line-height:72px;
	padding-top:15px;
	height:87px;
	margin-bottom:15px;
	text-align:left;
}
.flow_title3{
	background:url(/web/flow/img/step3.jpg);
	background-repeat:no-repeat;
    background-position: 15px 0;
	text-indent:120px;
	font-size:25px;
	font-weight:bold;
	color:#3F1F0A;
	line-height:72px;
	padding-top:15px;
	height:87px;
	margin-bottom:15px;
	text-align:left;
}
.flow_text{
	font-size:14px;
	line-height:20px;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
}
.flow1{
	background:url(/web/flow/img/step1_bg.jpg);
	background-repeat:no-repeat;
	height:380px;
	font-size:12px;
	line-height:18px;
    margin-left: 15px;
}
.flow1_a{
	position:relative;
	top:55px;
	left:25px;
	width:150px;
	color:#060;
}
.flow1_b{
	position:relative;
	top:-5px;
	left:490px;
	width:145px;
	color:#060;
}
.flow1_c{
	position:relative;
	top:58px;
	left:20px;
	width:160px;
	color:#060;
}
.flow1_d{
	position:relative;
	top:95px;
	left:440px;
	width:160px;
	color:#060;
}
.flow1_e{
	position:relative;
	top:58px;
	left:190px;
	width:100px;
	color:#060;
}
.flow2{
	background:url(/web/flow/img/step2_bg.jpg);
	background-repeat:no-repeat;
	height:302px;
	font-size:12px;
	line-height:18px;
}
.flow2_a{
	position:relative;
	top:20px;
	left:450px;
	width:150px;
	color:#060;
}

.flow3{
	background:url(/web/flow/img/step3_bg.jpg);
	background-repeat:no-repeat;
	height:800px;
	font-size:12px;
	line-height:18px;
}
.flow3_a{
	position:relative;
	top:40px;
	left:15px;
	width:90px;
	color:#060;
}	
.flow3_b{
	position:relative;
	top:10px;
	left:570px;
	width:80px;
	color:#060;
}
.flow3_c{
	position:relative;
	top:220px;
	left:35px;
	width:170px;
	color:#060;
}
.flow3_d{
	position:relative;
	top:448px;
	left:540px;
	width:100px;
	color:#060;
}
.flow3_e{
	position:relative;
	top:510px;
	left:530px;
	width:100px;
	color:#060;
}

/* ★レスポンシブ用 */}/* レスポンシブ用★ */