@charset "UTF-8";
/* CSS Document */

.al-c{
	text-align:center;
}

.al-l{
	text-align:left;
}

.al-r{
	text-align:right;
}

.red{
	color: red;
}

.blue{
	color: blue;
}

.white{
	color: white;
}

.black{
	color: black;
}

.error{
	color:red;
}

.b{
	font-weight:bold;
}

.mr-5{
	margin-right:5px;
}
.mr-10{
	margin-right:10px;
}
.mr-15{
	margin-right:15px;
}
.mr-20{
	margin-right:20px;
}
.mr-25{
	margin-right:25px;
}

.ml-5{
	margin-left:5px;
}
.ml-10{
	margin-left:10px;
}
.ml-15{
	margin-left:15px;
}
.ml-20{
	margin-left:20px;
}
.ml-25{
	margin-left:25px;
}

.mt-5{
	margin-top:5px;
}
.mt-10{
	margin-top:10px;
}
.mt-15{
	margin-top:15px;
}
.mt-20{
	margin-top:20px;
}
.mt-25{
	margin-top:25px;
}

.mb-5{
	margin-bottom:5px;
}
.mb-10{
	margin-bottom:10px;
}
.mb-15{
	margin-bottom:15px;
}
.mb-20{
	margin-bottom:20px;
}
.mb-25{
	margin-bottom:25px;
}
.mb-30{
	margin-bottom:30px;
}
.mb-35{
	margin-bottom:35px;
}
.mb-40{
	margin-bottom:40px;
}


.f12px{
	font-size:12px;
}
.f16px{
	font-size:16px;
}

.clearfix{
	clear:both;
}

.clearfix:after{
	content:"";
	display:block;
	width:0;
	height:0;
	clear:both;
}

.sp{
	display:none;
}
@media screen and (max-width: 480px){
	.sp{
		display:block;
	}
	
	.pc{
		display:none;
	}
}