@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#conts {
	padding-bottom: 42px;
}

#conts .topImg {
	margin: 0 0 28px 10px;
}

#conts p {
	line-height: 1.75;
}

#conts .text01 {
	margin: 0 10px 33px;
}

#conts .text02 {
	margin: 0 10px 28px;
}

#conts .imgBox {
	margin: 0 0 44px 10px;
	position: relative;
}

#conts .imgBox span {
	position: absolute;
	left: 7.5%;
	top: 46.5%;
	width: 42%;
}

#conts .title {
	margin-bottom: 33px;
}

#conts .inner {
	margin: 0 10px 23px;
}

#conts .inner01 {
	margin: 0 6px 85px 10px;
}

#conts .inner .photoBox {
	float: right;
}

#conts .inner01 .photoBox {
	padding-top: 9px;
}

#conts .inner .textBox {
	float: left;
	width: 345px;
}

#conts .stepBox {
	margin: 0 0 39px 11px;
}

#conts .listImg {
	margin: 0 11px 36px;
	position: relative;
}

#conts .listImg .speImg {
	position: absolute;
	left: 430px;
	top: 139px;
}

#conts .innerBox {
	margin: 0 11px 54px;
	padding: 14px 14px 12px 23px;
	background-color: #FBED20;
}

#conts .innerBox .photoBox {
	float: right;
}

#conts .innerBox .textBox {
	padding-top: 18px;
	width: 360px;
	float: left;
}

#conts .qaDl {
	text-align: center;
}

#conts .qaDl img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

#conts .qaDl dt {
	margin: 30px 0 21px;
	font-size: 15px;
	font-weight: bold;
}

#conts .qaDl dd {
	padding-bottom: 20px;
	line-height: 1.75;
	background: url(../img/shisuiban/line.gif) repeat-x left bottom;
}

#conts .qaDl dd span {
	padding: 5px 0 5px 45px;
	display: inline-block;
	text-align: left;
	background: url(../img/shisuiban/a_img.gif) no-repeat left 2px;
}

@media all and (min-width: 0) and (max-width: 640px) {
	#conts {
		padding-bottom: 25px;
	}
	
	#conts .topImg {
		margin: 0 0 18px;
		width: 84%;
	}
	
	#conts .topImg img {
		width: 100%;
	}
	
	#conts p {
		font-size: 6px;
	}
	
	#conts .text01 {
		margin: 0 0 10px;
	}
	
	#conts .text02 {
		margin-bottom: 20px;
	}
	
	#conts .imgBox {
		margin: 0 0 26px;
	}
	
	#conts .imgBox img {
		width: 100%;
	}
	
	#conts .imgBox span {
		top: 47.5%;
		font-size: 6px;
		line-height: 1.4;
	}
	
	#conts .title {
		margin-bottom: 10px;
	}
	
	#conts .title img {
		width: 100%;
	}
	
	#conts .inner {
		margin: 0 0 12px 0;
	}
	
	#conts .inner01 {
		margin-bottom: 30px;
	}
	
	#conts .inner .photoBox {
		width: 45%;
	}
	
	#conts .inner01 .photoBox {
		width: 42%;
	}
	
	#conts .inner .photoBox img {
		width: 100%;
	}
	
	#conts .inner .textBox {
		width: 50%;
	}
	
	#conts .stepBox {
		margin: 0 0 26px;
	}
	
	#conts .stepBox img {
		width: 100%;
	}
	
	#conts .listImg {
		margin: 0 0 16px;
	}
	
	#conts .listImg img {
		width: 100%;
	}
	
	#conts .listImg .speImg {
		left: 68%;
		top: 80%;
		width: 8%;
	}
	
	#conts .innerBox {
		margin: 0 0 25px;
		padding: 7px;
	}
	
	#conts .innerBox .photoBox {
		width: 35%;
	}
	
	#conts .innerBox .photoBox img {
		width: 100%;
	}
	
	#conts .innerBox .textBox {
		padding: 4px 0 0;
		width: 61%;
	}
	
	#conts .innerBox .textBox img {
		width: 100%;
	}
	
	#conts .qaDl dt {
		margin: 20px 0 15px;
		font-size: 8px;
	}
	
	#conts .qaDl dt img {
		width: 29px;
	}
	
	#conts .qaDl dd {
		background: url(../img/shisuiban/line.gif) repeat-x left bottom;
		background-size: 3px 1px;
		padding-bottom: 10px;
		font-size: 6px;
	}
	
	#conts .qaDl dd span {
		padding: 2px 0 1px 25px;
		background: url(../img/shisuiban/a_img.gif) no-repeat left top;
		background-size: 17px 11px;
	}
}

@media all and (min-width: 641px) and (max-width: 1024px) {
	#conts .topImg {
		width: 70%;
	}
	
	#conts .topImg img {
		width: 100%;
	}
	
	#conts .imgBox img {
		width: 100%;
	}
	
	#conts .imgBox span {
		font-size: 11px;
	}
	
	#conts .title img {
		width: 100%;
	}
	
	#conts .inner .photoBox {
		width: 40%;
	}
	
	#conts .inner01 .photoBox {
		width: 36%;
	}
	
	#conts .inner .photoBox img {
		width: 100%;
	}
	
	#conts .inner .textBox {
		width: 55%;
	}
	
	#conts .inner01 .textBox {
		width: 58%;
	}
	
	#conts .stepBox img {
		width: 100%;
	}
	
	#conts .listImg img {
		width: 100%;
	}
	
	#conts .listImg .speImg {
		left: 68%;
		top: 82%;
		width: 8%;
	}
	
	#conts .innerBox .photoBox {
		width: 30%;
	}
	
	#conts .innerBox .photoBox img {
		width: 100%;
	}
	
	#conts .innerBox .textBox {
		padding-top: 1%;
		width: 65%;
	}
	
	#conts .innerBox .textBox img {
		width: 100%;
	}
}