@charset "UTF-8";

@media screen and (min-width: 768px){
.box2 .base_01 {
	width:710px;
	height:30px;
	background: url(../images/common/flow_title_base_01.jpg) no-repeat right center;
}
.box2 .base_02 {
	width:710px;
	height:30px;
	background: url(../images/common/flow_title_base_02.jpg) no-repeat right center;
}
.box2 .base_03 {
	width:710px;
	height:30px;
	background: url(../images/common/flow_title_base_03.jpg) no-repeat right center;
}
.box2 .base_04 {
	width:710px;
	height:30px;
	background: url(../images/common/flow_title_base_04.jpg) no-repeat right center;
}
.box2 .base_05 {
	width:710px;
	height:30px;
	background: url(../images/common/flow_title_base_05.jpg) no-repeat right center;
}
.box2 .base_06 {
	width:710px;
	height:30px;
	background: url(../images/common/flow_title_base_06.jpg) no-repeat right center;
}
.box2 .base_01 img .flow_step {
	position:absolute;
	top:0;
}
.box2 .mainArea dl .flow_icon {
	position:absolute;
	top:0;
	left:660px;
}
.box2 .mainArea {
	width:100%;
	background:#FFBE00;
	margin:0 0 20px 0;
	position: relative;
	}
	
.box2 .mainArea .inner {
	width:1000px;
	margin:0 auto;
	padding:10px 0 15px 15px;
	}
	
.box2 .mainArea .inner dl {
	float:left;
	width:710px;
	text-align:left;
	margin:0 20px 10px 0;
	}
	
.box2 .mainArea .inner dl.rt {
	margin:0 0 20px 0;
	}
	
.box2 .mainArea .inner dl dd.title {
	display:block;
	background:url(../images/common/bg01.gif) 0 0 repeat;
	padding:15px 15px;
	font-size:16px;
	color:#fff;
	}
	
.box2 .mainArea .inner dl dd a{
	color:#fff;
	}
	
.box2 .mainArea .inner dl dd.txt {
	background:#fff;
	padding:15px;
	line-height:1.5;
	}
}

@media screen and (max-width: 767px){
.box2 .flow_title {
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.box2 .base_01 {
	width:100%;
	background: url(../images/common/flow_title_base_01.jpg) no-repeat right center;
}
.box2 .base_02 {
	width:100%;
	height: auto;
	background: url(../images/common/flow_title_base_02.jpg) no-repeat right center;
}
.box2 .base_03 {
	width:100%;
	height: auto;
	background: url(../images/common/flow_title_base_03.jpg) no-repeat right center;
}
.box2 .base_04 {
	width:100%;
	height: auto;
	background: url(../images/common/flow_title_base_04.jpg) no-repeat right center;
}
.box2 .base_05 {
	width:100%;
	height: auto;
	background: url(../images/common/flow_title_base_05.jpg) no-repeat right center;
}
.box2 .base_06 {
	width:100%;
	height: auto;
	background: url(../images/common/flow_title_base_06.jpg) no-repeat right center;
}
.box2 .base_01 img .flow_step {
	position:absolute;
	top:0;
}
.box2 .mainArea dl .flow_icon {
	position:absolute;
	top:0;
	left:620px;
}
.box2 .mainArea {
	margin:0 0 20px 0;
	}

.box2 .mainArea {
	text-align:left;
	padding:10px 10px 20px 10px;
	background:#ebebeb;
	}
	
.box2 .mainArea .inner dl {
	width:100%;
	text-align:left;
	margin:0 10px 20px 0;
	}
	
.box2 .mainArea .inner dt img {
	width:100%;
	display:block;
	}
	
.box2 .mainArea .inner dl dd.title{
	display:block;
	background:url(../images/common/bg01.gif) 0 0 repeat;
	padding:15px 15px;
	font-size:14px;
	color:#fff;
	}
	
.box2 .mainArea .inner dl dd a{
	color:#fff;
	}
	
.box2 .mainArea .inner dl dd.txt {
	background:#fff;
	padding:15px;
	line-height:1.5;
	}
	
}