@charset "utf-8";

.en_min,
.en_min *{
	font-family: latino-urw, serif;
	font-weight: 500;
}
.en_min.bold,
.en_min.bold *{
	font-family: latino-urw, serif;
	font-weight: 700;
}



/***************************** Header ***********/
header nav{
	position: fixed;
	top: 0;
	z-index: 999;
	display: flex;
	justify-content: space-between;
	width: 100vw;
}
@media screen and (max-width:900px) {
}
@media screen and (max-width: 767px) {
}


header #navi{
	opacity: 0;
}
header #navi.active{
	opacity: 1;
}
header #navi h1 a{
	width: 310px;
	padding: 10px 20px;
	display: block;
	box-sizing: border-box;
}
header #navi .nav{
	display: flex;
	justify-content: center;
	margin-top: 0px;
	position: absolute;
	top: 20px;
	right: 50px;
}
header #navi .nav li{
	margin: 0 15px;
	position: relative;
}
header #navi .nav li a{
	font-family: latino-urw, serif;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 3px;
	color: #084F8D;
	transition: all .3s ease;
}
header #navi .nav li:hover a{
	border-bottom: 1px solid #084F8D;
}
header #navi .nav li span{
	position: absolute;
	display: block;
	line-height: 100%;
	width: 200%;
	text-align: center;
	font-size: 13px;
	bottom: -18px;
	left: 50%;
	transform: translateY(0%) translateX(-50%);
	-webkit- transform: translateY(0%) translateX(-50%);
	color: #084F8D;
	letter-spacing: 1px;
	display: none;
	transition: all .3s cubic-bezier(.215,.61,.355,1);
}
header #navi .nav li.over span{
	display: block;
    animation: show .3s linear 0s;
}
@media screen and (max-width:1100px) {
	header #navi .nav {
		right: 30px;
	}
	header #navi .nav li a {
		font-size: 15px;
		letter-spacing: 2px;
	}
	header #navi .nav li span {
		width: 300%;
		font-size: 12px;
	}
}
@media screen and (max-width:1000px) {
	header #navi h1 a {
		width: 250px;
		padding: 17px 20px;
	}
	header #navi .nav li {
		margin: 0 10px;
	}
	header #navi .nav li a {
		font-size: 14px;
		letter-spacing: 1px;
	}
}
@media screen and (max-width:767px) {
	.drawer-menu {
        text-align: left;
        height: 100vh;
        padding: 30px 0 10px 0 !important;
        box-sizing: border-box;
        color: #FFF;
    }

    .drawer-menu li {
        margin: 0 auto;
        padding: 7px 20px 7px 20px;
        color: #111111;
        width: 100%;
        box-sizing: border-box;
	}

    .drawer-menu li a {
		font-family: latino-urw, serif;
		font-weight: 500;
        color: #0c3f8f;
        font-size: 33px;
        font-weight: bold;
        line-height: 100%;
		letter-spacing: 2px;
    }
	.drawer-menu li span{
        color: #0c3f8f;
		display: block;
		font-size: 3.5vw;
			
	}
	
	.headersp {
		z-index: 105;
		position: relative;
		width: 100vw;
	}
}





footer{
	background: #F2F2F2;
	margin-top: 200px;
	padding-top: 50px;
	position: relative;
}
footer .gotop{
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #084F8D;
	position: absolute;
	top: -40px;
	right: 40px;
}
footer .gotop:after{
	content: "";
	width: 16px;
	height: 16px;
	border: 1px solid #FFF;
	border-right: none;
	border-bottom: none;
	position: absolute;
	top: calc(50% - 8px);
	left: calc(50% - 8px);
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	transform: rotate(45deg);
}
footer .mark{
	display: block;
	margin: 0 auto 25px;
}
footer .copy{
	background: #1E3143;
	color: #FFF;
	text-align: center;
	font-size: 12px;
	padding: 10px;
	letter-spacing: 2px;
}
footer .nav{
	display: flex;
	justify-content: center;
	margin-bottom: 80px;
}
footer .nav li{
	margin: 0 10px;
	position: relative;
}
footer .nav li a{
	font-family: latino-urw, serif;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 2px;
	color: #484848;
}
footer .nav li:hover a{
	border-bottom: 1px solid #111;
}
footer .nav li span{
	position: absolute;
	display: block;
	line-height: 100%;
	width: 300%;
	text-align: center;
	bottom: -18px;
	left: 50%;
	transform: translateY(0%) translateX(-50%);
	-webkit- transform: translateY(0%) translateX(-50%);
	color: #111;
	letter-spacing: 2px;
	display: none;
	transition: all .3s cubic-bezier(.215,.61,.355,1);
	font-size: 12px;
}
footer .nav li.over span{
	display: block;
    animation: show .3s linear 0s;
}
footer p.addres{
	text-align: center;
	margin-bottom: 40px;
	line-height: 150%;
}
footer p.addres span{
	display: block;
}
@media screen and (max-width:767px) {
	footer .nav{
		flex-wrap: wrap;
	}
	footer {
		margin-top: 45vw;
		padding-top: 14vw;
		position: relative;
	}
	footer p.addres{
		font-size: 4vw;
		margin-bottom: 20px;
	}
	footer .mark {
		width: 40%;
		margin: 0 auto 10vw;
	}
	footer .nav {
		margin-bottom: 10vw;
	}
	footer .nav li {
		margin: 0 10px 10px;
	}
	footer .copy {
		font-size: 0.6vw;
		letter-spacing: 0px;
	}
	footer .gotop{
		width: 15vw;
		height: 15vw;
		top: -40px;
		right: 10px;
	}
	footer .gotop:after{
		width: 16px;
		height: 16px;
		top: calc(50% - 5px);
		left: calc(50% - 8px);
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		transform: rotate(45deg);
	}
}