@charset "UTF-8";

.top_cont > h3 {
	margin-bottom: 40px;
}

.flow_box {
	width: 706px;
	margin: 0 auto;
}

.flow_box ul {
	margin-top: 30px;
}

.flow_box ul > li {
	text-align: left;
	padding: 1px 10px 3px 30px;
	font-size: 15px;
}

.flow_box ul > li:first-child {
	background-image: url("../images/order/icon_01.png");
	background-position: left 3px;
	background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.flow_box ul > li:first-child {
		background-image: url("../images/order/icon_01@2x.png");
		background-size: 24px 25px;
	}
}

.flow_box ul > li:last-child {
	background-image: url("../images/order/icon_02.png");
	background-position: left 3px;
	background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.flow_box ul > li:last-child {
		background-image: url("../images/order/icon_02@2x.png");
		background-size: 24px 25px;
	}
}


/***   ***/

.order_box {
	margin: 60px 0 50px;
}

.order_box ul li {
	margin-bottom: 70px;
}

.order_box ul li > h4 {
	font-size: 24px;
	color: #08219B;
	background-repeat: no-repeat;
	background-position: left 5px;
	padding: 20px 10px 20px 157px;
	margin-bottom: 15px;
}

.order_box ul li:first-child h4 {
	background-image: url("../images/order/ttl_01.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.order_box ul li:first-child h4 {
		background-image: url("../images/order/ttl_01@2x.png");
		background-size: 900px 52px;
	}
}

.order_box ul li:nth-child(2) h4 {
	background-image: url("../images/order/ttl_02.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.order_box ul li:nth-child(2) h4 {
		background-image: url("../images/order/ttl_02@2x.png");
		background-size: 900px 52px;
	}
}

.order_box ul li:nth-child(3) h4 {
	background-image: url("../images/order/ttl_03.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.order_box ul li:nth-child(3) h4 {
		background-image: url("../images/order/ttl_03@2x.png");
		background-size: 900px 52px;
	}
}

.order_box ul li:nth-child(4) h4 {
	background-image: url("../images/order/ttl_04.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.order_box ul li:nth-child(4) h4 {
		background-image: url("../images/order/ttl_04@2x.png");
		background-size: 900px 52px;
	}
}

.order_box ul li:nth-child(5) h4 {
	background-image: url("../images/order/ttl_05.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.order_box ul li:nth-child(5) h4 {
		background-image: url("../images/order/ttl_05@2x.png");
		background-size: 900px 52px;
	}
}

.order_box ul li:nth-child(6) h4 {
	background-image: url("../images/order/ttl_06.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.order_box ul li:nth-child(6) h4 {
		background-image: url("../images/order/ttl_06@2x.png");
		background-size: 900px 52px;
	}
}

.order_box ul li:nth-child(7) h4 {
	background-image: url("../images/order/ttl_07.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.order_box ul li:nth-child(7) h4 {
		background-image: url("../images/order/ttl_07@2x.png");
		background-size: 900px 52px;
	}
}

.order_box ul li:nth-child(8) h4 {
	background-image: url("../images/order/ttl_08.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.order_box ul li:nth-child(8) h4 {
		background-image: url("../images/order/ttl_08@2x.png");
		background-size: 900px 52px;
	}
}

.order_box ul li:last-child h4 {
	background-image: url("../images/order/ttl_09.png");
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.order_box ul li:last-child h4 {
		background-image: url("../images/order/ttl_09@2x.png");
		background-size: 900px 52px;
	}
}

.order_box .btn_01 {
	margin-top: 35px;
}