@charset "utf-8";
@import "default.css";
@import "jquery.megamenu.css";
@import "base2018.css";
@import "meanmenu.css";

/*===============================================
●画面の横幅が641px以上
===============================================*/
@media screen and (min-width : 640px ){
#pc------------------------------------------- {
}
main {
	padding-bottom: 100px;
}
main .main_photo {
	margin-bottom: 20px;
}
main nav ul li {
	margin-top: 30px;
}
main nav ul li:last-child {
	margin-bottom: 0px;
}


}






/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	
/*===============================================
●sp
===============================================*/
#sp640------------------------------------------- {
}
main {
	background-image: url(../images/index/main_photo.png);
	background-repeat: no-repeat;
	background-position: 100% 0;
	width: 100%;
	background-size: 100%;
}
main .main_photo {
	margin-bottom: 20px;
}
main nav ul li {
	margin-top: 20px;
}
main nav ul li:last-child {
	margin-bottom: 50px;
}
}



/*===============================================
●画面の横幅が400pxまで
===============================================*/
@media screen and (max-width:400px){
/*===============================================
●sp
===============================================*/
#sp400------------------------------------------- {
}
}