@charset "UTF-8";
/* --------------------------------------------------
  Reset Style
 -------------------------------------------------- */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

*, *::before, *::after {
	box-sizing: border-box;
}

main, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	border: none;
	font-size: 100%;
	vertical-align: middle;
}

select {
	text-indent: .01px;
	text-overflow: "";
}

textarea {
	font-size: 100%;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

em {
	font-style: normal;
}

/* --------------------------------------------------
 Base Style
 -------------------------------------------------- */
html {
	font-size: 62.5%;
	height: 100%;
}

body {
	color: #333;
	font-family: "Noto Sans Japanese", "Lucida Grande", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1.75;
	margin: 0 auto;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.page.is-fixed {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 3;
}

/* link */
a {
	color: #16a4df;
	text-decoration: none;
	transition: .5s;
}

a:hover {
	color: #333;
}

/* --------------------------------------------------
  Common Style
 -------------------------------------------------- */
/* clearfix */
.clearfix::after {
	clear: both;
	content: "";
	display: table;
}

/* Responsive image */
img[src*="_sp."] {
	display: none;
}

@media only screen and (max-width: 768px) {
	img[src*="_pc."] {
		display: none;
	}
	img[src*="_sp."] {
		display: inline;
	}
}

/* display */
@media only screen and (max-width: 768px) {
	.display-pc {
		display: none !important;
	}
}

.display-sp {
	display: none;
}

@media only screen and (max-width: 768px) {
	.display-sp {
		display: block !important;
	}
}

/* opacity */
.opacity {
	transition: .5s;
}

.opacity:hover {
	opacity: .7;
}

/* --------------------------------------------------
  Wrapper Style
 -------------------------------------------------- */
.wrap {
	box-sizing: content-box;
	position: relative;
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}

.wrap--narrow-wide {
	max-width: 1012px;
}

.wrap--concept {
	max-width: 1000px;
}

.wrap--narrow {
	max-width: 892px;
}

/* --------------------------------------------------
  Header Style
 -------------------------------------------------- */
.header {
	background: #fff;
}

.header__btn {
	position: absolute;
	top: 17px;
	right: 167px;
}

@media only screen and (max-width: 768px) {
	.header {
		height: 40px;
	}
	.header > .wrap {
		padding-right: 0;
		padding-left: 0;
	}
	.header .header__btn {
		top: 0;
		right: 40px;
	}
	.header .header__btn ul {
		font-size: 0;
		letter-spacing: -1em;
		word-spacing: -1em;
		text-align: center;
	}
	.header .header__btn li {
		width: 70px;
		height: auto;
		margin-left: 0;
		font-size: 12px;
		line-height: 1.5;
	}
	.header .header__btn .btn-entry__btn {
		display: block;
		height: 40px;
		padding-top: 4px;
		border-radius: 0;
	}
	.header .header__btn .btn-entry__btn > span {
		display: block;
		margin-right: 0;
		font-size: 10px;
		white-space: nowrap;
	}
}

/* logo-header */
.logo-header {
	display: inline-block;
	padding-top: 12px;
	padding-bottom: 14px;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
}

.logo-header > a {
	display: block;
}

.logo-header__logo, .logo-header__sub {
	display: inline-block;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: middle;
}

.logo-header__sub {
	margin-top: 2px;
	margin-left: 20px;
	font-size: 0;
}

@media only screen and (max-width: 768px) {
	.logo-header {
		padding: 4px 0 0 7px;
		text-align: center;
	}
	.logo-header__logo img {
		width: 114px;
	}
	.logo-header__sub {
		display: block;
		margin-top: 3px;
		margin-left: 10px;
	}
	.logo-header__sub img {
		width: 68px;
	}
}

/* btn-entry */
.btn-entry ul {
	margin-left: -12px;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
	text-align: center;
}

.btn-entry li {
	display: inline-block;
	width: 147px;
	height: 33px;
	margin-left: 12px;
	font-size: 14px;
	letter-spacing: normal;
	line-height: 33px;
	word-spacing: normal;
	vertical-align: top;
}

.btn-entry__btn {
	display: block;
	border-radius: 5px;
	box-shadow: 0 3px 7px rgba(133, 133, 134, .3);
	color: #fff;
}

.btn-entry__btn > span {
	margin-right: .5em;
}

.btn-entry__btn--new {
	background-color: #35ce9f;
}

.btn-entry__btn--mid {
	background-color: #16a4df;
}

.btn-entry__btn:hover {
	color: #fff;
	opacity: .7;
}

.btn-entry--menu ul {
	margin-left: -26px;
}

.btn-entry--menu li {
	width: 190px;
	height: 44px;
	margin-left: 26px;
	font-size: 18px;
	line-height: 44px;
}

@media only screen and (max-width: 768px) {
	.btn-entry--menu ul {
		margin-left: -10px;
	}
	.btn-entry--menu li {
		width: 135px;
		margin-left: 10px;
		font-size: 12px;
	}
}

/* menu-trigger */
.menu-trigger {
	position: absolute;
	top: 23px;
	right: 20px;
	z-index: 40000;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
}

.menu-trigger > p, .menu-trigger > div {
	display: inline-block;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: middle;
}

.menu-trigger > p {
	margin-right: 15px;
	font-weight: bold;
	color: #0071b1;
	transition: .5s;
}

.menu-trigger > div {
	position: relative;
	width: 40px;
	height: 21px;
	text-indent: -9999px;
	cursor: pointer;
	transition: .5s;
}

.menu-trigger > div:hover {
	opacity: .7;
}

.menu-trigger span, .menu-trigger > div::before, .menu-trigger > div::after {
	display: inline-block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #0071b1;
	transition: .5s;
}

.menu-trigger > div::before, .menu-trigger > div::after {
	content: "";
}

.menu-trigger span {
	top: 50%;
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

.menu-trigger > div::before {
	top: 0;
}

.menu-trigger > div::after {
	bottom: 0;
}

.menu-trigger.is-active > p {
	opacity: 0;
}

.menu-trigger.is-active span {
	opacity: 0;
}

.menu-trigger.is-active > div::before {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}

.menu-trigger.is-active > div::after {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}

@media only screen and (max-width: 768px) {
	.menu-trigger {
		position: absolute;
		top: 0;
		right: 0;
	}
	.menu-trigger > p {
		display: none;
	}
	.menu-trigger > div {
		position: relative;
		width: 40px;
		height: 40px;
	}
	.menu-trigger span, .menu-trigger > div::before, .menu-trigger > div::after {
		right: 0;
		width: 20px;
		height: 2px;
		margin-right: auto;
		margin-left: auto;
	}
	.menu-trigger span {
		-webkit-transform: translateY(-1px);
		transform: translateY(-1px);
	}
	.menu-trigger > div::before {
		top: 15px;
	}
	.menu-trigger > div::after {
		bottom: 15px;
	}
	.menu-trigger.is-active > div::before {
		-webkit-transform: translateY(4px) rotate(-45deg);
		transform: translateY(4px) rotate(-45deg);
	}
	.menu-trigger.is-active > div::after {
		-webkit-transform: translateY(-4px) rotate(45deg);
		transform: translateY(-4px) rotate(45deg);
	}
}

/* --------------------------------------------------
  Menu Style
 -------------------------------------------------- */
.menu {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 39998;
}

.menu__overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	transition: .5s;
}

.menu__contents {
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 5;
	max-height: 100%;
}

.menu__inner {
	background: #fff;
}

.menu__inner > .wrap {
	padding-top: 100px;
	padding-bottom: 85px;
}

.menu__catch {
	position: absolute;
	top: 50%;
	left: 660px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.menu__image {
	text-align: center;
}

.menu__image img {
	width: 550px;
}

.menu__btn {
	margin-top: 50px;
}

@media only screen and (max-width: 1320px) {
	.menu__catch {
		right: 20px;
		left: auto;
	}
}

@media only screen and (max-width: 960px) {
	.menu__catch {
		position: static;
		margin-bottom: 70px;
		-webkit-transform: none;
		transform: none;
	}
}

@media only screen and (max-width: 768px) {
	.menu__inner > .wrap {
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.menu__catch {
		margin-bottom: 35px;
	}
	.menu__image img {
		width: 275px;
	}
	.menu__btn {
		margin-top: 25px;
	}
}

/* nav-global */
.nav-global li a {
	display: inline-block;
	position: relative;
	color: #333;
}

.nav-global li a:hover {
	color: #16a4df;
}

.nav-global li a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 10px;
	height: 10px;
	border-top: 2px solid #16a4df;
	border-right: 2px solid #16a4df;
	-webkit-transform: translateY(-50%) rotate(45deg) skew(-5deg, -5deg);
	transform: translateY(-50%) rotate(45deg) skew(-5deg, -5deg);
}

.nav-global li a.is-comingsoon {
	pointer-events: none;
	opacity: .3;
}

.nav-global li a.is-comingsoon::after {
	content: "COMING SOON";
	position: absolute;
	right: 0;
	left: 20px;
}

.nav-global__list-main > li {
	margin-top: 50px;
	font-size: 25px;
	font-weight: bold;
}

.nav-global__list-main > li:first-child {
	margin-top: 0;
}

.nav-global__list-main > li a {
	padding-left: 20px;
}

.nav-global__list-main > li a.is-comingsoon::after {
	top: -14px;
	font-size: 14px;
}

.nav-global__list-sub {
	margin-top: 10px;
	padding-left: 20px;
}

.nav-global__list-sub > li {
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
}

.nav-global__list-sub > li a {
	display: inline-block;
	position: relative;
}

.nav-global__list-sub > li a.is-comingsoon::after {
	top: -12px;
	font-size: 10px;
	-webkit-transform: scale(.8);
	transform: scale(.8);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.nav-global__item-btn {
	margin-top: 50px;
	width: 330px;
	height: 60px;
	font-size: 18px;
	font-weight: bold;
	line-height: 58px;
}

.nav-global__item-btn + .nav-global__item-btn {
	margin-top: 18px;
}

.nav-global__btn {
	position: relative;
	display: block;
	padding-right: 35px;
	padding-left: 25px;
	border: 1px solid #16a4df;
	color: #333;
	text-align: center;
}

.nav-global__btn::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #16a4df;
	border-right: 2px solid #16a4df;
	-webkit-transform: translateY(-50%) rotate(45deg) skew(-5deg, -5deg);
	transform: translateY(-50%) rotate(45deg) skew(-5deg, -5deg);
	transition: .5s;
}

.nav-global__btn:hover {
	color: #fff;
	background-color: #16a4df;
}

.nav-global__btn:hover::before {
	border-top-color: #fff;
	border-right-color: #fff;
}

.nav-global__btn img {
	margin-right: 15px;
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	.nav-global li a::before {
		width: 5px;
		height: 5px;
		border-top-width: 1px;
		border-right-width: 1px;
	}
	.nav-global li a.is-comingsoon::after {
		top: -12px;
		left: 10px;
		font-size: 10px;
	}
	.nav-global__list-main > li {
		margin-top: 25px;
		font-size: 14px;
	}
	.nav-global__list-main > li a {
		padding-left: 10px;
	}
	.nav-global__list-sub {
		margin-top: 5px;
		padding-left: 10px;
	}
	.nav-global__list-sub > li {
		margin-top: 5px;
		font-size: 12px;
	}
	.nav-global__item-btn {
		margin-top: 25px;
		width: auto;
		height: 40px;
		font-size: 14px;
		line-height: 38px;
	}
	.nav-global__item-btn + .nav-global__item-btn {
		margin-top: 10px;
	}
	.nav-global__btn {
		padding-right: 20px;
		padding-left: 10px;
	}
	.nav-global__btn::before {
		right: 8px;
		width: 5px;
		height: 5px;
		border-top-width: 1px;
		border-right-width: 1px;
	}
	.nav-global__btn img {
		width: 17.5px;
		margin-right: 8px;
		vertical-align: -4px;
	}
}

/* --------------------------------------------------
  Contents Style
 -------------------------------------------------- */
main {
	position: relative;
	padding-bottom: 120px;
}

@media only screen and (max-width: 768px) {
	main {
		padding-bottom: 60px;
	}
}

/* breadcrumb */
.breadcrumb {
	background-color: #dfdfdf;
	padding-top: 5px;
	padding-bottom: 5px;
}

.breadcrumb ul {
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
}

.breadcrumb li {
	display: inline-block;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}

.breadcrumb li::before {
	content: ">";
	margin-right: .5em;
	margin-left: .5em;
}

.breadcrumb li:first-child::before {
	content: none;
}

.breadcrumb li a {
	color: #4c4c4c;
}

.breadcrumb li a:hover {
	text-decoration: underline;
}

/* pagetop */
.pagetop {
	position: absolute;
	right: 30px;
	bottom: -80px;
	z-index: 10;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.pagetop.is-fixed {
	position: fixed;
	bottom: 30px;
}

.pagetop a {
	display: inline-block;
	padding-top: 72px;
	color: #baddfa;
	-webkit-filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .15));
	filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .15));
}

.pagetop a::before, .pagetop a::after {
	content: "";
	position: absolute;
}

.pagetop a::before {
	top: 0;
	right: 0;
	left: 0;
	width: 70px;
	height: 70px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 70px;
	background-color: #baddfa;
}

.pagetop a::after {
	top: 29px;
	left: 50%;
	width: 25px;
	height: 25px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
}

.pagetop a:hover {
	opacity: .7;
}

.pagetop a > span + span {
	display: none;
}

@media only screen and (max-width: 768px) {
	.pagetop {
		right: 0;
		bottom: -35px;
		left: 0;
		margin-right: auto;
		margin-left: auto;
		font-size: 12px;
	}
	.pagetop.is-fixed {
		position: absolute;
		bottom: -35px;
	}
	.pagetop a {
		padding-top: 35px;
	}
	.pagetop a::before {
		width: 35px;
		height: 35px;
	}
	.pagetop a::after {
		top: 15px;
		width: 12px;
		height: 12px;
		border-top-width: 2px;
		border-right-width: 2px;
	}
	.pagetop a:hover {
		opacity: .7;
	}
	.pagetop a > span {
		display: none;
	}
	.pagetop a > span + span {
		display: inline;
	}
}

/* --------------------------------------------------
  Footer Style
 -------------------------------------------------- */
.footer {
	background: #0071b1;
}

.footer > .wrap {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 65px;
	padding-bottom: 50px;
}

.footer__nav, .footer__contact {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

@media only screen and (max-width: 768px) {
	.footer > .wrap {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.footer__contact, .footer__nav {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.footer__contact {
		-ms-flex-order: 2;
		order: 2;
		margin-top: 50px;
	}
	.footer__nav {
		-ms-flex-order: 1;
		order: 1;
	}
}

/* contact-footer */
.contact-footer__item {
	display: table;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.contact-footer__image, .contact-footer__text {
	display: table-cell;
	vertical-align: middle;
}

.contact-footer__text {
	padding-left: 65px;
	color: #fff;
	font-size: 13px;
}

.contact-footer__headline {
	margin-bottom: 7px;
	font-size: 18px;
	font-weight: normal;
}

@media only screen and (max-width: 768px) {
	.contact-footer__item {
		display: block;
	}
	.contact-footer__image, .contact-footer__text {
		display: block;
		text-align: center;
	}
	.contact-footer__text {
		margin-top: 15px;
		padding-left: 0;
		font-size: 12px;
		line-height: 1.5;
	}
	.contact-footer__headline {
		font-size: 14px;
	}
}

/* nav-footer */
.nav-footer__inner {
	margin-top: -30px;
	margin-left: -70px;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
	text-align: center;
}

.nav-footer__item {
	display: inline-block;
	margin-top: 30px;
	margin-left: 70px;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	text-align: left;
	vertical-align: top;
}

.nav-footer__item > a {
	display: table;
}

.nav-footer__item > a:hover {
	opacity: .7;
}

.nav-footer__image, .nav-footer__text {
	display: table-cell;
	vertical-align: middle;
}

.nav-footer__text {
	padding-left: 15px;
	color: #fff;
}

.nav-footer__headline {
	margin-top: 7px;
	font-size: 26px;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	.nav-footer {
		text-align: center;
	}
	.nav-footer__inner {
		display: inline-block;
		margin-left: 0;
		text-align: left;
	}
	.nav-footer__item {
		display: block;
		margin-left: 0;
	}
	.nav-footer__image img {
		width: 30px;
	}
	.nav-footer__text {
		padding-left: 10px;
		font-size: 12px;
	}
	.nav-footer__headline {
		margin-top: 2px;
		font-size: 14px;
	}
}

.copyright {
	background-color: #7e919b;
	text-align: center;
}

.copyright > .wrap {
	padding-top: 20px;
	padding-bottom: 20px;
}

.copyright p {
	color: #fff;
	font-size: 11px;
}

/* visual
------------------------------ */
.visual-main {
	position: relative;
	margin-bottom: 85px;
}

.visual-main__image {
	overflow: hidden;
	position: relative;
	height: 424px;
	text-align: center;
}

.visual-main__image > img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: none;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.visual-main__headline {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	color: #fff;
	font-size: 45px;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .5s;
}

.visual-main--top {
	margin-bottom: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.visual-main--top .visual-main__image {
	height: auto;
}

.visual-main--top .visual-main__image > img {
	position: static;
	-webkit-transform: none;
	transform: none;
	width: 100%;
}

.visual-main--top .visual-main__text {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 56.875%;
	margin-right: auto;
	margin-left: auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.visual-main--top .visual-main__scroll {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin-bottom: 5%;
	font-weight: bold;
	letter-spacing: .2em;
	text-align: center;
	-webkit-animation: move ease-in-out 2s infinite;
	animation: move ease-in-out 2s infinite;
}

.visual-main--top .visual-main__scroll a {
	box-sizing: content-box;
	position: relative;
	display: inline-block;
	color: #fff;
	width: 4.75%;
	padding-top: 4.75%;
	background: url(/asets/recruit/images/top/ic_scroll.png) center bottom no-repeat;
	background-size: 100% auto;
}

.visual-main--top .visual-main__scroll a > span {
	position: absolute;
	top: -20px;
	left: 50%;
	text-shadow: 0 0 4px rgba(134, 134, 134, .8);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@-webkit-keyframes move {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	20% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	60% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes move {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	20% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	60% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.visual-main--worker {
	margin-bottom: 0;
}

.visual-main--worker .visual-main__image > img {
	margin-left: 10%;
}

.visual-main--worker .visual-main__headline {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 50px;
	text-align: left;
	line-height: 1.3;
	-webkit-transform: none;
	transform: none;
}

.visual-main--worker .visual-main__headline::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 545px;
	border-bottom: 1px solid #fff;
}

.visual-main--worker .visual-main__text {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	color: #fff;
	font-size: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.visual-main--worker .visual-main__number {
	font-size: 28px;
}

.visual-main--worker .visual-main__number > b {
	margin-left: 13px;
	margin-bottom: 5px;
	font-size: 40px;
	font-weight: normal;
	line-height: 1.5;
}

.visual-main__image--education_system img {
	margin-left: 8%;
}

@media only screen and (max-width: 1600px) {
	.visual-main__image {
		height: 250px;
	}
	.visual-main--top .visual-main__image {
		height: auto;
	}
	.visual-main--top .visual-main__image > img {
		height: auto;
		-webkit-transform: none;
		transform: none;
	}
}

@media only screen and (max-width: 768px) {
	.visual-main {
		margin-bottom: 40px;
	}
	.visual-main__image {
		height: 150px;
	}
	.visual-main__headline {
		font-size: 24px;
	}
	.visual-main--top {
		margin-bottom: 0;
		border-top-width: 1px;
		border-bottom-width: 1px;
	}
	.visual-main--top .visual-main__image > img {
		position: static;
		width: 100%;
		height: auto;
		max-width: 100%;
		-webkit-transform: none;
		transform: none;
	}
	.visual-main--top .visual-main__text {
		width: 100%;
	}
	.visual-main--top .visual-main__scroll {
		margin-bottom: 7.032%;
	}
	.visual-main--top .visual-main__scroll a {
		width: 36px;
		padding-top: 36px;
	}
	.visual-main--top .visual-main__scroll a > span {
		top: -17px;
		font-size: 12px;
	}
	.visual-main--worker .visual-main__image {
		height: 150px;
	}
	.visual-main--worker .visual-main__image img {
		margin-left: -5%;
	}
	.visual-main--worker .visual-main__headline {
		margin-bottom: 5px;
		padding-bottom: 5px;
		font-size: 24px;
	}
	.visual-main--worker .visual-main__headline::before {
		right: 48.55%;
	}
	.visual-main--worker .visual-main__text {
		font-size: 14px;
	}
	.visual-main--worker .visual-main__number {
		font-size: 16px;
	}
	.visual-main--worker .visual-main__number > b {
		margin-left: 8px;
		font-size: 20px;
	}
}

@media only screen and (max-width: 640px) {
	.visual-main__image {
		height: 120px;
	}
}

/* area
------------------------------ */
.area-common {
	margin-top: 80px;
}

.area-common__btn {
	margin-top: 80px;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.area-common {
		margin-top: 40px;
	}
	.area-common__btn {
		margin-top: 40px;
	}
}

/* nav
------------------------------ */
/* nav-index */
.nav-index__header {
	text-align: center;
}

.nav-index__contents {
	margin-top: 75px;
}

.nav-index__list {
	margin-top: -7.287%;
	margin-left: -9.866%;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
	text-align: center;
}

.nav-index__item {
	display: inline-block;
	width: 41.021%;
	margin-top: 6.633%;
	margin-left: 8.98%;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}

.nav-index__item > a {
	display: block;
	color: #333;
}

.nav-index__item > a:hover {
	color: #16a4df;
}

.nav-index__item > a:hover .nav-index__image {
	opacity: .7;
}

.nav-index__item--comingsoon > a {
	position: relative;
	pointer-events: none;
}

.nav-index__item--comingsoon > a::before, .nav-index__item--comingsoon > a::after {
	position: absolute;
	top: 50%;
	right: 10px;
	left: 10px;
	max-width: 402px;
	margin: -40px auto 0;
	color: #fff;
	line-height: 1.5;
	z-index: 5;
	-webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .3));
	filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .3));
}

.nav-index__item--comingsoon > a::before {
	content: "COMING SOON";
	font-size: 32px;
	font-weight: 900;
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
}

.nav-index__item--comingsoon > a::after {
	content: "近日公開予定";
	font-size: 16px;
	-webkit-transform: translateY(23px);
	transform: translateY(23px);
}

.nav-index__item--comingsoon .nav-index__image {
	position: relative;
}

.nav-index__item--comingsoon .nav-index__image::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 402px;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(0, 0, 0, .55);
}

.nav-index__image {
	transition: .5s;
}

.nav-index__image > img {
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}

.nav-index__text {
	margin-top: 15px;
}

.nav-index__text > p {
	margin-top: 20px;
}

.nav-index__headline-2nd {
	font-size: 20px;
	font-weight: bold;
}

.nav-index__1of2 {
	margin-top: 3.732%;
}

.nav-index__1of2:first-child {
	margin-top: 0;
}

.nav-index--top {
	padding-top: 65px;
}

.nav-index--top .nav-index__list {
	margin-top: -6.154%;
	margin-left: -3.616%;
}

.nav-index--top .nav-index__item {
	width: 29.844%;
	margin-top: 5.939%;
	margin-left: 3.49%;
}

@media only screen and (max-width: 768px) {
	.nav-index__contents {
		margin-top: 25px;
	}
	.nav-index__list {
		margin-top: 0;
		margin-left: 0;
	}
	.nav-index__item {
		display: block;
		width: auto;
		margin-top: 30px;
		margin-left: 0;
		font-size: 12px;
	}
	.nav-index__item--comingsoon > a::before, .nav-index__item--comingsoon > a::after {
		margin-top: -24px;
	}
	.nav-index__item--comingsoon > a::before {
		font-size: 24px;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	.nav-index__item--comingsoon > a::after {
		font-size: 12px;
		-webkit-transform: translateY(7px);
		transform: translateY(7px);
	}
	.nav-index__item--comingsoon .nav-index__image {
		position: relative;
	}
	.nav-index__item--comingsoon .nav-index__image::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		max-width: 402px;
		margin-right: auto;
		margin-left: auto;
		background-color: rgba(0, 0, 0, .55);
	}
	.nav-index__text > p {
		margin-top: 10px;
		line-height: 1.5;
	}
	.nav-index__headline-2nd {
		font-size: 14px;
	}
	.nav-index--top {
		padding-top: 30px;
	}
	.nav-index--top .nav-index__list {
		margin-top: 0;
		margin-left: 0;
	}
	.nav-index--top .nav-index__item {
		width: auto;
		margin-top: 30px;
		margin-left: 0;
	}
}

.item-entry {
	position: relative;
	max-width: 402px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.item-entry > a {
	display: block;
	color: #fff;
}

.item-entry > a:hover {
	color: #fff;
	opacity: .7;
}

.item-entry__image {
	transition: .5s;
}

.item-entry__image > img {
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}

.item-entry__text {
	position: absolute;
	top: 50%;
	right: 0;
	left: 34.826%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.item-entry__headline {
	font-size: 20px;
	line-height: 1.5;
}

.item-entry--graduates > a {
	background-color: #5bcdaa;
}

.item-entry--career > a {
	background-color: #16a4df;
}

@media only screen and (max-width: 768px) {
	.item-entry__text {
		left: 32.339%;
	}
	.item-entry__headline {
		font-size: 16px;
	}
}

/* headline
------------------------------ */
/* headline-primary */
.headline-primary {
	margin-top: 80px;
	margin-bottom: 60px;
	font-size: 35px;
	font-weight: 900;
	text-align: center;
}

.headline-primary:first-child {
	margin-top: 0;
}

.headline-primary > span {
	position: relative;
	display: inline-block;
	padding-right: 40px;
	padding-left: 40px;
	line-height: 1.3;
	letter-spacing: -.0025em;
}

.headline-primary > span::before, .headline-primary > span::after {
	content: "";
	position: absolute;
	top: 9px;
	bottom: 6px;
	border-left: 3px solid #16a4df;
	-webkit-transform: rotate(-18deg);
	transform: rotate(-18deg);
}

.headline-primary > span::before {
	left: 0;
}

.headline-primary > span::after {
	right: 0;
}

.headline-primary--new > span::before, .headline-primary--new > span::after {
	border-left-color: #a0d178;
}

.headline-primary--student > span::before, .headline-primary--student > span::after {
	border-left-color: #00c4b4;
}

@media only screen and (max-width: 768px) {
	.headline-primary {
		margin-top: 40px;
		margin-bottom: 30px;
		font-size: 20px;
	}
	.headline-primary > span {
		padding-right: 20px;
		padding-left: 20px;
	}
	.headline-primary > span::before, .headline-primary > span::after {
		top: 4px;
		bottom: 2px;
		border-left-width: 2px;
	}
}

/* headline-secondary */
.headline-secondary {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 25px;
	color: #16a4df;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
}

.headline-secondary::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 106px;
	border-top: 2px solid #16a4df;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media only screen and (max-width: 768px) {
	.headline-secondary {
		margin-bottom: 20px;
		padding-bottom: 15px;
		font-size: 16px;
	}
	.headline-secondary::before {
		width: 53px;
		border-top-width: 1px;
	}
}

/* headline-tertiary */
.headline-tertiary {
	position: relative;
	margin-bottom: 30px;
	color: #16a4df;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
}

@media only screen and (max-width: 768px) {
	.headline-tertiary {
		margin-bottom: 15px;
		font-size: 18px;
	}
}

/* lead
------------------------------ */
/* lead-main */
.lead-main {
	margin-top: 65px;
	margin-bottom: 70px;
	font-size: 20px;
	line-height: 1.8;
	text-align: center;
	transition: .5s;
}

@media only screen and (max-width: 768px) {
	.lead-main {
		margin-top: 35px;
		margin-bottom: 50px;
		font-size: 16px;
		line-height: 1.5;
		text-align: left;
	}
	.lead-main:first-child {
		margin-top: -20px;
	}
}

/* lead-sub */
.lead-sub {
	margin-bottom: 25px;
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
	transition: .5s;
}

.lead-sub--left {
	text-align: left;
}

@media only screen and (max-width: 768px) {
	.lead-sub {
		margin-bottom: 15px;
		font-size: 14px;
		line-height: 1.5;
		text-align: left;
	}
}

/* image
------------------------------ */
.image-main {
	text-align: center;
}

/* text
------------------------------ */
.text-main + .text-main {
	margin-top: 30px;
}

.text-main .icon-required {
	margin-left: 0;
	margin-right: 5px;
}

.text-main--center {
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.text-main + .text-main {
		margin-top: 15px;
	}
}

/* btn
------------------------------ */
.btn {
	position: relative;
	display: block;
	padding: 10px;
	border-radius: 4px;
	background-color: #16a4df;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: .5s;
}

.btn::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 23px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.btn:hover {
	color: #fff;
	opacity: .7;
}

.btn--default::before {
	width: 10px;
	height: 10px;
}

.btn--entry {
	max-width: 432px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 20px;
}

.btn--entry::before {
	width: 13px;
	height: 13px;
}

.btn--reset {
	background-color: #cecece;
}

@media only screen and (max-width: 768px) {
	.btn::before {
		right: 15px;
	}
	.btn--entry {
		font-size: 16px;
	}
	.btn--entry::before {
		width: 10px;
		height: 10px;
	}
}

/* media
------------------------------ */
.media {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.media__image, .media__text {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	transition: .5s;
}

.media__image {
	text-align: center;
}

.media__image--rev {
	-ms-flex-order: 2;
	order: 2;
}

.media__image--rev + .media__text {
	-ms-flex-order: 1;
	order: 1;
}

.media__headline {
	margin-bottom: 25px;
	font-size: 20px;
	color: #16a4df;
}

.media--active {
	margin-top: 70px;
}

.media--active .media__image {
	-ms-flex: 0 0 45.068%;
	flex: 0 0 45.068%;
	max-width: 45.068%;
}

.media--active .media__image img {
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}

.media--active .media__text {
	position: relative;
	padding-bottom: 60px;
}

.media--active .media__btn {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.media--worker {
	margin-top: 25px;
}

.media--worker .media__image {
	-ms-flex: 0 0 45.068%;
	flex: 0 0 45.068%;
	max-width: 45.068%;
	text-align: center;
}

.media--worker .media__image img {
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}

@media only screen and (max-width: 768px) {
	.media {
		display: block;
	}
	.media__image, .media__text {
		max-width: none;
	}
	.media__image {
		margin-bottom: 25px;
	}
	.media__image--rev {
		margin-top: 25px;
		margin-bottom: 0;
	}
	.media__headline {
		margin-bottom: 15px;
		font-size: 16px;
	}
	.media--active .media__image {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		margin-top: 25px;
		margin-bottom: 0;
	}
	.media--active .media__image--rev {
		margin-top: 0;
		margin-bottom: 25px;
		-ms-flex-order: 1;
		order: 1;
	}
	.media--active .media__image--rev + .media__text {
		-ms-flex-order: 2;
		order: 2;
	}
	.media--worker .media__image {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		margin-top: 25px;
	}
}

/* table
------------------------------ */
/* table */
.table table {
	width: 100%;
}

.table--default th, .table--default td {
	padding: 17px 20px;
}

.table--default th {
	font-weight: bold;
	border-bottom: 2px solid #16a4df;
	text-align: left;
}

.table--default td {
	padding-right: 30px;
	padding-left: 30px;
	border-bottom: 1px solid #dfdfdf;
}

.table--entry th, .table--entry td {
	padding: 17px 15px;
	border-bottom: 1px solid #dfdfdf;
	vertical-align: middle;
}

.table--entry th {
	width: 275px;
	font-weight: normal;
	text-align: right;
}

.table--entry td {
	padding-right: 30px;
}

.table--entry .table__cell--vt {
	padding-top: 22px;
	vertical-align: top;
}

@media only screen and (max-width: 768px) {
	.table--default th, .table--default td {
		display: block;
		padding: 7px 10px;
	}
	.table--default th {
		margin-top: 10px;
	}
	.table--default td {
		padding-right: 10px;
		padding-left: 10px;
		border-bottom: 0;
	}
	.table--entry th, .table--entry td {
		display: block;
		padding: 7px 0;
	}
	.table--entry th {
		width: auto;
		margin-top: 10px;
		font-weight: bold;
		text-align: left;
	}
	.table--entry td {
		border-bottom: 0;
	}
	.table--entry .table__cell--vt {
		padding-top: 7px;
	}
}

/* modal
--------------------------- */
.modal {
	display: none;
	position: relative;
	z-index: 9998;
	height: 100%;
}

.modal__overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	transition: .5s;
}

.modal__contents {
	position: fixed;
	top: 50%;
	left: 15px;
	right: 15px;
	width: 640px;
	height: 90%;
	margin: auto;
	padding: 40px;
	border-radius: 5px;
	box-shadow: 0 0 8px 4px rgba(0, 0, 0, .2);
	background: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: .5s;
}

.modal__contents--qa {
	width: auto;
	max-width: 890px;
	border-radius: 7px;
	padding: 0;
}

.modal__viewport {
	height: 100%;
}

.modal__inner {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
}

.modal__inner--qa {
	border-radius: 7px;
}

.modal__image {
	overflow: hidden;
	margin-bottom: 25px;
	background-color: #e1ecf1;
	text-align: center;
}

.modal__image > img {
	margin-top: -10px;
	margin-bottom: -10px;
}

.modal__headline {
	color: #16a4df;
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 15px;
}

.modal__text {
	text-align: left;
}

.modal__close {
	box-sizing: border-box;
	position: absolute;
	top: -16px;
	right: -11px;
	width: 34px;
	height: 34px;
	border: 2px solid #fff;
	border-radius: 30px;
	background-color: #16a4df;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
	cursor: pointer;
	transition: .5s;
}

.modal__close::before, .modal__close::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 20px;
	height: 1px;
	margin: auto;
	background-color: #fff;
}

.modal__close::before {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.modal__close::after {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.modal__close:hover {
	opacity: .7;
}

@media only screen and (max-width: 768px) {
	.modal__contents {
		width: auto;
		padding: 20px;
	}
	.modal__contents--qa {
		padding: 0;
	}
}

@media only screen and (max-height: 667px) {
	.modal__contents {
		position: fixed;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		-webkit-transform: none;
		transform: none;
	}
}

/* icon
--------------------------- */
.icon-required {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 8px;
	border-radius: 2px;
	background-color: #e60000;
	color: #fff;
	font-size: 12px;
	line-height: 1.0;
}

/* form
--------------------------- */
/* input-text */
.input-text {
	padding: 8px 15px;
	border: 1px solid #cecece;
	border-radius: 2px;
}

.input-text--name {
	width: 140px;
}

.input-text--year {
	width: 90px;
}

.input-text--date {
	width: 50px;
}

.input-text--zip1 {
	width: 60px;
}

.input-text--zip2 {
	width: 80px;
}

.input-text--address {
	width: 520px;
}

.input-text--tel {
	width: 120px;
}

.input-text--mail {
	width: 320px;
}

.input-text--career1 {
	width: 360px;
}

.input-text--career2 {
	width: 210px;
}

@media only screen and (max-width: 768px) {
	.input-text--year {
		width: 70px;
	}
	.input-text--zip1 {
		width: 60px;
	}
	.input-text--zip2 {
		width: 80px;
	}
	.input-text--address {
		width: 100%;
	}
	.input-text--tel {
		width: 83px;
	}
	.input-text--mail {
		width: 100%;
	}
	.input-text--career1 {
		width: 100%;
	}
	.input-text--career2 {
		width: 210px;
	}
}

/* textarea */
.textarea {
	width: 100%;
	min-height: 8em;
	margin-top: 5px;
	padding: 8px 15px;
	border: 1px solid #cecece;
	border-radius: 2px;
}

.textarea:first-child {
	margin-top: 0;
}

/* label */
.label {
	display: inline-block;
	margin-right: 5px;
	line-height: 1.5;
	vertical-align: middle;
}

.label--name {
	width: 35px;
}

.label--name ~ .label--name {
	margin-left: 25px;
}

.label--tel {
	margin-left: 10px !important;
	color: #999;
}

.label--career {
	width: 50px;
}

.input-text + .label {
	margin-left: 5px;
}

@media only screen and (max-width: 768px) {
	.label {
		margin-bottom: 5px;
	}
	.label--sp-block {
		display: block;
	}
}

/* select */
.form-select {
	display: inline-block;
	position: relative;
}

.form-select::before, .form-select::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #16a4df;
	border-right: 1px solid #16a4df;
	pointer-events: none;
}

.form-select::before {
	margin-top: -2px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.form-select::after {
	margin-top: 2px;
	-webkit-transform: translateY(-50%) rotate(-225deg);
	transform: translateY(-50%) rotate(-225deg);
}

.form-select > select {
	padding: 8px 30px 8px 15px;
	border: 1px solid #cecece;
	border-radius: 2px;
}

@media only screen and (max-width: 768px) {
	.form-select {
		display: block;
	}
	.form-select > select {
		width: 100%;
	}
}

/* input-check */
.input-check {
	position: absolute;
	opacity: 0;
}

.input-check + label {
	position: relative;
	display: inline-block;
	height: 22px;
	padding-left: 19px;
	line-height: 1.5;
}

.input-check + label::before, .input-check + label::after {
	content: "";
	position: absolute;
}

.input-check + label::before {
	top: 4px;
	left: 0;
	width: 14px;
	height: 14px;
	border: 1px solid #cecece;
	background-color: #fff;
}

.input-check--radio + label::before {
	border-radius: 14px;
}

.input-check--radio:checked + label::after {
	top: 8px;
	left: 4px;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	background-color: #16a4df;
}

.input-check--checkbox + label::before {
	border-radius: 2px;
}

.input-check--checkbox:checked + label::after {
	top: 6px;
	left: 1px;
	width: 12px;
	height: 7px;
	border-left: 3px solid #16a4df;
	border-bottom: 3px solid #16a4df;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* checkbox */
.checkbox {
	overflow: hidden;
	margin-top: -5px;
	padding-top: 8px;
}

.checkbox li {
	float: left;
	width: 155px;
	margin-top: 5px;
}

/* line
--------------------------- */
.line-border {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px solid #cecece;
}

/* --------------------------------------------------
  TOP
 -------------------------------------------------- */
/* news */
.news {
	background: #dce4ec;
}

.news > .wrap {
	max-width: 960px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.news__inner {
	display: table;
}

.news__headline, .news__contents {
	display: table-cell;
	vertical-align: middle;
}

.news__headline {
	width: 135px;
	font-size: 25px;
	font-weight: bold;
}

.news__contents {
	padding-left: 35px;
	border-left: 1px solid #bec8d1;
}

.news__list {
	overflow: auto;
	max-width: 700px;
	height: 80px;
}

.news__list dt:first-of-type, .news__list dd:first-of-type {
	margin-top: 0;
}

.news__list dt {
	position: absolute;
	width: 85px;
	margin-top: 5px;
	color: #16a4df;
}

.news__list dd {
	margin-top: 6px;
	padding-left: 85px;
	font-size: 13px;
}

.news .mCSB_draggerRail {
	width: 4px !important;
	background-color: #000 !important;
	border-radius: 0 !important;
}

.news .mCSB_dragger_bar {
	background-color: #fff !important;
	border-radius: 0 !important;
}

@media only screen and (max-width: 768px) {
	.news > .wrap {
		padding-top: 20px;
		padding-bottom: 25px;
	}
	.news__inner {
		display: block;
	}
	.news__headline, .news__contents {
		display: block;
	}
	.news__headline {
		width: auto;
		font-size: 18px;
		text-align: center;
	}
	.news__contents {
		margin-top: 15px;
		padding-left: 0;
		border-left: 0;
	}
	.news__list {
		max-width: none;
	}
	.news__list dt {
		position: static;
		width: auto;
		margin-top: 10px;
	}
	.news__list dd {
		margin-top: 3px;
		padding-left: 0;
	}
}

/* --------------------------------------------------
  CONCEPT
 -------------------------------------------------- */
/* message-concept */
.message-concept {
	position: relative;
	margin-top: 40px;
}

.message-concept__name {
	position: absolute;
	bottom: 20px;
	left: 35px;
	font-size: 16px;
	font-weight: bold;
}

.message-concept__name > b {
	margin-left: 20px;
	font-size: 35px;
}

@media only screen and (max-width: 768px) {
	.message-concept {
		margin-top: 20px;
	}
	.message-concept__name {
		bottom: 10px;
		left: 10px;
		font-size: 12px;
	}
	.message-concept__name > b {
		margin-left: 10px;
		font-size: 22px;
	}
}

/* column-concept */
.column-concept {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.column-concept__item {
	-ms-flex: 0 0 47.3%;
	flex: 0 0 47.3%;
	max-width: 47.3%;
	padding: 30px 35px;
	background-color: #f8f8f8;
}

.column-concept__headline {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 20px;
	color: #16a4df;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	letter-spacing: .1em;
}

.column-concept__headline::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 44px;
	border-top: 2px solid #16a4df;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.column-concept__text {
	font-size: 20px;
	font-weight: 500;
}

.column-concept__text strong {
	color: #e7564e;
}

@media only screen and (max-width: 768px) {
	.column-concept__item {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		margin-top: 20px;
		padding: 15px 20px;
	}
	.column-concept__item:first-child {
		margin-top: 0;
	}
	.column-concept__headline {
		margin-bottom: 10px;
		padding-bottom: 15px;
		font-size: 18px;
	}
	.column-concept__headline::before {
		width: 22px;
		border-top-width: 1px;
	}
	.column-concept__text {
		font-size: 16px;
	}
}

/* --------------------------------------------------
  ABOUT
 -------------------------------------------------- */
/* business
------------------------------ */
/* nav-business */
.nav-business {
	position: relative;
}

.nav-business__image {
	position: relative;
	z-index: -2;
	padding-top: 150px;
	padding-bottom: 150px;
	text-align: center;
}

.nav-business__item {
	position: absolute;
	width: 45.068%;
	height: 92px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.5;
}

.nav-business__item a {
	display: block;
	position: relative;
	height: 100%;
	border: 3px solid #0eabe5;
	background-color: #fff;
	border-radius: 10px;
	color: #000;
}

.nav-business__item a > span {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	padding: 5px 60px 5px 30px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav-business__item a > span::before, .nav-business__item a > span::after {
	content: "";
	position: absolute;
	top: 50%;
	transition: .5s;
}

.nav-business__item a > span::before {
	right: 20px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: #0eabe5;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav-business__item a > span::after {
	right: 31px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.nav-business__item a > i {
	display: block;
	position: absolute;
	width: 54px;
	height: 54px;
	border-radius: 54px;
	background-color: #0eabe5;
	box-shadow: 0 0 0 6px #7ec3dd, 0 0 0 16px rgba(171, 232, 255, .5);
	transition: .5s;
}

.nav-business__item a > i::before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	border-left: 3px solid #0eabe5;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.nav-business__item a:hover {
	color: #fff;
	background-color: #0eabe5;
	box-shadow: 0 6px 9px rgba(86, 86, 86, .3);
}

.nav-business__item a:hover > span::before {
	background-color: #fff;
}

.nav-business__item a:hover > span::after {
	border-top-color: #0eabe5;
	border-right-color: #0eabe5;
}

.nav-business__item a:hover > i {
	-webkit-animation: flash ease-in-out 1s infinite;
	animation: flash ease-in-out 1s infinite;
}

.nav-business__item--01 {
	top: 0;
	left: 0;
}

.nav-business__item--01 a > i {
	top: 100%;
	left: 69.95%;
	margin-top: 25.758%;
}

.nav-business__item--01 a > i::before {
	top: -188.889%;
	height: 188.889%;
}

.nav-business__item--02 {
	top: 0;
	right: 0;
}

.nav-business__item--02 a > i {
	top: 100%;
	left: 25.505%;
	margin-top: 25.758%;
}

.nav-business__item--02 a > i::before {
	top: -188.889%;
	height: 188.889%;
}

.nav-business__item--03 {
	bottom: 0;
	left: 0;
}

.nav-business__item--03 a > i {
	bottom: 100%;
	left: 44.697%;
	margin-bottom: 27.526%;
}

.nav-business__item--03 a > i::before {
	bottom: -201.852%;
	height: 201.852%;
}

.nav-business__item--04 {
	bottom: 0;
	right: 0;
}

.nav-business__item--04 a > i {
	bottom: 100%;
	left: 73.485%;
	margin-bottom: 29.798%;
}

.nav-business__item--04 a > i::before {
	bottom: -218.519%;
	height: 218.519%;
}

@media only screen and (max-width: 960px) {
	.nav-business__item {
		height: 80px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 768px) {
	.nav-business__image {
		position: static;
		padding-top: 0;
		padding-bottom: 0;
	}
	.nav-business__list {
		margin-top: 40px;
	}
	.nav-business__item {
		position: static;
		width: auto;
		margin-top: 10px;
	}
	.nav-business__item a > span {
		padding-right: 40px;
		padding-left: 15px;
	}
	.nav-business__item a > span::before {
		right: 10px;
		width: 25px;
		height: 25px;
		border-radius: 25px;
	}
	.nav-business__item a > span::after {
		right: 19px;
	}
	.nav-business__item a > i {
		display: none;
	}
	.nav-business__item a:hover {
		box-shadow: 0 3px 5px rgba(86, 86, 86, .3);
	}
}

@-webkit-keyframes flash {
	0% {
		box-shadow: 0 0 0 6px #7ec3dd, 0 0 0 16px rgba(171, 232, 255, .5);
	}
	100% {
		box-shadow: 0 0 0 6px #7ec3dd, 0 0 0 80px rgba(171, 232, 255, 0);
	}
}

@keyframes flash {
	0% {
		box-shadow: 0 0 0 6px #7ec3dd, 0 0 0 16px rgba(171, 232, 255, .5);
	}
	100% {
		box-shadow: 0 0 0 6px #7ec3dd, 0 0 0 80px rgba(171, 232, 255, 0);
	}
}

/* data
------------------------------ */
/* nav-data */
.nav-data {
	overflow: hidden;
	margin-top: -7.848%;
	margin-left: -5.382%;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
}

.nav-data__item {
	display: inline-block;
	width: 44.894%;
	margin-top: 7.447%;
	margin-left: 5.107%;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}

.nav-data__item a {
	display: block;
	background-color: #e1ecf1;
	color: #fff;
}

.nav-data__item a:hover {
	opacity: .7;
}

.nav-data__text {
	position: relative;
	display: table;
	width: 100%;
	height: 60px;
	padding: 3px 10px;
	background-color: #16a4df;
	font-size: 20px;
	text-align: center;
	line-height: 1.2;
}

.nav-data__text::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.nav-data__text > p {
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	.nav-data {
		margin-top: -30px;
		margin-left: 0;
	}
	.nav-data__item {
		display: block;
		width: auto;
		margin-top: 30px;
		margin-left: 0;
	}
	.nav-data__text {
		height: auto;
		padding: 10px;
		font-size: 16px;
	}
}

/* active
------------------------------ */
/* bnr-facebook */
.bnr-facebook {
	margin-top: 30px;
	text-align: center;
}

.bnr-facebook > a:hover {
	opacity: .7;
}

.bnr-facebook_txt {
	width: 90%;
	max-width: 386px;
	margin: 0 auto 23px;
}

@media only screen and (max-width: 768px) {
	.bnr-facebook_txt {
		margin: 0 auto 12px;
	}
}

/* grid-active */
.grid-active__list:after {
	content: "";
	clear: both;
	display: table;
}

.grid-active__list li {
	display: block;
	float: left;
	width: 47.37%;
	margin: 2.31% 1.31% 0;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}

.grid-active__list li:nth-of-type(1), .grid-active__list li:nth-of-type(2) {
	margin-top: 0;
}

@media only screen and (max-width: 768px) {
	.grid-active__list li {
		width: 100%;
		margin: 30px 0 0;
	}
	.grid-active__list li:nth-of-type(2) {
		margin-top: 30px;
	}
}

/* column-active */
.column-active {
	margin-top: 55px;
	margin-left: -9.866%;
	font-size: 0;
	letter-spacing: -1em;
	text-align: center;
	word-spacing: -1em;
}

.column-active__item {
	display: inline-block;
	width: 41.021%;
	margin-top: 30px;
	margin-left: 8.98%;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}

.column-active__item a {
	display: block;
	color: #000;
}

.column-active__item a:hover {
	opacity: .7;
}

.column-active__image {
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}

.column-active__headline {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.column-active {
		margin-top: 15px;
		margin-left: 0;
	}
	.column-active__item {
		width: auto;
		margin-top: 30px;
		margin-left: 0;
	}
	.column-active__headline {
		margin-top: 10px;
	}
}

/* column2-active */
/* questionnaire
------------------------------ */
/* anchor */
.anchor ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.anchor li {
	-ms-flex: 0 0 32.25%;
	flex: 0 0 32.25%;
	max-width: 32.25%;
	/* IE11 */
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: .075em;
	text-align: center;
}

.anchor__btn {
	display: block;
	position: relative;
	height: 80px;
	border-radius: 4px;
	background-color: #ccc;
	color: #fff;
	line-height: 60px;
}

.anchor__btn::before {
	content: "";
	position: absolute;
	bottom: 13px;
	right: 0;
	left: 0;
	margin: auto;
	width: 12px;
	height: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

.anchor__btn:hover {
	color: #fff;
	opacity: .7;
}

.anchor__btn--new {
	background-color: #a0d178;
}

.anchor__btn--regular {
	background-color: #16a4df;
}

.anchor__btn--student {
	background-color: #4ac2cc;
}

@media only screen and (max-width: 768px) {
	.anchor ul {
		display: block;
		margin-top: -15px;
	}
	.anchor li {
		max-width: none;
		margin-top: 15px;
		font-size: 16px;
	}
	.anchor__btn {
		height: 45px;
		line-height: 45px;
	}
	.anchor__btn::before {
		right: 15px;
		left: auto;
	}
}

/* thumbs */
.thumbs {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.thumbs li {
	-ms-flex: 0 0 48.431%;
	flex: 0 0 48.431%;
	max-width: 48.431%;
	/* IE11 */
	text-align: center;
	box-shadow: 0 2px 3px rgba(114, 114, 114, .3);
	margin-top: 25px;
}

.thumbs li:nth-of-type(1), .thumbs li:nth-of-type(2) {
	margin-top: 0;
}

.thumbs a {
	transition: .5s;
}

.thumbs a:hover {
	opacity: .7;
}

@media only screen and (max-width: 768px) {
	.thumbs {
		display: block;
	}
	.thumbs li {
		max-width: none;
		margin-top: 15px;
	}
	.thumbs li:nth-of-type(1), .thumbs li:nth-of-type(2) {
		margin-top: 15px;
	}
}

/* box-question */
.box-question {
	position: relative;
	padding: 0 34px 80px;
}

.box-question__header {
	position: relative;
	padding-top: 50px;
	text-align: center;
}

.box-question__headline {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.834;
}

.box-question__contents {
	margin-top: 25px;
}

.box-question__image {
	text-align: center;
}

.box-question__list ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 10px;
}

.box-question__list li {
	position: relative;
	-ms-flex: 0 0 48.787%;
	flex: 0 0 48.787%;
	max-width: 48.787%;
	margin-top: 30px;
	padding: 15px 20px;
	border-radius: 8px;
	-webkit-filter: drop-shadow(0 1px 2px rgba(114, 114, 114, .15));
	filter: drop-shadow(0 1px 2px rgba(114, 114, 114, .15));
	background-color: #fff;
	transition: .5s;
}

.box-question__list li::before {
	content: "";
	position: absolute;
	top: 100%;
	right: 20px;
	border: 6px solid transparent;
	border-top-color: #fff;
	border-left-color: #fff;
}

.box-question__list-image {
	margin-top: 40px;
}

.box-question__list-image ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	text-align: center;
}

.box-question__list-image li {
	position: relative;
	-ms-flex: 0 0 48.787%;
	flex: 0 0 48.787%;
	max-width: 48.787%;
	transition: .5s;
}

.box-question--new {
	background-color: #eefde1;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, .5) 5px, rgba(255, 255, 255, .5) 8px);
}

.box-question--new::before {
	background-color: #eefde1;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, .5) 5px, rgba(255, 255, 255, .5) 8px);
}

.box-question--new .box-question__list-image ul {
	margin-top: -8.351%;
}

.box-question--new .box-question__list-image li {
	margin-top: 8.351%;
}

.box-question--regular {
	background: #e5f6ff url(/asets/recruit/images/about/questionnaire/bg_dot_01.png) center top;
}

.box-question--regular::before {
	background: #e5f6ff url(/asets/recruit/images/about/questionnaire/bg_dot_01.png) center top;
}

.box-question--regular .box-question__list {
	margin-top: 40px;
	margin-bottom: 40px;
}

.box-question--regular .box-question__list li {
	font-size: 20px;
	text-align: center;
}

.headline-primary + .box-question {
	margin-top: 140px;
}

@media only screen and (max-width: 768px) {
	.box-question {
		padding: 0 15px 40px;
	}
	.box-question__header {
		padding-top: 25px;
	}
	.box-question__number img {
		width: 70.5px;
	}
	.box-question__headline {
		font-size: 18px;
	}
	.box-question__contents {
		margin-top: 15px;
	}
	.box-question__list ul {
		display: block;
		margin-top: 5px;
	}
	.box-question__list li {
		max-width: none;
		margin-top: 15px;
		padding: 15px;
		border-radius: 4px;
	}
	.box-question--regular .box-question__list {
		margin-top: 0;
		margin-bottom: 0;
	}
	.box-question--regular .box-question__list li {
		font-size: 16px;
	}
	.box-question--regular .box-question__list-image {
		display: none;
	}
	.headline-primary + .box-question {
		margin-top: 70px;
	}
}

/* message */
.message {
	margin-top: 120px;
}

.message__header {
	position: relative;
	text-align: center;
}

.message__image {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.message__headline {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.834;
	letter-spacing: .1em;
	z-index: 3;
}

.message__contents {
	margin-top: 100px;
}

.message__list ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: -30px;
}

.message__list li {
	position: relative;
	-ms-flex: 0 0 48.787%;
	flex: 0 0 48.787%;
	max-width: 48.787%;
	margin-top: 30px;
	min-height: 107px;
	padding: 15px 20px;
	border-radius: 8px;
	-webkit-filter: drop-shadow(0 1px 2px rgba(114, 114, 114, .15));
	filter: drop-shadow(0 1px 2px rgba(114, 114, 114, .15));
	color: #fff;
	transition: .5s;
}

.message__list li::before {
	content: "";
	position: absolute;
	top: 100%;
	right: 20px;
	border: 6px solid transparent;
}

.message--new {
	margin-top: 180px;
}

.message--new .message__list li {
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, .07) 5px, rgba(255, 255, 255, .07) 8px);
}

.message--new .message__list li:nth-child(4n+1) {
	background-color: #5db980;
}

.message--new .message__list li:nth-child(4n+1)::before {
	border-top-color: #5db980;
	border-left-color: #5db980;
}

.message--new .message__list li:nth-child(4n+2) {
	background-color: #cad15d;
}

.message--new .message__list li:nth-child(4n+2)::before {
	border-top-color: #cad15d;
	border-left-color: #cad15d;
}

.message--new .message__list li:nth-child(4n+3) {
	background-color: #a0cb51;
}

.message--new .message__list li:nth-child(4n+3)::before {
	border-top-color: #a0cb51;
	border-left-color: #a0cb51;
}

.message--new .message__list li:nth-child(4n) {
	background-color: #35ce9f;
}

.message--new .message__list li:nth-child(4n)::before {
	border-top-color: #35ce9f;
	border-left-color: #35ce9f;
}

.message--regular .message__list li {
	background: url(/asets/recruit/images/about/questionnaire/bg_dot_02.png) center top;
}

.message--regular .message__list li:nth-child(5n+1) {
	background-color: #25a1d6;
}

.message--regular .message__list li:nth-child(5n+1)::before {
	border-top-color: #25a1d6;
	border-left-color: #25a1d6;
}

.message--regular .message__list li:nth-child(5n+2) {
	background-color: #26b3ef;
}

.message--regular .message__list li:nth-child(5n+2)::before {
	border-top-color: #26b3ef;
	border-left-color: #26b3ef;
}

.message--regular .message__list li:nth-child(5n+3) {
	background-color: #6bcdd6;
}

.message--regular .message__list li:nth-child(5n+3)::before {
	border-top-color: #6bcdd6;
	border-left-color: #6bcdd6;
}

.message--regular .message__list li:nth-child(5n+4) {
	background-color: #24b6d1;
}

.message--regular .message__list li:nth-child(5n+4)::before {
	border-top-color: #24b6d1;
	border-left-color: #24b6d1;
}

.message--regular .message__list li:nth-child(5n) {
	background-color: #76b2fd;
}

.message--regular .message__list li:nth-child(5n)::before {
	border-top-color: #76b2fd;
	border-left-color: #76b2fd;
}

@media only screen and (max-width: 768px) {
	.message {
		margin-top: 80px;
	}
	.message__image {
		display: none;
	}
	.message__headline {
		font-size: 18px;
	}
	.message__list ul {
		display: block;
		margin-top: -15px;
	}
	.message__list li {
		max-width: none;
		margin-top: 15px;
		padding: 15px;
		border-radius: 4px;
	}
}

/* qa-section */
.qa-section {
	padding-top: 75px;
	margin-top: 75px;
}

.qa-section:first-of-type {
	padding-top: 40px;
	margin-top: 40px;
}

@media only screen and (max-width: 768px) {
	.qa-section {
		padding-top: 35px;
		margin-top: 35px;
	}
	.qa-section:first-of-type {
		padding-top: 20px;
		margin-top: 20px;
	}
}

/* --------------------------------------------------
  WORKER
 -------------------------------------------------- */
/* nav-worker */
.nav-worker {
	overflow: hidden;
	margin-top: -6.917%;
	margin-left: -6.72%;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
}

.nav-worker__item {
	display: inline-block;
	width: 43.704%;
	margin-top: 6.482%;
	margin-left: 6.297%;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}

.nav-worker__item a {
	display: block;
	color: #fff;
}

.nav-worker__item a:hover {
	color: #fff;
	opacity: .7;
}

@media only screen and (max-width: 768px) {
	.nav-worker {
		margin-top: -20px;
		margin-left: 0;
	}
	.nav-worker__item {
		display: block;
		width: auto;
		margin-top: 20px;
		margin-left: 0;
	}
}

/* media-worker */
.media-worker {
	display: table;
	width: 100%;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}

.media-worker__image, .media-worker__text {
	display: table-cell;
	vertical-align: middle;
	transition: .5s;
}

.media-worker__image {
	width: 40.678%;
	background-color: #66c5ec;
	vertical-align: top;
}

.media-worker__image > img {
	max-width: none;
	width: 100%;
}

.media-worker__text {
	padding: 7px 20px;
	color: #fff;
	background: #66c5ec url(/asets/recruit/images/worker/bg_box_01.png) no-repeat;
	background-size: 100% 100%;
	text-align: left;
}

.media-worker__text--other {
	background-color: #97d069;
	background-image: url(/asets/recruit/images/worker/bg_box_02.png);
}

.media-worker__number {
	margin-bottom: 5px;
	font-size: 12px;
	vertical-align: text-bottom;
}

.media-worker__number > b {
	font-size: 18px;
	margin-left: 10px;
}

.media-worker__headline {
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #fff;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 500;
}

.media-worker__headline > span {
	display: block;
	margin-top: 3px;
	font-size: 14px;
}

@media only screen and (max-width: 768px) {
	.media-worker__image {
		background-color: transparent;
	}
	.media-worker__text {
		padding-right: 10px;
		padding-left: 10px;
		line-height: 1.5;
	}
	.media-worker__number {
		font-size: 10px;
	}
	.media-worker__number > b {
		font-size: 16px;
	}
	.media-worker__headline {
		font-size: 18px;
	}
}

@media only screen and (max-width: 640px) {
	.media-worker__text {
		font-size: 10px;
	}
	.media-worker__number > b {
		font-size: 14px;
	}
	.media-worker__headline {
		margin-top: 5px;
	}
	.media-worker__headline > span {
		font-size: 12px;
	}
	.media-worker__headline + p {
		font-size: 14px;
	}
}

@media only screen and (max-width: 320px) {
	.media-worker .media-worker__image {
		overflow: hidden;
		position: relative;
		width: 105px;
	}
	.media-worker .media-worker__image > img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 125px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

/* schedule */
.schedule {
	margin-bottom: 35px;
	padding-top: 15px;
	padding-bottom: 20px;
	background-color: #e1ecf1;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.schedule {
		display: none;
	}
}

/* lead-worker */
.lead-worker {
	position: relative;
	margin-bottom: 30px;
	padding: 20px 30px;
	border-radius: 8px;
	background-color: #e5f6ff;
	-webkit-filter: drop-shadow(0 1px 2px rgba(114, 114, 114, .15));
	filter: drop-shadow(0 1px 2px rgba(114, 114, 114, .15));
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
}

.lead-worker::before {
	content: "";
	position: absolute;
	bottom: 100%;
	right: 20px;
	border: 6px solid transparent;
	border-bottom-color: #e5f6ff;
	border-left-color: #e5f6ff;
}

@media only screen and (max-width: 768px) {
	.lead-worker {
		position: relative;
		margin-bottom: 20px;
		padding: 10px 15px;
		border-radius: 4px;
		font-size: 18px;
	}
	.lead-worker br {
		display: none;
	}
}

/* headline-worker */
.headline-worker {
	margin-top: 40px;
	margin-bottom: 25px;
	color: #16a4df;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
}

.headline-worker:first-child {
	margin-top: 0;
}

@media only screen and (max-width: 768px) {
	.headline-worker {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
	}
}

/* box-worker */
.box-worker {
	margin-top: 80px;
	padding: 10px 36px 30px;
	background-color: #e1ecf1;
}

.box-worker__headline {
	margin-bottom: 7px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.box-worker__headline > span {
	position: relative;
	display: inline-block;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 1.3;
}

.box-worker__headline > span::before, .box-worker__headline > span::after {
	content: "";
	position: absolute;
	top: 4px;
	bottom: 4px;
	border-left: 2px solid #16a4df;
	-webkit-transform: rotate(-18deg);
	transform: rotate(-18deg);
}

.box-worker__headline > span::before {
	left: 0;
}

.box-worker__headline > span::after {
	right: 0;
}

.box-worker .nav-worker {
	margin-top: -2.439%;
	margin-left: -2.439%;
}

.box-worker .nav-worker__item {
	width: 47.619%;
	margin-top: 2.381%;
	margin-left: 2.381%;
}

.box-worker .media-worker__image {
	width: 35%;
}

.box-worker .media-worker__text {
	line-height: 1.5;
}

.box-worker .media-worker__number {
	margin-bottom: 0;
	font-size: 14px;
}

.box-worker .media-worker__number > b {
	font-size: 18px;
}

.box-worker .media-worker__headline {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 28px;
}

@media only screen and (max-width: 768px) {
	.box-worker {
		margin: 40px -20px 0;
		padding: 15px 15px 20px;
	}
	.box-worker__headline {
		margin-top: 0;
		margin-bottom: 20px;
	}
	.box-worker .nav-worker {
		margin-top: -20px;
		margin-left: 0;
	}
	.box-worker .nav-worker__item {
		display: block;
		width: auto;
		margin-top: 20px;
		margin-left: 0;
	}
}

@media only screen and (max-width: 480px) {
	.box-worker .media-worker__number {
		font-size: 10px;
	}
	.box-worker .media-worker__number > b {
		font-size: 16px;
	}
	.box-worker .media-worker__headline {
		font-size: 18px;
	}
}

/* --------------------------------------------------
  EDUCATION
 -------------------------------------------------- */
/* training
------------------------------ */
.list-training {
	margin-top: 100px;
	background: url(/asets/recruit/images/education/training/ic_multiplication.png) center 40px no-repeat;
	background-size: 10% auto;
}

.list-training ul {
	margin-left: -16.923%;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
	text-align: center;
}

.list-training li {
	display: inline-block;
	width: 30.658%;
	margin-left: 14.474%;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	transition: .5s;
}

@media only screen and (max-width: 768px) {
	.list-training {
		margin-top: 50px;
		background-position: center center;
		background-size: auto 72px;
	}
	.list-training ul {
		margin-left: 0;
		font-size: 0;
	}
	.list-training li {
		display: block;
		margin-top: 120px;
		margin-left: 0;
		width: auto;
	}
	.list-training li:first-child {
		margin-top: 0;
	}
}

/* --------------------------------------------------
  INFORMATION
 -------------------------------------------------- */
/* graduates
------------------------------ */
/* list-graduates */
.list-graduates dt {
	position: absolute;
}

.list-graduates dd {
	padding-left: 125px;
}

/* flow-graduates */
.flow-graduates {
	padding-right: 80px;
	padding-left: 80px;
	transition: .5s;
}

.flow-graduates__item {
	display: table;
	position: relative;
	width: 100%;
	margin-top: 70px;
	border: 2px solid #16a4df;
	border-radius: 8px;
}

.flow-graduates__item::after {
	content: "";
	position: absolute;
	bottom: -60px;
	left: 50%;
	width: 84px;
	height: 44px;
	background: url(/asets/recruit/images/information/graduates/ic_arrow.png) no-repeat;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.flow-graduates__item:first-child {
	margin-top: 0;
}

.flow-graduates__item:last-child::after {
	content: none;
}

.flow-graduates__header, .flow-graduates__contents {
	display: table-cell;
	height: 75px;
	vertical-align: middle;
}

.flow-graduates__header {
	width: 200px;
	padding: 5px 15px;
	background-color: #16a4df;
	font-size: 0;
	letter-spacing: -1em;
	text-align: center;
	word-spacing: -1em;
}

.flow-graduates__headline, .flow-graduates__icon {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: middle;
}

.flow-graduates__headline {
	margin-right: 20px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

.flow-graduates__icon {
	width: 90px;
	text-align: center;
}

.flow-graduates__contents {
	padding: 10px 45px;
	font-size: 20px;
}

@media only screen and (max-width: 960px) {
	.flow-graduates {
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media only screen and (max-width: 768px) {
	.flow-graduates {
		padding-right: 0;
		padding-left: 0;
	}
	.flow-graduates__item {
		margin-top: 35px;
		border-radius: 4px;
	}
	.flow-graduates__item::after {
		bottom: -32px;
		width: 42px;
		height: 22px;
		background-size: auto 22px;
	}
	.flow-graduates__item:first-child {
		margin-top: 0;
	}
	.flow-graduates__header {
		width: 120px;
	}
	.flow-graduates__headline, .flow-graduates__icon {
		display: block;
	}
	.flow-graduates__headline {
		margin-right: 0;
		font-size: 16px;
	}
	.flow-graduates__icon {
		margin-top: 5px;
		width: auto;
	}
	.flow-graduates__contents {
		padding-right: 20px;
		padding-left: 20px;
		font-size: 16px;
	}
}

/* list */
.flow-list-btn {
	margin: 80px auto 0;
	max-width: 730px;
}

.flow-list-btn ul {
	overflow: hidden;
}

.flow-list-btn li {
	float: right;
	width: 46.028%;
	text-align: center;
}

.flow-list-btn li:first-child {
	float: left;
}

.flow-list-btn li > a:hover {
	opacity: .7;
}

@media only screen and (max-width: 768px) {
	.flow-list-btn {
		margin-top: 40px;
	}
	.flow-list-btn li {
		float: none;
		width: auto;
		margin-top: 20px;
	}
	.flow-list-btn li:first-child {
		float: none;
		margin-top: 0;
	}
}

/* career
------------------------------ */
/* nav-voice */
.nav-voice {
	margin-top: -3.364%;
	margin-left: -3.364%;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
}

.nav-voice__item {
	display: inline-block;
	width: 46.747%;
	margin-top: 3.254%;
	margin-left: 3.254%;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}

.nav-voice__item a:hover {
	opacity: .7;
}

@media only screen and (max-width: 768px) {
	.nav-voice {
		margin-left: 0;
	}
	.nav-voice__item {
		display: block;
		width: auto;
		margin-top: 20px;
		margin-left: 0;
	}
}

/* media-voice */
.media-voice {
	display: table;
	width: 100%;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
}

.media-voice__image, .media-voice__text {
	display: table-cell;
	vertical-align: middle;
	transition: .5s;
}

.media-voice__image {
	width: 140px;
}

.media-voice__image > img {
	max-width: none;
	width: 100%;
}

.media-voice__text {
	padding: 7px 20px;
	color: #fff;
	background: #66c5ec url(/asets/recruit/images/information/career/bg_box.png) no-repeat;
	background-size: 100% 100%;
	line-height: 1.5;
	text-align: left;
}

.media-voice__number > b {
	font-size: 20px;
	margin-left: 10px;
	vertical-align: -1px;
}

.media-voice__headline {
	margin-top: 3px;
	margin-bottom: 5px;
	padding-bottom: 7px;
	border-bottom: 1px solid #fff;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 500;
}

@media only screen and (max-width: 768px) {
	.media-voice__text {
		padding-right: 10px;
		padding-left: 10px;
		line-height: 1.5;
	}
	.media-voice__number > b {
		font-size: 16px;
	}
	.media-voice__headline {
		font-size: 22px;
	}
	.media-voice__headline + p {
		font-size: 14px;
	}
}

@media only screen and (max-width: 640px) {
	.media-voice__text {
		font-size: 10px;
	}
	.media-voice__number > b {
		font-size: 14px;
	}
	.media-voice__headline + p {
		font-size: 14px;
	}
}

@media only screen and (max-width: 320px) {
	.media-voice__image {
		overflow: hidden;
		position: relative;
		width: 105px;
	}
	.media-voice__image > img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 140px;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

/* info-recruit */
.info-recruit {
	margin-top: 50px;
	padding-right: 30px;
	padding-left: 30px;
}

.info-recruit__inner {
	display: table;
	width: 100%;
	border: 1px solid #16a4df;
	border-radius: 4px;
}

.info-recruit__image, .info-recruit__text {
	display: table-cell;
	padding: 10px 40px;
	vertical-align: middle;
	transition: .5s;
}

.info-recruit__image {
	text-align: center;
	background-color: #16a4df;
}

.info-recruit__image > img {
	max-width: none;
	width: 110px;
}

.info-recruit__text {
	position: relative;
	color: #000;
}

.info-recruit__text a:hover {
	color: #000;
}

.info-recruit__headline {
	margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
	.info-recruit {
		margin-top: 25px;
		padding-right: 0;
		padding-left: 0;
	}
	.info-recruit__image, .info-recruit__text {
		display: block;
		padding: 10px 20px;
	}
}

/* flow-career */
.flow-career {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.flow-career__item {
	position: relative;
	-ms-flex: 0 0 31.166%;
	flex: 0 0 31.166%;
	max-width: 31.166%;
	padding: 25px 30px 30px;
	border-radius: 4px;
	background-color: #e5f6ff;
}

.flow-career__item:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -10px;
	border-left: 13px solid #16a4df;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.flow-career__item:first-child:before {
	content: none;
}

.flow-career__headline {
	margin-bottom: 10px;
	color: #16a4df;
	font-size: 20px;
}

@media only screen and (max-width: 768px) {
	.flow-career {
		overflow: hidden;
		display: block;
		margin-top: -30px;
	}
	.flow-career__item {
		max-width: none;
		margin-top: 30px;
	}
	.flow-career__item:before {
		top: -20px;
		left: 50%;
		margin-top: 0;
		margin-left: -10px;
		border: 0;
		border-top: 13px solid #16a4df;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
	}
}

/* faq
------------------------------ */
/* tab-faq */
.tab-faq {
	display: table;
	width: 100%;
}

.tab-faq__btn {
	display: table-cell;
	width: 50%;
	font-size: 20px;
	color: #fff;
	height: 48px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.tab-faq__btn.active {
	pointer-events: none;
}

.tab-faq__btn--new {
	background: #c5ddb1;
}

.tab-faq__btn--new.active {
	background: #a0d178;
}

.tab-faq__btn--career {
	background: #bbd5e0;
}

.tab-faq__btn--career.active {
	background: #16a3de;
}

/* panel-faq */
.panel-faq__item {
	display: none;
}

.panel-faq__item.active {
	display: block;
}

/* anchor-faq */
.anchor-faq {
	display: table;
	width: 100%;
}

.anchor-faq li {
	display: table-cell;
	width: 25%;
	text-align: center;
	line-height: 48px;
	height: 48px;
	font-size: 16px;
}

.anchor-faq a {
	display: block;
}

.anchor-faq a::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 2px solid;
	border-left: 2px solid;
	-webkit-transform: rotate(-135deg) translate(10px, -5px);
	transform: rotate(-135deg) translate(10px, -5px);
}

.anchor-faq--new a {
	color: #693;
	background: #eefde1;
}

.anchor-faq--new a:hover {
	background: #dcefcc;
}

.anchor-faq--career a {
	color: #0d89bd;
	background: #e5f6ff;
}

.anchor-faq--career a:hover {
	background: #daebf5;
}

@media only screen and (max-width: 768px) {
	.anchor-faq li {
		display: block;
		width: 100%;
	}
}

/* heading-faq */
.heading-faq {
	margin-top: 30px;
	padding-top: 30px;
	text-align: center;
}

/* list-faq */
.list-faq dl {
	margin-top: 10px;
}

.list-faq dl:first-of-type {
	margin-top: 30px;
}

.list-faq dt::before, .list-faq dd::before {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.list-faq dt {
	position: relative;
	padding: 16px 35px 16px 48px;
	border-radius: 10px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center left 20px;
}

.list-faq dt::after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

.list-faq dd {
	position: relative;
	padding: 16px 16px 16px 48px;
	display: none;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center left 20px;
}

.list-faq--new dt {
	background-color: #eefde1;
	background-image: url(/asets/recruit/images/information/faq/ic_q_new.png);
	color: #693;
}

.list-faq--new dt::after {
	background: url(/asets/recruit/images/information/faq/ic_open_new.png);
	background-size: contain;
}

.list-faq--new dt.active::after {
	background: url(/asets/recruit/images/information/faq/ic_close_new.png);
	background-size: contain;
}

.list-faq--new dd {
	background-image: url(/asets/recruit/images/information/faq/ic_a_new.png);
}

.list-faq--career dt {
	background-color: #e5f6ff;
	background-image: url(/asets/recruit/images/information/faq/ic_q_career.png);
	color: #0d89bd;
}

.list-faq--career dt::after {
	background: url(/asets/recruit/images/information/faq/ic_open_career.png);
	background-size: contain;
}

.list-faq--career dt.active::after {
	background: url(/asets/recruit/images/information/faq/ic_close_career.png);
	background-size: contain;
}

.list-faq--career dd {
	background-image: url(/asets/recruit/images/information/faq/ic_a_career.png);
}

@media only screen and (max-width: 768px) {
	.list-faq dt {
		margin-top: 20px;
		border-radius: 4px;
		background-position: center left 10px;
	}
	.list-faq dd {
		padding-left: 42px;
		background-position: center left 10px;
	}
}

/* entry
------------------------------ */
/* area */
.area-entry {
	margin-top: 40px;
}

.area-entry__btn {
	margin-top: 45px;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.area-entry {
		margin-top: 20px;
	}
	.area-entry__btn {
		margin-top: 20px;
	}
}

/* headline */
.headline-entry {
	position: relative;
	padding-left: 45px;
	padding-bottom: 10px;
	border-bottom: 1px solid #16a4df;
	color: #16a4df;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
}

.headline-entry > i {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.headline-entry {
		margin-right: -20px;
		margin-left: -20px;
		padding: 0 20px 10px 65px;
		font-size: 16px;
	}
	.headline-entry > i {
		left: 20px;
	}
}

/* list */
.list-entry {
	overflow: hidden;
}

.list-entry > li {
	margin-top: 10px;
}

.list-entry > li:first-child {
	margin-top: 0;
}

.list-entry-inline {
	font-size: 0;
	margin-top: -10px;
	margin-left: -30px;
	letter-spacing: -1em;
	word-spacing: -1em;
}

.list-entry-inline > li {
	display: inline-block;
	margin-top: 10px;
	margin-left: 30px;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}

.list-entry-inline--birth {
	margin-left: -10px;
}

.list-entry-inline--birth > li {
	margin-left: 10px;
}

/* box-check */
.box-check {
	padding: 25px 20px;
	background-color: #e5f6ff;
	text-align: center;
}

.box-check__agree {
	margin-top: 15px;
}

/* list-btn-entry */
.list-btn-entry {
	margin-top: 50px;
}

.list-btn-entry ul {
	margin-top: -10px;
	margin-left: -40px;
	font-size: 0;
	letter-spacing: -1em;
	word-spacing: -1em;
	text-align: center;
}

.list-btn-entry li {
	display: inline-block;
	width: 180px;
	margin-top: 10px;
	margin-left: 40px;
	font-size: 14px;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
}

.list-btn-entry li > input {
	width: 100%;
}