@charset "utf-8";/* -- 安心の返金保証CSS -- */
#main-image .cont-area{ background: url(../images/main-image/henkin-bg.png) right bottom no-repeat; }

.henkin-flow{
	margin: 0 0 20px 33px;
	padding: 0 0 0 87px;
	background: url(../images/henkin/step/bg.png) 0 12px no-repeat;
}
.henkin-flow p{ margin-bottom: 10px; line-height: 1.4em; }
.step01{ margin-bottom: 14px; padding: 21px 0 4px 7px; background: url(../images/henkin/step/01.png) 0 0 no-repeat; }
.step02{ margin-bottom: 13px; padding: 26px 0 4px 7px; background: url(../images/henkin/step/02.png) 0 0 no-repeat; }
.step03{ margin-bottom: 16px; padding: 25px 0 4px 7px; background: url(../images/henkin/step/03.png) 0 0 no-repeat; }
.step04{ margin-bottom: 18px; padding: 12px 0 10px 7px; background: url(../images/henkin/step/04.png) 0 0 no-repeat; }
.step05{ padding: 8px 0 10px 7px; background: url(../images/henkin/step/05.png) 0 0 no-repeat; }

/*******************************************
Multi Screen
********************************************/
@media screen and (max-width:1037px){
.arrow02 .fl-l{ width: 29%; margin-right: 3%; }
.arrow02 .fl-r{ width: 67%; margin-left: 0; }

.henkin-flow{ margin-left: 3%; background-position: 0 0; }
.step01, .step02, .step03, .step04, .step05{ margin: 0 3% 35px 0; padding: 8px 0 1px 7px; background: none #d7e7fd; }

}
@media screen and (max-width:769px){
.arrow02 .fl-l{ display: none; }
.arrow02 .fl-r{ float: none; width: 100%; text-align: center; }

.henkin-flow{ margin: 0 3%; padding-left: 0; background: url(../images/icon/li02.png) center bottom repeat-y; }
.step01, .step02, .step03, .step04, .step05{ margin: 0 0 15px 0; }
}
@media screen and (max-width:481px){
#main-image .cont-area{ background-position: center bottom; }
}