@charset "utf-8";

/* !Section Common
---------------------------------------------------------- */
h2 {
	box-sizing: border-box;
	text-align: left;
	padding: 15px 4.6%;
	line-height: 0.1em;
}

#sec02 ul,
#sec03 ul {
	margin-bottom: 20px;
}
#sec02 ul li,
#sec03 ul li {
	font-size: 112.5%;
	font-weight: bold;
	color: #00a0e9;
	padding: 15px 0 15px 40px;
	background: url(../images/ico_listmaker01.png) no-repeat 2% 48%;
	background-size: 15px;
	border-bottom: 1px dashed #dedede;
}

/* !Section sec01
---------------------------------------------------------- */
#sec01 {
	margin: 20px 0 0 0;
}

/* !Section sec02
---------------------------------------------------------- */
#sec02 h2 {
	background: #22ac38;
	margin: 25px 0 5px 0;
}
	#sec02 section {
		text-align: center;
	}
		#sec02 section h3 {
			margin-bottom: 25px;
		}
			#sec02 section h3 img {
				max-width: 75.6%;
			}
		#sec02 .sec02_pattern {
			position: relative;
			width: 88.5%;
			margin: 0 auto 24px auto;
		}
		#sec02 .sec02_pattern p:nth-child(2) img {
			position: absolute;
			top: 0;
			right: 0;
			width: 46.9%;
		}
		#sec02 section p:nth-child(3) img {
			position: relative;
			max-width: 89.3%;
			right: -8.5%;
		}

/* !Section sec03
---------------------------------------------------------- */
#sec03 h2 {
	background: #f39800;
	margin: 30px 0 0 0;
}
	#sec03 h2 img {
		max-width: 33.2%;
	}
	#sec03 .factory_image img {
		margin: 10px 0 30px 0;
		max-width: 59.7%;
	}
#howtouse {
	background: url(../images/bg_sec03.png) repeat-x #fff8d0;
	background-size: 320px 7px;
	padding: 40px 0 0 0;
}
	#howtouse h3 {
		padding: 0 0 25px 0;
	}
		#howtouse h3 img {
			max-width: 82.5%;
		}
.howtouse_movie {
	position: relative;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 5px;
	padding-top: 56.25%;
}
	.howtouse_movie iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
.sec03_step {
	margin-top: 20px;
	padding-top: 22px;
	border-top: 1px solid #b4b4b4;
}
.sec03_step:last-child {
	padding-bottom: 20px;
	border-bottom: 1px solid #b4b4b4;
}
.sec03_step_summay {
	position: relative;
	padding: 0 0 0 35px;
}
	.sec03_step_summay img {
		position: absolute;
		top: -2px;
		left: 0;
		margin: 0;
		padding: 0;
		max-width: 21px;
	}
.sec03_step_illust {
	text-align: center;
	margin-top: 20px;
}
.step01 .sec03_step_illust img {
	max-width: 65.6%;
}
.step02 .sec03_step_illust img {
	max-width: 61.9%;
}
.step03 .sec03_step_illust img {
	max-width: 29.9%;
}
.step04 .sec03_step_illust img {
	max-width: 27.5%;
}

#howtosave {
	background: #fff8d0;
	padding-bottom: 25px;
}
	#howtosave h3 {
		padding-top: 23px;
		margin-bottom: 5px;
	}
		#howtosave h3 img {
			max-width: 53.1%;
		}
.howtosave_step {
	margin-bottom: 10px;
}
	#howtosave ol {
		display: table-cell;
		vertical-align: middle;
		width: 74%;
	}
	#howtosave ol li {
		color: #303030;
		font-size: 81.2%;
		padding: 15px 0;
		border-bottom: 1px dashed #b4b4b4;
	}
		#howtosave ol li:last-child {
			border-bottom: none;
		}
	#howtosave_illust {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		width: 26%;
	}
		#howtosave_illust img {
			max-width: 60.9%;
			vertical-align: middle;
		}
.howtosave_point {
	text-align: center;
}
	.howtosave_point img {
		max-width: 92.8%;
	}

#sec03 ul.foot_banner li {
	padding: 20px 0 0 0;
	border: none;
}