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


#wrapper{
	width:calc(100% - 20px);
}

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



.piano_basyo {
width: 100%;
height: auto;
}

.piano_illust {
width: 50%;
margin:0;
margin-bottom: -150px;
left: calc(25%);
}


.gnavi ul{
	gap:12px 12px;
	flex-flow:wrap;
}

.gnavi ul li{
	width:calc(50% - 6px);
	display:block;
}


.news ul li dl dt{
	width:100%;
	display:block;
	margin:0;
}

.news ul li dl dd{
	width:100%;
	margin:0;
	display:block;
}





}