@charset "utf-8";

#contents section {
	margin-bottom: 50px;
}

.howto_title h3 {
	font-size: 30px;
}

.howto_title ul {
	width: 60%;
	margin: 0 20%;
}

.howto_title li {
	width: 31.3%;
	float: left;
	margin: 0 1%;
}

/* 説明 */

#howto01 .inr {
	border: 5px solid #EEE;
}

.howto01_title02,
.howto01_btm {
	background-color: #EEEEEE;
	text-align: center;
}

.howto01_title02 {
	margin-bottom: 20px;
}

.howto01_title02 img {
	width: 66%;
	margin: 30px auto;
}

#howto01 dl {
	margin: 0 3% 0 13%;
}

#howto01 dt {
	width: 32%;
	float: left;
	margin-bottom: 30px;
}

#howto01 dd {
	width: 50%;
	float: left;
	margin-bottom: 30px;
}

.howto01_btm {
	clear: both;
}

.howto01_btm img {
	width: 80%;
	margin: 40px auto;
}

.howtp_pagetop p {
	display: block;
	width: 100%;
	text-align: right;
}

.howtp_pagetop img {
	width: 180px;
	float: right;
}





@media screen and (max-width:640px){

.howto_title h3 {
	font-size: 20px;
	padding-left: 20px; 
	margin-top: 20px;
}

.howto_title ul {
	width: 80%;
	margin: 0 10%;
}

.howto_title li {
	width: 31.3%;
	float: left;
	margin: 0 1%;
}

.howto01_title02 {
	margin-bottom: 20px;
}

.howto01_title02 img {
	width: 90%;
	margin: 0 auto;
}

#howto01 dl {
	margin: 0 2% 0 2%;
}

#howto01 dt {
	width: 60%;
	float: none;
	margin: 0 20%;
}

#howto01 dd {
	width: 80%;
	float: none;
	margin: 0 0 10px 20%;
}

.howto01_btm img {
	width: 96%;
	margin: 10px auto;
}

.howtp_pagetop p {
	display: none;
}

.howtp_pagetop img {
	display: none;
}
}