@charset "UTF-8";
body {
	font-size: 3.6vw;
}

br.sp {
	display: initial;
}
br.pc {
	display: none;
}

/** ------------------------
	header
------------------------ **/
header {
	margin-top: 23vw;
}
/** -- signboard -- **/
.signboard {
	padding-top: 2vw;
	height: 16vw;
}
/** logo **/
header .logo {
	left: -18vw;
	top: 2vw;
	width: 96vw;
}
/** nav **/
header nav.flexBox {
	background-color: #fff;
	box-sizing: border-box;
	display: none;
	padding: 8vw 0;
	padding-left: 54vw;
	position: fixed;
	left: 0;
	top: 14vw;
	width: 100%;
}
header nav h2 {
	font-family: 'Allerta', sans-serif;
	font-size: 4.8vw;
	margin-bottom: 1vw;
}
header nav ul + h2 {
	margin-top: 6vw;
}
header nav li {
	font-size: 4.6vw;
	margin-right: 0;
	width: 100%;
}
header nav li a {
	display: block;
	padding: 1.2vw 0;
}
header nav li a::after {
	display: none;
}
header nav .uber {
	margin: 4vw 0 0;
	padding: 0;
	height: 10vw;
	width: 10vw;
}
header nav .uber img {
	height: 100%;
	width: 100%;
}
/** menu_btn **/
header .menu_btn {
	display: block;
	margin-left: auto;
	margin-right: 6vw;
	position: relative;
	height: 10vw;
	width: 7vw;
}
header .menu_btn span {
	background-color: #A5AEB3;
	display: block;
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
}
header .menu_btn span:nth-child(1) {
	top: 4vw;
}
header .menu_btn span:nth-child(2) {
	top: 6.5vw;
}
header .menu_btn span:nth-child(3) {
	top: 9vw;
}
header .menu_btn.active span:nth-child(1) {
	top: 6vw;
	transform: rotate(45deg);
}
header .menu_btn.active span:nth-child(2) {
	opacity: 0;
}
header .menu_btn.active span:nth-child(3) {
	top: 6vw;
	transform: rotate(-45deg);
}
header nav .recruit {
	background-image: url(./../img/icon_recruit_sp.svg);
	margin-top: 1vw;
	margin-left: 0;
	height: 10.5vw;
   width: 32.5vw;
}
header nav .recruit:hover {
	background-image: url(./../img/icon_recruit_sp_hover.svg);
}


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


/** ------------------------
	main
------------------------ **/
main {
	margin: 0 6vw;
	margin-bottom: 26vw;
	width: auto;
}

/** ------------------------
	footer
------------------------ **/
footer {
	padding: 12vw 6vw;
}
/** logo **/
footer .logo {
	margin-bottom: 14vw;
	position: relative;
	width: 46vw;
}
/** -- menu -- **/
footer .menu {
	justify-content: flex-start;
	margin-bottom: 18vw;
}
footer .menu nav.company {
	margin-left: 13vw;
}
footer .menu h2 {
	font-size: 3.8vw;
	margin-bottom: 1.5vw;
}
footer .menu li {
	font-size: 3.6vw;
	margin-bottom: 2vw;
}
/** -- sns -- **/
footer .sns {
	bottom: 1.4vw;
}
footer .sns ul {
	display: block;
}
footer .sns li {
	margin-left: 0;
	margin-top: 3.4vw;
}
footer .sns a {
	width: 6vw;
}
/** -- copyright -- **/
footer .copyright {
	font-size: 3.4vw;
	text-align: left;
}