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

.bannertop{
	width:100%;
	background-color:#fff;
	overflow-x:hidden;
	}
	
.wrapperba{
	max-width:954px;
	width:100%;
	height:auto;
	padding-top:90px;
	padding-bottom:-10px;
	margin:0px auto 0px;
	}
	
.wrapperba2{
	display:none;}
	
.bannertop2{
	width:100%;
	background-color:#fff;
	overflow-x:hidden;}
	

.wrapperba img,.wrapperba2 img{
	width:100%;
	height:auto;}



/*2024tel*/
.wrappertel{
	max-width:940px;
	width:96%;
	border:#CC3333 8px solid;
	padding-top:40px;
	padding-bottom:30px;
	margin:90px auto 0px;
	text-align:center;
	}
	
.wrappertel2{
	display:none;}
	
.wrappertelp{
	margin:0px auto;
	width:70%;
	height:auto;}

.wrappertelp img{
	width:100%;
	height:auto;}


@media only screen and (max-width:768px){
	
.wrappertelp{
	margin:0px auto;
	width:90%;
	height:auto;}
}


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

.wrapperba{
	display:none;}
	
.wrapperba2{
	display:inherit;
	width:98%;
	padding-top:90px;
	padding-bottom:-100px;
	margin:0px auto;}

}


@media only screen and (max-width:480px){
.wrappertel{
	display:none;}	

.wrappertel2{
	display:inherit;
	max-width:480px;
	width:100%;
	border:none;
	padding-top:-10px;
	padding-bottom:30px;
	margin:50px auto 0px;
	text-align:center;
	}
}

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

.wrapperba2{
	padding-top:70px;}
}

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

.wrapperba2{
	padding-top:62px;}
}


/*すべてのやつ*/	
	
.alltophako{
	width:100%;
	background-color:#fff;
	}
	
.allwrapperhako{
	max-width:960px;
	width:100%;
	margin:0px auto -6px;
	}
		
.allwrapperhako80{
	max-width:800px;
	width:80%;
	margin:0px auto -6px;
	}
	
.allwrapperhako2{
	display:none;
	}
	
.allwrapperhako img,.allwrapperhako80 img,.allwrapperhako2 img{
	width:100%;
	height:auto;}

@media only screen and (max-width:480px){
	
.allwrapperhako,.allwrapperhako80{
	display:none;
	}
	
.allwrapperhako2{
	display:inherit;
	width:100%;
	margin:0px auto -6px;
	}

	
}