@charset "UTF-8";

#contents h3 {
	margin-bottom: 20px;
}

/*---------------------*/
.guide-index .box1 {
	padding: 0px 8px;
	margin-bottom: 28px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 40px;
}

.guide-index .text1 {
	font-size: 22px;
	margin-bottom: 7px;
}

.guide-index .box2 {
	border-bottom: 1px solid #CCC;
	padding-bottom: 5px;
	margin-bottom: 55px;
}

.guide-index .box2 a {
	display: block;
	float: left;
}

.guide-index .box2 a.name {
	background: url(../../common/img/icon2.gif) 2px 50% no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-left: 7px;
	margin-top: 30px;
}

.guide-index .box2-1 {
	float: left;
	margin-right: 25px;
	margin-bottom: 19px;
	width: 330px;
}

/*---------------------*/
.guide-used .box1 {
	margin-bottom: 17px;
}

.guide-used .text1 {
	font-size: 22px;
	padding-top: 5px;
}

.guide-used .box1 img {
	margin-right: 15px;
}

.guide-used .text2 {
	margin-bottom: 40px;
}

.guide-used .box2 {
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}

/*---------------------*/
.guide-smell .box1 {
	margin-bottom: 29px;
}

.guide-smell .text1 {
	font-size: 22px;
	padding-top: 13px;
	margin-bottom: 10px;
}

.guide-smell .text2 {
	font-size: 22px;
	color: #FF875F;
}

.guide-smell .box2 {
	margin-bottom: 26px;
}

.guide-smell .box2-1,
.guide-smell .box2-2,
.guide-smell .box2-3 {
	float: left;
}

.guide-smell .box2-1 {
	width: 232px;
}

.guide-smell .box2-1 img {
	margin-left: 12px;
	margin-bottom: 10px;
}

.guide-smell .box2-2 {
	width: 265px;
}

.guide-smell .box2-2 img {
	margin-bottom: 10px;
}

.guide-smell .box2-2 p {
	padding-left: 30px;
}

.guide-smell .box2-3 {
	width: 220px;
}

.guide-smell .box2-3 img {
	margin-bottom: 10px;
}

.guide-smell .box2-2 img.-pc,
.guide-smell .box2-3 img.-pc {
	display: inline;
}

.guide-smell .box2-2 img.-sp,
.guide-smell .box2-3 img.-sp {
	display: none;
}

.guide-smell .box2-3 p {
	padding-left: 25px;
}

.guide-smell .box3 {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin-bottom: 45px;
}

.guide-smell .box3 img {
	margin-right: 25px;
}

.guide-smell .text3 {
	padding-left: 5px;
	padding-top: 45px;
}

/*--------------------*/
.guide-quake .box1 {
	margin-bottom: 36px;
}

.guide-quake .text1 {
	font-size: 22px;
	padding-top: 13px;
	margin-bottom: 25px;
}

.guide-quake .box2 {
	margin-bottom: 35px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 30px;
}

.guide-quake .box2-1,
.guide-quake .box2-2,
.guide-quake .box2-3 {
	padding-top: 10px;
	float: left;
}

.guide-quake .box2-1 {
	width: 232px;
}

.guide-quake .box2-1 img {
	margin-left: 12px;
	margin-bottom: 30px;
}

.guide-quake .box2-2 {
	width: 265px;
}

.guide-quake .box2-2 img {
	margin-bottom: 30px;
}

.guide-quake .box2-2 p {
	padding-left: 35px;
}

.guide-quake .box2-3 {
	width: 220px;
}

.guide-quake .box2-3 img {
	margin-bottom: 30px;
}

.guide-quake .box2-2 img.-pc,
.guide-quake .box2-3 img.-pc {
	display: inline;
}

.guide-quake .box2-2 img.-sp,
.guide-quake .box2-3 img.-sp {
	display: none;
}

.guide-quake .box2-3 p {
	padding-left: 30px;
}

/*---------------------*/
.guide-mainte .box1 {
	margin-bottom: 29px;
}

.guide-mainte .text1 {
	font-size: 22px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.guide-mainte .box2 {
	margin-bottom: 44px;
}

.guide-mainte .text2 {
	margin-bottom: 32px;
}

.guide-mainte .box2-1 {
	margin-bottom: 10px;
	background-color: #FFF8E1;
	padding: 23px 24px 24px 24px;
}

.guide-mainte .box2-1 .name {
	color: #FF7F00;
	margin-bottom: 10px;
}

.guide-mainte .box3 {
	border-bottom: 1px solid #CCC;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.guide-mainte .text3 {
	width: 485px;
	padding-top: 8px;
}

.guide-mainte .box3 img {
	margin-right: 25px;
}

/*--------------------*/
.guide-meter .box1 {
	margin-bottom: 9px;
}

.guide-meter .text1 {
	font-size: 22px;
	margin-bottom: 20px;
}

.guide-meter .text2 {
	margin-bottom: 20px;
}

.guide-meter .box2 {
	margin-bottom: 34px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 58px;
}

.guide-meter .box2-1 {
	margin-bottom: 9px;
	background: url(../../common/img/icon4.gif) 50% 100% no-repeat;
	padding-bottom: 15px;
}

.guide-meter .step1 img {
	margin-right: 30px;
}

.guide-meter .step2 img {
	margin-right: 70px;
	margin-top: 10px;
}

.guide-meter .step3 img {
	margin-right: 70px;
	margin-top: 10px;
}

.guide-meter .step4 img {
	margin-right: 30px;
	margin-top: 15px;
}

.guide-meter .step4 {
	background: none;
	margin-bottom: 25px;
}

.guide-meter .text3 {
	padding-left: 5px;
	width: 460px;
}

.guide-meter .box2-2 {
	margin-bottom: 10px;
	background-color: #FFF8E1;
	padding: 23px 24px 16px 24px;
}

.guide-meter .box2-2 .name {
	color: #FF7F00;
	margin-bottom: 10px;
}

@media screen and (max-width:640px) {
	.guide-index .text1 {
		font-size: 18px;
		line-height: 1.8;
	}

	.guide-used .text1 {
		font-size: 18px;
		line-height: 1.8;
	}

	.guide-smell .text1 {
		font-size: 18px;
		line-height: 1.8;
	}

	.guide-smell .text2 {
		font-size: 18px;
		line-height: 1.8;
	}

	.guide-smell .box2-1 {
		width: 100%;
		text-align: center;
	}

	.guide-smell .box2-1:after,
	.guide-smell .box2-2:after {
		font-family: icomoon;
		content: "\e903";
		font-size: 40px;
		color: #FFDD6C;
	}

	.guide-smell .box2-1 img {
		margin-left: 0;
		margin-bottom: 0;
	}

	.guide-smell .box2-1 p {
	}

	.guide-smell .box2-2 {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.guide-smell .box2-2 p {
		padding-left: 0;
	}

	.guide-smell .box2-3 {
		width: 100%;
		text-align: center;
	}

	.guide-smell .box2-2 img.-pc,
	.guide-smell .box2-3 img.-pc {
		display: none;
	}

	.guide-smell .box2-2 img.-sp,
	.guide-smell .box2-3 img.-sp {
		display: inline;
	}

	.guide-smell .box2-3 p {
		padding-left: 0;
	}

	.guide-smell .text3 {
		padding-left: 0;
		padding-top: 0;
	}

	.guide-quake .text1 {
		font-size: 18px;
		line-height: 1.8;
	}

	.guide-quake .box2-1 {
		width: 100%;
		text-align: center;
	}

	.guide-quake .box2-1:after,
	.guide-quake .box2-2:after {
		font-family: icomoon;
		content: "\e903";
		font-size: 40px;
		color: #FFDD6C;
	}

	.guide-quake .box2-1 img {
		margin-left: 0;
		margin-bottom: 0;
	}

	.guide-quake .box2-1 p {
		text-align: left;
	}

	.guide-quake .box2-2 {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.guide-quake .box2-2 p {
		padding-left: 0;
		text-align: left;
	}

	.guide-quake .box2-3 {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.guide-quake .box2-3 p {
		padding-left: 0;
		text-align: left;
	}

	.guide-quake .box2-3 img {
		margin-bottom: 30px;
	}

	.guide-quake .box2-2 img.-pc,
	.guide-quake .box2-3 img.-pc {
		display: none;
	}

	.guide-quake .box2-2 img.-sp,
	.guide-quake .box2-3 img.-sp {
		display: inline;
	}

	.guide-mainte .text1 {
		font-size: 18px;
		line-height: 1.8;
	}

	.guide-mainte .text3 {
		width: 100%;
	}

	.guide-meter .text1 {
		font-size: 18px;
		line-height: 1.8;
	}

	.guide-meter .text3 {
		width: 100%;
		padding-left: 0;
		text-align: left;
	}

	.guide-meter .box2-1 {
		text-align: center;
		padding-bottom: 45px;
	}

	.guide-meter .right-col {
		float: none;
	}

	.guide-meter .step1 img {
		margin-right: 0;
		margin-top: 10px;
	}

	.guide-meter .step3 img {
		margin-right: 0;
	}

	.guide-meter .step4 img {
		margin-right: 0;
	}

	.guide-meter .box2 {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}

}