@charset "utf-8";

/*------------------------------------------------------------------
	top.css
------------------------------------------------------------------*/
@media screen and (min-width: 641px){

.slider{ background:#000; margin-bottom:22px; min-height:675px;
max-height:720px;
height:100% !important;
background: no-repeat center center;
	width:100%;
	max-width: 1500px;
	margin: 0 auto !important;}


h1.toph1{
	width: 312px;
	height: 150px;
	position: absolute;
	top: 120px;
	left: 0px;
	right: 600px;
	margin: auto;
	z-index: 1000;
}
h1.toph1 a{}
h1.toph1 a:hover{ opacity:0.5;}
h1.toph1 a img{ width:312px; height:auto;}
}

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

.slider{ background:#000; margin-bottom:22px; min-height:500px;
height:100% !important; width:100%; overflow:hidden;
background: no-repeat center center;
}
.slider img{ width: auto; height:133px;}

h1.toph1{
	width: 70%;
	position: absolute;
	top: 70px;
	left: 0px;
	right: 0px;
	margin: auto;
	z-index: 1000;
}
h1.toph1 a{}
h1.toph1 a:hover{ opacity:0.5;}
h1.toph1 a img{ width:100%; height:auto;}

}