@charset "utf-8";

/*===============================================
●共通
===============================================*/
#contents .title01 h2 {
	width:15em;
}
#contents .title01 span {
	width:15em;
}

/* flow
---------------------------------------- */
#flow {
	background:url(../../images/delivery/image01.gif) no-repeat left top;
	background-size:275px 513px;
}
#flow h4 {
	font-size:1.25em;
	font-family: "Kosugi", sans-serif;
	font-weight: 400;
}

#caution h3 {
	font-size:1.13em;
	padding-left:2.3em;
	line-height:1.7em;
	font-family: "Kosugi", sans-serif;
	font-weight: 400;
	margin-bottom:0.8em;
	background:url(../../images/reorder/icon.png) no-repeat left center;
	background-size:26px 24px;
	box-sizing:border-box;
}


/*===============================================
●画面の横幅が740px以下
===============================================*/
@media screen and (max-width: 739px){
	
	/* flow
	---------------------------------------- */
	#flow {
		height:448px;
		padding:60px 0 0 200px;
		margin-bottom:40px;
	}
	#flow li {
		height:80px;
		margin-bottom:32px;
	}
	#flow li:last-child {
		margin-bottom:0;
	}
	#flow h4 {
		margin-bottom:0.2em;
	}
	#flow li p {
		line-height:1.2em;
	}
	
	#caution {
		margin-bottom:10px;
	}
	
	.btnBox li {
		width:100%;
		margin-bottom:1em;
		box-sizing:border-box;
	}
}

/*===============================================
●画面の横幅が740px以上
===============================================*/
@media screen and (min-width: 740px){
	
	/* flow
	---------------------------------------- */
	#flow {
		padding:30px 0 30px 295px;
	}
	#flow li {
		margin-bottom:65px;
	}
	#flow li:last-child {
		margin-bottom:0;
	}
	#flow h4 {
		font-size:16px;
		margin-bottom:0.5em;
	}
	#flow p {
		font-size:13px;
	}
	
	#caution {
		margin-bottom:20px;
	}
}