@charset "utf-8";

html { font-size: 62.5%; }

body {
	font-size: 1.6rem;
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.875;
}

.en {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
}

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

p {
	margin-bottom: 2rem;
}

a {
	color: #69CAE1;
	transition: .3s;
}

.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}


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

	font-size

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

.font-20 { font-size: 2rem;}


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

	spacing

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

.py-3 { padding-top: 3rem !important; padding-bottom: 3rem !important;}
.py-4 { padding-top: 4rem !important; padding-bottom: 4rem !important;}

.px-5 { padding-right: 5rem !important; padding-left: 5rem !important;}

.pt-0 { padding-top: 0 !important;}
.pt-2 { padding-top: 2rem !important;}
.pt-5 { padding-top: 5rem !important;}
.pt-8 { padding-top: 8rem !important;}

.pb-5 { padding-bottom: 5rem !important;}
.pb-6 { padding-bottom: 6rem !important;}

@media screen and (max-width: 767px) {
	
	.py-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
	.py-4 { padding-top: 2rem !important; padding-bottom: 2rem !important;}

	.px-5 { padding-right: 2.5rem !important; padding-left: 2.5rem !important;}

	.pt-0 { padding-top: 0 !important;}
	.pt-2 { padding-top: 1rem !important;}
	.pt-5 { padding-top: 2.5rem !important;}
	.pt-8 { padding-top: 4rem !important;}

	.pb-5 { padding-bottom: 2.5rem !important;}
	.pb-6 { padding-bottom: 3rem !important;}
	
	.px-sm-0 { padding-right: 0 !important; padding-left: 0 !important;}
	
}


.mb-0 { margin-bottom: 0 !important;}
.mb-2 { margin-bottom: 2rem !important;}
.mb-3 { margin-bottom: 3rem !important;}
.mb-4 { margin-bottom: 4rem !important;}
.mb-5 { margin-bottom: 5rem !important;}
.mb-6 { margin-bottom: 6rem !important;}
.mb-8 { margin-bottom: 8rem !important;}
.mb-10 { margin-bottom: 10rem !important;}

@media screen and (max-width: 767px) {
	
	.mb-0 { margin-bottom: 0 !important;}
	.mb-2 { margin-bottom: 1rem !important;}
	.mb-4 { margin-bottom: 2rem !important;}
	.mb-5 { margin-bottom: 2.5rem !important;}
	.mb-6 { margin-bottom: 3rem !important;}
	.mb-8 { margin-bottom: 4rem !important;}
	.mb-10 { margin-bottom: 5rem !important;}
	
}


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

	layout

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

.section {
	padding-top: 8rem;
	padding-bottom: 8rem;
}

@media screen and (max-width: 767px) {
	
	.section {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
}


.inner {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 20px;
}

.inner--large { max-width: 1320px;}
.inner--xlarge { max-width: 1520px;}

.box { margin-bottom: 5rem;}

@media screen and (max-width: 767px) {
	
	.box { margin-bottom: 2rem;}
	
}


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

	color

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

.text-primary { color: #69CAE1 !important;}
.text-secondary { color: #6CCB6C !important;}
.text-tertiary { color: #FFC165 !important;}
.text-quaternary { color: #FF9FD9!important;}
.text-danger { color: #FF0000!important;}
.text-light { color: #E6F5FF !important;}
.text-white { color: #fff !important;}
.text-dark { color: #000 !important;}

.top-key .text-primary { color: #00B0F0;}

.bg-primary { background-color: #69CAE1 !important;}
.bg-secondary { background-color: #6CCB6C !important;}
.bg-light { background-color: #E6F5FF !important;}
.bg-light-secondary { background-color: #F2FFE5 !important;}
.bg-light-tertiary { background-color: #FFEACC !important;}
.bg-light-quaternary { background-color: #FFEEF8 !important;}


.border-secondary { border-color: #6CCB6C !important;}
.border-quaternary { border-color: #FF9FD9 !important;}


.bg-white { background-color: #fff !important;}

.btn.btn-primary { background-color: #69CAE1;}
.btn.btn-secondary { background-color: #6CCB6C;}
.btn.btn-white { background-color: #fff; color: #69CAE1;}
.btn.btn-gray { background-color: #707070;}

.badge.badge-primary { background-color: #69CAE1;}
.badge.badge-secondary { background-color: #6CCB6C;}


.btn {
	background-color: #69CAE1;
	color: #fff;
}

.btn:hover {
	background-color: #fff;
	border-color: #69CAE1;
	color: #69CAE1;
}

.btn.btn-secondary:hover {
	background-color: #fff;
	border-color: #6CCB6C;
	color: #6CCB6C;
}

.btn.btn-gray:hover {
	background-color: #fff;
	border-color: #707070;
	color: #707070;
}


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

	radius

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

.radius-5 { border-radius: 0.5rem;}
.radius-10 { border-radius: 1rem;}


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

	table

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

table {
	width: 100%;
}

th {
	padding: 2rem 0;
	border-bottom: 1px solid #ccc;
	font-weight: 700;
}

td {
	padding: 2rem 0;
	border-bottom: 1px solid #ccc;
}

th > :last-child,
td > :last-child {
	margin-bottom: 0;
}


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

	ul

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

ul {
	margin: 0 0 2rem 1.6rem;
	list-style: disc;
}


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

	heading

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

h2 {
	margin: 0 0 3rem;
	padding: 0 0 1.2rem;
	border-bottom: 1px solid #69CAE1;
	font-size: 3rem;
	line-height: 1.4;
	font-weight: 700;
}

.bg-light-secondary h2 { border-bottom-color: #6CCB6C;}
.bg-light-tertiary h2 { border-bottom-color: #FFC165;}
.bg-light-quaternary h2 { border-bottom-color: #FF9FD9;}


.h2-style02 {
	margin: 0 0 5.2rem;
	padding: 0;
	border-bottom: none;
	font-size: 4rem;
}

.cparts-id7__ttl {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: none;
}

.cparts-id7 .cparts-txt-block {
	font-size: 3rem;
}

.cparts-id7 .cparts-notes-block {
	font-size: 2rem;
	color: #69CAE1;
}

@media screen and (max-width: 767px) {
	
	h2 {
		margin-bottom: 2.4rem;
		font-size: 2.4rem;
	}
	
	.h2-style02 {
		margin: 1.6rem 0 3.2rem;
		font-size: 2.4rem;
	}
	
}


h3 {
	margin: 5rem 0 3rem;
	padding: 0.8rem 0 0.8rem 1.6rem;
	border-left: 3px solid #69CAE1;
	border-bottom: 1px solid #ccc;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}

.bg-light-secondary h3 { border-left-color: #6CCB6C;}
.bg-light-tertiary h3 { border-left-color: #FFC165;}
.bg-light-quaternary h3 { border-left-color: #FF9FD9;}

.h3--secondary { border-left-color: #6CCB6C;}
.h3--tertiary { border-left-color: #FFC165;}
.h3--quaternary { border-left-color: #FF9FD9;}


h3:first-child {
	margin-top: 0;
}

h2 + h3 {
	margin-top: 3rem;
}

.h3-style02 {
	margin: 0 0 3rem;
	padding: 1.6rem;
	background-color: #69CAE1;
	border: none;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
}

.h3-style03 {
	margin: 0 0 4rem;
	padding: 0;
	border-left: none;
	border-bottom: none;
	color: #69CAE1;
}

.h3-style04 {
	margin: 0 0 3rem;
	padding: 0 0 1.2rem;
	border-left: none;
	border-bottom: 3px solid #69CAE1;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1.4;
}

.h3-style04--secondary {
	border-bottom-color: #6CCB6C;
}

.faq-box + .h3-style04 {
	margin-top: 7rem;
}

@media screen and (max-width: 767px) {
	
	.h3-style04 {
		font-size: 2rem;
	}

	.faq-box + .h3-style04 {
		margin-top: 4rem;
	}
	
}


h4 {
	margin: 0 0 2.4rem;
	padding: 0 0 2.4rem;
	border-bottom: 1px solid #69CAE1;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}

.h4-style02 {
	margin: 3rem 0 2rem;
	padding: 0;
	background-color: transparent;
	border: none;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
}

.h4-style02:first-child {
	margin-top: 0;
}

h5 {
	margin: 3rem 0 2rem;
	font-size: 1.8rem;
	font-weight: 700;
	color: #69CAE1;
}

.h5 {
	margin-bottom: 3rem;
	font-size: 2.6rem;
}

@media screen and (max-width: 767px) {
	
	h5 {
		margin: 2rem 0 1.6rem;
	}
	
}


.h6 {
	margin: 0 0 3rem;
	padding: 0.8rem 0 0.8rem 1.6rem;
	border-left: 3px solid #FF9FD9;
	border-bottom: 1px solid #ccc;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}

.h6-style02 {
	margin: 0;
	padding: 0;
	font-weight: 700;
}


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

	btn

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

.btn {
	display: inline-block;
	min-width: 260px;
	padding: 1.6rem 1rem;
	border: 2px solid transparent;
	text-align: center;
	line-height: 1;
	transition: .3s;
}

.btn-w200 {
	min-width: 200px;
}

.dec-btn,
.dec-btn--primary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 260px;
	margin: 0 auto;
	padding: 1.6rem 1rem;
	background-color: #69CAE1;
	border: 2px solid transparent;
	text-align: center;
	line-height: 1;
	color: #fff;
}

.dec-btn:hover,
.dec-btn--primary:hover {
	background-color: #fff;
	border-color: #69CAE1;
	color: #69CAE1;
}

.dec-btn--secondary {
	background-color: #6CCB6C;
}

.dec-btn--secondary:hover {
	background-color: #fff;
	border-color: #6CCB6C;
	color: #6CCB6C;
}

.dec-btn--size-md { padding: 1.6rem 1rem;}

.dec-btn--blank:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 0 0 1.2rem;
	background: url("../images/icon/icon-blank--white.png") no-repeat center center;
	background-size: contain;
}

.dec-btn--blank:hover:after {
	background-image: url("../images/icon/icon-blank--secondary.png");
}

.btn-googlemap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 210px;
	padding: 6px 16px;
	background-color: #F2FFE5;
	border: 2px solid #6CCB6C;
	border-radius: 9999px;
	color: #000;
}

.btn-googlemap:before {
	content: '';
	display: block;
	width: 18px;
	height: 26px;
	margin: 0 14px 0 0;
	background: url("../images/icon/icon-pin--secondary.png") no-repeat center center;
	background-size: contain;
}

.btn-googlemap:hover {
	background-color: #6CCB6C;
	color: #fff;
}

.btn-googlemap:hover:before {
	background-image: url("../images/icon/icon-pin--white.png");
}


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

	badge

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

.badge {
	display: block;
	padding: 6px 2px;
	font-size: 1.4rem;
	color: #fff;
	line-height: 1;
	text-align: center;
}


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

	header

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

.header {
	position: relative;
}

.header-box__nav {
	position: absolute;
	top: 50%;
	right: 1.8rem;
	transform: translateY(-50%);
}

.header-box__nav-row {
	display: flex;
	align-items: center;
	margin: 0 -5px;
}

.header-box__nav-col {
	padding: 0 5px;
}

.header-box__nav-col .btn {
	height: 50px;
	padding: 0;
	line-height: 46px;
}

@media screen and (max-width: 767px) {
	
	.header {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.header .logo {
		position: relative;
		z-index: 1000;
		width: 144px;
	}
	
	.header-box__nav-col {
		display: none;
	}
	
	.header-box__nav-col:last-child {
		display: block;
	}

}


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

	topicpath

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

.topicpath {
	padding: 2rem 0 7rem;
}

.topicpath ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	list-style: none;
}

.topicpath li + li:before {
	content: '/';
	display: inline-block;
	padding: 0 0.8rem;
}

.topicpath a {
	color: #000;
	white-space: normal;
}

.topicpath a:hover {
	color: #666;
}

@media screen and (max-width: 767px) {
	
	.topicpath {
		padding: 2rem 0;
	}

	.topicpath ul {
		font-size: 1.2rem;
	}
	
}


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

	pagetop

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

.pagetop a {
	position: relative;
	display: block;
	padding: 5rem 2rem;
	font-size: 1.4rem;
	color: #000;
	text-align: center;
}

.pagetop a:before {
	content: '';
	position: absolute;
	top: 3rem;
	left: 50%;
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(-45deg) translateX(-50%);
}

.pagetop a:hover {
	color: #666;
}

.pagetop a:before {
	border-top-color: #666;
	border-right-color: #666;
}


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

	footer

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

.footer {
	padding-top: 32px;
	padding-bottom: 36px;
}

.footer-title {
	margin: 0 0 5rem;
	font-size: 2.6rem;
}

.footer-title a {
	color: #fff;
}

.footer-title a:hover {
	text-decoration: underline;
}

.footer-nav-row {
	display: flex;
	margin: 0 -2.3rem;
}

.footer-nav-col {
	width: 25%;
	padding: 0 2.3rem;
}

.footer-nav-title {
	margin: 0 0 2rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid #fff;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 600;
	color: #fff;
}

.footer-nav-title a {
	position: relative;
	display: block;
	padding-left: 2rem;
	color: #fff;
}

.footer-nav-title a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
}

.footer-nav-title a:hover {
	text-decoration: underline;
}

.footer-nav {
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	list-style: none;
}

.footer-nav li {
	margin: 0 0 1rem;
	padding: 0;
	line-height: 1.4;
}

.footer-nav a {
	position: relative;
	display: inline-block;
	padding-left: 18px;
	color: #fff;
}

.footer-nav a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
}

.footer-nav a:hover {
	text-decoration: underline;
}

.footer-nav__child {
	margin: 1rem 0 0 2rem;
	padding: 0;
	list-style: none;
}

.copyright {
	padding: 2.5rem 2rem;
	font-size: 1.4rem;
	text-align: center;
}

#cmsMobileButton {
	display: none;
}

@media screen and (max-width: 767px) {
	
	.footer {
		display: none;
	}
	
}


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

	nav

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

.btn-nav {
	width: 50px;
	height: 50px;
	padding-top: 6px;
	background-color: #69CAE1;
	color: #fff;
	text-align: center;
	cursor: pointer;
	transition: .3s;
}

.btn-nav:hover {
	background-color: #a0d3df;
}

.btn-nav__menu {
	position: relative;
	display: block;
	width: 30px;
	height: 23px;
	margin: 0 auto 5px;
}

.btn-nav__menu > span,
.btn-nav__menu:before,
.btn-nav__menu:after {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 3px;
	background-color: #fff;
}

.btn-nav__menu > span {
	top: 10px;
}

.btn-nav__menu:before { top: 0;}
.btn-nav__menu:after { bottom: 0;}

.btn-nav__text {
	display: block;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1;
}


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

	FAQ　パーツ

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

.recruit-top-faq {
	margin: 4rem 0 8rem;
	padding: 3.6rem;
	background: url("../images/recruit/faq-bg.jpg") no-repeat center center;
	background-size: cover;
	color: #fff;
}

.recruit-top-faq__title {
	margin: 0 0 1.2rem;
	padding: 0;
	border: none;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.recruit-top-faq__text {
	text-align: center;
}

.recruit-top-faq__text p {
	margin: 0 0 2rem;
	line-height: 1.25;
}

.recruit-top-faq__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.recruit-top-faq {
		margin-top: 2rem;
		margin-bottom: 4rem;
	}

	.recruit-top-faq__title {
		font-size: 3.2rem;
	}

	.recruit-top-faq__text {
		font-size: 1.4rem;
	}
	
	.recruit-top-faq__text p {
		line-height: 1.4;
	}
	
}


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

	お知らせ

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

.top-news {
	padding-top: 5.2rem;
	padding-bottom: 8rem;
}

.top-news-nav {
	display: flex;
	align-items: center;
	margin: 0 -10px 2.8rem;
}

.top-news-nav-col {
	width: 33.33333333%;
	padding: 0 10px;
}

.tab {
	position: relative;
	display: block;
	padding: 1.8rem 2px;
	border: 2px solid #69CAE1;
	font-size: 1.8rem;
	line-height: 1.2;
	color: #69CAE1;
	text-align: center;
	cursor: pointer;
	transition: .3s;
}

.tab:hover {
	background-color: #69CAE1;
	color: #fff;
}

.is-active .tab {
	background-color: #69CAE1;
	color: #fff;
	cursor: default;
}

.is-active .tab:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	display: block;
	width: 24px;
	height: 12px;
	background-color: #69CAE1;
	clip-path: polygon(50% 12px, 0% 0%, 24px 0%);
	transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
	
	.top-news {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.top-news-nav {
		margin: 0 -1.2rem 1rem;
	}

	.top-news-nav-col {
		padding: 0 2px;
	}

	.tab {
		font-size: 1.4rem;
	}
	
}


.news-box-wrap {
	margin: 0 0 5.2rem;
}

.news-box-link {
	display: block;
	padding: 2rem 0;
	border-bottom: 1px solid #ccc;
}

.news-box {
	display: flex;
	align-items: center;
	width: 100%;
}

.news-box__date {
	width: 110px;
	font-weight: normal;
}

.news-box__cat {
	width: 124px;
}

.news-box__title {
	width: calc( 100% - 234px );
	padding-left: 30px;
}

@media screen and (max-width: 767px) {
	
	.news-box-wrap {
		margin-bottom: 4rem;
	}

	.news-box {
		flex-wrap: wrap;
	}

	.news-box__title {
		width: 100%;
		margin-top: 1rem;
		padding-left: 0;
	}
	
}

.pager {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4rem 0 0;
}

.pager__col {
	padding: 0 0.5rem;
}

.pager__col a {
	display: block;
	padding: 1rem 2rem;
	border: 1px solid #69CAE1;
	color: #000;
}


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

	お知らせ詳細

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

.blog-individual__head {
	display: flex;
	margin: 0 0 2rem;
}

.blog-individual__date {
	margin: 0;
}

.blog-individual__cat {
	padding-left: 2.4rem;
}

.blog-individual__cat ul {
	display: flex;
	align-items: center;
	margin: 0 -0.5rem;
	padding: 0;
	list-style: none;
}

.blog-individual__cat li {
	margin: 0;
	padding: 0 0.5rem;
}

.blog-individual__cat a {
	display: block;
	padding: 0.6rem 1.4rem;
	background-color: #6CCB6C;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
}

.blog-individual__btn {
	margin: 10rem 0 0;
	padding: 2.5rem 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



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

	key

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

.key {
	position: relative;
	padding-top: 192px;
	padding-bottom: 192px;
}

.key__photo {
}

.key__photo img {
	position: absolute;
	top: 0;
	z-index: 0;
	display: block;
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
}

.key__text {
	position: relative;
	z-index: 1;
}

.key__head {
	margin-bottom: 2rem;
	font-size: 25px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #fff;
}

.key__title {
	margin: 0 0 2.4rem;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}

.key__sup {
	margin: 0;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #fff;
}

@media screen and (max-width: 767px) {
	
	.key {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

	.key__head {
		font-size: 1.6rem;
	}

	.key__title {
		margin-bottom: 1rem;
		font-size: 3rem;
	}

	.key__sup {
		font-size: 1.6rem;
	}
	
}


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

	新卒採用

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

.key-newgrads {
	position: relative;
}

.key-newgrads__photo--pc { display: block;}
.key-newgrads__photo--tb { display: none;}
.key-newgrads__photo--sp { display: none;}

.key-newgrads img {
	display: block;
	width: 100vw;
	height: 750px;
	object-fit: cover;
}

@media screen and (max-width: 1280px) {
	
	.key-newgrads__photo--pc { display: none;}
	.key-newgrads__photo--tb { display: block;}
	.key-newgrads__photo--sp { display: none;}
	
	.key-newgrads img {
		height: auto;
	}
	
}

@media screen and (max-width: 480px) {
	
	.key-newgrads__photo--pc { display: none;}
	.key-newgrads__photo--tb { display: none;}
	.key-newgrads__photo--sp { display: block;}
	
}


.newgrads-voice {
	display: block;
	padding: 13.5rem 0;
	background: url("../images/recruit/newgrads-voice.jpg") repeat-x center center;
	background-size: 2000px 600px;
}

.newgrads-voice__text {
	display: block;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 4.8rem 0;
	background-color: rgba(255 255 255 / 90%);
	text-align: center;
}

.newgrads-voice__en {
	display: block;
	margin: 0 0 4rem;
	font-size: 6rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-align: center;
}

.ewgrads-voice__ja {
	display: block;
	margin: 0 0 3.2rem;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	color: #69CAE1;
	text-align: center;
}

.ewgrads-voice__btn {
	display: inline-block;
	padding: 1rem 5.8rem;
	background-color: #69CAE1;
	border: 2px solid #69CAE1;
	color: #fff;
	transition: .3s;
}

.newgrads-voice:hover .ewgrads-voice__btn {
	background-color: #fff;
	color: #69CAE1;
}


@media screen and (max-width: 1280px) {
	
	.newgrads-voice {
		display: block;
		padding: 0;
		background: url("../images/recruit/newgrads-voice--tb.jpg") no-repeat center center;
		background-size: cover;
		aspect-ratio: 1280 / 440;
	}

	.newgrads-voice__text {
		display: none;
	}

}

@media screen and (max-width: 767px) {
	
	.newgrads-voice {
		display: block;
		padding: 0;
		background: url("../images/recruit/newgrads-voice--sp.jpg") no-repeat center center;
		background-size: cover;
		aspect-ratio: 750 / 419;
	}

	.newgrads-voice__text {
		display: none;
	}
	
}


.newgrads-row {
	display: flex;
	margin: 0 -3rem 4rem;
}

.newgrads-col {
	width: 50%;
	margin: 0 0 4rem;
	padding: 0 3rem;
}

.newgrads-box {
	overflow: hidden;
	position: relative;
	display: block;
}

.newgrads-box__text {
	position: absolute;
	bottom: 4rem;
	right: 5.2rem;
	left: 5.2rem;
	z-index: 1;
	display: flex;
	flex-direction: column;
	padding: 3.2rem 1rem;
	background-color: rgba(255 255 255 / 90%);
}

.newgrads-box__jp {
	width: 100%;
	margin: 0 0 1.6rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
}

.newgrads-box__en {
	width: 100%;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: #69CAE1;
	text-align: center;
}

.newgrads-box img {
	display: block;
	transition: all .3s ease-out;
}

.newgrads-box:hover img {
	transform: scale(1.2);
}

@media screen and (max-width: 767px) {
	
	.newgrads-row {
		flex-wrap: wrap;
		margin: 0;
	}

	.newgrads-col {
		width: 1000%;
		margin: 0 0 2rem;
		padding: 0;
	}
	
	.newgrads-box__text {
		top: 50%;
		left: 50%;
		bottom: auto;
		right: auto;
		padding: 2rem;
		transform: translateY(-50%) translateX(-50%);
	}

	
	.newgrads-box__jp {
		font-size: 2rem;
	}

	.newgrads-box__en {
		font-size: 1.4rem;
	}
	
}


.newgrads-process {
	overflow: hidden;
	position: relative;
	display: block;
}

.newgrads-process__text {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 600px;
	padding: 3.2rem 1rem;
	background-color: rgba(255 255 255 / 90%);
	transform: translateX(-50%) translateY(-50%);
}

.newgrads-process__en {
	width: 100%;
	margin: 0 0 1.6rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
}

.newgrads-process__jp {
	width: 100%;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: #69CAE1;
	text-align: center;
}

.newgrads-process img {
	display: block;
	transition: all .3s ease-out;
}

.newgrads-process:hover img {
	transform: scale(1.2);
}

@media screen and (max-width: 767px) {
	
	.newgrads-process {
	}
	
	.newgrads-process__text {
		width: auto;
		z-index: 2;
		padding: 2rem;
	}

	.newgrads-process__en {
		font-size: 2rem;
	}

	.newgrads-process__jp {
		font-size: 1.4rem;
	}
	
	.newgrads-process img {
		max-width: 100%;
		height: 200px;
		object-fit: cover;
	}

}


.newgrads-event-head {
	display: flex;
	flex-direction: column;
	margin: 0 0 3rem;
	padding: 0;
	border: none;
}

.newgrads-event-head__jp {
	width: 100%;
	margin: 0 0 1.6rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
}

.newgrads-event-head__en {
	width: 100%;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: #69CAE1;
	text-align: center;
}

.newgrads-event-row {
	display: flex;
	margin: 0 -3rem;
}

.newgrads-event-col {
	width: 50%;
	padding: 0 3rem;
}

.newgrads-event {
	display: block;
}

.newgrads-event__photo {
	overflow: hidden;
	display: block;
}

.newgrads-event__photo img {
	display: block;
	transition: all .3s ease-out;
}

.newgrads-event:hover .newgrads-event__photo img {
	transform: scale(1.2);
}

.newgrads-event__text {
	display: block;
	padding-top: 2rem;
}

.newgrads-event__jp {
	display: block;
	width: 100%;
	margin: 0 0 0.8rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
}

.newgrads-event__en {
	display: block;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	color: #69CAE1;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
	.newgrads-event-head__jp {
		font-size: 2rem;
	}

	.newgrads-event-head__en {
		font-size: 1.4rem;
	}

	.newgrads-event-row {
		margin: 0 -0.5rem;
	}

	.newgrads-event-col {
		padding: 0 0.5rem;
	}

	.newgrads-event__en {
		font-size: 1.4rem;
	}
	
}


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

	新卒社員の声

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

.voice-title {
	position: relative;
	padding-left: 68px;
	border: none;
}

.voice-title:before {
	content: 'Q';
	position: absolute;
	top: -2px;
	left: 0;
	display: block;
	width: 50px;
	height: 50px;
	background-color: #FFC165;
	border-radius: 5px;
	font-size: 3rem;
	font-weight: 700;
	font-family: Arial, Helvetica, "sans-serif";
	line-height: 50px;
	text-align: center;
	color: #fff;
}

.voice-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem 5rem;
}

.voice-row:last-child {
	margin-bottom: 0;
}

.voice-col {
	display: flex;
	width: 50%;
	margin: 0 0 3rem;
	padding: 0 2rem;
}

.voice-box {
	width: 100%;
	padding: 2.5rem 2rem;
}

.voice-box__text {
	margin-bottom: 1rem;
}

.voice-box__text > :last-child {
	margin-bottom: 0;
}

.voice-box__footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.voice-box__name {
	margin-right: 2rem;
}

.voice-box__photo {
	width: 70px;
}

@media screen and (max-width: 767px) {
	
	.voice-title {
		padding-bottom: 0;
		padding-left: 48px;
	}

	.voice-title:before {
		top: 0;
		width: 32px;
		height: 32px;
		font-size: 2rem;
		line-height: 32px;
	}

	.voice-row {
		margin: 0 -2rem 2rem;
	}

	.voice-col {
		width: 100%;
		margin: 0 0 2rem;
	}

	.voice-box {
		padding: 2rem;
	}

	.voice-box__photo {
		width: 32px;
	}
	
}


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

	職種紹介

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

.h3-tax {
	margin: 0 0 4rem;
	padding: 0;
	border: none;
	font-size: 4rem;
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
	.h3-tax {
		margin-bottom: 2.4rem;
		font-size: 2rem;
	}
	
}


.job-box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.5rem;
	
}

.job-box__text {
	width: calc( 100% - 51.239669% );
	padding: 0 1.5rem;
}

.job-box__text > :last-child {
	margin-bottom: 0;
}

.job-box__photo {
	width: 51.239669%;
	padding: 0 1.5rem;
}

@media screen and (max-width: 767px) {
	
	.job-box__text {
		width: 100%;
		margin-bottom: 2rem;
	}

	.job-box__photo {
		width: 100%;
	}
	
}


.job-speech {
	display: flex;
	align-items: center;
	max-width: 980px;
	margin: 12rem auto 4rem;
}

.job-speech__photo {
	width: 180px;
}

.job-speech__photo-staff {
	margin: 0 0 1.8rem;
	background-color: #E6F5FF;
	border-radius: 50%;
}

.job-speech__photo-name {
	text-align: center;
	line-height: 1.4;
}

.job-speech__photo-name > :last-child {
	margin-bottom: 0;
}

.job-speech__text {
	width: calc( 100% - 180px );
	padding-bottom: 2rem;
	padding-left: 5rem;
}

.job-speech__text-body {
	position: relative;
	padding: 3rem 4.5rem;
	background-color: #E6F5FF;
	border-radius: 10px;
	box-shadow: 0px 3px 6px #0000003B;
}

.job-speech__text-body:before {
	content: '';
	position: absolute;
	left: -26px;
	top: 50%;
	display: block;
	width: 26px;
	height: 16px;
	margin: -8px 0 0;
	background-color: #E6F5FF;
	box-shadow: 0px 3px 6px #0000003B;
	clip-path: polygon(0 50%, 100% 0,  100% 100%);
}

.job-speech__text-body > :last-child {
	margin-bottom: 0;
}

.job-speech__text h6 {
	font-size: 2.6rem;
	font-weight: 700;
}

.bg-light-secondary .job-speech__photo-staff { background-color: #F2FFE5;}
.bg-light-secondary .job-speech__text-body { background-color: #F2FFE5;}
.bg-light-secondary .job-speech__text-body:before { background-color: #F2FFE5;}

.bg-light-quaternary .job-speech__photo-staff { background-color: #FFEEF8;}
.bg-light-quaternary .job-speech__text-body { background-color: #FFEEF8;}
.bg-light-quaternary .job-speech__text-body:before { background-color: #FFEEF8;}

@media screen and (max-width: 767px) {
	
	.job-speech {
		flex-direction: column;
		align-items: center;
		margin: 4rem auto;
	}

	.job-speech__photo {
		width: 90px;
	}

	.job-speech__text {
		width: 100%;
		padding: 20px 0 0;
	}

	.job-speech__text-body {
		padding: 2rem;
	}

	.job-speech__text-body:before {
		left: 50%;
		top: -4px;
		width: 26px;
		height: 16px;
		margin: -8px 0 0;
		clip-path: polygon(0 100%, 50% 0, 100% 100%);
		transform: translateX(-50%);
	}

	.job-speech__text h6 {
		font-size: 1.6rem;
	}
	
}


.tax-office {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -3rem 2rem;
}

.tax-office-col {
	width: 50%;
	margin: 0 0 4rem;
	padding: 0 3rem;
}

@media screen and (max-width: 767px) {
	
	.tax-office {
		margin: 0 -0.5rem 3rem;
	}

	.tax-office-col {
		margin: 0 0 1rem;
		padding: 0 0.5rem;
	}
	
}


.tax-btn {
	display: block;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	padding: 1.8rem 1rem;
	background-color: #69CAE1;
	border: 2px solid transparent;
	border-radius: 5px;
	text-align: center;
	color: #fff;
}

.tax-btn--secondary {
	background-color: #6CCB6C;
}

.tax-btn__ja {
	display: block;
	margin: 0 0 1rem;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1;
}

.tax-btn__en {
	font-size: 1.4rem;
	line-height: 1;
}

.tax-btn:hover {
	background-color: #fff;
	border-color: #69CAE1;
	color: #69CAE1;
}

.tax-btn--secondary:hover {
	border-color: #6CCB6C;
	color: #6CCB6C;
}


.tax-system {
	display: flex;
	justify-content: center;
	max-width: 680px;
	margin: 5.2rem 0 4rem;
	padding: 3.2rem 0 2.8rem;
	border: 3px solid #FFC165;
	border-radius: 10px;
}

.tax-system dl {
	padding: 0 2rem;
}

.tax-system dt {
	margin: 0;
	padding: 0;
}

.tax-system dd {
	font-size: 6rem;
	line-height: 1;
	font-weight: 700;
	color: #FFC165;
}

.tax-system dd span {
	font-size: 2.6rem;
	color: #000;
}

.tax-system--labor { border-color: #FF9FD9;}
.tax-system--labor dd { color: #FF9FD9;}

@media screen and (max-width: 767px) {
	
	.tax-system {
		flex-direction: column;
		margin: 2rem 0;
		padding: 2rem;
	}

	.tax-system dl {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 0;
	}
	
	.tax-system dl + dl {
		margin-top: 2rem;
		line-height: 1;
	}

	.tax-system dt {
		width: 70%;
		line-height: 1;
	}

	.tax-system dd {
		width: 30%;
		font-size: 3.2rem;
		line-height: 1;
	}

	.tax-system dd span {
		font-size: 1.6rem;
	}
	
}


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

	募集要項

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

.req-nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -1.5rem -3rem;
	padding: 0;
	list-style: none;
}

.req-nav li {
	width: 25%;
	margin: 0 0 3rem;
	padding: 0 1.5rem;
}

.req-nav__btn {
	position: relative;
	display: block;
	padding: 1rem 0;
	background-color: #fff;
	border: 2px solid transparent;
	border-radius: 5px;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	color: #fff;
}

.req-nav__btn--primary { background-color: #69CAE1;}
.req-nav__btn--secondary { background-color: #6CCB6C;}
.req-nav__btn--tertiary { background-color: #FFC165;}
.req-nav__btn--quaternary { background-color: #FF9FD9;}

.req-nav__btn:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	margin: 8px auto 0;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateX(-50%) rotate(45deg);
}

.req-nav__btn--primary:hover { background-color: #fff; border-color: #69CAE1; color: #69CAE1;}
.req-nav__btn--secondary:hover { background-color: #fff; border-color: #6CCB6C; color: #6CCB6C;}
.req-nav__btn--tertiary:hover { background-color: #fff; border-color: #FFC165; color: #FFC165;}
.req-nav__btn--quaternary:hover { background-color: #fff; border-color: #FF9FD9; color: #FF9FD9;}

@media screen and (max-width: 767px) {
	
	.req-nav ul {
		margin: 0 -0.5rem -1rem;
	}

	.req-nav li {
		width: 50%;
		margin: 0 0 1rem;
		padding: 0 0.5rem;
	}

	.req-nav__btn {
		font-size: 1.6rem;
	}
	
}


.req-table-box-wrap {
	position: relative;
}

.req-table-box-wrap:after {
	content: '';
	position: absolute;
	top: 2rem;
	right: -2rem;
	z-index: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #69CAE1;
	border-radius: 10px;
}

.req-table-box-wrap--primary:after { background-color: #69CAE1;}
.req-table-box-wrap--secondary:after { background-color: #6CCB6C;}
.req-table-box-wrap--tertiary:after { background-color: #FFC165;}
.req-table-box-wrap--quaternary:after { background-color: #FF9FD9;}

.req-table-box {
	position: relative;
	z-index: 1;
	padding: 0 2.4rem 4rem;
	background-color: #fff;
	border-radius: 10px;
}

.req-table-box table {
	margin: 0;
}

.req-table-box th {
	width: 260px;
}

.req-table-box td {
	width: calc(100% - 260px);
}

@media screen and (max-width: 767px) {
	
	.req-table-box-wrap {
	position: relative;
}

	.req-table-box-wrap:after {
		top: 1rem;
		right: -1rem;
	}

	.req-table-box {
		padding: 0 1.6rem 2rem;
	}

	.req-table-box th {
		display: block;
		width: 100%;
		padding-bottom: 0;
		border-bottom: none;
	}

	.req-table-box td {
		display: block;
		width: 100%;
		padding-top: 0;
	}
	
}


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

	若手社員の働き方

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

.workstyle-schedule {
	margin-bottom: 8rem;
}

.workstyle-schedule-row {
	position: relative;
	padding: 3.6rem 3rem;
	background-color: #E6F5FF;
	border: 2px solid #69CAE1;
}

.workstyle-schedule-row + .workstyle-schedule-row {
	margin-top: 3rem;
}

.workstyle-schedule-row + .workstyle-schedule-row:before {
	content: '';
	position: absolute;
	top: calc(-3rem - 2px);
	left: 5.6rem;
	display: block;
	width: 5px;
	height: 3rem;
	background-color: #69CAE1;
}

.schedule-box {
	display: flex;
	margin: 0 -1.5rem;
}

.schedule-box__time {
	width: 130px;
	padding: 0 1.5rem;
}

.schedule-box__time > span {
	display: block;
	padding: 1rem;
	background-color: #69CAE1;
	border-radius: 5px;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	color: #fff;
}

.schedule-box__text {
	width: calc(100% - 130px);
	padding: 0 1.5rem;
}


.schedule-sub {
	display: flex;
	margin: 0 -2rem;
}

.schedule-sub__text {
	width: calc(100% - 26.279528%);
	padding: 0 2rem;
}

.schedule-sub__text--col12 {
	width: 100%;
}

.schedule-sub__text h6 {
	margin: 0.6rem 0 1.6rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}

.schedule-sub__text > :last-child {
	margin-bottom: 0;
}

.schedule-sub__photo {
	width: 26.279528%;
	padding: 0 2rem;
}

@media screen and (max-width: 767px) {
	
	.workstyle-schedule {
		margin-bottom: 4rem;
	}

	.workstyle-schedule-row {
		padding: 2rem;
	}

	.workstyle-schedule-row + .workstyle-schedule-row {
		margin-top: 1.6rem;
	}

	.workstyle-schedule-row + .workstyle-schedule-row:before {
		top: calc(-1.6rem - 2px);
		height: 1.6rem;
	}

	.schedule-box {
		flex-direction: column;
	}

	.schedule-box__time {
		margin-bottom: 2rem;
	}

	.schedule-box__time > span {
		font-size: 1.6rem;
	}

	.schedule-box__text {
		width: 100%;
	}


	.schedule-sub {
		flex-direction: column;
	}

	.schedule-sub__text {
		width: 100%;
		margin-bottom: 2rem;
	}

	.schedule-sub__photo {
		width: 100%;
	}
	
}


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

	プロセス　選考の流れ

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

.process-flow {
	display: flex;
	margin: 0 -1rem 10rem;
}

.process-flow-col {
	position: relative;
	display: flex;
	width: 25%;
	padding: 0 5rem;
}

.process-flow-col:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -2.5rem;
	display: block;
	width: 50px;
	height: 90px;
	background-color: #EFEFEF;
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	transform: translateY(-50%);
}

.process-flow-col:last-child:after {
	display: none;
}

@media screen and (max-width: 767px) {
	
	.process-flow {
		flex-wrap: wrap;
		display: flex;
		margin: 0 0 6rem;
	}

	.process-flow-col {
		width: 100%;
		padding: 0;
	}
	
	.process-flow-col + .process-flow-col {
		margin-top: 3rem;
	}
	
	.process-flow-col:after {
		top: auto;
		bottom: -2.5rem;
		right: auto;
		left: 50%;
		width: 40px;
		height: 20px;
		clip-path: polygon(0 0, 100% 0%, 50% 100%);
		transform: translateX(-50%) translateY(0);
	}

	.process-flow-col:last-child:after {
		display: none;
	}

}


.process-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 3rem 5rem;
	border: 3px solid #69CAE1;
	border-radius: 5px;
}

.process-box--secondary { border-color: #6CCB6C;}
.process-box--tertiary { border-color: #FFC165;}
.process-box--quaternary { border-color: #FF9FD9;}

.process-box__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100px;
	margin: 0 0 1rem;
	background-color: #69CAE1;
	border-radius: 50%;
	color: #fff;
	aspect-ratio: 1 / 1;
}

.process-box--secondary .process-box__head { background-color: #6CCB6C;}
.process-box--tertiary .process-box__head { background-color: #FFC165;}
.process-box--quaternary .process-box__head { background-color: #FF9FD9;}


.process-box__step {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
}

.process-box__num {
	margin: 0;
	padding: 0;
	font-size: 3.5rem;
	line-height: 1;
	font-weight: 700;
}

.process-box__title {
	font-size: 2rem;
	font-weight: 700;
}

.process-box__title > p {
	margin: 0;
	letter-spacing: 2px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

@media screen and (max-width: 767px) {
	
	.process-box {
		width: 100%;
		flex-direction: row;
		align-items: center;
		padding: 1.6rem;
	}
	
	.process-box__head {
		width: 70px;
		margin: 0 1rem 0 0;
	}
	
	.process-box__step {
		font-size: 1.4rem;
	}
	
	.process-box__num {
		font-size: 2rem;
	}

	.process-box__title > p {
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb;
	}	
	
}


.process-head {
	display: flex;
	align-items: center;
	margin: 0 0 3rem;
	padding-bottom: 0.8rem;
	border-bottom: 1px solid #69CAE1;
}

.process-head--secondary { border-bottom-color: #6CCB6C;}
.process-head--tertiary { border-bottom-color: #FFC165;}
.process-head--quaternary { border-bottom-color: #FF9FD9;}


.process-head__head {
	width: 54px;
}

.process-head__step {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 54px;
	margin: 0;
	background-color: #69CAE1;
	border-radius: 50%;
	color: #fff;
	aspect-ratio: 1 / 1;
}

.process-head--secondary .process-head__step { background-color: #6CCB6C;}
.process-head--tertiary .process-head__step { background-color: #FFC165;}
.process-head--quaternary .process-head__step { background-color: #FF9FD9;}

.process-head__en {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1;
}

.process-head__num {
	margin: 0;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1;
}

.process-head__title {
	width: calc( 100% - 54px );
	padding-left: 1.5rem;
}

.process-head__title h2 {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 3rem;
}

@media screen and (max-width: 767px) {
	
	.process-head__num {
		font-size: 2rem;
	}

	.process-head__title h2 {
		font-size: 2.4rem;
	}
	
}


.internships-list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem;
}

.internships-list__col {
	display: flex;
	width: 50%;
	margin: 0 0 2rem;
	padding: 0 2rem;
}

@media screen and (max-width: 767px) {
	
	.internships-list__col {
		width: 100%;
		margin: 0 0 2rem;
	}
	
}


.internships-box {
	width: 100%;
	padding: 2.8rem;
	border: 8px solid #69CAE1;
	border-radius: 5px;
}

.internships-box__title {
	margin: 0 0 2rem;
	padding: 1.4rem 1rem;
	background-color: #69CAE1;
	border-radius: 5px;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.internships-box__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.internships-box {
		padding: 2rem;
		border-width: 4px;
	}
	
}


.selection-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem 1rem;
}

.selection-col {
	display: flex;
	width: 50%;
	padding: 0 2rem;
}

@media screen and (max-width: 767px) {
	
	.selection-col {
		width: 100%;
	}
	
}


.selection-flow {
	width: 100%;
	margin: 0 0 4rem;
	padding: 4rem 3rem 3rem;
	border: 8px solid #FFC165;
	border-radius: 5px;
}

.selection-flow__title {
	margin: 0 0 2.4rem;
	padding: 0;
	background-color: transparent;
	border: none;
	font-size: 2.3rem;
	font-weight: 700;
	text-align: center;
}

.selection-flow-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.selection-flow-list li {
	position: relative;
	margin: 0;
	padding: 1.2rem;
	background-color: #FFC165;
	border-radius: 5px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
	color: #fff;
	text-align: center;
}

.selection-flow-list li:last-child {
	background-color: #FFEACC;
	color: #000;
}

.selection-flow-list li + li {
	margin-top: 5rem;
}

.selection-flow-list li + li:before {
	content: '';
	position: absolute;
	top: -40px;
	left: 50%;
	display: block;
	width: 60px;
	height: 30px;
	background-color: #FFEACC;
	clip-path: polygon(0 0,100% 0, 50% 100%);
	transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
	
	.selection-flow {
		margin: 0 0 2rem;
		padding: 2rem;
		border-width: 4px;
	}
	
	.selection-flow__title {
		font-size: 2rem;
	}

	.selection-flow-list li {
		padding: 1.2rem;
		font-size: 1.6rem;
	}

	.selection-flow-list li + li {
		margin-top: 3rem;
	}

	.selection-flow-list li + li:before {
		top: -25px;
		width: 40px;
		height: 20px;
	}
	
}


.joint-box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.5rem 5rem;
}

.joint-box__text {
	width: calc(100% - 29.661017%);
	padding: 0 1.5rem;
}

.joint-box__text-body > :last-child {
	margin-bottom: 0;
}

.joint-box__photo {
	width: 29.661017%;
	padding: 0 1.5rem;
}

@media screen and (max-width: 767px) {
	
	.joint-box {
		margin-bottom: 4rem;
	}

	.joint-box__text {
		width: 100%;
		margin-bottom: 2rem;
	}

	.joint-box__photo {
		width: 100%;
	}
	
}


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

	インターンシップ

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

.intern-voice {
	display: flex;
	align-items: center;
	margin: 0 0 5rem;
	padding: 2rem;
	border-radius: 10px;
}

.intern-voice__text {
	width: calc( 100% - 250px );
	padding: 2rem;
	background-color: #fff;
	border-radius: 10px;
}

.intern-voice__text > :last-child {
	margin-bottom: 0;
}

.intern-voice__photo {
	width: 250px;
	text-align: center;
}

.intern-voice__icon {
	margin: 0 0 1.6rem;
	text-align: center;
}

.intern-voice__icon img {
	width: 62px;
}

.intern-voice__icon--man img {
	width: 70px;
}

.intern-voice__name {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2;
}

.intern-voice__name > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.intern-voice {
		flex-direction: column;
		margin: 0 0 2rem;
	}

	.intern-voice__text {
		width: 100%;
		margin-bottom: 2rem;
	}

	.intern-voice__photo {
		width: 100%;
	}
	
}


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

	会社説明会

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

.seminar-head {
	display: flex;
	align-items: center;
	margin: 0 0 10rem;
}

.seminar-head_title {
	width: 524px;
	background: url("../images/recruit/seminar-head.png") no-repeat center center;
	background-size: contain;
}

.seminar-head_title-intern {
	background-image: url("../images/recruit/intern-head.png");
}

.seminar-head_title > div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 430px;
	font-size: 7.3rem;
	font-weight: 700;
	line-height: 1.32;
	text-align: center;
	aspect-ratio: 1 / 1;
}

.seminar-head__text {
	width: calc( 100% - 524px );
	padding-left: 10rem;
}

.seminar-head__text h3 {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 6rem;
	font-weight: 700;
}

.seminar-head__text h4 {
	margin: 0 0 3rem;
	padding: 0;
	border: none;
	font-size: 4rem;
	font-weight: 700;
}

.seminar-head__body > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.seminar-head {
		flex-direction: column;
		margin-bottom: 5rem;
	}

	.seminar-head_title {
		width: 100%;
		margin-bottom: 2rem;
	}

	.seminar-head_title > div {
		width: 60%;
		margin: 0 auto;
		font-size: 4rem;
	}

	.seminar-head__text {
		width: 100%;
		padding-left: 0;
	}

	.seminar-head__text h3 {
		margin: 0 0 1.2rem;
		font-size: 3.2rem;
	}

	.seminar-head__text h4 {
		margin: 0 0 2rem;
		font-size: 2rem;
	}

}


.seminar-lead {
	font-weight: 700;
}

.seminar-lead > :last-child {
	margin-bottom: 0;
}


.seminar-box {
	margin: 0 0 7rem;
	padding: 3rem;
	border: 8px solid #69CAE1;
	border-radius: 5px;
}

.seminar-box__head {
	display: flex;
	align-items: center;
	margin: 0 0 4.8rem;
}

.seminar-box__cat {
	width: 270px;
	padding: 2rem 0;
	background-color: #69CAE1;
	border-radius: 5px;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
}

.seminar-box__title {
	padding-left: 2rem;
	font-size: 2.3rem;
	font-weight: 700;
}

.seminar-box__row {
	display: flex;
}

.seminar-box__table {
	width: calc( 100% - 38.043478% );
}

.seminar-box__table th {
	width: 13rem;
	padding: 0 0 3rem;
	border: none;
}

.seminar-box__table tr:last-child th {
	padding-bottom: 0;
}

.seminar-box__table th > span {
	width: 100px;
	display: block;
	padding: 0;
	background-color: #E4E4E4;
	border-radius: 5px;
	text-align: center;
}

.seminar-box__table td {
	width: calc( 100% - 13rem );
	padding: 0 0 3rem;
	border: none;
}

.seminar-box__table tr:last-child td {
	padding-bottom: 0;
}

.seminar-box__btn {
	width: 38.043478%;
}

.seminar-box__btn ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -7px -14px;
	padding: 0;
	list-style: none;
}

.seminar-box__btn li {
	width: 50%;
	margin: 0 0 14px;
	padding: 0 7px;
	list-style: none;
}

.seminar-box__btn li:last-child {
	width: 100%;
}

@media screen and (max-width: 767px) {
	
	.seminar-box {
		margin-bottom: 4rem;
		padding: 2rem;
		border-width: 4px;
	}

	.seminar-box__head {
		flex-direction: column;
		margin-bottom: 2rem;
	}

	.seminar-box__cat {
		margin-bottom: 2rem;
		padding: 1rem 0;
		font-size: 1.6rem;
	}

	.seminar-box__title {
		width: 100%;
		padding-left: 0;
		font-size: 2rem;
	}

	.seminar-box__row {
		flex-direction: column;
	}

	.seminar-box__table {
		width: 100%;
		margin: 0 0 2rem;
	}

	.seminar-box__table th {
		display: block;
		width: 100%;
		padding: 0 0 1rem;
	}
	
	.seminar-box__table tr:last-child th {
		padding-bottom: 1rem;
	}

	.seminar-box__table td {
		display: block;
		width: 100%;
		padding: 0 0 1rem;
	}

	.seminar-box__btn {
		width: 100%;
	}
	
}


.seminar-btn-rikunavi {
	display: block;
	padding: 1.6rem 1rem;
	border: 3px solid #69CAE1;
	border-radius: 3px;
	font-size: 2.3rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #69CAE1;
}

.seminar-btn-rikunavi:hover {
	background-color: #69CAE1;
	color: #fff;
}

.seminar-btn-mynavi {
	display: block;
	padding: 1.6rem 1rem;
	border: 3px solid #6CCB6C;
	border-radius: 3px;
	font-size: 2.3rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #6CCB6C;
}

.seminar-btn-mynavi:hover {
	background-color: #6CCB6C;
	color: #fff;
}

.seminar-btn-other {
	display: block;
	padding: 0.7rem;
	background-color: #E4E4E4;
	border: 3px solid #E4E4E4;
	border-radius: 3px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	color: #000;
}

.seminar-btn-other:hover {
	background-color: #fff;
}

.seminar-box--tertiary { border-color: #FFC165;}
.seminar-box--secondary { border-color: #6CCB6C;}
.seminar-box--quaternary { border-color: #FF9FD9;}

.seminar-box--tertiary .seminar-box__cat { background-color: #FFC165;}
.seminar-box--secondary .seminar-box__cat { background-color: #6CCB6C;}
.seminar-box--quaternary .seminar-box__cat { background-color: #FF9FD9;}

@media screen and (max-width: 767px) {
	
	.seminar-btn-rikunavi,
	.seminar-btn-mynavi {
		border-width: 2px;
		font-size: 1.6rem;
	}
	
}


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

	FAQ

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

.faq-nav {
	margin: 0 0 10rem;
}

.faq-nav ul {
	display: flex;
	margin: 0;
	padding: 0 2rem;
	list-style: none;
}

.faq-nav li {
	width: 50%;
	padding: 0 2rem;
}

.faq-nav a {
	position: relative;
	display: block;
	padding: 3.2rem 7.2rem 3.2rem 5rem;
	background-color: #E6F5FF;
	border-bottom: 2px solid #69CAE1;
	color: #000;
	font-size: 2.5rem;
	font-weight: 700;
}

.faq-nav a.faq-nav-career {
	background-color: #F2FFE5;
	border-bottom-color: #6CCB6C;
}

.faq-nav a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 4rem;
	display: block;
	width: 31px;
	height: 31px;
	background: url("../images/icon/icon-down--primary.png") no-repeat center center;
	background-size: contain;
	transform: translateY(-50%);
}

.faq-nav a.faq-nav-career:after {
	background-image: url("../images/icon/icon-down--secondary.png");
}

@media screen and (max-width: 767px) {
	
	.faq-nav {
		margin-bottom: 4rem;
	}

	.faq-nav ul {
		flex-wrap: wrap;
		margin: 0 -1rem;
		padding: 0;
	}

	.faq-nav li {
		width: 100%;
		padding: 0 1rem;
	}
	
	.faq-nav li + li {
		margin-top: 1.6rem;
	}

	.faq-nav a {
		padding: 1.6rem 4rem 1.6rem 2rem;
		font-size: 1.6rem;
	}

	.faq-nav a:after {
		right: 2rem;
		width: 16px;
		height: 16px;
	}
	
}


.faq-box {
	margin: 0 0 3rem;
	padding: 0.4rem 4rem 0.4rem;
}

.faq-box.is-active {
	padding-bottom: 3rem;
}

.faq-box dt {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 2.6rem 3.2rem 2.6rem 8rem;
	font-size: 1.8rem;
	cursor: pointer;
	transition: .3s;
}

.faq-box dt:before {
	content: 'Q';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 50px;
	height: 50px;
	background-color: #69CAE1;
	border-radius: 10px;
	font-size: 3.5rem;
	font-weight: 700;
	font-family: Arial, Helvetica, "sans-serif";
	line-height: 50px;
	text-align: center;
	color: #fff;
	transform: translateY(-50%);
}

.faq-box.bg-light-secondary dt:before {
	background-color: #6CCB6C;
}

.faq-box dt:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 2rem;
	display: block;
	width: 20px;
	height: 20px;
	border-right: 2px solid #69CAE1;
	border-bottom: 2px solid #69CAE1;
	transform: rotate(45deg) translateY(-50%);
}

.faq-box dt.is-open:after {
	transform: scale(1, -1) rotate(45deg) translateY(-50%);
}

.faq-box dt:hover {
	color: #69CAE1;
}

.faq-box.bg-light-secondary dt:hover {
	color: #6CCB6C;
}


.faq-box dd {
	position: relative;
	display: none;
	margin: 0 0 3rem;
	padding: 2rem 2rem 2rem 10rem;
	background-color: #fff;
}

.faq-box dd:before {
	content: 'A';
	position: absolute;
	top: 50%;
	left: 2rem;
	display: block;
	width: 50px;
	height: 50px;
	background-color: #6CCB6C;
	border-radius: 10px;
	font-size: 3.5rem;
	font-weight: 700;
	font-family: Arial, Helvetica, "sans-serif";
	line-height: 50px;
	text-align: center;
	color: #fff;
	transform: translateY(-50%);
}

.faq-box.bg-light-secondary dd:before {
	background-color: #69CAE1;
}

.faq-box.bg-light-secondary dt:after {
	border-right-color: #6CCB6C;
	border-bottom-color: #6CCB6C;
}

.faq-box dd > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.faq-box {
		margin: 0 0 1.6rem;
		padding: 0.4rem 2rem 0.4rem;
	}

	.faq-box.is-active {
		padding-bottom: 1.6rem;
	}

	.faq-box dt {
		padding: 1.2rem 3.2rem 1.2rem 4.8rem;
		font-size: 1.6rem;
	}

	.faq-box dt:before {
		width: 32px;
		height: 32px;
		font-size: 2rem;
		line-height: 32px;
	}

	.faq-box dt:after {
		right: 1rem;
		width: 10px;
		height: 10px;
	}

	.faq-box dd {
		padding: 2rem 2rem 2rem 6.4rem;
	}

	.faq-box dd:before {
		width: 32px;
		height: 32px;
		font-size: 2rem;
		line-height: 32px;
	}
	
}


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

	エントリー

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

form th {
	position: relative;
	width: 32rem;
	padding-right: 6rem;
}

form td {
	width: calc( 100% - 32rem );
	padding-left: 2.8rem;
}

@media screen and (max-width: 767px) {
	
	form th {
		display: block;
		width: 100%;
		border-bottom: 0;
	}

	form td {
		display: block;
		width: 100%;
		padding-top: 1rem;
		padding-left: 0;
	}
	
}


.err-text {
	margin-top: 1.5rem;
	color: #f00;
}

.ex-text {
	margin-top: 1.5rem;
}

.is-required {
	position: absolute;
	top: 1.6rem;
	right: 0;
	display: inline-block;
	padding: 1.3rem;
	background-color: #69CAE1;
	border-radius: 5px;
	color: #fff;
	font-weight: 700;
	line-height: 1;
}

.form-btn {
	display: flex;
	justify-content: center;
	margin: 5rem 0 0;
}

.form-btn-col {
	padding: 0 1.4rem;
}

@media screen and (max-width: 767px) {
	
	.form-btn {
		flex-direction: column-reverse;
		align-items: center;
		margin-top: 2rem;
	}

	.form-btn-col {
		width: 100%;
		margin-top: 2rem;
		padding: 0;
		text-align: center;
	}
	
}


input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	width: 100%;
	max-width: 100%;
	padding: 1rem;
	border: 1px solid #666;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

input.ant2api-zip {
	width: 12rem;
}

textarea {
	width: 100%;
}

input[type="checkbox"] {
	position: relative;
	top: -2px;
	width: 20px;
	height: 20px;
	margin: 0 0.6rem 0 0;
	border: 1px solid #666;
	border-radius: 5px;
	-webkit-appearance: none;
	appearance: none;
}

input[type="checkbox"]:checked {
	background-color: #0075FF;
	border-color: transparent;
}


input[type="checkbox"]:checked:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 6px;
	width: 6px;
	height: 10px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(50deg);
}

input[type="radio"] {
	position: relative;
	width: 16px;
	height: 16px;
	margin: 0 0.6rem 0 0;
	border: 1px solid #666;
	border-radius: 50%;
	vertical-align: -2px;
	-webkit-appearance: none;
	appearance: none;
}

input[type="radio"]:checked {
	border-color: #0075FF;
}

input[type="radio"]:checked:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	background-color: #0075FF;
	border-color: transparent;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}


.select-box-wrap {
	display: flex;
}

.select-box {
	overflow: hidden;
	position: relative;
	width: auto;
	background: #fff;
	border: 1px solid #666;
	border-radius: 0;	
}

.select-box select {
	width: auto;
	padding: 1rem 8rem 1rem 1rem;
	background: transparent none;
	border: none;
	color: #000;
	cursor: pointer;
	text-overflow: ellipsis;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.select-box select::-ms-expand {
	display: none;
}

.select-box::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	display: block;
	width: 14px;
	height: 10px;
	background-color: #000;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	pointer-events: none;
	transform: translateY(-50%);
}

label {
	display: inline-block;
	margin: 0 3.6rem 1rem 0;
}


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

	キャリア採用

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

.key-career img {
	display: block;
	max-width: none;
	width: 100%;
	max-width: none;
	height: auto;
}

.career-change {
	position: relative;
	display: block;
	margin: 0 0 8rem;
}

.career-change__text {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translateX(-50%) translateY(-50%);
}

.career-change__title {
	margin: 0 0 5.2rem;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
}

.career-change__btn {
	min-width: 200px;
	padding: 1.4rem 0.8rem;
	background-color: #fff;
	border: 2px solid #fff;
	text-align: center;
	color: #69CAE1;
	line-height: 1;
	transition: all .3s ease-out;
}

.career-change:hover .career-change__btn {
	background-color: #69CAE1;
	color: #fff;
}

.career-change img {
	display: block;
	width: 100%;
	max-width: none;
	height: 400px;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
	
	.career-change {
		margin-bottom: 4rem;
	}

	.career-change__title {
		margin: 0 0 2.4rem;
		font-size: 2.4rem;
		white-space: nowrap;
	}

	.career-change img {
		height: 200px;
	}
	
}


.career-list {
	margin: 0 0 10rem;
	padding: 0;
	list-style: none;
}

.career-list li {
	margin: 0;
	padding: 0;
}

.career-list li + li {
	margin-top: 4rem;
}

.career-list a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 120px;
	padding: 1rem 8rem;
	background-color: #E6F5FF;
	border-bottom: 2px solid #69CAE1;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 2;
	color: #000;
	text-align: center;
}

.career-list a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 4rem;
	display: block;
	width: 30px;
	height: 30px;
	background: url("../images/recruit/icon-arrow-right.png") no-repeat center center;
	background-size: contain;
	transform: translateY(-50%);
}

.career-list a:hover {
	color: #69CAE1;
}


@media screen and (max-width: 767px) {
	
	.career-list {
		margin-bottom: 4rem;
	}

	.career-list li + li {
		margin-top: 2rem;
	}

	.career-list a {
		justify-content: flex-start;
		min-height: 60px;
		padding: 1rem 2.6rem 1rem 1rem;
		font-size: 1.6rem;
		text-align: left;
	}

	.career-list a:after {
		right: 1rem;
		width: 16px;
		height: 14px;
	}
	
}


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

	転職活動をしている皆様へ

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

.job-change-head {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 8rem;
}

.job-change-head__photo {
	width: 150px;
}

.job-change-head__title {
	margin: 0;
	padding: 0 0 0 3.2rem;
	border: none;
	font-size: 4rem;
}

.job-change-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem -5rem;
}

.job-change-col6 {
	display: flex;
	width: 50%;
	margin: 0 0 5rem;
	padding: 0 2rem;
}

.job-change-col12 {
	display: flex;
	width: 100%;
	margin: 0 0 5rem;
	padding: 0 2rem;
}

.job-change-col6 img {
	max-width: 402px;
}

.job-change-col12 img {
	max-width: 760px;
}

.job-change-box {
	width: 100%;
	padding: 5rem 3rem;
	background-color: #fff;
}

.job-change-box__title {
	margin: 0 0 4.8rem;
	padding: 1.6rem;
	background-color: #69CAE1;
	border: none;
	font-size: 2rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.job-change-box__photo {
	margin: 0 0 4rem;
	text-align: center;
}

.job-change-box__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
		
	.job-change-head {
		margin: 0 0 2rem;
	}

	.job-change-head__photo {
		width: 70px;
	}

	.job-change-head__title {
		padding: 0 0 0 1.6rem;
		font-size: 2.4rem;
	}

	.job-change-row {
		margin-bottom: -2rem;
	}

	.job-change-col6 {
		width: 100%;
		margin: 0 0 2rem;
	}

	.job-change-col12 {
		width: 100%;
		margin: 0 0 2rem;
	}

	.job-change-col6 img {
		max-width: 200px;
	}

	.job-change-col12 img {
		max-width: 100%;
	}

	.job-change-box {
		padding: 2rem;
	}

	.job-change-box__title {
		margin: 0 0 2.4rem;
		padding: 1.6rem 0.8rem;
		font-size: 1.6rem;
	}

	.job-change-box__photo {
		margin: 0 0 2rem;
	}
	
}


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

	ゆびすいを知る

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

.message-box {
	max-width: 1180px;
	margin: 0 auto;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.message-box__photo {
	margin-bottom: 5rem;
}

.message-box__text > :last-child {
	margin-bottom: 0;
}

.personaliity-box__text {
	margin-bottom: 7rem;
}

.personaliity-box__text > :last-child {
	margin-bottom: 0;
}


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

	事業紹介

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

.business-box {
	margin-bottom: 8rem;
}

.business-box__photo {
	margin-bottom: 5rem;
}

.business-box__btn {
	text-align: center;
}


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

	各法人業務

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

.corporation-inner {
	max-width: 1280px;
	margin: 0 auto;
}


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

	事業所紹介

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

.office-nav ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -2.2rem -3rem;
	padding: 0;
	list-style: none;
}

.office-nav li {
	width: 20%;
	margin: 0 0 3rem;
	padding: 0 2.2rem;
}

.office-nav a {
	position: relative;
	display: block;
	padding: 1.4rem 3.4rem 1.4rem 1.4rem;
	background-color: #F1F1F1;
	border: 2px solid transparent;
	border-radius: 5px;
	font-weight: 700;
	color: #000;
}

.office-nav a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 2rem;
	display: block;
	width: 16px;
	height: 16px;
	background: url("../images/icon/icon-down--secondary.png") no-repeat center center;
	background-size: contain;
	transform: translateY(-50%);
}

.office-nav a:hover {
	border-color: #6CCB6C;
}

@media screen and (max-width: 767px) {
	
	.office-nav ul {
		margin: 0 -0.5rem -1rem;
	}

	.office-nav li {
		width: 50%;
		margin: 0 0 1rem;
		padding: 0 0.5rem;
	}
	
}


.office-box {
	margin: 0 0 7rem;
	padding: 3.2rem 5rem 4rem;
	background-color: #fff;
}

.office-box__row {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.office-box__photo {
	width: 37.288136%;
}

.office-box__text {
	width: 55.084746%;
}

@media screen and (max-width: 767px) {
	
	.office-box {
		margin-bottom: 4rem;
		padding: 2.4rem;
	}
	
	.office-box__photo {
		width: 100%;
		margin-bottom: 2rem;
	}

	.office-box__text {
		width: 100%;
	}
	
}


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

	職種紹介・募集要項

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

.job-card-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem -5rem;
}

.job-card-col {
	display: flex;
	width: 50%;
	margin: 0 0 5rem;
	padding: 0 2rem;
}

.Job-card {
	width: 100%;
	background-color: #fff;
}

.job-card__photo img {
	display: block;
}

.job-card__text {
	padding: 3.2rem;
}

.job-card__title {
	margin: 0 0 2rem;
	padding: 0;
	border: none;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
}

.job-card__sb-title {
	margin: 0 0 2rem;
	padding: 1.2rem;
	background-color: #69CAE1;
	font-size: 1.8rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	line-height: 1;
}

.job-card__info {
	margin: 0 0 2.4rem;
	font-size: 1.5rem;
}

.job-card__info > :last-child {
	margin-bottom: 0;
}

.job-card__sup {
	margin: 0 0 2.4rem;
	padding: 2rem;
	border: 1px solid #69CAE1;
	font-size: 1.5rem;
}

.job-card__sup ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.job-card__sup li {
	position: relative;
	padding-left: 2.4rem;
}

.job-card__sup li + li {
	margin-top: 8px;
}

.job-card__sup li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #69CAE1;
}

.job-card__sup > :last-child {
	margin-bottom: 0;
}

.job-card__btn > :last-child {
	margin-bottom: 0;
}

.job-card__btn a {
	position: relative;
	display: block;
	width: 100%;
	max-width: 270px;
	margin: 0 auto;
	padding: 1.4rem 1.8rem;
	background-color: #6CCB6C;
	border: 2px solid transparent;
	text-align: center;
	line-height: 1;
	color: #fff;
}

.job-card__btn a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -3px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg) translateY(-50%);
}

.job-card__btn a:hover {
	background-color: #fff;
	border-color: #6CCB6C;
	color: #6CCB6C;
}


@media screen and (max-width: 767px) {
	
	.job-card-row {
		margin-bottom: -2rem;
	}

	.job-card-col {
		width: 100%;
		margin-bottom: 2rem;
	}

	.job-card__text {
		padding: 2rem;
	}

	.job-card__title {
		font-size: 2rem;
	}

	.job-card__sb-title {
		margin: 0 0 2rem;
		padding: 1.6rem 0.8rem;
		font-size: 1.6rem;
	}

	.job-card__sup {
		padding: 1.6rem;
	}
	
	.job-card__sup li {
		padding-left: 1.2rem;
	}

	.job-card__sup li:before {
		top: 12px;
		width: 6px;
		height: 6px;
	}

	.job-card__btn a {
		max-width: 100%;
	}
	
}


.recruiting-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 2rem;
	padding: 0 0 1.6rem;
	border-bottom: 1px solid #69CAE1;
}

.recruiting-head__title {
	margin: 0;
	padding: 0;
	border: none;
}

.recruiting-head__btn > :last-child {
	margin-bottom: 0;
}

.recruiting-head__btn a {
	display: inline-block;
	padding: 1.4rem 2.6rem;
	background-color: #FFC165;
	border: 2px solid transparent;
	color: #fff;
	line-height: 1;
}

.recruiting-head__btn a:hover {
	background-color: #fff;
	border-color: #FFC165;
	color: #FFC165;
}

@media screen and (max-width: 767px) {
	
	.recruiting-head {
		flex-direction: column;
		margin-bottom: 0s;
		padding-bottom: 2rem;
	}

	.recruiting-head__title {
		margin: 0 0 2rem;
	}
	
}


.recruiting-table {
	margin-bottom: 8rem;
}

.recruiting-table th {
	width: 26rem;
}

.recruiting-table td {
	width: calc( 100% - 26rem );
}

@media screen and (max-width: 767px) {
	
	.recruiting-table {
		margin-bottom: 4rem;
	}

	.recruiting-table th {
		display: block;
		width: 100%;
		padding-bottom: 0;
		border-bottom: none;
	}

	.recruiting-table td {
		display: block;
		width: 100%;
		padding-top: 0;
	}
	
}


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

	人を知る

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

.peaples-box {
	position: relative;
	display: block;
}

.peaples-box:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: -2;
	display: block;
	width: 100vw;
	background: url("../images/recruit/yabe-bg.png") no-repeat center center;
	background-size: cover;
	transform: translateX(-50%);
}

.peaples-box--yabe:after { background-image: url("../images/recruit/yabe-bg.png");}
.peaples-box--tsuchiya:after { background-image: url("../images/recruit/tsuchiya-bg.png");}
.peaples-box--ogata:after { background-image: url("../images/recruit/ogata-bg.png");}
.peaples-box--taira:after { background-image: url("../images/recruit/taira-bg.png");}
.peaples-box--kagatsume:after { background-image: url("../images/recruit/kagatsume-bg.png");}


.peaples-box--yabe .peaples-box__head,
.peaples-box--yabe .peaples-box__info { padding-right: 420px;}

.peaples-box--tsuchiya .peaples-box__head,
.peaples-box--tsuchiya .peaples-box__info { padding-left: 424px;}

.peaples-box--ogata .peaples-box__head,
.peaples-box--ogata .peaples-box__info { padding-right: 380px;}

.peaples-box--taira .peaples-box__head,
.peaples-box--taira .peaples-box__info { padding-left: 459px;}

.peaples-box--kagatsume .peaples-box__head,
.peaples-box--kagatsume .peaples-box__info { padding-right: 420px;}


.peaples-box__head {
	display: block;
	padding-top: 26rem;
	padding-bottom: 18rem;
}

a .peaples-box__head {
	padding-top: 14.8rem;
	padding-bottom: 12rem;
}

.peaples-box__title {
	display: block;
	margin: 0 0 2.4rem;
	padding: 0;
	border: none;
	font-size: 5rem;
	font-weight: 700;
	line-height: 1.6;
	color: #000;
}

.peaples-box__sup {
	display: block;
	margin: 0;
	font-size: 2rem;
	font-weight: 700;
	color: #000;
}

.peaples-box__head {}

.peaples-box__info {
	position: relative;
	display: block;
	padding: 5.2rem 0 10rem;
	color: #fff;
}

.peaples-box__info:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	z-index: -1;
	display: block;
	width: 100vw;
	background-color: #69CAE1;
	transform: translateX(-50%);
}

.peaples-box--taira .peaples-box__info:after {
	background-color: #6CCB6C;
}

.peaples-box--kagatsume .peaples-box__info:after {
	background-color: #FFC165;
}

.peaples-box__position {
	display: block;
	margin-bottom: 2.8rem;
}

.peaples-box__position > span {
	display: inline-block;
	padding: 0.6rem 2.6rem;
	background-color: #fff;
	font-size: 3rem;
	line-height: 1;
	letter-spacing: 2px;
	color: #69CAE1;
}

.peaples-box--taira .peaples-box__position > span {
	color: #6CCB6C;
}

.peaples-box--kagatsume .peaples-box__position > span {
	color: #FFC165;
}

.peaples-box__office {
	display: block;
	margin: 0 0 0.6rem;
	font-size: 2rem;
	line-height: 1.4;
}

.peaples-box__name {
	display: block;
	font-size: 4rem;
	line-height: 1;
	letter-spacing: 2px;
}

.peaples-box__photo {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: right;
}

.peaples-box--tsuchiya .peaples-box__photo {
	text-align: left;
}

.peaples-box--taira .peaples-box__photo {
	text-align: left;
}

.peaples-box--yabe .peaples-box__photo img { width: 478px;}
.peaples-box--tsuchiya .peaples-box__photo img { width: 424px;}
.peaples-box--ogata .peaples-box__photo img { width: 450px;}
.peaples-box--taira .peaples-box__photo img { width: 459px;}
.peaples-box--kagatsume .peaples-box__photo img { width: 432px;}

@media screen and (max-width: 767px) {
	
	.peaples-box {
		margin-bottom: 4rem;
	}
	
	.peaples-box--yabe .peaples-box__head { padding-right: 0;}
	.peaples-box--yabe .peaples-box__info { padding-right: calc(478px / 4);}

	.peaples-box--tsuchiya .peaples-box__head { padding-left: 0;}
	.peaples-box--tsuchiya .peaples-box__info { padding-left: 126px;}

	.peaples-box--ogata .peaples-box__head { padding-right: 0;}
	.peaples-box--ogata .peaples-box__info { padding-right: calc(450px / 4);}

	.peaples-box--taira .peaples-box__head { padding-left: 0;}
	.peaples-box--taira .peaples-box__info { padding-left: 132px;}

	.peaples-box--kagatsume .peaples-box__head { padding-right: 0;}
	.peaples-box--kagatsume .peaples-box__info { padding-right: calc(432px / 4);}


	.peaples-box__head {
		padding-top: 12rem;
		padding-bottom: 8rem;
	}

	a .peaples-box__head {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}

	.peaples-box__title {
		margin: 0 0 2.4rem;
		font-size: 2.4rem;
	}

	.peaples-box__sup {
		font-size: 1.6rem;
	}

	.peaples-box__info {
		padding: 2.4rem 0 4rem;
		color: #fff;
	}
	
	.peaples-box__position {
		margin-bottom: 1.4rem;
	}

	.peaples-box__position > span {
		padding: 0.6rem;
		font-size: 1.4rem;
	}

	.peaples-box__office {
		margin: 0 0 1.2rem;
		font-size: 1.6rem;
	}

	.peaples-box__name {
		font-size: 2rem;
	}

	.peaples-box__photo {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.peaples-box--yabe .peaples-box__photo img { width: calc(478px / 4);}
	.peaples-box--tsuchiya .peaples-box__photo img { width: calc(424px / 4);}
	.peaples-box--ogata .peaples-box__photo img { width: calc(450px / 4);}
	.peaples-box--taira .peaples-box__photo img { width: calc(459px / 4);}
	.peaples-box--kagatsume .peaples-box__photo img { width: calc(432px / 4);}
	
}


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

	人を知る - 詳細

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

.people-faq {
	margin-bottom: 6rem;
}

.people-faq:last-child {
	margin-bottom: 0;
}

.people-faq__title {
	margin: 0 0 3rem;
	padding: 0;
	border: none;
	font-size: 3rem;
	line-height: 1.6;
}

.people-faq__title > span {
	background: linear-gradient(transparent calc(100% - 15px) , #FFD08D calc(100% - 15px));
}

.people-faq__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.people-faq {
		margin-bottom: 3.2rem;
	}
	
	.people-faq__title {
		margin: 0 0 2rem;
		font-size: 2rem;
	}
	
}


.people-career {
	max-width: 1000px;
	margin: 0 auto;
}

.people-career-box {
	position: relative;
	display: flex;
	padding: 4.4rem 3rem 4.4rem 5.2rem;
	background-color: #E6F5FF;
	border: 2px solid #69CAE1;
	font-size: 2rem;
}

.bg-light-secondary .people-career-box {
	background-color: #F2FFE5;
	border-color: #6CCB6C;
}

.bg-light-tertiary .people-career-box {
	background-color: #FFEACC;
	border-color: #FFC165;
}

.people-career-box:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 5.6rem;
	display: block;
	width: 5px;
	height: 3.2rem;
	background-color: #69CAE1;
}

.bg-light-secondary .people-career-box:after {
	background-color: #6CCB6C;
}

.bg-light-tertiary .people-career-box:after {
	background-color: #FFC165;
}

.people-career-box:last-child:after {
	display: none;
}

.people-career-box + .people-career-box {
	margin-top: 3rem;
}

.people-career-box__head {
	width: 132px;
	font-weight: 700;
}

.people-career-box__head > :last-child {
	margin-bottom: 0;
}

.people-career-box__text {
	width: calc( 100% - 132px );
}

.people-career-box__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.people-career-box {
		flex-wrap: wrap;
		padding: 2rem;
		font-size: 1.6rem;
	}


	.people-career-box:after {
		height: 1.8rem;
		background-color: #69CAE1;
	}

	.people-career-box + .people-career-box {
		margin-top: 1.6rem;
	}

	.people-career-box__head {
		width: 100%;
	}

	.people-career-box__text {
		width: 100%;
	}
	
}


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

	データで見るゆびすい

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

.data-box-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2.6rem -6rem;
}

.data-box-col {
	display: flex;
	width: 33.33333333%;
	margin: 0 0 6rem;
	padding: 0 2.6rem;
}

@media screen and (max-width: 767px) {
	
	.data-box-row {
		margin: 0 0 -2rem;
	}

	.data-box-col {
		width: 100%;
		margin-bottom: 2rem;
		padding: 0;
	}
	
}


.employees-all {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 4rem;
}

.employees-all__photo {
	padding-right: 2.4rem;
}

.employees-all__photo img {
	width: 160px;
}

.employees-all__text {
	font-size: 5rem;
	font-weight: 700;
	line-height: 1;
	color: #69CAE1;
}

.employees-all__num {
	font-size: 14rem;
	color: #000;
	font-family: "Oswald", sans-serif;
}

.employees-sex {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFF8EE;
	padding: 1.2rem;
	border-radius: 10px;
}

.employees-sex__title {
	padding: 0 2.6rem 0 0;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}

.employees-sex__photo img {
	height: 84px;
}

.employees-sex__num {
	padding: 0 1.2rem;
	font-size: 5rem;
	font-weight: 700;
	font-family: "Oswald", sans-serif;
	line-height: 1;
}

@media screen and (max-width: 767px) {
	
	.employees-all__photo img {
		width: 112px;
	}

	.employees-all__text {
		font-size: 1.6rem;
	}

	.employees-all__num {
		font-size: 3.2rem;
	}

	.employees-sex {
		padding: 2rem;
	}

	.employees-sex__title {
		font-size: 1.6rem;
	}

	.employees-sex__photo img {
		height: 58px;
	}

	.employees-sex__num {
		font-size: 3.2rem;
	}
	
}


.consultant-box-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.consultant-box__text {
	width: 54.954955%;
}

@media screen and (max-width: 767px) {
	
	.consultant-box__text {
		width: 100%;
		margin-bottom: 2rem;
	}

	.consultant-all__photo {
		width: 100%;
		text-align: center;
	}
	
}


.consultant-all {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 2.4rem;
}

.consultant-all__photo {
	width: 21.788618%;
}

.consultant-all__text {
	padding-left: 2.4rem;
	font-size: 5rem;
	font-weight: 700;
	color: #69CAE1;
	line-height: 1;
}

.consultant-all__num {
	font-size: 14rem;
	font-family: "Oswald", sans-serif;
	color: #000;
	line-height: 1;
}

@media screen and (max-width: 767px) {

	.consultant-all__photo {
		width: 92px;
	}
	
	.consultant-all__text {
		padding-left: 1.2rem;
		font-size: 1.6rem;
	}

	.consultant-all__num {
		font-size: 3.2rem;
	}
	
}


.consultant-public {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 485px;
	background-color: #FFF8EE;
	padding: 2.3rem;
	border-radius: 10px;
}

.consultant-public__title {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.2;
}

.consultant-public__text {
	padding-left: 2rem;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1;
}

.consultant-public__num {
	padding-right: 1rem;
	font-size: 5rem;
	font-weight: 700;
	font-family: "Oswald", sans-serif;
	color: #000;
	line-height: 1;
}

@media screen and (max-width: 767px) {
	
	.consultant-public {
		max-width: 100%;
		padding: 2rem;
	}

	.consultant-public__title {
		font-size: 2rem;
	}

	.consultant-public__text {
		font-size: 1.6rem;
	}

	.consultant-public__num {
		font-size: 3.2rem;
	}
	
}


.consultant-box__photo {
	width: 41.801802%;
	padding: 0 0 1rem;
	background-color: #F3FAFF;
	border-radius: 10px;
	text-align: center;
}

.consultant-box__photo img {
	max-width: 268px;
}

@media screen and (max-width: 767px) {
	
	.consultant-box__photo {
		width: 100%;
		padding: 2rem;
		text-align: center;
	}
	
	.consultant-box__photo img {
		max-width: 240px;
	}
	
}


.data-box {
	width: 100%;
	padding: 3.4rem 3rem;
}

@media screen and (max-width: 767px) {
	
	.data-box {
		padding: 2.4rem;
	}
	
}


.data-box__body {
	display: flex;
	justify-content: center;
	align-items: center;
}


.data-text {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: wrap;
}

.data-text__num {
	font-size: 7.7rem;
	font-weight: 700;
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	line-height: 1;
}

.data-text__num-small {
	font-size: 6rem;
}

.data-text__unit {
	margin-left: 0.8rem;
	font-size: 4rem;
	font-weight: 700;
	line-height: 1;
	color: #69CAE1;
}

.data-text__sup {
	width: 100%;
	margin-top: 0.6rem;
	font-size: 3rem;
	font-weight: 700;
	line-height: 1;
	color: #69CAE1;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
	.data-text__num {
		font-size: 3.2rem;
	}
	
	.data-text__num-small {
		font-size: 3.2rem;
	}

	.data-text__unit {
		font-size: 1.6rem;
	}

	.data-text__sup {
		font-size: 1.6rem;
	}
	
}


.employee-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.employee-col {
	width: calc( 100% - 49.642857% );
	padding-right: 4.2rem;
}

.employee-graph {
	width: 49.642857%;
}

@media screen and (max-width: 767px) {
	
	.employee-col {
		width: 100%;
		margin: 0 0 2rem;
		padding-right: 0;
	}

	.employee-graph {
		width: 100%;
	}
	
}


.employee-graph-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 3rem;
	background-color: #F3FBFF;
}

.employee-graph-box {
	display: flex;
	align-items: flex-end;
	margin: 0 0 3rem;
}

.employee-graph-box__title {
	font-size: 2.5rem;
	font-weight: 700;
	color: #69CAE1;
	line-height: 1;
}

.employee-graph-box__num {
	margin: 0 0 0 0.8rem;
	font-size: 4.4rem;
	font-weight: 700;
	line-height: 1;
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
}

.employee-graph-box__unit {
	font-size: 2.5rem;
	font-weight: 700;
	color: #69CAE1;
	line-height: 1;
}

@media screen and (max-width: 767px) {
	
	.employee-graph-wrap {
		flex-direction: column;
		padding: 2rem;
	}

	.employee-graph-box {
		margin: 0 0 2rem;
	}

	.employee-graph-box__title {
		font-size: 1.6rem;
	}

	.employee-graph-box__num {
		font-size: 3.2rem;
	}

	.employee-graph-box__unit {
		font-size: 1.6rem;
	}
	
}


.data-box--founded .data-box__photo {
	width: 86px;
}

.data-box--founded .data-box__text {
	padding-left: 3rem;
}


.data-box--base .data-box__photo {
	width: 100px;
}

.data-box--base .data-box__text {
	padding-left: 3rem;
}


.data-box--revenue .data-box__photo {
	width: 88px;
}

.data-box--revenue .data-box__text {
	padding-left: 1rem;
}


.data-box--holiday .data-box__photo {
	width: 98px;
}

.data-box--holiday .data-box__text {
	padding-left: 2.4rem;
}


.data-box--age .data-box__photo {
	width: 104px;
}

.data-box--age .data-box__text {
	padding-left: 2.4rem;
}


.data-box--overtime .data-box__photo {
	width: 90px;
}

.data-box--overtime .data-box__text {
	padding-left: 2rem;
}


.data-box--tenure .data-box__photo {
	width: 94px;
}

.data-box--tenure .data-box__text {
	padding-left: 2rem;
}


.data-box--turnover .data-box__photo {
	width: 94px;
}

.data-box--turnover .data-box__text {
	padding-left: 3.2rem;
}

@media screen and (max-width: 767px) {
	
	.data-box--founded .data-box__photo {
		width: 60px;
	}

	.data-box--base .data-box__photo {
		width: 70px;
	}

	.data-box--revenue .data-box__photo {
		width: 61px;
	}

	.data-box--holiday .data-box__photo {
		width: 68px;
	}

	.data-box--age .data-box__photo {
		width: 72px;
	}

	.data-box--overtime .data-box__photo {
		width: 62px;
	}

	.data-box--tenure .data-box__photo {
		width: 96px;
	}

	.data-box--turnover .data-box__photo {
		width: 96px;
	}

}


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

	多様な働き方

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

.workstyle-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 5rem;
	padding: 3rem 4rem 3rem 5.2rem;
}

.workstyle-box__photo {
	width: 16.454545%;
}

.workstyle-box__text {
	width: 75.735294%;
}

.workstyle-box__title {
	padding-bottom: 2rem;
	font-size: 2rem;
}

.workstyle-box__body > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.workstyle-box {
		margin: 0 0 2rem;
		padding: 2.4rem;
	}

	.workstyle-box__photo {
		width: 100%;
		margin-bottom: 2rem;
		text-align: center;
	}
	
	.workstyle-box__photo img {
		width: 60px;
	}

	.workstyle-box__text {
		width: 100%;
	}
	
	.workstyle-box__title {
		text-align: center;
	}
	
}


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

	福利厚生

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

.welfare-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem -3rem;
}

.welfare-col-4,
.welfare-col-6,
.welfare-col-12 { 
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3rem;
	padding: 0 2rem;
}

.welfare-col-4 { width: 33.33333333%;}
.welfare-col-6 { width: 50%;}
.welfare-col-12 { width: 100%;}

.welfare-col-photo {
	margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
	
	.welfare-row {
		margin-bottom: -2rem;
	}

	.welfare-col-4,
	.welfare-col-6,
	.welfare-col-12 { 
		margin-bottom: 2rem;
	}

	.welfare-col-4,
	.welfare-col-6,
	.welfare-col-12 { width: 100%;}

	.welfare-col-photo {
		margin-bottom: 2rem;
	}
	
}


.welfare-box {
	width: 100%;
	padding: 3.6rem;
}

@media screen and (max-width: 767px) {
	
	.welfare-box {
		padding: 2.4rem;
	}
	
}


.welfare-photo-row {
	display: flex;
	margin: 3rem -2rem;
}

.welfare-photo-col {
	width: 50%;
	padding: 0 2rem;
}

@media screen and (max-width: 767px) {
	
	.welfare-photo-row {
		margin: 2rem -0.5rem;
	}

	.welfare-photo-col {
		width: 50%;
		padding: 0 -0.5rem;
	}
	
}


.welfare-box__text > :last-child {
	margin-bottom: 0;
}

.scholarship-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.scholarship-box__head {
	width: 45.126354%;
}

.scholarship-box__body {
	width: 46.209386%;
}

@media screen and (max-width: 767px) {
	
	.scholarship-box__head {
		width: 100%;
	}

	.scholarship-box__body {
		width: 100%;
	}
	
}


.scholarship-flow {
	display: flex;
	margin: 0 -1.6rem;
}

.scholarship-flow dl {
	padding: 0 1.6rem;
}

.scholarship-flow dt {
	font-weight: normal;
}

.scholarship-flow dd {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
}

.scholarship-num {
	display: inline-block;
	margin-right: 0.6rem;
	font-size: 6rem;
	color: #FFC165;
}

@media screen and (max-width: 767px) {
	
	.scholarship-flow {
		flex-wrap: wrap;
		margin-bottom: -2rem;
	}

	.scholarship-flow dl {
		display: flex;
		width: 100%;
		margin-bottom: 2rem;
	}

	.scholarship-flow dt {
		width: 70%;
	}

	.scholarship-flow dd {
		width: 30%;
		font-size: 1.6rem;
	}

	.scholarship-num {
		font-size: 3.2rem;
	}
	
}


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

	育成制度

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

.training-system-lead {
	margin: 0 0 3.6rem;
	padding: 1.6rem 1rem;
	font-size: 2.3rem;
	font-weight: 700;
	text-align: center;
}

.training-system-lead > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.training-system-lead {
		padding: 2rem;
		font-size: 1.8rem;
	}
	
}

.training-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem 2rem;
}

.training-col {
	display: flex;
	width: 50%;
	margin: 0 0 3rem;
	padding: 0 2rem;
}

@media screen and (max-width: 767px) {

	.training-col {
		width: 100%;
		margin: 0 0 2rem;
	}
	
}


.training-box {
	padding: 2rem 3rem;
}

.training-box__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.training-box {
		padding: 2.4rem;
	}
	
}


.training-photo-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem 5rem;
}

.training-photo-col {
	display: flex;
	width: 50%;
	margin: 0 0 3rem;
	padding: 0 2rem;
}

@media screen and (max-width: 767px) {
	
	.training-photo-row {
		margin: 0 -0.5rem 4rem;
	}

	.training-photo-col {
		margin: 0;
		padding: 0 0.5rem;
	}
	
}


.skillup-lead {
	margin: 0 0 2rem;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
	.skillup-lead {
		font-size: 1.8rem;
	}
	
}


.learning-box {
	margin: 0 0 3rem;
	padding: 2rem 3rem;
	background-color: #fff;
}

.learning-box__row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.learning-box__photo {
	width: 26.785714%;
}

.learning-box__text {
	width: 68.75%;
}

.learning-box__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.learning-box {
		margin: 0 0 2rem;
		padding: 2.4rem;
	}

	.learning-box__photo {
		width: 100%;
		margin-bottom: 2rem;
	}

	.learning-box__text {
		width: 100%;
	}
	
}


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

	お知らせ

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

.chart-box {
	max-width: 1180px;
	margin: 0 auto;
	padding-top: 7rem;
	padding-bottom: 7rem;
}


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

	イベント情報

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

.news-entry {
	max-width: 1480px;
	margin: 0 auto;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.news-entry__head {
	display: flex;
	align-items: center;
	margin: 0 0 2.5rem;
}

.news-entry__date {
	margin: 0;
}

.news-entry__category {
	margin: 0 0 0 2rem;
}

.news-entry__category ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}

.news-entry__category li {
	margin: 0;
	padding: 0;
}

.news-entry__category a {
	display: block;
	padding: 0.8rem 1rem;
	background-color: #6CCB6C;
	font-size: 1.4rem;
	line-height: 1;
	color: #fff;
}

.news-entry__pager {
	margin-top: 10rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

@media screen and (max-width: 767px) {
	
	.news-entry {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	
	.event-table {
		margin-bottom: 2rem;
	}
	
	.event-table th {
		display: block;
		width: 100%;
		padding-bottom: 0;
		border-bottom: none;
	}
	
	.event-table td {
		display: block;
		width: 100%;
		padding-top: 0;
	}
	
}


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

	ナビ

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

.global-nav-wrap {
	position: fixed;
	z-index: 999;
	top: -400%;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #69CAE1;
	color: #fff;
	transition: all 0.6s;
}

.global-nav-wrap.is-active {
	top: 0;
}

.btn-global-nav-close {
	position: absolute;
	top: 3rem;
	right: 3rem;
	width: 50px;
	height: 50px;
	z-index: 1000;
	border: 2px solid #fff;
	cursor: pointer;
	transition: all .3s;
}

.btn-global-nav-close::before,
.btn-global-nav-close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px;
	height: 30px;
	background: #fff;
}
 
.btn-global-nav-close::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
 
.btn-global-nav-close::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

.btn-global-nav-close:hover {
	background-color: #fff;
}

.btn-global-nav-close:hover::before,
.btn-global-nav-close:hover::after {
	background: #69CAE1;
}

@media screen and (max-width: 767px) {
	
	.global-nav-wrap {
		background: #fff;
		color: #69CAE1;
	}

	.btn-global-nav-close {
		top: 1rem;
		right: 2rem;
		background-color: #69CAE1;
		border-color: transparent;
	}
	
}


.global-nav-wrap.is-active .global-nav-container {
	position: fixed;
	z-index: 999; 
	width: 100%;
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.global-nav-section {
	position: absolute;
	z-index: 999;
	left: 50%;
	width: 100%;
    max-width: 1220px;
    margin: auto;
    padding: 40px 20px;
	transform: translateX(-50%);
}

.global-nav-title-top {
	margin: 0 0 5rem;
	padding: 0;
	font-size: 2.6rem;
}

.global-nav-title-top a {
	color: #fff;
}

.global-nav-title-top a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	
	.global-nav-title-top {
		margin: 0;
		padding: 0;
		font-size: 1.6rem;
	}

	.global-nav-title-top a {
		display: block;
		width: 100%;
		padding: 1.5rem;
		background-color: #69CAE1;
		color: #fff;
	}

}


.global-nav-row {
	display: flex;
	margin: 0 -2.3rem;
}

.global-nav-col {
	width: 25%;
	padding: 0 2.3rem;
}

.global-nav-title {
	margin: 0 0 2rem;
	padding: 0 0 1rem;
	border-bottom: 1px solid #fff;
	font-size: 1.8rem;
	font-weight: 600;
	color: #fff;
	line-height: 1.4;
}

.global-nav-title a {
	position: relative;
	display: block;
	padding-left: 2rem;
	color: #fff;
}

.global-nav-title a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
}

.global-nav-title .global-nav-open {
	display: none;
}

.global-nav-title a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	
	.global-nav-title {
		position: relative;
		margin: 0;
		padding: 1.5rem;
		font-size: 1.6rem;
	}
	
	.global-nav-title a {
		padding-left: 0;
	}
	
	.global-nav-title a:before {
		display: none;
	}
	
	.global-nav-title .global-nav-open {
		position: absolute;
		top: 50%;
		right: 2rem;
		z-index: 2;
		display: block;
		width: 30px;
		height: 30px;
		transform: translateY(-50%);
	}
	
	.global-nav-open::before,
	.global-nav-open::after  {
		content: '';
		display: inline-block;
		width: 30px;
		height: 2px;
		background-color: #fff;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		transition: opacity 1s;
	}
	
	.global-nav-open::after {
		transform: translateY(-50%) rotate(90deg);
		transition: transform .3s;
	}
	
	.global-nav-open.is-show::before {
		opacity: 0;
	}

	.global-nav-open.is-show::after {
		transform: translateY(-50%) rotate(180deg);
	}
	
}


.global-nav {
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	list-style: none;
}

@media screen and (min-width: 767px) {
	
	.global-nav {
		display: block !important;
	}
	
}


.global-nav li {
	margin: 0 0 1rem;
	padding: 0;
	line-height: 1.4;
}

.global-nav a {
	position: relative;
	display: inline-block;
	padding-left: 18px;
	color: #fff;
}

.global-nav a:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg) translateY(-50%);
}

.global-nav a:hover {
	text-decoration: underline;
}

.global-nav__child {
	margin: 1rem 0 0 2rem;
	padding: 0;
	list-style: none;
}

.global-nav-footer {
	margin-top: 6rem;
	padding-top: 3.6rem;
	padding-bottom: 3.6rem;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.global-nav-footer ul {
	display: flex;
	justify-content: center;
	margin: 0 -1.5rem;
	padding: 0;
	list-style: none;
}

.global-nav-footer li {
	padding: 0 1.5rem;
}

@media screen and (max-width: 767px) {
	
	.global-nav-section {
		top: 0;
		left: 0;
		padding: 8rem 0 0;
		transform: translate(0,0);
	}
	
	.global-nav-row {
		display: block;
		margin: 0;
		background-color: #69CAE1;
		border-top: 1px solid #fff;
	}

	.global-nav-col {
		width: 100%;
		padding: 0;
	}
	
	.global-nav {
		display: none;
		font-size: 1.5rem;
	}

	.global-nav li {
		margin: 0;
	}

	.global-nav a {
		display: block;
		padding: 1.2rem 0 1.2rem 4rem;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		color: #000;
	}

	.global-nav a:before {
		display: none;
	}

	.global-nav__child {
		margin: 0;
	}

	.global-nav__child a {
		padding: 1.2rem 0 1.2rem 6rem;
		background-color: #EBF2FF;
	}
	
	.global-nav-footer {
		margin-top: 0;
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
		background-color: #69CAE1;
		border: none;
	}

	.global-nav-footer ul {
		display: block;
		margin: 0;
	}

	.global-nav-footer li {
		width: 100%;
		text-align: center;
	}
	
	.global-nav-footer li + li {
		margin-top: 2rem;
	}
	
}


.global-nav-sns {
	display: none;
	padding-top: 3.2rem;
	background-color: #fff;
}

.global-nav-sns ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.global-nav-sns li {
	padding: 0 1.5rem;
}

.global-nav-sns img {
	width: 56px;
}

@media screen and (max-width: 767px) {
	
	.global-nav-sns {
		display: block;
	}
	
}