@charset "UTF-8";
.dspfx .arrowbox{
	width: 49%;
}
.dspfx .arrowbox:nth-child(2n){
	margin-left: 2%;
}
.arrowbox{
	padding: 20px 2.5%;
}
.arrowbox .circle{
	width: 60px;
	height: 60px;
	display: inline-block;
	margin-right: 20px;
	padding-top: 8px;
}
.arrowbox h4{
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px solid;
}
@media screen and (max-width: 980px) {
	.leadwrap{
		text-align: left;
	}
	.dspfx .arrowbox{
		width: 100%;
	}
	.dspfx .arrowbox:nth-child(2n){
		margin-left:0;
	}
	.arrowbox .circle {
		width: 50px;
		height: 50px;
		padding-top: 5px;
	}
}
@media screen and (max-width: 740px) {
	.arrowbox .circle {
		width: 40px;
		height: 40px;
		display: inline-block;
		margin-right: 10px;
		padding-top: 5px;
	}
}
/*-----------------------------------

	intro

-----------------------------------*/
#intro .notebox .text{
	width: 75%;
}
#intro .notebox .img{
	top: -30px;
	right: -60px;
}
@media screen and (max-width: 980px) {
	#intro .notebox .text{
		width: 100%;
		float: none!important;
	}
	#intro .notebox .img {
		max-width: 310px;
		position: static;
		margin: 20px auto 0;
	}
}
/*-----------------------------------

	flow

-----------------------------------*/
#flow .arrowbox .text{
	width: 69%;
}
#flow .arrowbox .img{
	width: 28%;
}
#flow .arrowbox .text ul li{
	width: 49%;
	float: left;
}
@media screen and (max-width: 1200px) {
	#flow .arrowbox .text ul li {
		width: 100%;
		float: none!important;
		text-align: center;
		margin-top: 20px;
	}
	#flow .arrowbox .text ul li:first-child{
		margin-top:0;
	}
	#flow_01{
		margin-top: 0;
	}
}
@media screen and (max-width: 980px) {
	#flow .arrowbox .text{
		width: 100%;
		float: none!important;
	}
	#flow .arrowbox .img{
		width: 60%;
		max-width: 320px;
		margin: 20px auto 0;
		float: none!important;
	}
}
/*-----------------------------------

	merit

-----------------------------------*/
#line .arrowbox .text{
	width: 69%;
}
#line .arrowbox .img{
	width: 28%;
}
#line .arrowbox .box{
	margin-top: 20px;
	padding: 10px 2.5%;
	border: solid 1px #d0a758;
}
@media screen and (max-width: 980px) {
	#line .arrowbox .text{
		width: 100%;
		float: none!important;
		margin-bottom: 20px;
	}
	#line .arrowbox .img {
		width: 28%;
		max-width: 150px;
		margin: 0 auto;
		float: none!important;
	}
}
/*-----------------------------------

	merit

-----------------------------------*/
#merit .arrowbox{
	margin-top: 20px;
}
#merit .arrowbox .circle{
	width: 50px;
	height: 50px;
	margin-right: 10px;
	padding-top: 5px;
}
@media screen and (max-width: 980px) {
	#merit_01{
		margin-top: 0;
	}
}
@media screen and (max-width: 740px) {
	#merit .arrowbox .circle {
		width: 30px;
		height: 30px;
		margin-right: 10px;
		padding-top: 2px;
	}
}