.pc
{
	display:block;
}

.sp
{
	display:none;
}



.headbg
{
	width: 1150px;
	margin:0 auto; 

}
.headl
{
	width: 650px;
	float: left;
}
.headr
{
	width: 450px;
	float: right;
	    max-width: 100% !important; 
    height:auto !important;

}
.headr img
{
	    max-width: 100% !important; 
    height:auto !important;

}


.head1
{
	text-align: center;
	margin-bottom: 25px;
}
.head1 img
{
	text-align: center;
	padding: 0px;
	margin: 0px;
	    max-width: 100% !important; 
    height:auto !important;
}






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

.sp
{
	display:block;
}
	
	
img { 
    max-width: 100% !important; 
    height:auto !important;
	}

	
	

.headbg
{
	width: 100%;
	margin:0 auto; 
	box-sizing: border-box;
	padding: 0px 15px;

}
.headl
{
	width: 100%;
	float: none;
}
.headr
{
	width: 100%;
	float: none;
 max-width: 100% !important; 
    height:auto !important;
		box-sizing: border-box;
	padding: 0px 25px;


}

	
}