@charset "utf-8";

/*--------------------
	common
--------------------*/

body {
	background: #1C2A55 ;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
    position:relative;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

body,
input,
textarea,
select {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.8 !important;
	letter-spacing:0.1em;
	color: #FFF;
	-webkit-text-size-adjust: 100%;
}


/*  index
------------------------*/

#home {
	position: relative;
	height: 100vh;
}

#home #wrap {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
	text-align:center;
}

	@media only screen and (max-width: 768px) {
		#home #wrap {
		    top: 50%;
    		left: auto;
    		width:100%;
    		margin:0 auto;
		    transform: translateY(-50%) translateX(0%);
  		  -webkit-transform: translateY(-50%) translateX(0%);
		}
	}

#home #wrap .logo {
	padding-bottom:15px;
	width:60%;
	max-width:180px;
	margin:0 auto;
}

	@media only screen and (max-width: 768px) {
		#home #wrap .logo {
			width:28%;
			max-width:180px;
		}
	}

#home #wrap .logo img {
	width:100%;
	height:auto;
}

address {
	text-align:center;
	position:absolute;
	width:100%;
	bottom:20px;
	font-size:0.8em;
	font-style:normal;
}