@charset "utf-8";
@import url("default.css?v=20231010");
@import url("common.css?v=20231010");
@import url("button.css?v=20231010");
@import url("board.css?v=20231010");
@import url("layoutCommon.css?v=20231010");
@import url("mainCommon.css?v=20231010");
@import url("popupzone.css?v=20231010");
@import url("layout.css?v=20231010");


#container.main {background: url("../../image/elib/main/bg_main.jpg?v=20231010") repeat-x 0 0;}
#container.main::before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../../image/elib/main/img_visual.png?v=20231010") no-repeat 50% 0;}



@media screen and (max-width: 1399px){
    #container.main::before {background-size: auto 844px;}
}

@media screen and (max-width: 1279px){
    #container.main::before {background-size: auto 804px;}
}

@media screen and (max-width: 1099px){
    #container.main::before {background-size: auto 764px;}
}


/* MOBILE */
@media screen and (max-width: 1024px){
	#container.main::before {background-position-x: 40%;}
}

@media screen and (max-width: 768px){
	#container.main {background: url("../../image/elib/main/img_visualM.png?v=20231010") no-repeat 0 0; background-size: contain;}
    #container.main::before {display: none;}
}

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

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

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


/* PC */
@media screen and (min-width: 1025px){
	
}