@charset "utf-8";

body{
	font-family:'Zen Kaku Gothic New',sans-serif;
	font:13px;
	font-size:100%;
	line-height:1;
	letter-spacing:0;
}

.bldFnt{font-weight:bold!important;}
.nmlFnt{font-weight:normal!important;}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	.spHide{display:none !important;}

	.wrapper{
		display:flex;
		width:100%;
		height:100vh;
		justify-content:center;
		align-items:center;
	}
	.wrapper .inner{
		width:80%;
	}

	.wrapper .inner .topBox{
		display:flex;
		align-items:center;
		flex-direction:column-reverse;
	}

	.wrapper .inner .topBox h1{
		margin-top:60px;
		font-size:1.5rem;
		font-weight:500;
	}
	.wrapper .inner .btmBox{
		margin-top:20px;
	}
	.wrapper .inner .btmBox p{
		text-align:center;
		font-size:1.1rem;
		line-height:1.6;
		letter-spacing:3px;
	}
	.wrapper .inner .btmBox p span{
		font-size:1.2rem;
		font-weight:900;
	}

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (min-width:768px){
	.pcHide{display:none !important;}

	a{
		opacity:1;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	a:hover{
		opacity:0.5;
	}


	.wrapper{
		display:flex;
		width:100%;
		height:100vh;
		justify-content:center;
		align-items:center;
	}
	.wrapper .inner{
		width:600px;
	}

	.wrapper .inner .topBox{
		display:flex;
		align-items:center;
		flex-direction:column-reverse;
	}

	.wrapper .inner .topBox h1{
		margin-top:60px;
		font-size:2rem;
		font-weight:500;
	}
	.wrapper .inner .btmBox{
		margin-top:20px;
	}
	.wrapper .inner .btmBox p{
		text-align:center;
		font-size:1.5rem;
		line-height:1.6;
		letter-spacing:3px;
	}
	.wrapper .inner .btmBox p span{
		font-size:1.5rem;
		font-weight:900;
	}

}