@font-face {
	font-family: 'Conthrax';
	src: url('../fonts/conthrax-sb.ttf');
}
body, html {
	font-family: "Myriad Pro", Arial;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.pc{
	display: block;
}
.phone{
	display: none;
}
@media (max-width: 768px){
	.pc{
		display: none;
	}
	.phone{
		display: block;
	}
}

.header{
	width: 64%; height: 55px; margin: auto; text-align: right; line-height: 30px; padding-top: 20px; display: flex; justify-content: flex-end; align-items: flex-start;
}
.header div{
	width: auto;
	margin: 0 1.2vw;
	font-size: 1vw;
	text-transform:uppercase;
	cursor: pointer;
}
.header div ul{
	width: 10vw; height: 50px; padding: 20px 0; text-align: center; position:absolute; font-size: 0.8vw; top: 20px; left: -2.6vw; color: #000; margin: 0; z-index: 999; display: none;
}
.header div ul li{
	line-height: 2vw;
}
.header div ul,.header div li{list-style:none;}
.header div:hover ul{
	 display: block;
}
.header div ul li:hover a{
	color: #00adb2;
}
.header div:hover{
	border-bottom: 2px solid #00adb2;
}
.header a:last-child div{
	margin-right: 0;
}
.footer{
	width: 64%; height: auto; margin: auto; padding-top: 40px;
}
.footer span{
	padding: 0 5vw 0 0;
	font-size: 18px;	
	text-transform:uppercase;
	cursor: pointer;
}
.header-m{
	width: 100%; height: auto; margin-bottom: 20px; background-color: rgba(255, 255, 255, 0);
}
.menu-list{
	width: 100%; padding: 10px 10% 60px; position: absolute; top: 14.5vw; left: 0; background-color: #fff; font-size: 18px; display: none; z-index: 999; text-transform: uppercase;
}
.menu-list a div{
	padding: 10px 0; color: #000;
}
.footer-m{
	width: 70%; height: auto; margin: auto; padding-top: 3vw;
}
.footer-m span{
	font-size: 2.3vw;
	font-weight: 600;
	text-transform:uppercase;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	color: #000000;
	text-decoration: none;
}