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

#mv,
#mv01,
#mv02{
	position: relative;
	padding-top: 85px;
	background-image: url("../img/company/mv.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 550px;
	background-position: center center;
	z-index: 5;
}

.contact #mv{
	background-image: url("../img/contact/mv.jpg");
}

.restaurant #mv{
	background-image: url("../img/restaurant/mv.jpg");
}

.sdgs #mv {
    background-image: url("../img/sdgs/mv01.jpg");
}

.shoplist #mv {
    background-image: url("../img/shoplist/mv01.jpg");
}


#syoga #mv01{
	background-image: url("../img/item/mv01.jpg");
	background-position: center top;
}

#potato #mv02{
	background-image: url("../img/item/mv02.jpg");
	height: 400px;
}



/*画面サイズが1100px以下の場合*/
@media screen and (max-width: 1100px) {

}

/*画面サイズが900px以下の場合*/
@media screen and (max-width: 900px) {

}

/*画面サイズが800px以下の場合*/
@media screen and (max-width: 800px) {
	#mv{
		height: 350px;
	}
}

/*画面サイズが780px以下の場合*/
@media screen and (max-width: 780px) {
	
}

/*画面サイズが680px以下の場合*/
@media screen and (max-width: 680px) {
	
	.restaurant #mv{
		background-position-y: 50px;
	}
	
	#mv,
	#mv01,
	#mv02{
		height: 290px;
	}
	
	#potato #mv02{
		height: 200px;
	}
	
}

/*画面サイズが600px以下の場合*/
@media screen and (max-width: 600px) {
	
}

/*画面サイズが480px以下の場合*/
@media screen and (max-width: 480px) {

}

/*画面サイズが400px以下の場合*/
@media screen and (max-width: 400px) {

}