/*-------------------

--------HEAD--------

-------------------*/


.top-box {
	width:100%;
	height:100vh;
	min-height: 600px;
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	background: rgba(0,0,0,0.3);
}

.top-box h1{
	width:80%;
	max-width: 650px;
	margin: 0 auto;
}

.top-box h1 img{
	margin-bottom: 5px;
}

.top-box h1 p{
	margin: 10px 0;
	text-align: center;
	color: #fff;
	font-size: 0.42em;
	font-weight: 300;
	letter-spacing: 0.15em;
}

.top-box h1 p span{
	line-height: 0;
	margin-bottom: -8px;
}

.top-box h1 span{
	display: none;
}

.top-box h1 dd{
	display: none;
}


@media (max-width:768px){
	
	.top-box h1{
		width:80%;
	}
	
	.top-box h1 span{
		display: block;
		width: 50%;
		min-width: 240px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.top-box h1 p{
		font-size: 0.35em;
		line-height: 1.7em;
	}
	.top-box h1 p ss{
		display: inline-block;
	}
	
	.top-box h1 dd{
		display: block;
		margin: 0 auto;
		width:100%;
		max-width: 500px;
		margin-top: 20px;
	}
	
	.sp-txt{
		display:block;
	}
	
	.pc-txt{
		display: none;
	}


}

@media (max-width:480px){
	.top-box h1{
		margin-top: 0;
	}
}


@media (max-width:768px){
	
	.top-box h1{
		width:80%;
	}
	
	.top-box h1 span{
		display: block;
		width: 50%;
		min-width: 240px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.top-box h1 p{
		font-size: 0.35em;
		line-height: 1.7em;
	}
	.top-box h1 p ss{
		display: inline-block;
	}
	
	.top-box h1 dd{
		display: block;
		margin: 0 auto;
		width:100%;
		max-width: 500px;
		margin-top: 20px;
	}
	
	.sp-txt{
		display:block;
	}
	
	.pc-txt{
		display: none;
	}


}

@media (max-width:480px){
	.top-box h1{
		margin-top: 0;
	}
}

@media (max-width:768px){
	
	.top-box h1{
		width:80%;
	}
	
	.top-box h1 span{
		display: block;
		width: 50%;
		min-width: 240px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.top-box h1 p{
		font-size: 0.35em;
		line-height: 1.7em;
	}
	.top-box h1 p ss{
		display: inline-block;
	}
	
	.top-box h1 dd{
		display: block;
		margin: 0 auto;
		width:100%;
		max-width: 500px;
		margin-top: 20px;
	}
	
	.sp-txt{
		display:block;
	}
	
	.pc-txt{
		display: none;
	}


}

@media (max-width:480px){
	.top-box h1{
		margin-top: 0;
	}
}

@media (max-width:768px){
	
	.top-box h1{
		width:80%;
	}
	
	.top-box h1 span{
		display: block;
		width: 50%;
		min-width: 240px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.top-box h1 p{
		font-size: 0.35em;
		line-height: 1.7em;
	}
	.top-box h1 p ss{
		display: inline-block;
	}
	
	.top-box h1 dd{
		display: block;
		margin: 0 auto;
		width:100%;
		max-width: 500px;
		margin-top: 20px;
	}
	
	.sp-txt{
		display:block;
	}
	
	.pc-txt{
		display: none;
	}


}

@media (max-width:480px){
	.top-box h1{
		margin-top: 0;
	}
}


.logo-box {
	display: block;
	width: 90%!important;
	max-width: 700px;
	margin-top: 10%!important;	
}

.logo-box dl {
	display: none;
}

.logo-box dt {
	display: none;
}

.logo-box dt img{
	margin: 0!important;
}

@media (max-width:768px){
	
	.logo-box {
		width: 90%!important;
		max-width: 550px!important;
		margin-top: -30px!important;
	}
	
	.logo-box dl {
		display: block;
		width: 80%!important;
		max-width: 400px!important;
		margin: auto;
		margin-bottom: 20px;
	}
	
	.logo-box dt {
		display: block;
		margin: auto;
		width: 100%!important;
		max-width: 400px!important;
		line-height: 0;
		margin-top: 20px;
	}

	
}


.arw-btm-block {
	margin: 0 auto;
	display: inline-block;
	margin-top: 20px;
	color: #fff;
	font-weight: 400;
	font-size: 0.4em;
	line-height: 1.4em;
}

.arw-btm-block img {
	width: 200px;
}

.bt_arw {
	width: 10%;
	margin: 0 auto;
	margin-top: 10px;
	animation: fluffy1 2s ease infinite;
}

@keyframes fluffy1 {
    0% {opacity: 1; transform: scaleX(0) scaley(1);}
   50% {opacity: 1; transform: scaleX(1) scaley(1);}
   100% {opacity: 1; transform: scaleX(0) scaley(1);}
}



@media (max-width:768px){
	
	.arw-btm-block img {
		width: 160px;
		margin-top: 1%;
	}
	
	.bt_arw{
		width: 15%;
		margin: 0 auto;
		margin-top: 10px;
	}
	
}

.icn_fb_li {
	display: none!important;
}

.icn_fb {
	float: right;
	margin-top: 8px!important;
	display: inline-block;
	position: absolute;
	right: 3px!important;
	width: 65px;
	z-index: 1002;
}

@media (max-width:767px){
	
	.icn_fb {
		float: right;
		margin-top: 8px!important;
		display: inline-block;
		position: absolute;
		right: 3px!important;
		width: 55px;
		z-index: 1002;
	}
	
}

.pc-recep {
	color: #ff83a6;
	background: #333;
	margin: 0;
	padding: 5px;
	margin: 15px 0 -10px 0;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}