@charset "UTF-8";


#order h1 {
	text-align: center;
	font-size: 1.6rem;
	margin: 20px auto;
	line-height: 1.1em;
}
span.subcacth {
	font-size: 1.2rem;
	color: #ececec;
	font-weight: normal;
	margin: 0;
	padding: 0;
}


.read {
	text-align: center;
	background:#1d2a56;
	overflow: hidden;
	color: #fff;
}


.section-container-flex {
overflow: hidden;
}

.column-l-text,
.column-l-image,
.column-r-text,
.column-r-image {
  width: 100%;
}
.column-l-image img,
.column-r-image img {
margin: 20px 0;
}

@media (min-width: 1024px) {
  .column-l-text {
	float: left;
    width: 261.8px;
  }
  .column-r-image {
  float: right;
    width: calc(100% - 281.8px);
  }
 .column-l-image {
  float: left;
  width : calc(100% - 281.8px);
  }	
  .column-r-text {
  float: right;
  width: 261.8px;

	}

}
.step-blue,
.step {
	text-align: left;
}
.step-blue {
	color: #040C40;
}
.step-num {
	font-weight: 100;
	font-size: 4.0rem;
}

.white-box {
	margin: 20px auto;
	padding: 20px;
	border-radius: 5px;
	background: #FFFFFF;
	color: #040C40;
	overflow: hidden;
}
.white-box h3 {
	font-size: 1.8em;
}
.white-box h3 .text-normal {
	font-size: 1.4rem;
}
.white-box p.sub-read {
	text-align: center;
	color: #040C40;
	margin: 0;
}
.white-box p {
	text-align: left;
	color: #333;
}
footer .bg {
	background:url("../img/order/creditbg.jpg") no-repeat center center;
	background-size: 90% auto;
	padding: 600px 0 100px 0;
}
footer .section-container {
 background-color:rgba(255,255,255,0.8);
}
@media screen and (max-width: 980px) {
footer .bg {
	background-size: 100% auto;
	padding:400px 0 0px 0;
}
}
@media screen and (max-width: 640px) {
footer .bg {
	background-size:contain;
	padding: 0px 0 100px 0;
}
}
@media screen and (max-width: 480px) {
footer .bg {
	padding: 0px 0 0px 0;
}
}