@charset "utf-8";

:root {
	--accentColor:#ff06be;
}

body{
	font-family:'Zen Kaku Gothic New',sans-serif;
	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;}

	/* ///////////////////////////////////////////////////// */
	.headWrap .headBox{
		width:96%;
		margin:0 auto 0;
		padding:2% 2%;
		border-bottom:1px solid #000000;
	}
	.headWrap .headBox .logoBox{
		width:40%;
		max-width:200px;
	}

	/* ///////////////////////////////////////////////////// */
	.footWrap p{
		padding:7% 0;
		text-align:center;
	}
}

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

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

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

	.alpHov, .ppClickTxt{
		opacity:1;
		transition: all 0.4s ease;
	}
	.alpHov:hover, .ppClickTxt:hover{
		opacity:0.5;
	}

	/* ///////////////////////////////////////////////////// */
	.headWrap{}
	.headWrap .headBox{
		width:95%;
		margin:0 auto 0;
		padding:15px 20px;
		border-bottom:1px solid #000000;
	}
	.headWrap .headBox .logoBox{
		width:250px;
	}
	

	/* ///////////////////////////////////////////////////// */
	.footWrap p{
		padding:35px 0;
		text-align:center;
	}



}