@charset "UTF-8";

/*ご注文の流れ*/

.order .box .box-inner {
	width: 835px;
}

.order .box .box-inner h2 {
	width: 174px;
	margin: 20px auto 60px;
	text-align: center;
}

.order .box .box-inner h2 span{
	display: block;
	margin-top: 15px;
	font-size: 1.8rem;
	letter-spacing: 5px;
}


.order .box .box-inner h2 span{
	display: block;
	margin-top: 15px;
	font-size: 1.8rem;
	letter-spacing: 5px;
}

.order .box .box-inner h3 {
	text-align: center;
	font-size: 2.0rem;
}

.order .box .box-inner h3:after {
	content: '';
	border-bottom: 5px solid #9b8276;
	width: 30px;
	display: block;
	margin: 20px auto 60px;
}

.order .box .box-inner .pc-img {
	display: block;
	width: 768px;
	margin: 0 auto;
}

.order .box .box-inner .sp-img {
	display: none;
}


@media screen and (max-width: 480px) {
	.order .box-01 {
		padding-bottom: 60px;
	}
	.order .box .box-inner {
		width: 100%;
	}
	.order .box .box-inner .pc-img {
		display: none;
	}

	.order .box .box-inner .sp-img {
		display: block;
	}

}

.order .box-02 {
	background-color: #faf7f5;
	padding: 60px 0;
}

.order .box-02 .box-inner .tool-area{
	margin-bottom: 20px;
}

.order .box-02 .box-inner .tool-area{
	margin: 0 auto 40px;
}

.order .box-02 .box-inner .tool-area a{
	color: #5d3e22;
}

.order .box-02 .box-inner .tool-area h4{
	background-color: #7a5d43;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-bottom: 15px;
}

.order .box-02 .box-inner .tool-area dl,
.order .box-02 .box-inner .tool-area p{
	padding: 0 40px;
	margin-bottom: 5px;
}

.order .box-02 .box-inner .tool-area dl dt{
	float: left;
	clear: left;
	width: 105px;
	border: 1px solid #5d3e22;
	color: #5d3e22;
	text-align: center;
}

.order .box-02 .box-inner .tool-area dl dd{
	padding-left: 120px;
	margin-bottom: 10px;
}

@media screen and (max-width: 480px) {
	.order .box-02 .box-inner .tool-area dl,
	.order .box-02 .box-inner .tool-area p{
		padding: 0 5%;
	}
	.order .box-02 .box-inner .tool-area p{
		margin-bottom: 15px;
	}
	.order .box-02 .box-inner .tool-area dl dt{
		float: none;
		clear: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.order .box-02 .box-inner .tool-area dl dd{
		padding-left: 0;
		margin-bottom: 10px;
	}
}

.order .box-03 {
	padding-top: 80px;
}

.order .box-03 .box-inner p{
	margin-bottom: 20px;
}

.order .box-03 .box-inner ol.factor-list{
    margin-bottom: 15px;
}

.order .box-03 .box-inner ol.factor-list li{
	text-indent: -29px;
	padding-left: 29px;
}

.order .box-03 .box-inner .caution {
	margin-bottom:30px;
}

.order .box-03 .box-inner .caution p{
	margin-bottom: 0;
	color: #5d5d5d;
	font-size: 1.2rem;
    text-indent: -8px;
    padding-left: 11px;
}

.order .box-03 .box-inner .request-area{
	border: 1px solid #9b8276;
	padding: 30px 50px;
	margin-bottom: 105px;
}

.order .box-03 .box-inner .request-area h5{
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 25px;
}

.order .box .box-inner .btn-01 a{
	background-color: #7a5d43;
	width: 325px;
	border-radius: 37px;
	height: 74px;
	color: #FFF;
	text-align: center;
	line-height: 74px;
	font-size: 2.2rem;
	display: block;
	margin: 0 auto;
}

@media screen and (max-width: 480px) {
	.order .box-03 .box-inner .request-area{
	    padding: 30px 7% 10px;
	    margin-bottom: 105px;
	}
	.order .box .box-inner .btn-01 a{
		width: 100%;
		height: 64px;
		color: #FFF;
		line-height: 64px;
		font-size: 2.0rem;
	}
	.order .box-03 .box-inner .request-area h5{
		margin-bottom: 15px;
	}
}