@charset "utf-8";


.sub_top_img {
	background-image: url(../../common/img/pic_bike.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 28.5%;	/*画像縦横比を保つための値*/
	position: relative;	/*画像上テキストの位置指定用*/
}

.content .pb30 {
	margin-left:40px;
	padding-bottom: 20px;
	width:694px;
	height:auto;
}

.content .denpyo_txt{
	font-size:80%;
}

.content .back_btn a {
    font-size: 20px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    border: 5px solid #0085B2;
    text-decoration: none;
    display: block;
    width: 20%;
    background-color: #0085B2;
    line-height: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 40px;
}
.content .back_btn a:hover {
	color: #0085B2;
	background-color: #FFF;
	border-top-color: #0085B2;
	border-right-color: #0085B2;
	border-bottom-color: #0085B2;
	border-left-color: #0085B2;
}

@media screen and (min-width:1200px){



}
/*(/1200～)*/


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


}
/*(/～960)*/


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

	.content .pb30 {
		margin-left:auto;
		margin-right:auto;
	}

}
/*(/～780)*/

@media screen and (max-width:760px){
	.content .pb30{
		width:90%;
	}
}

@media screen and (min-width:641px){


}
/*(641～)*/


@media screen and (max-width:640px){
	
	.content .accept{
		font-size:30px;
	}

	.content .back_btn a {
		width:50%;
		margin:0 auto;
	}

}
/*(/～640)*/


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

	.content .accept{
		font-size:22px;
	}

}
/*(/～460)*/

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

	.content .accept{
		font-size:20px;
	}

}
/*(/～400)*/

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

	.content .accept{
		font-size:17px;
	}

}
/*(/～400)*/