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

@media screen and ( max-width: 1050px ) {
	.copyright{
		margin:30px 0 0 0px;
		width: 100%;
	}
}
@media screen and ( max-width: 1000px ) {
	.header,.gnav{
		display: none;
	}
.sp_btn {
	display: block;
	margin: 0 0 10px 10px;
	display: block;
	position: absolute;
	top: 25px;
}
.sp_btn img{
		margin-right: 10px;
	}
.container{
	width: 100%;
}
.sp_logo {
	display: block;
	max-width: 441px;
	margin: auto;
	padding: 10px 0;
}
	.sp_logo img {
	width: 100%;
	height: 100%;
	}

/*footer-bottom*/
.footer-bottom{
	padding: 0 10%;
}

.page-pankuzu {
    padding: 10px;
    width: auto;
    margin: auto;
}

@media screen and ( max-width: 900px ) {
.footer-nav ul {
	padding: 30px 20% 10px 20%;
	}
}
@media screen and ( max-width: 767px ){
.inner{
	width: 100%;
	}
.summary-inner{
	width: 100%;
	}
.main-visual img {
	width: 100%;
	height:183px;
	object-fit: cover;
	}
.title{
	font-size: 180%;
	}
.left-img{
	float: none;
	}
}
@media screen and ( max-width: 702px ) {
	.footer-left {
	margin-bottom: 20px;
	}
	.adress {
	float: none;
	clear: both;
	}
}

@media screen and ( max-width: 520px ) {	
	.sp_btn{
		display: block;
		margin:0 0 10px 10px;
		display: block;
		position: absolute;
	}
}
	
@media screen and (max-width: 476px){
.sp_logo {
	width: 90%;
	}

}