@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap');
/* setting */
:root {
	--vw: 100vw;
	--first-view-height: 100svh;
	--pc-width: 1560px;
	--pc-small-width: 880px;
	--color-white: #fff;
	--color-text: #555;
	--color-head: #222;
	--color-navy: #28589B;
	--color-gray: #ccc;
}
html {
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
@media screen and (min-width:768px) and (min-width:1560px) {
	html {
		font-size: calc(var(--pc-width)/156);
	}
}
@media screen and (min-width:768px) and (max-width:1559px){
	html{
		font-size:calc(var(--vw)/156)
	}
}
@media screen and (max-width:767px){
	html{
		font-size:calc(var(--vw)/402)
	}
}
body {
	font-family: "Noto Sans JP", sans-serif;
	background: #F4F8FF;
	line-height: 1;
	font-size: 1.8rem;
	letter-spacing: 0.01em;
	color: #444;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-break: break-all;
}
.wrap {
	width: 100%;
	min-height: 100%;
}
.page {
	width: 80%;
	max-width: 1280px;
	margin: 0 auto;
}
.page > p {
	line-height: 1.7;
}
.contact-desc {
	margin-bottom: 5.6rem;
}
.small {
	max-width: 880px;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 700;
	color: var(--color-head);
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border-radius: 6px;
}
a {
	text-decoration: underline;
	color: var(--color-navy);
}
.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 2.2rem 0 2.5rem;
	background: linear-gradient(90deg, #28589B 0%, #1B3B68 40%, #0E1E35 80%);
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-white);
	position: relative;
	transition: all .7s;
}
.main-btn {
	width: 18rem;
	margin: 6.4rem auto 0;
}
.top-btn {
	width: 18rem;
	padding: 2.2rem 0 2.5rem;
}
.top-btn-mg {
	margin-top: 6.4rem;
}
.top-btn > img {
	width: 1.2rem;
	height: auto;
	margin-right: .6rem;
	border-radius: 0;
}
.seminer-btn {
	width: 24rem;
}
.map-btn {
	width: 18rem;
}
.map-btn > img {
	width: 1.8rem;
	height: auto;
	margin-right: .6rem;
	border-radius: 0;
}
.ng-btn {
	width: 24rem;
}
.br {
	border-radius: 6px;
}
.gra {
	background: linear-gradient(90deg, #28589B 0%, #1B3B68 40%, #0E1E35 80%);
	color: var(--color-white);
}
.mon {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
}
.gt {
	background: linear-gradient(90deg, #28589B 0%, #1B3B68 40%, #0E1E35 80%);
	-webkit-background-clip:text;
	-webkit-text-fill-color: transparent;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
}
.no-post {
	display: block;
	width: 100%;
	margin-bottom: 6.4rem;
	padding: 6.4rem;
	background: var(--color-white);
	text-align: center;
}
@media screen and (max-width:767px){
	body {
		padding-top: 64rem;
		font-size: 16rem;
	}
	.page {
		width: 90%;
		max-width: initial;
	}
	.page > p {
		line-height: 1.5;
	}
	.contact-desc {
		margin-bottom: 40rem;
	}
	.small {
		max-width: initial;
	}
	.btn {
		padding: 18rem 0 21rem;
		font-size: 13rem;
	}
	.main-btn {
		width: 40vw;
		margin: 48rem auto 0;
	}
	.top-btn {
		width: 130rem;
		padding: 14rem 0 16rem;
	}
	.top-btn-mg {
		margin-top: 6.4rem;
	}
	.top-btn > img {
		width: 12rem;
		margin-right: 6rem;
	}
	.top-btn-mg {
		margin-top: 36rem;
	}
	.seminer-btn {
		width: 220rem;
	}
	.map-btn {
		width: 160rem;
		height: 48rem;
		font-size: 14rem;
	}
	.map-btn > img {
		width: 16rem;
		margin-right: 6rem;
	}
	.ng-btn {
		width: 220rem;
	}
	.no-post {
		margin-bottom: 48rem;
		line-height: 1.5;
		padding: 48rem;
	}
}



@media (hover: hover) {
	a:hover {
		text-decoration: none;
	}
	.btn:hover {
		opacity: .7;
	}
	.top-member-post > a:hover img,
	.member-post > a:hover img,
	.cat-post > a:hover img {
		transform: scale(1.05);
	}
	.page-numbers > li > a:hover::before {
		color: var(--color-white);
		opacity: 1;
	}
	.recruit-link > a:hover:after,
	.cta-cont:hover:after {
		transform: scale(1.05);
	}
	.top-infiniteslide01 > li > a:hover,
	.top-infiniteslide02 > li > a:hover {
		opacity: .7;
	}
	.top-news-cont > ul > li > a > h4::after {
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: var(--color-head);
		bottom: -4px;
		left: 0;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform 0.5s;
	}
	.pc-header-nav > ul > li > .sub-menu > li > a::after {
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: var(--color-head);
		bottom: -1px;
		left: 0;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform 0.5s;
	}
	.pc-header-nav > ul > li > a::after {
		position: absolute;
		left: 0;
		content: '';
		width: 30%;
		height: 2px;
		background: linear-gradient(90deg, #28589B 0%, #1B3B68 40%, #0E1E35 80%);
		bottom: -6px;
		left: 35%;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform 0.5s;
	}
	.footer-nav > ul > li > a::after,
	.f-policy::after {
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: var(--color-white);
		bottom: -1px;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform 0.5s;
	}
	.pc-header-nav > ul > li > a:hover::after,
	.pc-header-nav > ul > li > .sub-menu > li > a:hover::after,
	.top-news-cont > ul > li > a:hover > h4::after,
	.footer-nav > ul > li > a:hover::after,
	.f-policy:hover::after {
		transform: scale(1, 1);
		transform-origin: left top;
	}
	.member-side > ul > li > a:hover {
		opacity: .7;
	}
	.footer-sns > li > a:hover {
		opacity: .7;
	}
}



/* loading */
.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100dvh;
	z-index: 10;
	background: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: fadeOut 1.5s 2.5s forwards;
	z-index: 1001;
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		visibility: hidden;
	}
}
.loading-logo {
	opacity: 0;
	animation: logo_fade 2s 0.5s forwards;
	width: 28rem;
	margin-top: -3.2rem;
}
@keyframes logo_fade {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	60% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
	}
}
@media screen and (max-width:767px){
	.loading-logo {
		width: 220rem;
		margin-top: -20rem;
	}
}


/* header */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	padding: 4.8rem 3% 0;
	background: #F4F8FF;
	font-family: "Montserrat", sans-serif;
}
.header-logo > h1 > a > img {
	width: 24rem;
	height: auto;
	border-radius: 0;
}
.pc-header-nav {
	display: flex;
}
.pc-header-nav > ul {
	display: flex;
	align-items: center;
	margin-right: 3.2rem;
	font-weight: 700;
}
.pc-header-nav > ul > li {
	margin-left: 2.4rem;
	position: relative;
}
.pc-header-nav > ul > li > a {
	text-decoration: none;
	color: var(--color-head);
	position: relative;
	transition: all .7s;
}
.pc-header-nav > ul > li > .sub-menu {
	display: none;
	width: 188px;
	padding: 24px 24px 8px;
	background: var(--color-white);
	font-size: 1.4rem;
	font-weight: 700;
	position: absolute;
	top: 31px;
	left: 0;
	border-radius: 6px;
	z-index: 999;
}
.pc-header-nav > ul > li > .sub-menu > li {
	display: block;
	margin-bottom: 1.8rem;
}
.pc-header-nav > ul > li > .sub-menu > li > a {
	text-decoration: none;
	color: var(--color-head);
	position: relative;
	transition: all .7s;
}
.h-btn {
	width: 15rem;
	padding: 2rem 0 2.1rem;
	color: var(--color-white);
}
.h-btn > img {
	width: 2rem;
	height: auto;
	margin-right: .6rem;
	border-radius: 0;
}
.menu-trigger-wrap {
	display: none;
}
.sp-header-nav {
	display: none;
}
@media screen and (max-width:767px){
	.header {
		align-items: flex-start;
		width: 100%;
		height: 64rem;
		margin: 0 auto;
		padding: 0;
		background: #F4F8FF;
		border-bottom: .5px solid #aaa;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	.header-logo {
		padding: 22rem 0 0 16rem;
	}
	.header-logo > h1 > a > img {
		width: 145rem;
	}
	.pc-header-nav {
		display: none;
	}
	.menu-trigger-wrap {
		display: block;
		width: 64rem;
		height: 64rem;
		border-left: .5px solid #aaa;
		cursor: pointer;
	}
	.menu-trigger {
		width: 20rem;
		height: 8rem;
		margin: 26rem auto 0;
		position: relative;
		z-index: 9999;
	}
	.menu-trigger span {
		width: 100%;
		height: 1.4rem;
		background: var(--color-head);
		position: absolute;
		left: 0;
		transition: transform .5s, opacity .5s;
	}
	.menu-trigger > span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger > span:nth-of-type(2) {
		bottom: 0;
	}
	.menu-trigger.show > span:nth-of-type(1) {
		-webkit-transform: translateY(3.1rem) rotate(-45deg);
		transform: translateY(3.1rem) rotate(-45deg);
		background: var(--color-white);
	}
	.menu-trigger.show > span:nth-of-type(2) {
		-webkit-transform: translateY(-3.5rem) rotate(45deg);
		transform: translateY(-3.5rem) rotate(45deg);
		background: var(--color-white);
	}
	.sp-header-nav {
		display: none;
		width: 100vw;
		height: 100svh;
		background: var(--color-head);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
	}
	.sp-header-nav-inner {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		height: 100svh;
	}
	.sp-header-nav-inner > ul {
		display: block;
	}
	.sp-header-nav-inner > ul > li {
		margin: 0 0 36rem;
	}
	.sp-header-nav-inner > ul > li > .sub-menu {
		margin: 24rem 0 0 18rem;
		font-size: 14rem;
	}
	.sp-header-nav-inner > ul > li > .sub-menu > li:last-of-type {
		margin-top: 18rem;
	}
	.sp-header-nav-inner > ul a {
		text-decoration: none;
		color: var(--color-white);
	} 
	.sp-nav-inner > ul > li > a > span {
		display: inline-block;
	}
	.s-btn {
		width: 160rem;
		height: 56rem;
	}
	.s-btn > img {
		width: 20rem;
		margin-right: 6rem;
	}
	body.fixed {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: -10;
	}
}



/* common */
.page-head {
	display: flex;
	justify-content: space-between;
	width: 94%;
	margin: 4.8rem auto 14rem;
	padding: 0 0 4.8rem;
	border-bottom: 1px solid var(--color-gray);
}
.single-page-head {
	width: 94%;
	margin: 4.8rem auto 14rem;
	border-top: 1px solid var(--color-gray);
}
.single-breadcrumbs {
	margin-top: 2.4rem;
}
.page-head-inner {
	position: relative;
}
.breadcrumbs {
	font-size: 1.2rem;
}
.page-head-title {
	width: 80rem;
	font-weight: 700;
	position: absolute;
	left: 2rem;
	bottom: 9.6rem;
}
.page-head-title > h2 {
	margin-bottom: 1.8rem;
	font-size: 2.8rem;
}
.page-head-title > span {
	font-size: 8rem;
}
.page-head-title > p {
	margin-top: 4.8rem;
	font-size: 2rem;
}
.page-head-img {
	width: 50%;
}
.cont-head {
	display: flex;
	align-items: center;
	margin-bottom: 5.6rem;
}
.cont-title {
	line-height: initial;
}
.cont-title > h3 {
	margin-bottom: .6rem;
	font-size: 2.2rem;
}
.cont-title > p {
	font-size: 5.6rem;
}
.cont-head > p {
	margin-left: 9.6rem;
	line-height: 1.6;
}
table {
	width: 100%;
	line-height: 1.6;
}
.common-table {
	border-top: 1px solid var(--color-gray);
}
.common-table > tbody > tr > th,
.common-table > tbody > tr > td {
	padding: 3.6rem 4rem;
	border-bottom: 1px solid var(--color-gray);
	vertical-align: middle;
}
.common-table > tbody > tr > th {
	width: 24rem;
	border-right: 1px solid var(--color-gray);
	text-align: center;
}
.page-slide {
	width: 100vw;
	margin: 18rem calc(50% - 50vw) 16rem;
	overflow-x: hidden;
}
.page-slide-inner {
	display: flex;
	align-items: center;
	height: 40rem;
}
.infiniteslide {
	display: flex;
	animation: loop-slide 60s infinite linear 1s both;
}
@keyframes loop-slide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
.infiniteslide > li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60rem;
	height: 40rem;
	margin: 0 2.4rem;
}
@media screen and (max-width:767px){
	.page-head {
		display: block;
		width: 90%;
		margin: 0 auto 80rem;
		padding-bottom: 0;
		border: none;
	}
	.small-head {
		margin: 0 auto 56rem;
	}
	.single-page-head {
		width: 90%;
		margin: 4rem auto 80rem;
		border: none;
	}
	.single-breadcrumbs {
		margin-top: 14rem;
	}
	.page-head-inner {
		position: relative;
	}
	.breadcrumbs {
		margin: 14rem 0 80rem;
		line-height: 2;
		font-size: 12rem;
	}
	.page-head-title {
		width: 100%;
		margin: 88rem 0 56rem;
		position: initial
	}
	.page-head-title > h2 {
		margin-bottom: 12rem;
		font-size: 14rem;
	}
	.page-head-title > span {
		font-size: 40rem;
	}
	.page-head-title > p {
		margin-top: 24rem;
		font-size: 14rem;
	}
	.page-head-img {
		width: 100%;
	}
	.cont-head {
		display: block;
		margin-bottom: 40rem;
	}
	.cont-title > h3 {
		margin-bottom: 6rem;
		font-size: 16rem;
	}
	.cont-title > p {
		font-size: 32rem;
	}
	.cont-title > p > br {
		display: none;
	}
	.recruitment-head .cont-title > p > br {
		display: block;
	}
	.cont-head > p {
		margin: 18rem 0 0 0;
		line-height: 1.5;
	}
	.cont-head > p > br {
		display: none;
	}
	table {
		line-height: 1.4;
	}
	.common-table > tbody > tr > th,
	.common-table > tbody > tr > td {
		padding: 22rem 0 25rem;
	}
	.common-table > tbody > tr > th {
		width: 32%;
		border-bottom: 1px solid var(--color-gray);
	}
	.common-table > tbody > tr > td {
		padding: 22rem 12rem 24rem;
	}
	
	.page-slide {
		margin: 48rem calc(50% - 50vw) 64rem;
	}
	.page-slide-inner {
		height: 240rem;
	}
	.infiniteslide > li {
		width: 360rem;
		height: 240rem;
		margin: 0 12rem;
	}
}



/* top */
.kv {
	width: 94%;
	height: calc(100dvh - 15.2rem);
	margin: 4.8rem auto 18rem;
	border-radius: 0 6px 0 0;
	position: relative;
	overflow: hidden;
}
.kv-slider-box {
	display: flex;
	justify-content: space-between;
	width: 84rem;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (max-width: 1024px){
	.kv,
	.kv-slider-box {
		height: 100rem;
	}
}

.kv-slider {
	width: 40rem;
	display: flex;
	align-items: center;
	flex-direction: column;
	transform: rotate(6.4deg);
}
.kv-slider:last-of-type {
	padding-top: 8rem;
}
.slider-list {
	display: flex;
	flex-direction: column;
	animation: slide 90s infinite linear .2s both;
}
.slider-list-re {
	display: flex;
	flex-direction: column;
	animation: slide-reverse 90s infinite linear .2s both;
}
.slider-item {
	width: 40rem;
	margin-bottom: 4rem;
	object-fit: cover;
}
@keyframes slide {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-100%);
	}
}
@keyframes slide-reverse {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}
.kv-copy {
	width: 72rem;
	height: auto;
	position: absolute;
	bottom: 9.6rem;
	left: 2.4rem;
	z-index: 998;
}

.top-message {
	position: relative;
}
.loop-wrap {
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	position: absolute;
	top: 38rem;
	left: 0;
	z-index: -1;
}
.loop-area {
	display: flex;
	animation: loop-slide 80s infinite linear 1s both;
	list-style: none;
	margin: 0;
	padding: 0;
}
.loop-area .content {
	width: 100%;
	margin-right: 80rem;
}
.loop-area .content > img {
	width: 120rem;
}
@keyframes loop-slide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

.top-wide-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.top-wide-head > .cont-head > p > br {
	display: none;
}
.top-works {
	margin-bottom: 14rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}
.top-works-slide {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	overflow-x: hidden;
}
.top-works-slide-inner {
	display: flex;
	align-items: center;
	height: 24rem;
}
.top-works-slide-inner:last-of-type {
	margin-top: 4.8rem;
}
.top-infiniteslide01 {
	display: flex;
	animation: scroll-left 60s infinite linear .5s both;
}
.top-infiniteslide02 {
	display: flex;
	animation: scroll-right 60s infinite linear .5s both;
}
@keyframes scroll-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}
@keyframes scroll-right {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0%);
	}
}
.top-infiniteslide01 > li,
.top-infiniteslide02 > li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36rem;
	height: 24rem;
	margin: 0 2.4rem;
}
.top-infiniteslide01 > li > a,
.top-infiniteslide02 > li > a {
	transition: all .7s;
}
.top-works-slide-inner:hover > .top-infiniteslide01,
.top-works-slide-inner:hover > .top-infiniteslide02 {
	animation-play-state: paused;
}

.top-member {
	margin-bottom: 14rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}
.top-member-cont {
}
.top-member-slider {
	display: flex;
	margin-right: calc(50% - 50vw);
	padding-right: 18vw;
	position: relative;
}
.swiper-wrapper {
	padding-bottom: 9.6rem;
}
.top-member-post {
	width: 38rem;
	margin-left: 7rem;
}
.top-member-post:first-of-type {
	margin: 0;
}
.top-member-post > a {
	position: relative;
	transition: all .7s;
}
.top-member-slider .swiper-scrollbar {
	display: block !important;
	width: 60%;
	height: .6rem;
	background: var(--color-gray);
	position: absolute;
	left: 0;
}
.swiper-scrollbar-drag {
	height: .6rem;
	background: linear-gradient(90deg, #28589B 0%, #1B3B68 40%, #0E1E35 80%);
	border-radius: 3px;
}

.top-news {
	display: flex;
	justify-content: space-between;
}
.top-news-head {
	width: 24%;
}
.top-vertical-head {
	display: block;
}
.top-vertical-head > p {
	margin: 2.4rem 0 6.4rem;
}
.top-news-cont {
	width: 66%;
}
.top-news-cont > ul {
	border-top: 1px solid var(--color-gray);
}
.top-news-cont > ul > li {
	border-bottom: 1px solid var(--color-gray);
}
.top-news-cont > ul > li > a {
	display: flex;
	align-items: center;
	padding: 4rem 0 4.2rem;
	text-decoration: none;
}
.top-news-cont > ul > li > a > time {
	font-size: 1.6rem;
	color: #777;
}
.top-news-cont > ul > li > a > h4 {
	margin-left: 4rem;
	position: relative;
}
@media screen and (max-width:767px){
	.kv {
		width: 100%;
		height: 400rem;
		margin: 0 auto 80rem;
		border-radius: 0;
	}
	.kv-slider-box {
		width: 303rem;
		height: 400rem;
	}
	.kv-slider {
		width: 320rem;
		transform: rotate(6.4deg);
	}
	.kv-slider:last-of-type {
		padding-top: 8rem;
	}
	.slider-list {
		animation: slide 70s infinite linear .2s both;
	}
	.slider-list-re {
		animation: slide-reverse 70s infinite linear .2s both;
	}
	.slider-item {
		width: 140rem;
		margin-bottom: 11rem;
	}
	.kv-copy {
		width: 362rem;
		bottom: -1rem;
		left: 18rem;
	}
	
	.top-message > .message-cont {
		margin-top: -10rem;
	}
	
	.loop-wrap {
		top: 320rem;
	}
	.loop-area {
		display: flex;
		animation: loop-slide 80s infinite linear 1s both;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.loop-area .content {
		width: 100%;
		margin-right: 120rem;
	}
	.loop-area .content > img {
		width: 800rem;
	}
	
	.top-wide-head {
		position: relative;
	}
	.top-wide-head > .cont-head {
		display: block;
		width: 100%;
	}
	.top-wide-head > .cont-head > p > br {
		display: block;
	}
	.top-wide-head > .top-btn {
		position: absolute;
		top: 0;
		right: 0;
	}
	.top-works {
		margin-bottom: 56rem;
		padding-bottom: 64rem;
	}
	.top-works-slide-inner {
		height: 186rem;
	}
	.top-works-slide-inner:last-of-type {
		margin-top: 24rem;
	}
	.top-infiniteslide01 {
		animation: scroll-left 80s infinite linear .5s both;
	}
	.top-infiniteslide02 {
		animation: scroll-right 80s infinite linear .5s both;
	}
	.top-infiniteslide01 > li,
	.top-infiniteslide02 > li {
		width: 280rem;
		height: 186rem;
		margin: 0 12rem;
	}

	.top-member {
		margin-bottom: 56rem;
		padding-bottom: 64rem;
	}
	.top-member-slider {
		padding-right: 18vw;
	}
	.swiper-wrapper {
		padding-bottom: 0;
	}
	.top-member-post {
		width: 290rem;
		margin-left: 36rem;
	}
	.top-member-post:first-of-type {
		margin: 0;
	}
	.top-member-slider .swiper-scrollbar {
		display: none !important;
	}
	
	.top-news {
		display: block;
	}
	.top-news-head {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
	}
	.top-vertical-head {
		display: block;
	}
	.top-vertical-head > p {
		margin: 20rem 0 0;
	}
	.top-news-cont {
		width: 100%;
	}
	.top-news-cont > ul > li > a {
		display: block;
		padding: 23rem 0 24rem;
	}
	.top-news-cont > ul > li > a > time {
		font-size: 15rem;
	}
	.top-news-cont > ul > li > a > h4 {
		margin: 12rem 0 0 0;
		line-height: 1.4;
	}
}



/* philosophy */
.purpose {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 14rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}
.origin {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row-reverse;
}
.purpose-img,
.origin-img,
.voice-img {
	width: 34%;
	position: sticky;
	top: 9.6rem;
	left: 0;
}
.origin-img > figure > figcaption {
	margin-top: 2rem;
}
.purpose-cont-inner,
.origin-cont,
.voice-text {
	width: 59%;
}
.purpose-cont {
	margin-bottom: 9.6rem;
	padding-bottom: 7.6rem;
	border-bottom: 1px solid var(--color-gray);
}
.purpose-cont:last-of-type {
	margin: 0;
	padding: 0;
	border: none;
}
.purpose-cont > span,
.origin-cont > span,
.nucessary-head > span {
	font-size: 2.8rem;
}
.purpose-cont > h3,
.origin-cont > h3,
.nucessary-head > h3 {
	margin: 2rem 0 4rem;
	line-height: 1.4;
	font-size: 4rem;
}
.nucessary-head > h3 > br {
	display: none;
}
.purpose-cont > p,
.origin-cont > p {
	margin-bottom: 2rem;
	line-height: 1.7;
	font-size: 2rem;
}

.nucessary {
	margin-bottom: 14rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}
.nucessary-head,
.nucessary-cont {
	text-align: center;
}
.nucessary-cont {
	margin-top: 5.6rem;
}
.nucessary-cont > h4 {
	margin-bottom: 4rem;
	font-size: 2.8rem;
}
.nucessary-cont > p {
	line-height: 1.7;
	font-size: 2rem;
}
.nucessary-cont-inner {
	display: flex;
	justify-content: space-between;
	margin-top: 7.2rem;
}
.nucessary-text {
	width: 47.5%;
	padding: 5.6rem;
	background: var(--color-white);
	text-align: left;
}
.nucessary-text > h5 {
	margin-bottom: 3.2rem;
	font-size: 2.8rem;
}
.nucessary-text > p {
	line-height: 1.7;
	font-size: 2rem;
}

.business-cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 6.4rem;
	padding: 6.4rem;
	background: var(--color-white);
}
.business-cont:last-of-type {
	margin: 0;
}
.business-img {
	width: 34%;
}
.business-text {
	width: 60%;
}
.business-text > h4 {
	font-size: 3.6rem;
}
.business-text > h4 > img.prosupo-logo {
	width: auto;
	height: 4rem;
}
.business-text > h4 > img.tw-logo {
	width: auto;
	height: 3.6rem;
}
.business-text > p {
	margin-top: 3.2rem;
	line-height: 1.7;
	font-size: 2rem;
}
@media screen and (max-width:767px){
	.purpose,
	.origin {
		display: block;
		margin-bottom: 56rem;
		padding-bottom: 64rem;
	}
	.origin {
		flex-direction: row-reverse;
		margin-bottom: 64rem;
		padding-bottom: 0;
	}
	.purpose-img,
	.origin-img,
	.voice-img {
		width: 100%;
		margin-top: 48rem;
		position: initial;
	}
	.voice-img {
		margin: 40rem 0 48rem;
	}
	.origin-img > figure > figcaption {
		margin-top: 18rem;
	}
	.purpose-cont-inner,
	.origin-cont,
	.voice-text {
		width: 100%;
	}
	.purpose-cont {
		margin-bottom: 48rem;
		padding-bottom: 24rem;
	}
	.purpose-cont:last-of-type {
		margin: 0;
		padding: 0;
		border: none;
	}
	.purpose-cont > span,
	.origin-cont > span,
	.nucessary-head > span {
		font-size: 20rem;
	}
	.purpose-cont > h3,
	.origin-cont > h3,
	.nucessary-head > h3 {
		margin: 12rem 0 24rem;
		line-height: 1.3;
		font-size: 28rem;
	}
	.nucessary-head > h3 > br {
		display: block;
	}
	.purpose-cont > p,
	.origin-cont > p {
		margin-bottom: 20rem;
		line-height: 1.5;
		font-size: 18rem;
	}
	
	.nucessary {
		margin-bottom: 56rem;
		padding-bottom: 64rem;
	}
	.nucessary-cont {
		margin-top: 32rem;
	}
	.nucessary-cont > h4 {
		margin-bottom: 16rem;
		line-height: 1.5;
		font-size: 20rem;
	}
	.nucessary-cont > p {
		line-height: 1.5;
		font-size: 16rem;
	}
	.nucessary-cont-inner {
		display: block;
		margin-top: 40rem;
	}
	.nucessary-text {
		width: 100%;
		padding: 32rem 24rem;
	}
	.nucessary-text:first-of-type {
		margin-bottom: 32rem;
	}
	.nucessary-text > h5 {
		margin-bottom: 20rem;
		font-size: 20rem;
	}
	.nucessary-text > p {
		line-height: 1.5;
		font-size: 16rem;
	}
	
	.business-cont {
		display: block;
		margin-bottom: 32rem;
		padding: 32rem 24rem;
	}
	.business-img {
		width: 100%;
		margin-bottom: 32rem;
	}
	.business-text {
		width: 100%;
	}
	.business-text > h4 {
		font-size: 28rem;
	}
	.business-text > h4 > img.prosupo-logo {
		height: 30rem;
	}
	.business-text > h4 > img.tw-logo {
		height: 30rem;
	}
	.business-text > p {
		margin-top: 20rem;
		line-height: 1.7;
		font-size: 16rem;
	}
}



/* company */
.message {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}
.message-head {
	width: 36%;
}
.message-head > figure > img {
	margin-bottom: 2.4rem;
}
.message-head > figure > figcaption {
	display: flex;
	justify-content: right;
	align-items: end;
	font-size: 2rem;
	font-weight: 700;
	color: var(--color-head);
}
.message-head > figure > figcaption > p {
	margin-right: 1.2rem;
	font-size: 1.6rem;
}
.message-cont {
	width: 55%;
}
.message-cont > h3,
.message-cont > h4 {
	line-height: 1.5;
	font-size: 4.2rem;
}
.message-cont > p {
	margin-top: 2.4rem;
	line-height: 1.7;
}
.message-cont > p:first-of-type {
	margin-top: 4rem;
}
.profile {
	margin-top: 6.4rem;
	padding: 4rem;
	background: var(--color-white);
}
.profile > h5 {
	margin-bottom: 1.8rem;
	font-size: 2.2rem;
}
.profile > p {
	line-height: 1.7;
}

.outline {
	margin-bottom: 14rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}
.outline-table > tbody > tr > th,
.outline-table > tbody > tr > td {
	padding: 4rem 0 4.4rem;
	vertical-align: middle;
}
.outline-table > tbody > tr:first-of-type > th {
	padding: 0 0 4rem;
}
.outline-table > tbody > tr:first-of-type > td {
	padding: 0 4rem 4rem;
}
.outline-table > tbody > tr > th {
	width: 22%;
	border-bottom: 1px solid var(--color-navy);
}
.outline-table > tbody > tr > td {
	padding-left: 4rem;
	border-bottom: 1px solid var(--color-gray);
}

.office-inner {
	display: flex;
	justify-content: space-between;
}
.office-cont {
	width: 47.5%;
}
.office-cont > h4 {
	margin: 4rem 0 2.4rem;
	font-size: 2.8rem;
}
.office-cont > p {
	margin-bottom: 3.2rem;
	line-height: 1.7;
}
@media screen and (max-width:767px){
	.message {
		display: block;
		margin-bottom: 56rem;
		padding-bottom: 64rem;
	}
	.message-head {
		width: 100%;
	}
	.message-head > figure > img {
		margin-bottom: 24rem;
	}
	.message-head > figure > figcaption {
		font-size: 18rem;
	}
	.message-head > figure > figcaption > p {
		margin-right: 12rem;
		font-size: 15rem;
	}
	.message-cont {
		width: 100%;
		margin-top: 48rem;
	}
	.message-cont > h3,
	.message-cont > h4 {
		line-height: 1.5;
		font-size: 24rem;
	}
	.message-cont > p {
		margin-top: 20rem;
		line-height: 1.5;
	}
	.message-cont > p:first-of-type {
		margin-top: 24rem;
	}
	.profile {
		margin-top: 40rem;
		padding: 32rem;
	}
	.profile > h5 {
		margin-bottom: 18rem;
		font-size: 20rem;
	}
	.profile > p {
		line-height: 1.5;
	}
	.outline {
		margin-bottom: 56rem;
		padding-bottom: 64rem;
	}
	
	.outline-table > tbody > tr > th,
	.outline-table > tbody > tr > td {
		padding: 22rem 0 25rem;
	}
	.outline-table > tbody > tr:first-of-type > th {
		padding: 0 0 24rem;
	}
	.outline-table > tbody > tr:first-of-type > td {
		padding: 0 0 24rem;
	}
	.outline-table > tbody > tr > th {
		width: 32%;
		border-bottom: 1px solid var(--color-gray);
	}
	.outline-table > tbody > tr > td {
		padding-left: 0;
	}
	.outline-table > tbody > tr > td > br {
		line-height: 0;
	}

	.office-inner {
		display: block;
	}
	.office-cont {
		width: 100%;
	}
	.office-cont:first-of-type {
		margin-bottom: 48rem;
	}
	.office-cont > h4 {
		margin: 26rem 0 18rem;
		font-size: 22rem;
	}
	.office-cont > p {
		margin-bottom: 24rem;
		line-height: 1.5;
	}
}



/* recruit */
.recruitment {
	margin-bottom: 14rem;
}
.recruitment-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 8rem;
	border-bottom: 1px solid var(--color-gray);
}
.recruitment-head-img {
	width: 55%;
}
.recruit-head-copy {
	margin-top: 6.4rem;
	line-height: 1.3;
	font-size: 4.4rem;
	font-weight: 700;
	color: var(--color-head);
}
.recruitment-cont {
	display: flex;
	justify-content: space-between;
	padding: 8rem 0;
	border-bottom: 1px solid var(--color-gray);
}
.recruitment-cont-head {
	width: 33%;
}
.recruitment-cont-head > span {
	display: inline-block;
	padding: 1.3rem 1.8rem 1.4rem;
	font-size: 2rem;
	font-weight: 700;
}
.recruitment-cont-head > h4 {
	margin-top: 3.2rem;
	line-height: 1.4;
	font-size: 3.4rem;
}
.recruitment-cont-text {
	width: 59%;
}
.recruitment-cont-text > p {
	margin-top: 2.4rem;
	line-height: 1.7;
}
.recruitment-cont-text > p:first-of-type {
	margin: 0;
}
.recruitment-cont-text > ul {
	list-style-type: initial;
	margin: 2.4rem 0 0 2.8rem;
}
.recruitment-cont-text > ul > li {
	margin-bottom: 1.4rem;
	line-height: 1.4;
}
.recruitment-cont-text > ul > li > span {
	font-weight: 700;
}
.culture,
.number,
.recruit-member {
	margin-bottom: 14rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}

.culture-head {
	display: flex;
	justify-content: space-between;
	margin-bottom: 8rem;
}
.culture-head-copy {
	width: 59%;
	line-height: 1.5;
}
.culture-head-copy > p {
	font-size: 4.4rem;
	font-weight: 700;
	color: var(--color-head);
}
.culture-head-copy > p:last-of-type {
	margin-top: .8rem;
	font-size: 5.6rem;
}
.culture-cont {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: flex-start;
}
.culture-img {
	width: 34%;
	position: sticky;
	top: 9.6rem;
	left: 0;
}
.culture-cont-inner {
	width: 59%;
}
.culture-text {
	margin-top: 5.6rem;
	padding: 5.6rem;
	background: var(--color-white);
}
.culture-text:first-of-type {
	margin: 0;
}
.culture-text > h4 {
	margin-bottom: 2.4rem;
	font-size: 2.4rem;
}
.culture-text > ul {
	list-style-type: initial;
	margin-left: 2.8rem;
}
.culture-text > ul > li {
	margin-top: 1.4rem;
	line-height: 1.5;
	font-size: 2rem;
}

.number-cont {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: -4.25%;
}
.number-box {
	width: 30.5%;
	margin-bottom: 4.25%;
	padding: 3.6rem;
	background: var(--color-white);
	position: relative;
}
.number-box-head {
	display: flex;
	justify-content: space-between;
}
.number-box-head > h4 {
	font-size: 2.8rem;
}
.number-box-head > img {
	width: 4rem;
	height: auto;
}
.number-data {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}
.number-data > p {
	font-size: 2.8rem;
	font-weight: 700;
	color: var(--color-head);
}
.number-data > p > span {
	margin-right: 1rem;
	font-size: 12rem;
}
.number-box > span {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--color-head);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 2rem;
}
.recruit-member-head,
.faq-head {
	margin-bottom: 8rem;
}

.benefits {
	margin-bottom: 16rem;
}
.benefits-cont {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: -6.4rem;
}
.benefits-text {
	width: 47%;
	margin-bottom: 6.4rem;
}
.benefits-text > h4 {
	margin-bottom: 2.4rem;
	font-size: 2.4rem;
}
.benefits-text > p {
	line-height: 1.7;
}

.faq {
	margin-bottom: 12rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}
.faq-cont {
	display: block;
	margin-top: 4.8rem;
	padding: 0 4.8rem;
	background: var(--color-white);
	position: relative;
	cursor: pointer;
}
.faq-q {
	display: flex;
	align-items: center;
	padding: 2.2rem 0 2.8rem;
	transition: background .3s ease;
}
.faq-q > span {
	margin-right: 2.4rem;
	line-height: 2.2;
	font-size: 4rem;
}
.faq-q > p {
	font-size: 2.4rem;
	font-weight: 700;
	color: var(--color-head);
}
.faq-q::after{
	position:absolute;
	content:'';
	top: 5.8rem;
	right: 4.8rem;
	width: 10px;
	height: 10px;
	border-top: 2px solid var(--color-navy);
	border-right: 2px solid var(--color-navy);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.faq-q::after{
	transition:transform 0.3s;
}
.faq-q.active::after {
	transform: rotate(-45deg);
}
.faq-a {
	display: none;
}
.faq-a {
	padding: 0 8.6rem 3.2rem 5.6rem;
	line-height: 1.7;
}
.faq-a > p,
.seminar-text > p {
	margin-bottom: 2.4rem;
	line-height: 1.7;
}
.faq-a > ul,
.faq-a > ol,
.seminar-text > ul,
.seminar-text > ol,
.interview-cont > ul,
.interview-cont > ol {
	margin: 0 0 2.4rem 2.6rem;
	line-height: 1.5;
	list-style-type: initial;
	list-style-position: outside;
}
.interview-cont > ul,
.interview-cont > ol {
	margin: 2.4rem 0 2.4rem 2.6rem;
}
.faq-a > ol,
.seminar-text > ol,
.interview-cont > ol  {
	list-style-type: decimal;
}
.faq-a > ul > li,
.faq-a > ol > li,
.seminar-text > ul > li,
.seminar-text > ol > li,
.interview-cont > ul > li,
.interview-cont > ol > li {
	margin-bottom: 1rem;
}
.faq-a > ul > li > ul,
.faq-a > ol > li > ul,
.seminar-text > ul > li > ul,
.seminar-text > ol > li > ul,
.interview-cont > ul > li > ul,
.interview-cont > ol > li > ul {
	margin: 1.4rem 2rem 2.4rem 2.6rem;
	list-style-type: initial;
}
.faq-a > ul > li > ol,
.faq-a > ol > li > ol,
.seminar-text > ul > li > ol,
.seminar-text > ol > li > ol,
.interview-cont > ul > li > ol,
.interview-cont > ol > li > ol {
	margin: 1.4rem 2rem 2.4rem 2.6rem;
	list-style-type: decimal;
}
.faq-a > ul > li > ul > li,
.faq-a > ol > li > ul > li,
.faq-a > ul > li > ol > li,
.faq-a > ol > li > ol > li,
.seminar-text > ul > li > ul > li,
.seminar-text > ol > li > ul > li,
.seminar-text > ul > li > ol > li,
.seminar-text > ol > li > ol > li,
.interview-cont > ul > li > ul > li,
.interview-cont > ol > li > ul > li,
.interview-cont > ul > li > ol > li,
.interview-cont > ol > li > ol > li {
	margin-bottom: .6rem;
}

.deck {
	margin-bottom: 14rem;
	padding-bottom: 12rem;
	border-bottom: 1px solid var(--color-gray);
}
.deck-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.deck-head {
	width: 64%;
	margin: 0;
}
.deck-head > .top-vertical-head {
	margin: 0;
}
.deck-head > .top-vertical-head > p {
	line-height: 1.7;
}
.deck-img {
	width: 30%;
}

.recruit-cta {
	display: flex;
	justify-content: space-between;
}
.recruit-link {
	width: 49%;
	height: 32rem;
	overflow: hidden;
}
.recruit-link > a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-decoration: none;
	color: var(--color-white);
	position: relative;
	transition: all .7s;
}
.recruit-link > a:before {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(34,34,34,.5);
	border-radius: 6px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.ng::after,
.career::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(../images/ng-back.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .7s;
	z-index: 0;
}
.career::after {
	background-image: url(../images/career-back.jpg);
}
.rectuit-link-cont {
	position: absolute;
	left: 3.6rem;
	bottom: 3.6rem;
	z-index: 2;
}
.rectuit-link-cont > span {
	font-weight: 700;
}
.rectuit-link-cont > p {
	margin-top: 1.8rem;
	font-size: 4.8rem;
}
.rectuit-link-cont > p > img {
	width: 4.6rem;
	height: auto;
	margin-left: 2.4rem;
}
@media screen and (max-width:767px){
	.recruitment {
		margin-bottom: 64rem;
	}
	.recruitment-head {
		display: block;
		padding-bottom: 48rem;
	}
	.recruitment-head-img {
		width: 100%;
	}
	.recruit-head-copy {
		margin-top: 20rem;
		font-size: 32rem;
	}
	.recruitment-cont {
		display: block;
		padding: 48rem 0 44rem;
	}
	.recruitment-cont-head {
		width: 100%;
	}
	.recruitment-cont-head > span {
		padding: 11rem 15rem 13rem;
		font-size: 16rem;
	}
	.recruitment-cont-head > h4 {
		margin-top: 20rem;
		line-height: 1.3;
		font-size: 26rem;
	}
	.recruitment-cont-text {
		width: 100%;
	}
	.recruitment-cont-text > p {
		margin-top: 20rem;
		line-height: 1.5;
	}
	.recruitment-cont-text > p:first-of-type {
		margin-top: 24rem;
	}
	.recruitment-cont-text > ul {
		list-style-type: initial;
		margin: 20rem 0 0 20rem;
	}
	.recruitment-cont-text > ul > li {
		margin-bottom: 12rem;
	}
	.culture,
	.number,
	.recruit-member,
	.faq {
		margin-bottom: 56rem;
		padding-bottom: 64rem;
	}
	.recruit-member {
		padding-bottom: 10rem;
	}
	
	.culture-head {
		display: block;
		margin-bottom: 40rem;
	}
	.culture-head-copy {
		width: 100%;
		margin-top: -24rem;
		line-height: 1.3;
	}
	.culture-head-copy > p {
		font-size: 32rem;
	}
	.culture-head-copy > p:last-of-type {
		margin-top: 14rem;
		font-size: 28rem;
	}
	.culture-cont {
		justify-content: initial;
		flex-direction: column-reverse;
	}
	.culture-img {
		width: 100%;
		position: initial;
	}
	.culture-cont-inner {
		width: 100%;
	}
	.culture-text {
		margin-top: 32rem;
		padding: 30rem 24rem 34rem;
	}
	.culture-text:first-of-type {
		margin-top: 48rem;
	}
	.culture-text > h4 {
		margin-bottom: 18rem;
		line-height: 1.4;
		font-size: 20rem;
	}
	.culture-text > ul {
		margin-left: 26rem;
	}
	.culture-text > ul > li {
		margin-top: 12rem;
		line-height: 1.4;
		font-size: 16rem;
	}
	
	.number-cont {
		display: block;
		margin-bottom: -4.25%;
	}
	.number-box {
		width: 100%;
		margin-top: 32rem;
		padding: 32rem;
	}
	.number-box-head > h4 {
		font-size: 24rem;
	}
	.number-box-head > img {
		width: 36rem;
	}
	.number-data {
		margin-top: 10rem;
	}
	.number-data > p {
		font-size: 28rem;
	}
	.number-data > p > span {
		margin-right: 8rem;
		font-size: 100rem;
	}
	.number-box > span {
		display: block;
		margin-top: 8rem;
		text-align: center;
		font-size: 15rem;
		position: initial;
		bottom: initial;
		left: initial;
		transform: initial;
	}
	.recruit-member-head,
	.faq-head {
		margin-bottom: 0;
	}
	
	.benefits {
		margin-bottom: 64rem;
	}
	.benefits-cont {
		display: block;
		margin-bottom: -6.4rem;
	}
	.benefits-text {
		width: 100%;
		margin-bottom: 32rem;
	}
	.benefits-text > h4 {
		margin-bottom: 18rem;
		font-size: 22rem;
	}
	.benefits-text > p {
		line-height: 1.5;
	}
	
	.faq-cont {
		margin-top: 32rem;
	}
	.faq-q {
		padding: 0 22rem;
	}
	.faq-q > span {
		margin: -4rem 12rem 0 0;
		font-size: 20rem;
	}
	.faq-q > p {
		padding: 26rem 0 30rem;
		line-height: 1.3;
		font-size: 18rem;
	}
	.faq-q::after {
		display: none;
	}
	.faq-a {
		padding: 0 24rem 14rem;
	}
	.faq-a > p,
	.seminar-text > p {
		margin-bottom: 18rem;
		line-height: 1.5;
	}
	.faq-a > ul,
	.faq-a > ol,
	.seminar-text > ul,
	.seminar-text > ol,
	.interview-cont > ul,
	.interview-cont > ol {
		margin: 0 8rem 20rem 24rem;
		line-height: 1.4;
	}
	.faq-a > ul,
	.faq-a > ol {
		margin: 0 8rem 20rem 20rem;
	}
	.interview-cont > ul,
	.interview-cont > ol {
		margin: 18rem 8rem 20rem 24rem;
	}
	.faq-a > ul > li,
	.faq-a > ol > li,
	.seminar-text > ul > li,
	.seminar-text > ol > li,
	.interview-cont > ul > li,
	.interview-cont > ol > li {
		margin-bottom: 8rem;
	}
	.faq-a > ul > li > ul,
	.faq-a > ol > li > ul,
	.seminar-text > ul > li > ul,
	.seminar-text > ol > li > ul,
	.interview-cont > ul > li > ul,
	.interview-cont > ol > li > ul {
		margin: 8rem 8rem 20rem 24rem;
	}
	.faq-a > ul > li > ol,
	.faq-a > ol > li > ol,
	.seminar-text > ul > li > ol,
	.seminar-text > ol > li > ol,
	.interview-cont > ul > li > ol,
	.interview-cont > ol > li > ol {
		margin: 8rem 8rem 20rem 24rem;
	}
	.faq-a > ul > li > ul > li,
	.faq-a > ol > li > ul > li,
	.faq-a > ul > li > ol > li,
	.faq-a > ol > li > ol > li,
	.seminar-text > ul > li > ul > li,
	.seminar-text > ol > li > ul > li,
	.seminar-text > ul > li > ol > li,
	.seminar-text > ol > li > ol > li,
	.interview-cont > ul > li > ul > li,
	.interview-cont > ol > li > ul > li,
	.interview-cont > ul > li > ol > li,
	.interview-cont > ol > li > ol > li {
		margin-bottom: 4rem;
	}
	
	.deck {
		margin-bottom: 56rem;
		padding-bottom: 56rem;
	}
	.deck-inner {
		display: block;
	}
	.deck-head {
		width: 100%;
	}
	.deck-head > .top-vertical-head > p {
		margin: 18rem 0 40rem 0;
		line-height: 1.5;
	}
	.deck-img {
		display: none;
	}
	
	.recruit-cta {
		display: block;
	}
	.recruit-link {
		width: 100%;
		height: 200rem;
	}
	.recruit-link:first-of-type {
		margin-bottom: 24rem;
	}
	.rectuit-link-cont {
		left: 24rem;
		bottom: 24rem;
	}
	.rectuit-link-cont > p {
		margin-top: 10rem;
		font-size: 32rem;
	}
	.rectuit-link-cont > p > img {
		width: 38rem;
		margin-left: 20rem;
	}
}



/* post */
.cat-inner {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -4.8rem;
}
.cat-post {
	width: 30.5%;
	margin: 0 4.25% 5.6rem 0;
}
.cat-post:nth-of-type(3n) {
	margin: 0 0 5.6rem 0;
}
.cat-post > a {
	text-decoration: none;
	transition: all .7s;
}
.cat-post-img {
	margin-bottom: 2.4rem;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}
.cat-post-img > img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	transition: transform .6s ease;
}
.cat-post-cont > time {
	font-size: 1.4rem;
	color: var(--color-text);
}
.cat-post-cont > ul {
	margin-top: 1.6rem;
	line-height: 1.5;
	font-size: 1.5rem;
	color: var(--color-text);
}
.cat-post-cont > h3 {
	margin-top: 1.4rem;
	line-height: 1.4;
	font-size: 2rem;
}
.cat-post-cont > p {
	margin-top: 1.4rem;
	line-height: 1.4;
	font-size: 1.4rem;
	color: var(--color-text);
}

ul.page-numbers {
	display: flex;
	justify-content: center !important;
	margin-top: 5.6rem;
}
.page-numbers > li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5.6rem;
	height: 5.6rem;
	margin: 0 8px;
	font-family: "Montserrat", sans-serif;
	font-size: 2rem;
	font-weight: 700;
	color: var(--color-white);
}
.page-numbers > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5.6rem;
	height: 5.6rem;
	background: #aaa;
	border-radius: 6px;
	text-decoration: none;
	color: var(--color-white);
	position: relative;
	z-index: 0;
}
.page-numbers > li > a::before {
	content: "";
	background: linear-gradient(90deg, #28589B 0%, #1B3B68 40%, #0E1E35 80%);
	border-radius: 6px;
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: all 0.7s;
	z-index: -1;
}
.page-numbers > li > span.current {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5.6rem;
	height: 5.6rem;
	background: linear-gradient(90deg, #28589B 0%, #1B3B68 40%, #0E1E35 80%);
	border-radius: 6px;
	color: var(--color-white);
}
.page-numbers.dots {
	display: flex;
	justify-content: center;
	width: 5.6rem;
	height: 5.6rem;
	padding-top: 1.2rem;
  background: var(--color-gray);
	border-radius: 6px;
}
@media screen and (max-width:767px){
	.cat-inner {
		display: block;
		margin-bottom: 0;
	}
	.cat-post {
		width: 100%;
		margin: 0 0 48rem 0;
	}
	.cat-post:nth-of-type(3n) {
		margin: 0 0 48rem 0;
	}
	.cat-post-img {
		margin-bottom: 24rem;
	}
	.cat-post-cont > time {
		font-size: 14rem;
	}
	.cat-post-cont > ul {
		margin-top: 12rem;
		font-size: 15rem;
	}
	.cat-post-cont > h3 {
		margin-top: 12rem;
		font-size: 20rem;
	}
	.cat-post-cont > p {
		margin-top: 12rem;
		font-size: 14rem;
	}
	
	ul.page-numbers {
		margin-top: 48rem;
	}
	.page-numbers > li {
		width: 48rem;
		height: 48rem;
		margin: 0 6px;
		font-size: 16rem;
	}
	.page-numbers > li > a {
		width: 48rem;
		height: 48rem;
	}
	.page-numbers > li > span.current {
		width: 48rem;
		height: 48rem;
	}
	.page-numbers.dots {
		width: 48rem;
		height: 48rem;
		padding-top: 11rem;
	}
}



/* single */
.single {
	padding-bottom: 9.6rem;
	border-bottom: 1px solid var(--color-gray);
}
.single-header {
	margin-bottom: 5.6rem;
}
.single-header > time {
	color: #777;
}
.single-header > h1 {
	margin-top: 1.8rem;
	line-height: 1.5;
	font-size: 3.2rem;
}
.single-cont > h2 {
	margin: 4rem 0 2.4rem;
	font-size: 2.8rem;
}
.single-cont > p {
	margin-bottom: 2.4rem;
	line-height: 1.7;
}
.single-cont > .wp-block-image {
	margin: 4.8rem auto 4.8rem;
}
.single-cont > .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 6px;
}
.hbspt-form {
	padding-top: 4.8rem;
}
@media screen and (max-width:767px){
	.single {
		padding-bottom: 44rem;
	}
	.single-header {
		margin-bottom: 32rem;
	}
	.single-header > h1 {
		margin-top: 14rem;
		font-size: 22rem;
	}
	.single-cont > h2 {
		margin: 4rem 0 20rem;
		font-size: 18rem;
	}
	.single-cont > p {
		margin-bottom: 20rem;
		line-height: 1.5;
	}
	.single-cont > .wp-block-image img {
		margin: 20rem auto 20rem;
	}
	.hbspt-form {
		margin-top: 32rem;
	}
}



/* seminar */
.reception {
	margin-bottom: 12rem;
	padding-bottom: 12rem;
	border-bottom: 1px solid var(--color-gray);
}
.reception > h3,
.closed > h3 {
	margin-bottom: 5.6rem;
	font-size: 3.6rem;
}

@media screen and (max-width:767px){
	.reception {
		margin-bottom: 56rem;
		padding-bottom: 0rem;
	}
	.reception > h3,
	.closed > h3 {
		margin-bottom: 32rem;
		font-size: 24rem;
	}
}



/* seminar-single */
.seminar-cont {
	margin-top: 8rem;
}
.seminar-cont > h2 {
	margin-bottom: 2.8rem;
	font-size: 2.8rem;
}
.seminar-recommend > ul {
	margin: 0 0 0 2.8rem;
	line-height: 1.5;
	list-style-type: disc;
	list-style-position: outside;
}
.seminar-recommend > ul > li {
	margin-bottom: 1.4rem;
}
.seminar-info > table {
	margin-top: 3.6rem;
	border-top: 1px solid var(--color-gray);
}
.speaker {
	margin-top: 4rem;
	padding: 5.6rem;
	background: var(--color-white);
}
.speaker-cont {
	display: flex;
	align-items: center;
	margin-bottom: 3.2rem;
}
.speaker-img {
	width: 15.4rem;
	height: auto;
	margin-right: 4rem;
}
.speaker-title > h3 {
	margin-bottom: 2.4rem;
	font-size: 2.6rem;
}
.speaker-title > p {
	margin-top: 1rem;
	font-size: 1.6rem;
}
.speaker-text > p {
	line-height: 1.7;
}
@media screen and (max-width:767px){
	.seminar-cont {
		margin-top: 56rem;
	}
	.seminar-cont > h2 {
		margin-bottom: 24rem;
		font-size: 24rem;
	}
	.seminar-recommend > ul {
		margin: 0 0 0 26rem;
	}
	.seminar-recommend > ul > li {
		margin-bottom: 12rem;
	}
	.seminar-info > table {
		margin-top: 24rem;
	}
	.seminar-speaker {
		margin-top: 32rem;
	}
	.speaker {
		margin-top: 24rem;
		padding: 24rem;
	}
	.speaker-cont {
		margin-bottom: 18rem;
	}
	.speaker-img {
		width: 28%;
		margin-right: 18rem;
	}
	.speaker-title {
		width: 62%;
	}
	.speaker-title > h3 {
		margin-bottom: 12rem;
		font-size: 20rem;
	}
	.speaker-title > p {
		margin-top: 8rem;
		line-height: 1.4;
		font-size: 14rem;
	}
	.speaker-text > p {
		line-height: 1.5;
	}
}



/* member */
.member-inner {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -7.2rem;
}
.member-post {
	width: 30%;
	margin: 0 5% 7.2rem 0;
}
.member-post:nth-of-type(3n) {
	margin: 0 0 7.2rem;
}
.top-member-post > a,
.member-post > a {
	text-decoration: none;
	transition: all .7s;
}
.member-post-img {
	margin-bottom: 3.2rem;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.member-post-img > img {
	object-fit: cover;
	transition: transform .6s ease;
}
.member-post-img::before {
	content: '';
	width: 100%;
	height: 100%;
	background-image: linear-gradient(transparent 60%,#222222a8);
	border-radius: 6px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.member-post-img > p {
	padding: 0 5%;
	line-height: 1.7;
	font-weight: 700;
	color: var(--color-white);
	position: absolute;
	left: 5%;
	bottom: 6.5%;
	z-index: 2;
}
.member-post-img > span {
	padding: 1.8rem 2rem 2rem;
	border-radius: 6px 0 6px 0;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--color-white);
}
.member-post-cont > h3,
.member-post-cont > h4 {
	margin-bottom: 1.6rem;
	font-size: 2.4rem;
}
.member-post-cont > p {
	line-height: 1.5;
	font-size: 1.6rem;
	color: var(--color-text);
}
@media screen and (max-width:767px){
	.member-inner {
		display: block;
	}
	.member-post {
		width: 100%;
		margin: 0 0 48rem 0;
	}
	.member-post:nth-of-type(3n) {
		margin: 0 0 48rem;
	}
	.member-post-img {
		margin-bottom: 24rem;
	}
	.member-post-img > p {
		padding: 0 8%;
		line-height: 1.5;
		font-size: 18rem;
		left: 0;
		bottom: 7%;
	}
	.member-post-img > span {
		padding: 14rem 18rem 16rem;
		font-size: 14rem;
	}
	.member-post-cont > h3,
	.member-post-cont > h4 {
		margin-bottom: 16rem;
		font-size: 22rem;
	}
	.member-post-cont > p {
		line-height: 1.4;
		font-size: 15rem;
	}
}



/* member-single */
.column {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.member-head-cont {
	width: 80rem;
	font-weight: 700;
	color: var(--color-head);
	position: absolute;
	left: 2rem;
	bottom: 9.6rem;
}
.member-head-cont > span {
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--color-text);
}
.member-head-cont > h2 {
	display: flex;
	align-items: center;
	margin: 3.2rem 0 4.8rem;
	font-size: 3.8rem;
}
.member-head-cont > h2 > span {
	margin-left: 4rem;
	font-size: 1.6rem;
}
.member-head-cont > p {
	padding-right: 16rem;
	line-height: 1.4;
	font-size: 3.8rem;
}
@media screen and (max-width:767px){
	.column {
		display: block;
	}
	.member-head-cont {
		width: 100%;
		margin-bottom: 48rem;
		position: initial;
	}
	.member-head-cont > span {
		line-height: 1.4;
		font-size: 12rem;
	}
	.member-head-cont > h2 {
		margin: 18rem 0 32rem;
		font-size: 24rem;
	}
	.member-head-cont > h2 > span {
		margin-left: 18rem;
		font-size: 12rem;
	}
	.member-head-cont > p {
		padding-right: 0;
		line-height: 1.3;
		font-size: 24rem;
	}
}



/* member-side */
.member-side {
	width: 25rem;
	padding: 5.6rem 4.8rem;
	background: #E2F0FF;
	position: sticky;
	top: 9.6rem;
}
.member-side > ul {
	list-style: 
}
.member-side > ul > li {
	margin-bottom: 2.4rem;
	padding-left: 2rem;
	position: relative;
}
.member-side > ul > li::before {
	content: '';
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  background: linear-gradient(90deg, #28589B 0%, #1B3B68 40%, #0E1E35 80%);
  border-radius: 4px;
}
.member-side > ul > li:last-of-type {
	margin: 0;
}
.member-side > ul > li > a {
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--color-head);
	transition: all .7s;
}
@media screen and (max-width:767px){
	.member-side {
		display: none;
	}
}



/* member-main */
.member-main {
	width: 92rem;
}
.member-main-inner {
	padding-bottom: 9.6rem;
	border-bottom: 1px solid var(--color-gray);
}

.history-cont {
	padding: 6rem 7.2rem 6.4rem;
	background: var(--color-white);
}
.history-cont > h3 {
	margin-bottom: 2.4rem;
	font-size: 2.6rem;
}
.history-cont > p {
	line-height: 1.7;
}

.interview-cont {
	margin-top: 9.6rem;
	padding-top: 9.6rem;
	border-top: 1px solid var(--color-gray);
}
.interview-cont:first-of-type {
	margin-top: 2.4rem;
	padding-top: 9.6rem;
	border: none;
}
.interview-cont > h3 {
	margin: 2.4rem 0 3.2rem;
	line-height: 1.5;
	font-size: 3.2rem;
}
.interview-cont > p {
	margin-top: 2.4rem;
	line-height: 1.7;
}
.interview-cont > figure {
	margin-top: 6.4rem;
}
.interview-cont > figure > figcaption {
	margin-top: 2.4rem;
}
.youtube-cont {
	width: 100%;
	margin-top: 9.6rem;
	padding-top: 9.6rem;
	border-top: 1px solid var(--color-gray);
}
.youtube-box {
	max-width: 100%;
	height: auto;
	padding-bottom: 56.25%;
	position: relative;
	overflow: hidden;
}
.youtube-box iframe,
.youtube-box object,
.youtube-box embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:767px){
	.member-main {
		width: 100%;
	}
	.member-main-inner {
		padding-bottom: 64rem;
	}
	
	.history-cont {
		padding: 32rem 24rem;
	}
	.history-cont > h3 {
		margin-bottom: 20rem;
		font-size: 22rem;
	}
	.history-cont > p {
		line-height: 1.5;
	}
	
	.interview-cont {
		margin-top: 48rem;
		padding-top: 48rem;
	}
	.interview-cont:first-of-type {
		margin-top: 64rem;
	}
	.interview-cont > h3 {
		margin: 16rem 0 24rem;
		line-height: 1.4;
		font-size: 22rem;
	}
	.interview-cont > p {
		margin-top: 20rem;
		line-height: 1.5;
	}
	.interview-cont > figure {
		margin-top: 36rem;
	}
	.interview-cont > figure > figcaption {
		margin-top: 18rem;
	}
	.youtube-cont {
		margin-top: 48rem;
		padding-top: 48rem;
	}
	.youtube-box {
		max-width: 100%;
		height: auto;
		padding-bottom: 56.25%;
		position: relative;
		overflow: hidden;
	}
}



/* works */
.works {
	margin-top: 16rem;
	padding-top: 14rem;
	border-top: 1px solid var(--color-gray);
}

.smart-consultant {
	display: flex;
	justify-content: space-between;
	margin-bottom: 14rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}
.smart-consultant-cont {
	width: 60%;
}
.smart-consultant-cont > h4 {
	margin-bottom: 4rem;
	line-height: 1.4;
	font-size: 4rem;
}
.smart-consultant-cont > p {
	line-height: 1.7;
	font-size: 2rem;
}

.data {
	margin: 16rem 0 14rem;
	padding: 14rem 0 16rem;
	border-top: 1px solid var(--color-gray);
	border-bottom: 1px solid var(--color-gray);
}
.data-cont {
	display: flex;
	justify-content: space-between;
}
.data-box {
	width: 47.5%;
}
.data-box > h4 {
	margin-bottom: 4rem;
	font-size: 2.8rem;
}

.consultaion {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 7.2rem 8rem;
	background: var(--color-white);
}
.consultaion-head > p {
	font-size: 2.2rem;
}
.consultaion-head > h4 {
	margin-top: 1.6rem;
	font-size: 4rem;
}
.consultaion-inner {
	display: flex;
	align-items: center;
}
.consultaion-inner > p {
	margin-left: 9.6rem;
	line-height: 1.7;
}
@media screen and (max-width:767px){
	.works {
		margin-top: 64rem;
		padding-top: 56rem;
	}
	
	.smart-consultant {
		display: block;
		margin-bottom: 56rem;
		padding-bottom: 64rem;
	}
	.smart-consultant-cont {
		width: 100%;
		margin-top: 28rem;
	}
	.smart-consultant-cont > h4 {
		margin-bottom: 24rem;
		line-height: 1.4;
		font-size: 28rem;
	}
	.smart-consultant-cont > p {
		line-height: 1.5;
		font-size: 18rem;
	}
	
	.smart-consultant-cont > p > br {
		display: none;
	}
	
	.data {
		margin: 64rem 0 56rem;
		padding: 56rem 0 64rem;
	}
	.data-cont {
		display: block;
	}
	.data-box {
		width: 100%;
	}
	.data-box:last-of-type {
		margin-top: 48rem;
	}
	.data-box > h4 {
		margin-bottom: 24rem;
		font-size: 24rem;
	}
	
	.consultaion {
		display: block;
		padding: 32rem 24rem;
	}
	.consultaion-head > p {
		font-size: 14rem;
	}
	.consultaion-head > h4 {
		margin-top: 12rem;
		font-size: 24rem;
	}
	.consultaion-inner {
		display: block;
		margin-bottom: 28rem;
	}
	.consultaion-inner > p {
		margin: 20rem 0 0 0;
		line-height: 1.5;
	}
	.consultaion-inner > p > br {
		display: none;
	}
}



/* works-single */
.works-head-cont {
	width: 60rem;
	font-weight: 700;
	color: var(--color-head);
	position: absolute;
	left: 2rem;
	bottom: 8rem;
}
.works-cliant {
	margin-bottom: 4rem;
}
.works-cliant > h2 {
	margin-top: .8rem;
	line-height: 1.4;
	font-size: 3.2rem;
}
.works-theme > p {
	margin-top: .8rem;
	line-height: 1.4;
	font-size: 3.8rem;
	color: var(--color-head);
}
.works-head-cont > h2 > span {
	margin-left: 4rem;
	font-size: 1.6rem;
}
.works-cliant > span,
.works-theme > span {
	margin-bottom: 2rem;
}
.project-cont > h3,
.cliant-cont > h3 {
	margin-bottom: 4rem;
	line-height: 1.5;
	font-size: 3.2rem;
}
.cliant-cont {
	margin-top: 9.6rem;
	padding-top: 12rem;
	border-top: 1px solid var(--color-gray);
}
@media screen and (max-width:767px){
	.works-head-cont {
		width: 100%;
		margin-bottom: 48rem;
		position: initial;
	}
	.works-cliant {
		margin-bottom: 24rem;
	}
	.works-cliant > h2 {
		margin-top: 10rem;
		line-height: 1.3;
		font-size: 22rem;
	}
	.works-theme > p {
		margin-top: 10rem;
		line-height: 1.3;
		font-size: 24rem;
	}
	.works-head-cont > h2 > span {
		margin-left: 4rem;
		font-size: 16rem;
	}
	.works-cliant > span,
	.works-theme > span {
		margin-bottom: 2rem;
	}
	.project-cont > h3,
	.cliant-cont > h3 {
		margin-bottom: 28rem;
		line-height: 1.3;
		font-size: 22rem;
	}
	.cliant-cont {
		margin-top: 48rem;
		padding-top: 56rem;
	}
}



/* new graduate */
.new-graduate-head {
	width: 94%;
	margin: 4.8rem auto 16rem;
	position: relative;
}
.ng-kv-pc {
	display: flex;
	justify-content: space-between;
}
.ng-kv-sp {
	display: none;
}
.ng-kv-img {
	width: 31.7%;
}
.ng-copy {
	margin: -16rem 0 0 4.8rem;
}
.ng-copy > img {
	width: 64rem;
	height: auto;
}
.ng-copy > h2 {
	margin: 3.2rem 0 0 2.4rem;
	font-size: 3.6rem;
}
.ng-copy > h2 > br {
	display: none;
}
.entry-btn {
	padding: 4rem 1.8rem 4rem 2.4rem;
	border-radius: 6px 0 0 6px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-size: 1.8rem;
	position: fixed;
	top: 40%;
	right: 0;
	z-index: 999;
}
.entry-btn > img {
	width: 1.4rem;
	height: auto;
	margin-top: .8rem;
	border-radius: 0;
}
.ng-member,
.flow,
.intern,
.voice,
.bonus {
	margin-bottom: 14rem;
	padding-bottom: 16rem;
	border-bottom: 1px solid var(--color-gray);
}

.flow-cont {
	display: flex;
	justify-content: space-between;
}
.flow-cont > img {
	width: 2.8rem;
	height: auto;
}
.flow-box {
	width: 27rem;
	background: var(--color-white);
	text-align: center;
}
.flow-box > span {
	display: block;
	padding: 2rem;
	border-radius: 6px 6px 0 0;
}
.flow-text {
	padding: 4rem 4.4rem 4.8rem;
	line-height: 1.6;
}
.flow-text > h4 {
	margin-bottom: 1.4rem;
	font-size: 2.4rem;
}

.intern-head {
	display: flex;
	justify-content: space-between;
}
.twoday-intern {
	width: 81rem;
}
.twoday-intern > h4 {
	margin-bottom: 3.2rem;
	font-size: 3.2rem;
}
.twoday-intern > p {
	margin-bottom: 4rem;
	line-height: 1.7;
}
.intern-img {
	display: flex;
	justify-content: space-between;
	margin-top: 8.8rem;
	font-size: 1.4rem;
}
.intern-img > figure {
	width: 38rem;
	text-align: center;
}
.intern-img > figure > img {
	margin-bottom: 2rem;
}

.bonus-cont > .twoday-intern:last-of-type {
	margin-top: 5.6rem;
}
.bonus-cont > .twoday-intern:last-of-type > p:first-of-type {
	margin-bottom: 2.4rem;
}
.bonus-cont > .twoday-intern:last-of-type > p:last-of-type {
	margin: 0;
}

.voice-text h4 {
	font-size: 3.2rem;
}
.voice-detail > p {
	margin-top: 1.8rem;
	font-size: 1.4rem;
}
.voice-cont {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.voice-box {
	margin-top: 4rem;
	padding: 4rem 4.8rem;
	background: var(--color-white);
	font-weight: 700;
	position: relative;
}
.voice-box::after {
	content: "";
	border: 1.5rem solid transparent;
	border-top-color: var(--color-white);
	position: absolute;
	top: 2.4rem;
	left: -2.9rem;
	transform: rotate(90deg);
}
.voice-box:last-of-type {
	margin-top: 7.2rem;
	padding: 4.8rem 4.8rem 4rem;
}
.voice-box:last-of-type::after {
	display: none;
}
.voice-box > p {
	line-height: 1.6;
}
.voice-box > ul {
	line-height: 1.6;
}
.voice-box > span {
	padding: 1.4rem 1.8rem 1.6rem;
	font-size: 1.4rem;
	position: absolute;
	left: 2rem;
	top: -2.2rem;
}

.questionnaire {
	margin-top: 8.8rem;
}
.questionnaire-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 4rem;
	padding: 3.8rem 4.8rem 4rem;
	background: var(--color-white);
}
.questionnaire-box > p {
	line-height: 1.7;
	font-size: 2rem;
}
.score {
	font-weight: 700;
}
.score > p {
	margin-top: .8rem;
	text-align: right;
	font-size: 1.4rem;
}
.score-inner {
	display: flex;
	align-items: flex-end;
}
.score-inner > span {
	margin-bottom: 2rem;
	font-size: 2.4rem;
	color: var(--color-head);
}
.score-inner > p {
	margin: 0 .6rem 0 1rem;
	font-size: 9rem;
}

.support-box:first-of-type {
	margin-bottom: 8.8rem;
}
.support-box > h4 {
	margin-bottom: 4rem;
	font-size: 3.2rem;
}
.support-box-inner {
	display: flex;
	justify-content: space-between;
	padding: 7.2rem;
	background: var(--color-white);
}
.support-text {
	width: 60%;
}
.support-text > ul > li {
	margin-bottom: 4.8rem;
	padding-left: 2rem;
	font-size: 2.4rem;
	color: var(--color-head);
	font-weight: 700;
	position: relative;
}
.support-text > ul > li::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 8px;
	height: 8px;
	background: linear-gradient(90deg, #28589B 0%, #1B3B68 40%, #0E1E35 80%);
	border-radius: 4px;
}
.support-text > ul > li > p {
	margin-top: 2.4rem;
	line-height: 1.5;
	font-size: 2rem;
	font-weight: 400;
}
.support-text > ul > li > ul {
	margin: 2.4rem 0 0 2.4rem;
	list-style: initial;
	font-size: 2rem;
	font-weight: 400;
}
.support-text > ul > li > ul > li {
	margin-bottom: 1.4rem;
	line-height: 1.5;
}
.support-text > p {
	margin-top: 2.4rem;
	line-height: 1.5;
	font-size: 2rem;
}
.support-img {
	width: 32%;
	text-align: center;
	font-size: 1.4rem;
}
.support-img > figure:first-of-type {
	margin-bottom: 5.6rem;
}
.support-img > figure > img {
	margin-bottom: 2rem;
}
@media screen and (max-width:767px){
	.new-graduate-head {
		width: 94%;
		margin: 20rem auto 80rem;
	}
	.ng-kv-sp {
		display: flex;
		justify-content: space-between;
	}
	.ng-kv-pc {
		display: none;
	}
	.ng-copy {
		margin: -54rem 0 0 2%;
	}
	.ng-copy > img:last-of-type {
		width: 283rem;
	}
	.ng-copy > h2 {
		margin: 18rem 0 0 10rem;
		line-height: 1.4;
		font-size: 22rem;
	}
	.ng-copy > h2 > br {
		display: block;
	}
	.entry-btn {
		padding: 14rem 17rem 15rem;
		border-radius: 6px;
		-ms-writing-mode: initial;
		writing-mode: initial;
		font-size: 15rem;
		top: 84rem;
		right: 3%;
	}
	.entry-btn > img {
		width: 10rem;
		margin: 0 0 0 6rem;
		transform: scaleY(-1);
	}
	.ng-member,
	.flow,
	.intern,
	.voice,
	.bonus {
		margin-bottom: 56rem;
		padding-bottom: 64rem;
	}
	.ng-member {
		padding-bottom: 8rem;
	}
	
	.flow-cont {
		display: block;
	}
	.flow-cont > img {
		display: block;
		width: 28rem;
		margin: 18rem auto;
		transform: rotateZ(90deg);
	}
	.flow-box {
		width: 100%;
	}
	.flow-box > span {
		padding: 18rem;
	}
	.flow-text {
		padding: 38rem 48rem 44rem;
		line-height: 1.5;
	}
	.flow-text > h4 {
		margin-bottom: 18rem;
		font-size: 22rem;
	}
	
	.intern-head {
		display: block;
	}
	.twoday-intern {
		width: 100%;
		margin-top: 32rem;
	}
	.twoday-intern > h4 {
		margin-bottom: 20rem;
		font-size: 22rem;
	}
	.twoday-intern > p {
		margin-bottom: 32rem;
		line-height: 1.5;
	}
	.intern-img {
		display: block;
		margin-top: 48rem;
		font-size: 14rem;
	}
	.intern-img > figure {
		width: 100%;
		margin-top: 40rem;
	}
	.intern-img > figure > img {
		margin-bottom: 18rem;
	}
	.bonus-cont > .twoday-intern:last-of-type > p:first-of-type {
		margin-bottom: 20rem;
	}
	
	.voice-text h4 {
		font-size: 22rem;
	}
	.voice-detail > p {
		margin-top: 14rem;
		font-size: 14rem;
	}
	.voice-cont {
		display: block;
	}
	.voice-box {
		margin-top: 32rem;
		padding: 32rem 24rem;
		line-height: 1.5;
	}
	.voice-box:first-of-type {
		margin-top: 28rem;
	}
	.voice-box::after {
		display: none;
	}
	.voice-box:last-of-type {
		margin-top: 56rem;
		padding: 40rem 24rem 32rem;
	}
	.voice-box > span {
		padding: 9rem 16rem 10rem;
		font-size: 13rem;
		left: 16rem;
		top: -20rem;
	}
	.voice-box > p {
		line-height: 1.4;
	}
	.voice-box > ul {
		line-height: 1.4;
		font-size: 15rem;
	}
	
	.questionnaire {
		margin-top: 48rem;
	}
	.questionnaire-box {
		display: block;
		margin-top: 32rem;
		padding: 32rem 24rem;
	}
	.questionnaire-box:first-of-type {
		margin-top: 28rem;
	}
	.questionnaire-box > p {
		margin-bottom: 18rem;
		line-height: 1.5;
		font-size: 16rem;
	}
	.questionnaire-box > p > br {
		display: none;
	}
	
	.score > p {
		margin-top: 10rem;
		font-size: 14rem;
	}
	.score-inner {
		justify-content: center;
	}
	.score-inner > span {
		margin-bottom: 16rem;
		font-size: 22rem;
	}
	.score-inner > p {
		margin: 0 5rem 0 10rem;
		font-size: 90rem;
	}
	
	.support-box:first-of-type {
		margin-bottom: 48rem;
	}
	.support-box > h4 {
		margin-bottom: 28rem;
		font-size: 22rem;
	}
	.support-box-inner {
		display: block;
		padding: 30rem 24rem 36rem;
	}
	.support-text {
		width: 100%;
	}
	.support-text > ul > li {
		margin-bottom: 24rem;
		padding-left: 16rem;
		line-height: 1.4;
		font-size: 18rem;
	}
	.support-text > ul > li::before {
		top: 9px;
		width: 7px;
		height: 7px;
		border-radius: 3.5px;
	}
	.support-text > ul > li > p {
		margin-top: 16rem;
		line-height: 1.4;
		font-size: 16rem;
	}
	.support-text > ul > li > ul {
		margin: 16rem 0 0 20rem;
		font-size: 16rem;
	}
	.support-text > ul > li > ul > li {
		margin-bottom: 8rem;
		line-height: 1.4;
	}
	.support-text > p {
		margin-top: 20rem;
		line-height: 1.5;
		font-size: 16rem;
	}
	.support-img {
		width: 100%;
		margin-top: 40rem;
		font-size: 14rem;
	}
	.support-img > figure:first-of-type {
		margin-bottom: 40rem;
	}
	.support-img > figure > img {
		margin-bottom: 18rem;
	}
}



/* download */
.download {
	width: 770px;
}
.download > h3 {
	margin-bottom: 1.8rem;
	line-height: 1.5;
	font-size: 3.2rem;
}
.download > p {
	margin-bottom: 4.8rem;
}
.download > img {
	margin-bottom: 4.8rem;
}
@media screen and (max-width:767px){
	.download {
		width: 90%;
	}
	.download > h3 {
		margin-bottom: 18rem;
		font-size: 24rem;
	}
	.download > p {
		margin-bottom: 36rem;
	}
	.download > img {
		margin-bottom: 32rem;
	}
}



/* policy */
.policy-cont {
	margin-top: 4.8rem;
	line-height: 1.7;
}
.policy-cont > h3 {
	margin-bottom: 1.8rem;
	font-size: 2.4rem;
}
.policy-main-list,
.policy-inner-list {
	counter-reset: number;
}
.policy-main-list > li,
.policy-inner-list > li {
	position: relative;
	margin-top: 1.8rem;
	padding-left: 40px;
}
.policy-main-list > li::before {
	counter-increment: number;
	content: '【' counter(number) '】';
	position: absolute;
	left: 0;
}
.policy-main-list > li::before,
.policy-inner-list > li::before {
	counter-increment: number;
	content: '【' counter(number) '】';
	position: absolute;
	left: 0;
}
.policy-main-list > li > p {
	margin-top: .8rem;
}
.policy-inner-list > li {
	margin-top: 1.2rem;
}
.policy-inner-list > li::before {
	content: '（' counter(number) '）';
}
@media screen and (max-width:767px){
	.policy-cont {
		margin-top: 36rem;
		line-height: 1.6;
	}
	.policy-cont > h3 {
		margin-bottom: 16rem;
		font-size: 20rem;
	}
	.policy-main-list > li,
	.policy-inner-list > li {
		margin-top: 18rem;
		padding-left: 36rem;
	}
	.policy-main-list > li > p {
		margin-top: 18rem;
	}
	.policy-inner-list > li {
		margin-top: 12rem;
	}
}



/* cta */
.cta {
	display: flex;
	margin-top: 22rem;
}
.cta-cont {
	width: 50%;
	height: 27rem;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.note::before,
.yt::before {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(34,34,34,.7);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.cta-cont > a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 7.2rem;
	text-decoration: none;
	color: var(--color-white);
	position: relative;
	z-index: 2;
}
img.note-logo  {
	width: 14rem;
	height: auto;
}
img.yt-logo  {
	width: 11rem;
	height: auto;
}
.cta-cont-head > p {
	margin-top: 2.4rem;
	font-weight: 700;
}
.note::after,
.yt::after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-image: url(../images/note-cta.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .7s;
}
.yt::after {
	background-image: url(../images/yt-cta.jpg);
}
@media screen and (max-width:767px){
	.cta {
		display: block;
		margin-top: 120rem;
	}
	.cta-cont {
		width: 100%;
		height: 220rem;
	}
	.cta-cont > a {
		padding-left: 32rem;
	}
	img.note-logo  {
		width: 117rem;
	}
	img.yt-logo  {
		width: 110rem;
	}
	.cta-cont-head > p {
		margin-top: 20rem;
	}
}



/* footer */
.footer {
	padding: 14rem 5% 0;
	background: var(--color-head);
	background-image: url(../images/uper-back.svg);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 48rem auto;
	color: var(--color-white);
}
.footer a {
	text-decoration: none;
	color: var(--color-white);
}
.footer-top {
	display: flex;
	justify-content: space-between;
	font-weight: 700;
}
.footer-info {
	margin-bottom: 9.6rem;
}
.footer-logo > a > img {
	width: 22rem;
	height: auto;
	border-radius: 0;
}
.footer-info > p {
	margin: 4.8rem 0 2rem;
	line-height: 1.4;
	font-size: 1.3rem;
}
.f-policy {
	font-size: 1.1rem;
	position: relative;
	transition: all .7s;
}
.footer-sns {
	display: flex;
	margin-top: 5.6rem;
}
.footer-sns > li:first-of-type {
	margin-right: .8rem;
}
.footer-sns > li > a {
	transition: all .7s;
}
.footer-sns > li > a > img {
	width: 3.2rem;
	height: auto;
	border-radius: 0;
}
.footer-nav {
	display: flex;
}
.footer-nav > ul {
	margin-left: 9.6rem;
	font-size: 1.6rem;
}
.footer-nav > ul:first-of-type {
	margin-left: 0;
}
.footer-nav > ul > li {
	margin-bottom: 5.6rem;
	font-weight: 700;
}
.footer-nav > ul > li > a {
	position: relative;
	transition: all .7s;
} 
.footer-word {
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	font-size: 5.6rem;
	font-weight: 700;
}
.footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 0 7.2rem;
}
.footer-copy {
	font-size: 1rem;
}
@media screen and (max-width:767px){
	.footer {
		padding: 96rem 7% 0;
		background-size: 260rem auto;
	}
	.footer-top {
		display: block;
	}
	.footer-info {
		margin-bottom: 9.6rem;
	}
	.footer-logo > a > img {
		width: 180rem;
	}
	.footer-info > p {
		margin: 48rem 0 20rem;
		font-size: 12rem;
	}
	.f-policy {
		font-size: 11rem;
	}
	.footer-sns {
		margin-top: 40rem;
	}
	.footer-sns > li:first-of-type {
		margin-right: 8rem;
	}
	.footer-sns > li > a > img {
		width: 32rem;
	}
	.footer-nav {
		flex-wrap: wrap;
		margin-top: 72rem;
	}
	.footer-nav > ul {
		width: 33.5%;
		margin-left: 0;
		font-size: 14rem;
	}
	.footer-nav > ul > li {
		margin-bottom: 32rem;
	}
	.footer-bottom {
		display: block;
		padding: 260rem 0 48rem;
		position: relative;
	}
	.footer-word {
		position: absolute;
		right: 0;
		bottom: 120rem;
		font-size: 40rem;
	}
	.footer-copy {
		font-size: 10rem;
	}
}