@charset "UTF-8";


/******************************************************************
	info
******************************************************************/

.info p{
	font-size: 1.5rem;
	line-height: 180%;
}
.info > p{
	margin: 0 0 70px 0;
}
@media only screen and (max-width: 500px) {

	.info p{
		font-size: 1.3rem;
		line-height: 180%;
	}

}


/* dl
=======================*/
.info ul{
	padding: 0 20px;
	margin: 0 auto 70px auto;
}
.info ul li{
	font-size: 1.5rem;
	line-height: 180%;
	margin: 0 0 20px 0;
}
.info ul li span{
	width: 15%;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0;
	font-weight: normal;
	float: left;
	display: block;
}
.info ul li a{
	width: 85%;
	color: #363636;
	display: block;
	overflow: hidden;
	text-decoration: underline;
}
.info ul li a:hover{
	color: #F07FB1;
}

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

	.info ul{
		padding: 0 20px;
		margin: 0 0 50px 0;
	}

}
@media only screen and (max-width: 500px) {

	.info ul{
		padding: 0;
		margin: 0 0 20px 0;
		overflow: hidden;
	}
	.info ul li{
		font-size: 1.3rem;
		line-height: 180%;
		margin: 0 0 20px 0;
	}
	.info ul li span{
		width: 100%;
		float: left;
		clear: both;
	}
	.info ul li a{
		width: 100%;
		float: left;
		clear: both;
		margin: 0 0 20px 0;
	}
}