@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
.nav-list{
	height: 100%;
}
.nav-item a{
	display: flex !important;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	height: 100%;
}
.header .main .main-item img {
	height: 100vh !important;
	width: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit:cover;";
}
.header .bottom .inner .logo{
	max-width: 370px;
}
.header .bottom .inner .logo a{
	display: inline;
	vertical-align: super;
}
.header .bottom .inner {
	padding-top: 0;
	padding-bottom: 0;
	-ms-align-items: center;
	align-items: center;
	height: 40px;
}
.header .bottom {
	height: 40px;
	bottom: 40px;
	background: rgba(0,0,0,60%);
}
#footer, .footer {
	height: 38px;
	background: rgba(0,0,0,60%);
}
#footer .inner, .footer .inner {
	padding-top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}
#footer .left p, .footer .left p,#footer .left p a, .footer .left p a {
	color: #999;
	font-size: 10px;
}
small a {
	font-size: 10px;
	color: #999 !important;
}
@media screen and (max-width: 1200px) {
	.header .bottom {
		bottom: 46px;
	}
	.header .bottom,.header .bottom .inner {
		height: 70px;
	}
	#footer, .footer {
		height: auto;
		padding: 5px 0;
	}
}
@media screen and (max-width: 834px) {
	.header .bottom {
		bottom: 46px;
	}
	.header .bottom,.header .bottom .inner {
		height: auto;
	}
	#footer, .footer {
		height: auto;
		padding: 5px 0;
	}
	.open #nav-toggle span {
		background: #fff;
	}
	.nav-list{
		height: auto;
	}
	.nav-item a{
		display: flex !important;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#nav_sp{
		background: rgba(0,0,0,0.9) !important;
	}
	#nav_sp::before{
		background: rgba(0,0,0,0.9) !important;
	}
	#nav_sp .nav_wrap .nav-item a{
		align-items: center;
		justify-content: flex-start;
	}
}
@media screen and (max-width: 523px) {
	.header .bottom {
		bottom: 60px;
	}
}