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


/* loader　ローディング 
-------------------------------*/
#loader-bg {position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: #000; z-index: 500;}
#loader { position: fixed; top: 50%; left: 50%; width: 24px; height: 24px; background: url(../../station/img/loading.gif) no-repeat ; background-size: contain; margin-top: -12px; margin-left: -12px; text-align: center;  z-index: 501;}

/*------------------------------------------------------
		header
-------------------------------------------------------*/ 
header { width: 100%; height:auto; background: #; border-top: solid 7px #444;}
header h1{ width: 175px; opacity: 1; margin: 0 auto 0; padding: 28px 0 30px; }

/*------------------------------------------------------
		main
-------------------------------------------------------*/ 
#main{width: 100%; overflow: hidden;}
#main ul::after { content:" "; display:block; clear:both;}/*clearfix*/
#main ul li{ float: left; width: 50%; text-align: center; position: relative; }

#main ul{display: flex; flex-direction: row; justify-content: space-evenly;}
#main ul li a{ text-decoration: none; color: #333; padding: 100px 0 170px; display: block; width: 100%;}
#main ul li a:hover{ color: #666;}

#main ul li a h2{ font-size: 150%; line-height: 1; letter-spacing: 5px; margin-top: 47px; font-weight: normal;}
#main ul li a p{ font-size: 100%; line-height: 1; letter-spacing: 3px; margin-top: 23px; position: relative;}

#main ul li a p::after { background:url(../img/arrow.png) no-repeat;  no-repeat ; left: 50%; bottom: -60px; width: 74px; height: 11px; margin-left: -40px;  position: absolute; content:" "; display:block;  z-index: 5; transition: 0.4s;}
#main ul li a:hover p::after { background:url(../img/arrow.png) no-repeat;  no-repeat ; left: 51%; bottom: -60px; width: 74px; height: 11px; margin-left: -40px;  position: absolute; content:" "; display:block;  z-index: 5; }

#main ul li a img { transform: scale(1.0); transition: 0.7s; }	
#main ul li a:hover img { transform: scale(1.07); }

#main ul li:nth-child(1) a{ background: #f7f7f7;transition: 0.7s;}
#main ul li:nth-child(2) a{ background: #ededed;transition: 0.7s;}
#main ul li:nth-child(1) a:hover{ background: #ddd;}
#main ul li:nth-child(2) a:hover{ background: #ddd;}



/*------------------------------------------------------
		contets
-------------------------------------------------------*/ 

#contents{
	width: 80%;
    margin: 0 auto;
    padding: 0 10%;
    clear: both;
}

#contents h2 {
    color: #16a6b6;
    font-size: 34px;
    font-weight:bold;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
}

#contents p{
	line-height: 1.8;
}

@media screen and (max-width:500px){
	#contents h2 {
    font-size: 24px;
    margin-bottom: 40px;
}

}