@charset "utf-8";
/* -----------------------------------------------------------
	file: style
----------------------------------------------------------- */

.btn01,
.btnList {
	text-align: center;
}

.btn01 a,
.btnList a {
	margin: 0 auto;
	font-family: 'Noto Sans Japanese';
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	color: #fff;
	background: url(../images/common/ico_btn01.png) no-repeat #f39800;
	border-radius: 4px;
	display: block;
}

.btn01 a:hover,
.btnList a:hover {
	background-color: #6eba44;
}


a:hover .on {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


@media (min-width: 640px) {

	.pc { display: block;}
	.sp { display: none;}
	
	.btn01 a {
		width: 470px;
		padding: 12px 0;
		background-position: 76% 50%;
	}

	.btnList li {
		list-style: none;
		float: left;
	}

	.btnList li:first-child {
		margin-right: 20px;
	}

	.btnList a {
		width: 390px;
		padding: 15px 0;
		background-position: 85% 50%;
	}
	
}


@media (max-width: 639px) {

	.pc { display: none;}
	.sp { display: block;}

	img {
		max-width: 100%;
	}
	

	.btn01 a,
	.btnList a {
		width: 90%;
		padding: 15px 0;
		background-position: 95% 50%;
	}

	.btnList {
		padding-left: 0;
	}

	.btnList li {
		width: 100%;
		margin: 20px 0 auto;
		list-style: none;
	}

	
}