@charset "UTF-8";
/* CSS Document */
body{
	vcounter-reset: titleNum;
	line-height:normal;
}


@media screen and ( max-width:479px )
{
.contentpage{
	height:auto;
}

.main_img img{
	width:100%;
}
.main_message{
	font-size:16px;
	text-align:center;
	width:90%;
	margin:auto;
	
}
.cont{
	font-size: 16px;
    text-align: left;
    width: 80%;
	margin:100px auto 0;
}	
.cont p{
	margin:30px 0 0;
}	

.m2, .m3, .m4, dl{
	margin:30px 0 0;
	}	
 .contentpage h1{
	font-size:28px;
	font-weight:bold;
	text-align: center;
	margin:30px auto;
	width:80%;
	}
h2{
	font-size: 24px;
    border-bottom: solid #85bf3f 3px;
	}	
.m3{
	font-weight:bold;
	font-size:22px;
	}	
dt{
	font-size:20px;	
	}
dd{
	color:#534741;		
	}	
	
.last_btn img{
		width:80%;
		margin:50px 0 0;
	}
	.cont span{display:none;}	
	
	}
/*---------------------------------------------------------------------------*/
@media screen and (min-width:480px)
{
.contentpage{
	height:auto;
}
#topicPath{
    width: 860px;
    text-align: right;
    margin: auto;	
	}
.main_img img{
	width:100%;
}
.main_message{
	font-size:18px;
	text-align:center;
	
}
.cont{
	font-size: 16px;
    text-align: left;
    width: 750px;
	margin:100px auto 0;
}	
.cont p{
	margin:30px 0 0;
}	

	.m2, .m3, .m4, dl{
	margin:30px 0 0;
	}	
 .contentpage h1{
	font-size:30px;
	font-weight:bold;
	text-align: center;
	margin:30px auto;
	width:750px;
	}
h2{
	font-size: 25px;
    border-bottom: solid #85bf3f 3px;
	}	
.m3{
	font-weight:bold;
	font-size:22px;
	}	
dt{
	font-size:20px;	
	}
dd{
	color:#534741;		
	}	
	
.last_btn img{
		width:350px;
		margin:50px 0 0;
	}	
	.last_btn a:hover{opacity:.8;}	
}