@charset "UTF-8";

/*order
----------------------------------------*/

#contents {
	padding-top: 180px;
}
section .bg01,
section .bg02,
section .bg03 {
	padding-top: 50px;
}
section#semiorder,
section#fullorder {
	padding-top: 120px;
	margin-top: -120px;
}



/*  #main
----------------------------------------*/
#main h2.page_ttl {
	margin-bottom: 40px;
	padding: 0;
	background: none;
}
#main .bg01 h2 {
	background: url(../img/common/bg_h2_01.png);
}

#main h3.h3_01,
#main h3.h3_semi,
#main h3.h3_full,
#main h3.h3_02 {
	background-color: transparent;
	text-indent: -99999em;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin: 30px auto ;
}
#main h3.h3_semi {
	background-image: url(../img/order/ttl_h3_semi.png);
	height: 32px;
}

#main h3.h3_full {
	background-image: url(../img/order/ttl_h3_full.png);
	height: 32px;
}

#main h3.h3_02 {
	background-image: url(../img/order/ttl_h3_02.png);
	height: 50px;
}

.order_btn {
	max-width: 620px;
	width: 100%;
	margin: 0 auto;
}
.order_btn li {
	float: left;
	max-width: 310px;
	width: 50%;
}
.order_btn li img {
	vertical-align: bottom;
}

ul.flow {
	font-size: 108%;
	line-height: 2;
}
ul.flow li {
	padding-left: 28px;
}
ul.flow li.flow_01 {
	background: url(../img/order/icon_flow01.png) left 3px no-repeat;
}
ul.flow li.flow_02 {
	background: url(../img/order/icon_flow02.png) left 3px no-repeat;
}
ul.flow li.flow_03 {
	background: url(../img/order/icon_flow03.png) left 3px no-repeat;
}
ul.flow li.flow_04 {
	background: url(../img/order/icon_flow04.png) left 3px no-repeat;
}
ul.flow li.flow_05 {
	background: url(../img/order/icon_flow05.png) left 3px no-repeat;
}
ul.flow li.flow_06 {
	background: url(../img/order/icon_flow06.png) left 3px no-repeat;
}
ul.flow li.flow_07 {
	background: url(../img/order/icon_flow07.png) left 3px no-repeat;
}
ul.flow li.flow_08 {
	background: url(../img/order/icon_flow08.png) left 3px no-repeat;
}

ul.list {
	font-size: 116%;
	line-height: 2;
	text-align: center;
}
ul.list li img {
	padding: 7px 5px 0 0;
	vertical-align: text-top;
}

#main p.attention {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 12px;
}

#fullorder .item_col2 {
	max-width: 500px;
	width: 100%;
	margin: 0 auto 40px;
}
#fullorder .item_col2 li {
	float: left;
	max-width: 250px;
	padding: 0 10px;
	/*margin-right: 10px;*/
	width: 50%;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#fullorder .item_col3 {
	max-width: 750px;
	width: 100%;
	margin: 0 auto 40px;
}
#fullorder .item_col3 li {
	float: left;
	max-width: 250px;
	padding: 0 10px;
	/*margin-right: 10px;*/
	width: 33.33%;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#fullorder .item_col2 li p,
#fullorder .item_col3 li p {
	margin-bottom: 10px;
}

.form_btn {
	text-align: center;
	margin: 40px 0 0;
}

.caution li {
	font-size: 116%;
	line-height: 2;
	text-indent: -1em;
	padding-left: 1em;
}

@media only screen and (max-width: 736px) {
	#contents {
		padding-top: 50px;
	}
	#main h2.page_ttl {
		margin-bottom: 20px;
		padding: 0;
		background: none;
	}
	#main h3.h3_01 {
		margin: 20px auto;
		height: 20px;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size: cover;
	}
	#main h3.h3_semi {
		margin: 20px auto;
		height: 20px;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size: cover;
	}
	#main h3.h3_full {
		margin: 20px auto;
		height: 20px;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size: cover;
	}
	#main h3.h3_02 {
		margin: 20px auto;
		height: 35px;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-size: cover;
	}
	section#semiorder,
	section#fullorder {
		padding: 70px 0 0;
		margin: -70px 0 0;
	}
	#fullorder .item_col2,
	#fullorder .item_col3 {
		margin-bottom: 0;
		max-width: 480px;
	}
	#fullorder .item_col2 ul,
	#fullorder .item_col3 ul {
		width: 100%;
	}
	#fullorder .item_col2 li,
	#fullorder .item_col3 li {
		display: block;
		width: 47%;
		margin: 0 1.5%;
		padding: 0;
		overflow: hidden;
	}
	#fullorder .item_col2 li .ph_box,
	#fullorder .item_col3 li .ph_box {
		padding: 3%;
		width: 94%;
	}
	ul.list li img {
	padding: 5px 5px 0 0;
	vertical-align: text-top;
		}
}