@charset "UTF-8";

/* ==================================================

CONFIG

*/
:root {
	--bg-black: #404040;
	--bg-gray: #F4F4F4;
	--text-black: #404040;
	--text-gray: #A0A0A0;
	--border-black: #888888;
	--border-gray: #D0D0D0;
	--color-red: #F25833;
	--color-red-rgb: 242, 88, 51;
	--color-blue: #65A9DC;
	--color-blue-rgb: 101, 169, 220;
	--color-green: #84CABF;
	--color-green-rgb: 132, 202, 191;
	--color-interview01: #3697D3;
	--color-interview01-rgb: 54, 151, 211;
	--color-interview02: #FF9241;
	--color-interview02-rgb: 255, 146, 65;
	--color-interview03: #965CF7;
	--color-interview03-rgb: 150, 92, 247;
	--color-interview04: #65C94D;
	--color-interview04-rgb: 101, 201, 77;
	--color-interview05: #FF5F5F;
	--color-interview05-rgb: 255, 95, 95;
	--color-interview06: #43C8E0;
	--color-interview06-rgb: 67, 200, 224;
	--color-hover: #307BBD;
	--font-en: "Josefin Sans", sans-serif;
}

/* ==================================================

RESET

*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-color: transparent;
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	font-style: normal;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
}
html, body {
	width: 100%;
}
body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
ul, ol {
	list-style-type: none;
}
table {
	border-collapse: collapse;
}
a, button {
	cursor: pointer;
}
img,
picture,
svg {
	display: block;
	width: 100%;
	height: auto;
}
input, select, textarea, button {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
	resize: none;
}

/* ==================================================

HTML

*/
html {
	background-color: #FFF;
	/* 1rem = 10px */
	font-size: 62.5%;
}
@media screen and (max-width: 1200px) {
	html {
		/* 幅1200px 1rem = 10px */
		font-size: calc(1000 / 1200 * 1vw);
	}
}
@media screen and (max-width: 768px) {
	html {
		/* 幅393px 1rem = 10px */
		font-size: calc(1000 / 393 * 1vw);
	}
}

body {
	position: relative;
	font-family: "FOT-筑紫AMゴシックL Std B", sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 2;
	color: var(--text-black);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

main {
	overflow: hidden;
	padding: 14rem 0 14rem 0;
}
@media screen and (max-width: 768px) {
	main {
		padding: 12rem 0 7rem 0;
	}
}

/* ==================================================

	KEYFRAMES

*/
@keyframes animPop {
	0% {
		transform: scale(0.4);
	}
	40% {
		transform: scale(1.1);
	}
	60% {
		transform: scale(0.94);
	}
	75% {
		transform: scale(1.04);
	}
	87% {
		transform: scale(0.98);
	}
	95% {
		transform: scale(1.01);
	}
	100% {
		transform: scale(1);
	}
}

/* ==================================================

	RESPONSIVE CHECKER

*/
@media screen and (max-width: 768px) {
	.js-responsive-checker {
		display: none;
	}
}

/* ==================================================

	[ UTILITY ] VISIBLE

*/
@media screen and (min-width: 769px) {
	.u-visible-sp {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	.u-visible-pc {
		display: none !important;
	}
}

/* ==================================================

	[ UTILITY ] INVIEW

*/
*[data-inview] {
	opacity: 0;
	transition: opacity 0.6s linear;
}
.u-inview {
	opacity: 1;
}

/* ==================================================

	[ UTILITY ] FINDENT HALF

*/
.u-indent-half {
	display: inline-block;
	text-indent: -0.5em;
	margin-right: -0.5em;
}
@media screen and (max-width: 768px) {
	.u-indent-half-sp {
		display: inline-block;
		text-indent: -0.5em;
	}
}

/* ==================================================

	[ UTILITY ] FONT

*/
.u-font-en {
	font-family: var(--font-en) !important;
}

/* ==================================================

	[ UTILITY ] COLOR

*/
.u-color-red {
	color: var(--color-red) !important;
}

/* ==================================================

	[ UTILITY ] BG

*/
.u-bg-gray {
	background-color: var(--bg-gray) !important;
}

/* ==================================================

	[ UTILITY ] ICON

*/
.u-icon-blank {
	display: block;
	width: 1rem;
	height: 1rem;
	background-image: url(../img/icon-blank.svg);
	background-size: contain;
}
.u-icon-blank-lg {
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background-image: url(../img/icon-blank-lg.svg);
	background-size: contain;
}
.u-icon-blank::after,
.u-icon-blank-lg::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.u-icon-blank::after {
	background-image: url(../img/icon-blank-on.svg);
}
.u-icon-blank-lg::after {
	background-image: url(../img/icon-blank-lg-on.svg);
}
.u-icon-arrow {
	display: block;
	width: 2rem;
	height: 2rem;
	background-color: var(--bg-black);
	background-image: url(../img/icon-arrow.svg);
	background-size: contain;
	border-radius: 50%;
}

/* ==================================================

	[ COMPONENT ] HEADING PRIMARY

*/
.c-heading-primary {
	margin-bottom: 5rem;
	text-align: center;
	line-height: 1.2;
}
.c-heading-primary h1 {
	margin-bottom: 1.5rem;
	font-family: var(--font-en);
	font-size: 3rem;
}
.c-heading-primary h2 span {
	display: block;
	font-family: var(--font-en);
	font-size: 6.5rem;
}
.c-heading-primary h2 em {
	display: block;
	margin-top: 1rem;
	font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
	.c-heading-primary {
		margin-bottom: 4rem;
	}
	.c-heading-primary h1 {
		font-size: 2.5rem;
	}
	.c-heading-primary h2 span {
		font-size: 4.3rem;
	}
	.c-heading-primary h2 em {
		margin-top: 0.6rem;
	}
}

/* ==================================================

	[ COMPONENT ] HEADING SECONDARY

*/
.c-heading-secondary {
	text-align: center;
}
.c-heading-secondary::after {
	content: '';
	display: block;
	margin: 2.2rem auto 0 auto;
	width: 9rem;
	height: 0.5rem;
	background-repeat: repeat-y;
	background-image: url(../img/heading-secondary-parts.svg);
	background-size: contain;
}
.c-heading-secondary .h {
	font-size: 3.8rem;
	line-height: 1.4;
}
.c-heading-secondary .h span {
	display: block;
	font-family: var(--font-en);
	font-size: 6.5rem;
	line-height: 1.1;
}
.c-heading-secondary .h em {
	display: block;
	font-size: 1.8rem;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.c-heading-secondary::after {
		margin: 2.5rem auto 0 auto;
	}
	.c-heading-secondary .h {
		font-size: 2.5rem;
	}
	.c-heading-secondary .h span {
		font-size: 4.5rem;
		line-height: 1.2;
	}
}

/* ==================================================

	[ COMPONENT ] HEADING THIRDRY

*/
.c-heading-thirdry {
	text-align: center;
	font-size: 3rem;
	line-height: 1.6;
}
.c-heading-thirdry::after {
	content: '';
	display: block;
	margin: 2rem auto 0 auto;
	width: 5.4rem;
	height: 0.8rem;
	background-repeat: no-repeat;
	background-image: url(../img/heading-thirdry-parts.svg);
	background-size: contain;
}
.c-heading-thirdry span {
	display: block;
	font-family: var(--font-en);
	font-size: 4.2rem;
	line-height: 1.3;
}
.c-heading-thirdry em {
	display: block;
	font-size: 1.8rem;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.c-heading-thirdry {
		font-size: 2.5rem;
	}
	.c-heading-thirdry::after {
		margin: 2rem auto 0 auto;
	}
	.c-heading-thirdry span {
		font-size: 3.4rem;
	}
	.c-heading-thirdry em {
		font-size: 1.7rem;
	}
}

/* ==================================================

	[ COMPONENT ] MAIN VISUAL

*/
.c-main-visual {
	position: relative;
	margin-bottom: 8rem;
}
.c-main-visual .symbols {
	position: absolute;
	z-index: -1;
	top: 100%;
	left: 50%;
	margin-left: -68.3rem;
	width: 136.6rem;
}
.c-main-visual .symbols div {
	position: absolute;
	left: 100%;
	transform: rotate(-15deg);
}
.c-main-visual .symbols div i {
	display: block;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
	transform: scale(0.3);
	opacity: 0;
}
.c-main-visual .symbols.active div i {
	transform: scale(1);
	opacity: 1;
}
.c-main-visual .symbols img.pop {
	animation: 0.6s ease animPop;
}
.c-main-visual .symbols .symbol01 {
	top: -18rem;
	margin-left: -32rem;
	width: 22.2rem;
}
.c-main-visual .symbols .symbol02 {
	top: -31.4rem;
	margin-left: -7rem;
	width: 16rem;
}
.c-main-visual .symbols .symbol03 {
	top: 2.5rem;
	margin-left: -7rem;
	width: 18.8rem;
}
.c-main-visual span {
	position: relative;
	overflow: hidden;
	display: block;
	height: 44rem;
	border-radius: 1.5rem;
}
.c-main-visual span picture,
.c-main-visual span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 1366px) {
	.c-main-visual .symbols {
		left: 0;
		margin-left: 0;
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.c-main-visual {
		margin-bottom: 4rem;
	}
	.c-main-visual .symbols .symbol01 {
		top: -6rem;
		margin-left: -11.5rem;
		width: 9rem;
	}
	.c-main-visual .symbols .symbol02 {
		top: -11rem;
		margin-left: -1rem;
		width: 6.5rem;
	}
	.c-main-visual .symbols .symbol03 {
		top: 2.7rem;
		margin-left: -1.8rem;
		width: 7.7rem;
	}
	.c-main-visual span {
		height: 22.4rem;
		border-radius: 1.2rem;
	}
}

/* ==================================================

	[ COMPONENT ] NAV

*/
.c-nav-anchor {
	margin: 8rem 0 10rem 0;
}
.c-nav-anchor ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2.5rem;
	font-size: 1.8rem;
}
.c-nav-anchor ul li {
	flex-basis: 33.333%;
	margin-bottom: 2rem;
	padding: 0 2.5rem;
}
.c-nav-anchor ul li a {
	display: block;
	position: relative;
	padding: 1em 2rem 1em 0;
}
.c-nav-anchor ul li a::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--bg-black);
}
.c-nav-anchor ul li a::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	margin-top: -0.7rem;
	border-style: solid;
	border-width: 1.2rem 0.7rem 0 0.7rem;
	border-color: var(--bg-black) transparent transparent transparent;
}
@media (any-hover: hover) {
	.c-nav-anchor ul li a::after {
		transition: transform 0.24s ease;
	}
	.c-nav-anchor ul li a:hover::after {
		transform: translateY(0.4rem);
	}
}
@media screen and (max-width: 768px) {
	.c-nav-anchor {
		margin: 3rem 0 6rem 0;
	}
	.c-nav-anchor ul {
		display: block;
		margin: 0;
	}
	.c-nav-anchor ul li {
		margin-bottom: 1rem;
		padding: 0;
	}
	.c-nav-anchor ul li a {
		padding: 2rem 2rem 2rem 0;
	}
}

/* ==================================================

	[ COMPONENT ] LEAD

*/
.c-lead-primay {
	text-align: center;
	font-size: 2rem;
}
@media screen and (max-width: 768px) {
	.c-lead-primay {
		text-align: left;
		font-size: 1.7rem;
	}
	.c-lead-primay br {
		display: none;
	}
}

/* ==================================================

	[ COMPONENT ] SCROLL ARROW

*/
.c-scroll-arrow {
	display: none;
	align-items: center;
	font-family: var(--font-en);
	font-size: 1.5rem;
	line-height: 1.2;
}
.c-scroll-arrow::after {
	content: '';
	display: block;
	margin: 0 0 0.4rem 1rem;
	width: 4rem;
	height: 1.6rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/icon-scroll-table.svg);
	background-size: contain;
}
@media screen and (max-width: 768px) {
	.c-scroll-arrow {
		display: flex;
	}
}

/* ==================================================

	[ COMPONENT ] TABLE

*/
.c-table-primary {
	display: flex;
	flex-shrink: 0;
	padding: 0.8rem 0;
}
.c-table-primary .crop {
	overflow: hidden;
	border-radius: 1rem;
}
.c-table-primary table {
	margin: -2px;
	text-align: center;
	line-height: 1.5;
}
.c-table-primary table th,
.c-table-primary table td {
	padding: 0.8em 0;
	border: 2px solid #FFF;
}
.c-table-primary table th {
	background-color: var(--bg-black);
	color: #FFF;
}
.c-table-primary table td {
	background-color: var(--bg-gray);
}
.c-table-primary.white table th,
.c-table-primary.white table td {
	border-color: var(--bg-gray);
}
.c-table-primary.white table td {
	background-color: #FFF;
}

/* ==================================================

	[ COMPONENT ] HOVER

*/
@media (any-hover: hover) {
	.c-hover img {
		transition: transform 0.5s ease;
	}
}

/* ==================================================

	[ LAYOUT ] CONTAINER

*/
.l-container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 0 5rem;
	max-width: 116rem;
}

@media screen and (max-width: 768px) {
	.l-container {
		padding: 0 2.5rem;
		max-width: initial;
	}
	.l-container.zero-padding-sp {
		padding: 0;
	}
}

/* ==================================================

	[ LAYOUT ] HEADER

*/
.l-header {
	position: fixed;
	z-index: 1001;
	top: 0;
	left: 0;
	width: 100%;
}
.l-header .wrap {
	position: relative;
	z-index: 1001;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2rem;
	height: 10rem;
	background-color: #FFF;
	font-family: var(--font-en);
	line-height: 1.2;
}
.l-header .wrap .logo a,
.l-header .wrap .logo span {
	display: flex;
	align-items: center;
}
.l-header .wrap .logo img {
	display: block;
	width: 7.8rem;
}
.l-header .wrap .logo em {
	display: block;
	margin-left: 1.2rem;
	font-size: 1.5rem;
}
.l-header .wrap nav {
	display: flex;
	align-items: center;
	gap: 2rem;
}
.l-header .wrap nav ul {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.l-header .wrap nav a,
.l-header .wrap nav button {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	color: #FFF;
}
.l-header .wrap nav a {
	padding-top: 0.1em;
	width: 11rem;
	height: 3.4rem;
	border-radius: 999rem;
}
.l-header .wrap nav .link-mypage {
	background-color: var(--color-blue);
}
.l-header .wrap nav .link-entry {
	background-color: var(--color-green);
}
.l-header .wrap nav button {
	position: relative;
	width: 6.4rem;
	height: 6.4rem;
	background-color: var(--color-red);
	border-radius: 50%;
}
.l-header .wrap nav button span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 0.1em;
	width: 100%;
	height: 100%;
	transition: opacity 0.3s ease;
}
.l-header .wrap nav button span:last-child {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.l-header .wrap nav button[aria-expanded="true"] span:first-child {
	opacity: 0;
}
.l-header .wrap nav button[aria-expanded="true"] span:last-child {
	opacity: 1;
}
@media (any-hover: hover) {
	.l-header .wrap nav a,
	.l-header .wrap nav button {
		transition: opacity 0.3s ease;
	}
	.l-header .wrap nav a:hover,
	.l-header .wrap nav button:hover {
		opacity: 0.6;
	}
}
@media screen and (max-width: 768px) {
	.l-header .wrap {
		padding: 0 1rem 0 1.2rem;
		height: 8rem;
	}
	.l-header .wrap .logo img {
		width: 6rem;
	}
	.l-header .wrap .logo em {
		font-size: 1.4rem;
	}
	.l-header .wrap nav {
		display: flex;
		align-items: center;
		gap: 2rem;
	}
	.l-header .wrap nav ul {
		display: none;
	}
}

/* ==================================================

	[ LAYOUT ] MEGAMENU

*/
.l-megamenu {
	overflow: hidden;
	position: fixed;
	z-index: 1000;
	inset: 0;
	background-color: #FFF;
	overflow-y: auto;
	overscroll-behavior: none;
}
.l-megamenu[aria-hidden='true'] {
	display: none;
}
.l-megamenu .symbols {
	overflow: hidden;
	position: absolute;
	inset: 0;
}
.l-megamenu .symbols div {
	position: absolute;
	top: 100%;
	left: 100%;
	transform: rotate(-15deg);
}
.l-megamenu .symbols i {
	display: block;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
	transform: scale(0.3);
	opacity: 0;
}
.l-megamenu .symbols img.pop {
	animation: 0.6s ease animPop;
}
.l-megamenu .symbols.active i {
	transform: scale(1);
	opacity: 1;
}
.l-megamenu .symbols .symbol01 {
	margin-top: -31.2rem;
	margin-left: -37.6rem;
	width: 17.8rem;
}
.l-megamenu .symbols .symbol02 {
	margin-top: -17.6rem;
	margin-left: -19.2rem;
	width: 17.6rem;
}
.l-megamenu .symbols .symbol03 {
	margin-top: -41.2rem;
	margin-left: -18.4rem;
	width: 13.6rem;
}
.l-megamenu .nav-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.l-megamenu .nav-content > ul {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(2, auto);
	gap: 6rem 8rem;
}
.l-megamenu .nav-content div span {
	display: block;
	font-family: var(--font-en);
	font-size: 2.5rem;
	line-height: 1.2;
}
.l-megamenu .nav-content div em {
	display: block;
	margin-top: 0.5rem;
	font-size: 1.3rem;
	line-height: 1.5;
}
.l-megamenu .nav-content > ul > li > ul {
	margin-top: 2.5rem;
}
.l-megamenu .nav-content > ul > li > ul > li {
	display: flex;
	margin-bottom: 1.5rem;
}
.l-megamenu .nav-content > ul > li > ul > li span {
	color: var(--text-gray);
}
.l-megamenu .nav-content a {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 1.8rem;
}
.l-megamenu .nav-content a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
	width: 1rem;
	height: 1px;
	background-color: #888;
}
.l-megamenu .nav-content a i {
	margin: 0 0 0 0.5rem;
}
.l-megamenu .nav-recruit {
	display: none;
}
@media (any-hover: hover) {
	.l-megamenu .nav-content a {
		transition: color 0.3s ease;
	}
	.l-megamenu .nav-content a::before {
		transition: background-color 0.3s ease;
	}
	.l-megamenu .nav-content a:hover {
		color: var(--color-hover);
	}
	.l-megamenu .nav-content a:hover::before {
		background-color: var(--color-hover);
	}
	.l-megamenu .nav-content a:hover i::after {
		opacity: 1;
	}
}
@media screen and (max-width: 768px) {
	.l-megamenu .symbols {
		display: none;
	}
	.l-megamenu .nav-content {
		display: block;
		padding-top: 8rem;
		height: auto;
	}
	.l-megamenu .nav-content > ul {
		display: block;
		padding: 0 3rem 12rem 3rem;
	}
	.l-megamenu .nav-content > ul > li {
		margin-top: 4.5rem;
	}
	.l-megamenu .nav-content div {
		display: flex;
		align-items: center;
	}
	.l-megamenu .nav-content div span {
		font-size: 2.8rem;
	}
	.l-megamenu .nav-content div em {
		margin: 0 0 0 1.5rem;
		font-size: 1.4rem;
	}
	.l-megamenu .nav-content > ul > li > ul {
		margin-top: 1.5rem;
		font-size: 1.7rem;
	}
	.l-megamenu .nav-content > ul > li > ul > li {
		margin-bottom: 1rem;
	}
	.l-megamenu .nav-content a i {
		margin: 0 0 0 0.5rem;
	}
	.l-megamenu .nav-recruit {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 2.5rem;
		width: 100%;
	}
	.l-megamenu .nav-recruit ul {
		display: flex;
		gap: 1rem;
	}
	.l-megamenu .nav-recruit ul li {
		flex: 1;
	}
	.l-megamenu .nav-recruit a {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 5rem;
		border-radius: 999rem;
		font-family: var(--font-en);
		font-size: 1.9rem;
		color: #FFF;
	}
	.l-megamenu .nav-recruit .link-mypage {
		background-color: var(--color-blue);
	}
	.l-megamenu .nav-recruit .link-entry {
		background-color: var(--color-green);
	}
}

/* ==================================================

	[ LAYOUT ] FOOTER

*/
.l-footer {
	padding: 0 6rem 3rem 6rem;
	background-color: #FFF;
}
.l-footer .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 8rem;
	border-top: 1px solid var(--border-gray);
}
.l-footer .side .logo {
	text-align: center;
	font-family: var(--font-en);
	line-height: 1.2;
}
.l-footer .side .logo a,
.l-footer .side .logo span {
	display: block;
	margin: 0 auto;
	width: 13rem;
}
.l-footer .side .logo em {
	display: block;
	margin-top: 1.5rem;
	font-size: 1.5rem;
}
.l-footer .side h2 {
	margin-top: 4rem;
	line-height: 1.2;
	white-space: nowrap;
}
.l-footer .side h2 em {
	display: block;
	margin-bottom: 1.5rem;
	font-size: 1.4rem;
}
.l-footer .side h2 span {
	font-family: var(--font-en);
	font-size: 3.4rem;
}
.l-footer .side nav {
	margin-top: 3rem;
	font-family: var(--font-en);
	font-size: 1.9rem;
}
.l-footer .side nav li {
	margin-bottom: 1.2rem;
}
.l-footer .side nav a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 0.1em;
	width: 27.8rem;
	height: 4.6rem;
	border-radius: 999rem;
	color: #FFF;
}
.l-footer .side nav .link-mypage {
	background-color: var(--color-blue);
}
.l-footer .side nav .link-entry {
	background-color: var(--color-green);
}
.l-footer .nav-content {
	display: flex;
	justify-content: flex-end;
	font-size: 1.4rem;
	line-height: 1.2;
}
.l-footer .nav-content > ul {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-template-rows: repeat(2, auto);
	gap: 6rem;
}
.l-footer .nav-content div span {
	display: block;
	font-family: var(--font-en);
	font-size: 2.5rem;
}
.l-footer .nav-content div em {
	display: block;
	margin-top: 0.5rem;
	font-size: 1.3rem;
}
.l-footer .nav-content > ul > li > ul {
	margin-top: 2.5rem;
}
.l-footer .nav-content > ul > li > ul > li {
	margin-bottom: 1.5rem;
}
.l-footer .nav-content > ul > li > ul > li span {
	color: var(--text-gray);
}
.l-footer .nav-content a {
	position: relative;
	display: flex;
	align-items: center;
	padding-left: 1.8rem;
}
.l-footer .nav-content a::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
	width: 1rem;
	height: 1px;
	background-color: #888;
}
.l-footer .nav-content a i {
	margin: 0 0 0 0.5rem;
}
.l-footer .foot {
	flex-basis: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 8rem;
	font-family: var(--font-en);
	font-size: 1.2rem;
}
.l-footer .foot nav ul {
	display: flex;
}
.l-footer .foot nav a {
	display: flex;
	align-items: center;
}
.l-footer .foot nav a i {
	margin: -0.1rem 0 0 0.5rem;
}
@media (any-hover: hover) {
	.l-footer .side nav a {
		transition: opacity 0.3s ease;
	}
	.l-footer .side nav a:hover {
		opacity: 0.6;
	}
	.l-footer .nav-content a,
	.l-footer .foot nav a {
		transition: color 0.3s ease;
	}
	.l-footer .nav-content a::before {
		transition: background-color 0.3s ease;
	}
	.l-footer .nav-content a:hover,
	.l-footer .foot nav a:hover {
		color: var(--color-hover);
	}
	.l-footer .nav-content a:hover::before {
		background-color: var(--color-hover);
	}
	.l-footer .nav-content a:hover i::after,
	.l-footer .foot nav a:hover i::after {
		opacity: 1;
	}
}
@media screen and (max-width: 768px) {
	.l-footer {
		padding: 0 2.5rem 3rem 2.5rem;
	}
	.l-footer .wrap {
		display: block;
		padding-top: 6rem;
	}
	.l-footer .side {
		margin-bottom: 5rem;
	}
	.l-footer .side .logo a,
	.l-footer .side .logo span {
		width: 14.4rem;
	}
	.l-footer .side .logo em {
		margin-top: 2rem;
		font-size: 1.6rem;
	}
	.l-footer .side h2 {
		margin-top: 5rem;
	}
	.l-footer .side h2 em {
		margin-bottom: 2.5rem;
		font-size: 1.6rem;
	}
	.l-footer .side h2 span {
		font-size: 4.2rem;
	}
	.l-footer .side nav li {
		margin-bottom: 1rem;
	}
	.l-footer .side nav a {
		width: 100%;
		height: 5rem;
	}
	.l-footer .nav-content {
		display: block;
		font-size: 1.5rem;
	}
	.l-footer .nav-content > ul {
		display: block;
	}
	.l-footer .nav-content > ul > li {
		padding-bottom: 3rem;
	}
	.l-footer .nav-content div {
		display: flex;
		align-items: flex-end;
	}
	.l-footer .nav-content div span {
		font-size: 2.7rem;
	}
	.l-footer .nav-content div em {
		margin: 0 0 0.6rem 1.5rem;
		font-size: 1.4rem;
	}
	.l-footer .nav-content > ul > li > ul {
		margin-top: 1.8rem;
	}
	.l-footer .nav-content > ul > li > ul > li {
		margin-bottom: 2rem;
	}
	.l-footer .nav-content a i {
		margin: 0 0 0 0.5rem;
	}
	.l-footer .foot {
		display: block;
		margin-top: 2rem;
	}
	.l-footer .foot nav ul {
		display: flex;
		margin-bottom: 1rem;
	}
}

/* ==================================================

	[ LAYOUT ] SCROLL CONTENT

*/
@media screen and (max-width: 768px) {
	.l-scroll-content {
		overflow-x: auto;
	}
}

/* ==================================================

	[ PROJECT ] HOME

*/
.p-home {
	padding: 0;
}
.p-home .content {
	position: relative;
	padding: 10rem 0;
	background-color: #FFF;
}
@media (any-hover: hover) {
	.p-home .c-hover:hover img {
		transform: scale(1.06);
	}
}
@media screen and (max-width: 768px) {
	.p-home .content {
		padding: 8rem 0;
	}
}

.p-home .timing-linear {
	transition-timing-function: linear !important;
}
.p-home .timing-ease {
	transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1) !important;
}
.p-home .timing-ease-in {
	transition-timing-function: cubic-bezier(0.32, 0, 0.67, 0) !important;
}
.p-home .timing-ease-out {
	transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1) !important;
}

.p-home .symbols i {
	display: block;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
	transform: scale(0.3);
	opacity: 0;
}
.p-home .symbols.active i {
	transform: scale(1);
	opacity: 1;
}
.p-home .symbols img.pop {
	animation: 0.6s ease animPop;
}

/* ==================================================

	[ PROJECT ] HOME MAIN

*/
.p-home-main {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100dvh;
}
.p-home-main h1 {
	color: #FFF;
}
.p-home-main h1 > span {
	display: flex;
}
.p-home-main h1 em {
	display: block;
	margin: -1px 0;
	background-color: var(--bg-black);
}
.p-home-main h1 .ja {
	margin-bottom: 2rem;
	font-size: 3.4rem;
	line-height: 1.1;
}
.p-home-main h1 .ja em {
	padding: 0.8rem 0.6rem 1rem 1.8rem;
}
.p-home-main h1 .en {
	flex-direction: column;
	align-items: flex-start;
	font-family: var(--font-en);
	font-size: 8.4rem;
	line-height: 1.1;
}
.p-home-main h1 .en em {
	padding: 1rem 1.4rem 0 1.4rem;
}
.p-home-main .scroll {
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 3rem;
	right: 100%;
	margin-right: -2rem;
	font-family: var(--font-en);
	font-size: 1.3rem;
	transform: rotate(90deg);
	transform-origin: 100% 100%;
}
.p-home-main .scroll span {
	overflow: hidden;
	position: relative;
	display: block;
	margin-left: 1rem;
	width: 4rem;
	height: 1px;
}
.p-home-main .scroll span i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bg-black);
	animation: ScrollLine 2s ease-in-out infinite;
}
.p-home-main h1 em {
	transition-delay: 1s;
	transition-duration: 0.8s;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0 100%);
}
.loaded .p-home-main h1 em {
	transition-property: clip-path;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
}
@keyframes ScrollLine {
	0% {
		left: 0%;
		top: 0;
	}
	30% {
		left: 100%;
		top: 0;
	}
	31% {
		left: 100%;
		top: 100%;
	}
	32% {
		left: -100%;
		top: 100%;
	}
	33% {
		left: -100%;
		top: 0;
	}
	60% {
		left: 0%;
		top: 0;
	}
}
@media screen and (max-width: 768px) {
	.p-home-main h1 .ja {
		margin-bottom: 1rem;
		font-size: 1.6rem;
	}
	.p-home-main h1 .ja em {
		padding: 0.8rem 0.6rem 1rem 1.2rem;
	}
	.p-home-main h1 .en {
		font-size: 4.1rem;
	}
	.p-home-main h1 .en em {
		padding: 1rem 1rem 0 1rem;
	}
	.p-home-main .scroll {
		bottom: 2rem;
		margin-right: -1.5rem;
	}
}

/* ==================================================

	[ PROJECT ] HOME BEGINNING

*/
.p-home-beginning {
	padding: 10rem 0 22rem 0;
}
.p-home-beginning .l-container {
	max-width: 130rem;
}
.p-home-beginning .block {
	display: flex;
}
.p-home-beginning .block01 {
	margin-bottom: 10rem;
}
.p-home-beginning .block02 {
	justify-content: flex-end;
	margin-bottom: 10rem;
}
.p-home-beginning .block03 {
	margin-left: 6rem;
	margin-bottom: 20rem;
}
.p-home-beginning .block > div {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}
.p-home-beginning p {
	display: flex;
	margin: -1px 0;
	font-size: 2.3rem;
	line-height: 1.5;
}
.p-home-beginning p span {
	display: block;
	padding: 0.6rem 1rem;
	background-color: var(--bg-black);
	color: #FFF;
}
.p-home-beginning .foot {
	display: flex;
	justify-content: center;
}
.p-home-beginning h2 {
	color: #FFF;
}
.p-home-beginning h2 > span {
	display: flex;
}
.p-home-beginning h2 em {
	display: block;
	background-color: var(--bg-black);
}
.p-home-beginning h2 .ja {
	margin-bottom: 2rem;
	font-size: 3.4rem;
	line-height: 1.1;
}
.p-home-beginning h2 .ja em {
	padding: 0.8rem 0.6rem 1rem 1.8rem;
}
.p-home-beginning h2 .en {
	flex-direction: column;
	align-items: flex-start;
	font-family: var(--font-en);
	font-size: 8.4rem;
	line-height: 1.1;
}
.p-home-beginning h2 .en em {
	margin: -1px 0;
	padding: 1rem 1.4rem 0 1.4rem;
}
.p-home-beginning h2 em {
	transition-duration: 0.8s;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0 100%);
}
.p-home-beginning h2 em.active {
	transition-property: clip-path;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
}
.p-home-beginning p span {
	transition-duration: 0.8s;
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0 100%);
}
.p-home-beginning p.active span {
	transition-property: clip-path;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%);
}

@media screen and (max-width: 768px) {
	.p-home-beginning {
		padding: 8rem 0 8rem 0;
	}
	.p-home-beginning .l-container {
		max-width: initial;
	}
	.p-home-beginning .block01 {
		margin-bottom: 4rem;
	}
	.p-home-beginning p {
		font-size: 1.7rem;
	}
	.p-home-beginning .foot {
		margin-top: 8rem;
	}
	.p-home-beginning h2 {
		margin-left: 0;
	}
	.p-home-beginning h2 .ja {
		margin-bottom: 1rem;
		font-size: 1.6rem;
	}
	.p-home-beginning h2 .ja em {
		padding: 0.8rem 0.6rem 1rem 1.2rem;
	}
	.p-home-beginning h2 .en {
		font-size: 4.1rem;
	}
	.p-home-beginning h2 .en em {
		padding: 1rem 1rem 0 1rem;
	}
}

/* ==================================================

	[ PROJECT ] HOME ENESSANCE-GROUP

*/
.p-home-enessance-group {
	color: #FFF;
}
.p-home-enessance-group .l-container {
	max-width: 126rem;
}
.p-home-enessance-group .frame {
	background-image: linear-gradient(180deg, #F3D081 0%, #67AADD 100%);
	border-radius: 1.5rem;
}
.p-home-enessance-group .row {
	display: flex;
	align-items: center;
	height: 38.2rem;
}
.p-home-enessance-group .symbol {
	flex-basis: 41.2rem;
}
.p-home-enessance-group .symbol img {
	margin: 0 auto;
	width: 30rem;
}
.p-home-enessance-group .detail {
	flex: 1;
}
.p-home-enessance-group .detail .h {
	margin-bottom: 1rem;
	font-family: var(--font-en);
	line-height: 1.3;
}
.p-home-enessance-group .detail .h span {
	display: block;
	font-size: 3rem;
}
.p-home-enessance-group .detail .h em {
	display: block;
	margin-top: 1rem;
	font-size: 6rem;
}
.p-home-enessance-group .detail .foot {
	margin-top: 2.5rem;
}
.p-home-enessance-group .detail .foot a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 0.1em;
	width: 20rem;
	height: 5.6rem;
	background-color: #FFF;
	border-radius: 999rem;
	font-family: var(--font-en);
	font-size: 1.8rem;
	color: var(--text-black);
}
.p-home-enessance-group .detail .foot i {
	position: absolute;
	top: 50%;
	right: 2rem;
	margin-top: -0.6rem;
}
@media (any-hover: hover) {
	.p-home-enessance-group .detail .foot a {
		transition: color 0.3s ease;
	}
	.p-home-enessance-group .detail .foot a:hover {
		color: var(--color-hover);
	}
	.p-home-enessance-group .detail .foot a:hover i::after {
		opacity: 1;
	}
}
@media screen and (max-width: 768px) {
	.p-home-enessance-group .l-container {
		max-width: initial;
	}
	.p-home-enessance-group .frame {
		border-radius: 1.2rem;
	}
	.p-home-enessance-group .row {
		display: block;
		padding: 2.5rem 2rem;
		height: auto;
	}
	.p-home-enessance-group .detail .head {
		display: flex;
		align-items: center;
		margin-bottom: 1.5rem;
	}
	.p-home-enessance-group .detail .symbol {
		flex-basis: 12rem;
	}
	.p-home-enessance-group .detail .symbol img {
		width: 100%;
	}
	.p-home-enessance-group .detail .h {
		margin-bottom: 0;
		padding-left: 1rem;
	}
	.p-home-enessance-group .detail .h span {
		font-size: 1.6rem;
	}
	.p-home-enessance-group .detail .h em {
		margin-top: 0.5rem;
		font-size: 2.7rem;
	}
	.p-home-enessance-group .detail .lead br {
		display: none;
	}
	.p-home-enessance-group .detail .foot {
		margin-top: 2rem;
	}
	.p-home-enessance-group .detail .foot a {
		width: 100%;
	}
}

/* ==================================================

	[ PROJECT ] HOME ABOUT

*/
.p-home-about {
	position: relative;
	margin: 14rem 0;
}
.p-home-about .symbols {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: 58rem;
}
.p-home-about .symbols div {
	position: absolute;
}
.p-home-about .symbols .symbol01 {
	top: 3rem;
	left: -17rem;
	width: 22.2rem;
}
.p-home-about .symbols .symbol02 {
	top: -10rem;
	left: 7rem;
	width: 16rem;
}
.p-home-about .symbols .symbol03 {
	top: 26rem;
	left: 3rem;
	width: 18.8rem;
}
.p-home-about .l-container {
	max-width: 126rem;
}
.p-home-about .nav {
	margin-top: 6rem;
	font-size: 1.8rem;
}
.p-home-about .nav ul {
	display: flex;
	gap: 6rem;
}
.p-home-about .nav li {
	flex: 1;
}
.p-home-about .nav a {
	display: block;
}
.p-home-about .nav span {
	display: block;
	overflow: hidden;
	height: 36rem;
	border-radius: 1.5rem;
}
.p-home-about .nav span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-home-about .nav em {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
}
@media screen and (max-width: 768px) {
	.p-home-about {
		margin: 8rem 0;
	}
	.p-home-about .symbols {
		display: none;
	}
	.p-home-about .l-container {
		max-width: initial;
	}
	.p-home-about .nav {
		margin-top: 5rem;
		font-size: 1.7rem;
	}
	.p-home-about .nav ul {
		display: block;
	}
	.p-home-about .nav li {
		margin-bottom: 3.5rem;
	}
	.p-home-about .nav li:last-child {
		margin-bottom: 0;
	}
	.p-home-about .nav span {
		height: 22.4rem;
		border-radius: 1.2rem;
	}
	.p-home-about .nav em {
		margin-top: 1.5rem;
	}
}

/* ==================================================

	[ PROJECT ] HOME SPECIAL

*/
.p-home-special {
	position: relative;
	margin: 14rem 0;
}
.p-home-special .symbols {
	position: absolute;
	right: 50%;
	top: 100%;
	margin-right: 45rem;
}
.p-home-special .symbols div {
	position: absolute;
}
.p-home-special .symbols .symbol01 {
	top: -13rem;
	left: -7rem;
	width: 22rem;
}
.p-home-special .symbols .symbol02 {
	top: -36rem;
	left: -12rem;
	width: 14.4rem;
}
.p-home-special .symbols .symbol03 {
	top: -24rem;
	left: -31rem;
	width: 18.8rem;
}
.p-home-special .nav {
	margin-top: 6rem;
}
.p-home-special .nav ul {
	display: flex;
	flex-direction: column;
	gap: 5rem;
	margin: 0 auto;
	max-width: 90rem;
}
.p-home-special .block {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40rem;
	border-radius: 1.5rem;
}
.p-home-special .block .base {
	position: absolute;
	inset: 0;
}
.p-home-special .block .base img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-home-special .block .inner {
	position: relative;
	text-align: center;
}
.p-home-special .block .inner em,
.p-home-special .block .inner span {
	display: block;
}
.p-home-special .block i {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	margin-left: -1rem;
}
.p-home-special .coming-soon {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,0.8);
	font-family: var(--font-en);
	font-size: 5rem;
}
.p-home-special .innovation h3 em {
	font-size: 5.3rem;
	line-height: 1.28;
}
.p-home-special .innovation h3 span {
	padding-bottom: 2rem;
	font-family: var(--font-en);
	font-size: 2rem;
	color: var(--color-red);
}
.p-home-special .diversity h3 span {
	font-family: var(--font-en);
	font-size: 1.8rem;
	line-height: 1.2;
}
.p-home-special .diversity h3 span::after {
	content: '';
	display: block;
	margin: 1.8rem auto;
	width: 5.4rem;
	height: 0.8rem;
	background-repeat: no-repeat;
	background-image: url(../img/heading-thirdry-parts.svg);
	background-size: contain;
}
.p-home-special .diversity h3 em {
	padding-bottom: 2rem;
	font-size: 3rem;
	line-height: 1.56;
}
@media (any-hover: hover) {
	.p-home-special .block .base {
		transition: transform 0.5s ease;
	}
	.p-home-special .block:hover .base {
		transform: scale(1.05);
	}
}
@media screen and (max-width: 768px) {
	.p-home-special {
		margin: 8rem 0;
	}
	.p-home-special .symbols {
		display: none;
	}
	.p-home-special .nav {
		margin-top: 5rem;
	}
	.p-home-special .nav ul {
		gap: 3rem;
		max-width: initial;
	}
	.p-home-special .block {
		height: 22.4rem;
		border-radius: 1.2rem;
	}
	.p-home-special .block i {
		bottom: 1.2rem;
	}
	.p-home-special .coming-soon {
		font-size: 2.3rem;
	}
	.p-home-special .innovation h3 em {
		font-size: 3rem;
	}
	.p-home-special .innovation h3 span {
		padding-bottom: 1rem;
		font-size: 1.4rem;
	}
	.p-home-special .diversity h3 span {
		font-size: 1.3rem;
	}
	.p-home-special .diversity h3 span::after {
		margin: 1rem auto;
		width: 2.8rem;
		height: 0.8rem;
	}
	.p-home-special .diversity h3 em {
		padding-bottom: 1rem;
		font-size: 1.7rem;
	}
}

/* ==================================================

	[ PROJECT ] HOME WORK

*/
.p-home-work {
	position: relative;
}
.p-home-work .l-container {
	padding-top: 7rem;
	max-width: 126rem;
	min-height: 53rem;
}
.p-home-work .c-heading-secondary {
	text-align: left;
}
.p-home-work .c-heading-secondary::after {
	margin-left: 0;
}
.p-home-work .ctr {
	display: flex;
	gap: 3rem;
	margin-top: 4.5rem;
}
.p-home-work .ctr button {
	display: block;
	width: 6rem;
	height: 6rem;
	background-color: var(--bg-black);
	background-image: url(../img/icon-arrow.svg);
	background-size: contain;
	border-radius: 50%;
}
.p-home-work .ctr .prev {
	transform: rotate(180deg);
}
.p-home-work .nav {
	display: none;
}
.p-home-work .wrap {
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	margin-left: -30.5rem;
}
.p-home-work .wrap::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 3rem;
	background-image: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.p-home-work .block {
	width: 61rem;
	font-size: 1.8rem;
}
.p-home-work .block a {
	display: block;
	margin: 0 3rem;
}
.p-home-work .block span {
	display: block;
	overflow: hidden;
	height: 36rem;
	border-radius: 1.5rem;
}
.p-home-work .block span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-home-work .block em {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
}
@media (any-hover: hover) {
	.p-home-work .ctr button {
		transition: opacity 0.3s ease;
	}
	.p-home-work .ctr button:hover {
		opacity: 0.7;
	}
}
@media screen and (max-width: 768px) {
	.p-home-work {
		margin: 8rem 0;
	}
	.p-home-work .l-container {
		padding: 0 2.5rem;
		max-width: initial;
		min-height: initial;
	}
	.p-home-work .c-heading-secondary {
		text-align: center;
	}
	.p-home-work .c-heading-secondary::after {
		margin-left: auto;
	}
	.p-home-work .ctr {
		display: none;
	}
	.p-home-work .nav {
		display: block;
		margin-top: 5rem;
		padding: 0 2.5rem;
	}
	.p-home-work .wrap {
		display: none;
	}
	.p-home-work .block {
		margin-bottom: 3.5rem;
		width: 100%;
		font-size: 1.7rem;
	}
	.p-home-work .block:last-child {
		margin-bottom: 0;
	}
	.p-home-work .block a {
		margin: 0;
	}
	.p-home-work .block span {
		height: 22.4rem;
	}
	.p-home-work .block em {
		margin-top: 1.5rem;
	}
}

/* ==================================================

	[ PROJECT ] HOME CAREER

*/
.p-home-career {
	position: relative;
}
.p-home-career .symbols {
	position: absolute;
}
.p-home-career .symbols div {
	position: absolute;
}
.p-home-career .symbols01 {
	left: 50%;
	top: 0;
	margin-left: 45rem;
}
.p-home-career .symbols01 .symbol01 {
	top: -4rem;
	left: 5rem;
	width: 20.4rem;
}
.p-home-career .symbols01 .symbol02 {
	top: 9rem;
	left: 1.4rem;
	width: 11.8rem;
}
.p-home-career .symbols02 {
	right: 50%;
	top: 100%;
	margin-right: 45rem;
}
.p-home-career .symbols02 .symbol01 {
	top: -31rem;
	left: -32rem;
	width: 17.4rem;
}
.p-home-career .symbols02 .symbol02 {
	top: 4rem;
	left: -28rem;
	width: 15.6rem;
}
.p-home-career .symbols02 .symbol03 {
	top: -17rem;
	left: -12rem;
	width: 24rem;
}
.p-home-career .nav {
	margin-top: 6rem;
}
.p-home-career .nav ul {
	margin: 0 auto;
	max-width: 90rem;
}
.p-home-career .block {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40rem;
	border-radius: 1.5rem;
}
.p-home-career .block .base {
	position: absolute;
	inset: 0;
}
.p-home-career .block .base img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-home-career .block .inner {
	position: relative;
	text-align: center;
}
.p-home-career .block .inner em,
.p-home-career .block .inner span {
	display: block;
}
.p-home-career .block i {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	margin-left: -1rem;
}
.p-home-career .careerjoining {
	padding-bottom: 2rem;
}
.p-home-career .careerjoining span {
	margin: 0 auto;
	width: 35rem;
}
.p-home-career .careerjoining em {
	margin-top: 1rem;
	font-size: 2.3rem;
	line-height: 1.5;
}
@media (any-hover: hover) {
	.p-home-career .careerjoining .base {
		transition: transform 0.5s ease;
	}
	.p-home-career .careerjoining:hover .base {
		transform: scale(1.05);
	}
}
@media screen and (max-width: 768px) {
	.p-home-career .nav {
		margin-top: 5rem;
	}
	.p-home-career .nav ul {
		max-width: initial;
	}
	.p-home-career .block {
		height: 22.4rem;
		border-radius: 1.2rem;
	}
	.p-home-career .block i {
		bottom: 1.2rem;
	}
	.p-home-career .careerjoining {
		padding-bottom: 2rem;
	}
	.p-home-career .careerjoining span {
		width: 20rem;
	}
	.p-home-career .careerjoining em {
		font-size: 1.3rem;
	}
}

/* ==================================================

	[ PROJECT ] HOME ENVIRONMENT

*/
.p-home-environment {
	position: relative;
	margin: 14rem 0;
}
.p-home-environment .symbols {
	position: absolute;
	left: 50%;
	top: 0;
	width: 136.6rem;
	margin-left: -68.3rem;
}
.p-home-environment .symbols div {
	position: absolute;
	left: 100%;
}
.p-home-environment .symbols .symbol01 {
	top: 45rem;
	margin-left: -30rem;
	width: 23rem;
}
.p-home-environment .symbols .symbol02 {
	top: 32rem;
	margin-left: -4rem;
	width: 15.7rem;
}
.p-home-environment .symbols .symbol03 {
	top: 11rem;
	margin-left: -22rem;
	width: 15.6rem;
}
.p-home-environment .l-container {
	max-width: 126rem;
}
.p-home-environment .nav {
	margin-top: 6rem;
	font-size: 1.8rem;
}
.p-home-environment .nav ul {
	display: flex;
	gap: 6rem;
}
.p-home-environment .nav li {
	flex: 1;
}
.p-home-environment .nav a {
	display: block;
}
.p-home-environment .nav span {
	display: block;
	overflow: hidden;
	height: 36rem;
	border-radius: 1.5rem;
}
.p-home-environment .nav span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-home-environment .nav em {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2rem;
}
@media screen and (max-width: 768px) {
	.p-home-environment {
		margin: 8rem 0;
	}
	.p-home-environment .symbols {
		display: none;
	}
	.p-home-environment .l-container {
		max-width: initial;
	}
	.p-home-environment .nav {
		margin-top: 5rem;
		font-size: 1.7rem;
	}
	.p-home-environment .nav ul {
		display: block;
	}
	.p-home-environment .nav li {
		margin-bottom: 3.5rem;
	}
	.p-home-environment .nav li:last-child {
		margin-bottom: 0;
	}
	.p-home-environment .nav span {
		height: 22.4rem;
		border-radius: 1.2rem;
	}
	.p-home-environment .nav em {
		margin-top: 1.5rem;
	}
}

/* ==================================================

	[ PROJECT ] HOME RECRUIT

*/
.p-home-recruit {
	padding: 9rem 0 10rem 0;
	background-position: center;
	background-image: url(../img/home-recruit-pc.jpg);
	background-size: cover;
}
.p-home-recruit .l-container {
	max-width: 126rem;
}
.p-home-recruit .nav {
	margin-top: 6rem;
	font-size: 2.5rem;
}
.p-home-recruit .nav ul {
	display: flex;
	gap: 4rem;
}
.p-home-recruit .nav li {
	flex: 1;
}
.p-home-recruit .nav a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22.5rem;
	background-color: rgba(255,255,255,0.9);
	border-radius: 1.5rem;
}
.p-home-recruit .nav a i {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
}
.p-home-recruit .nav a[target="_blank"] i {
	bottom: 2.5rem;
}
@media (any-hover: hover) {
	.p-home-recruit .nav a {
		transition: background-color 0.3s ease;
	}
	.p-home-recruit .nav a:hover {
		background-color: rgba(255,255,255,0.7);
	}
}
@media screen and (max-width: 768px) {
	.p-home-recruit {
		padding: 6rem 0 7rem 0;
		background-image: url(../img/home-recruit-sp.jpg);
	}
	.p-home-recruit .l-container {
		max-width: initial;
	}
	.p-home-recruit .nav {
		margin-top: 5rem;
		font-size: 1.9rem;
	}
	.p-home-recruit .nav ul {
		flex-direction: column;
		gap: 1.5rem;
	}
	.p-home-recruit .nav a {
		padding-bottom: 1rem;
		height: 13rem;
		border-radius: 1.2rem;
	}
	.p-home-recruit .nav a i {
		bottom: 1.5rem;
	}
	.p-home-recruit .nav a[target="_blank"] i {
		bottom: 2rem;
	}
}

/* ==================================================

	[ PROJECT ] DIGEST

*/
.l-digest-content-primay {
	overflow: hidden;
	background-color: #FFF;
	border-radius: 1rem;
}
.l-digest-content-primay .h {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 10rem;
	background-color: var(--color-blue);
	text-align: center;
	font-size: 2.5rem;
	line-height: 1.6;
	color: #FFF;
}
.l-digest-content-primay .h em {
	display: block;
}
@media screen and (max-width: 768px) {
	.l-digest-content-primay {
		border-radius: 1.2rem;
	}
	.l-digest-content-primay .h {
		height: 9.2rem;
		font-size: 2rem;
	}
}

/* ==================================================

	[ PROJECT ] DIGEST GROUP

*/
.p-digest-group {
	padding: 10rem 0 12rem 0;
	background-color: var(--bg-gray);
}
.p-digest-group .c-lead-primay {
	margin: 4rem 0;
}
.p-digest-group .lead-head {
	margin: 7rem 0;
}
.p-digest-group .banner {
	display: flex;
	gap: 5rem;
	margin-bottom: 7rem;
}
.p-digest-group .banner li {
	flex: 1;
}
.p-digest-group .banner .card {
	position: relative;
	overflow: hidden;
	height: 24rem;
	border-radius: 1.5rem;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #FFF;
}
.p-digest-group .banner .card .base {
	position: absolute;
	inset: 0;
}
.p-digest-group .banner .card .base img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-digest-group .banner .card .inner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.25);
}
.p-digest-group .banner .card .h em {
	display: block;
	margin-bottom: 1rem;
	font-size: 3.3rem;
}
.p-digest-group .banner .card .h span {
	display: block;
	font-family: var(--font-en);
}
.p-digest-group .example {
	margin: 7rem 0;
}
.p-digest-group .example .h {
	margin-bottom: 4rem;
	text-align: center;
	font-size: 3rem;
}
.p-digest-group .example ul {
	display: flex;
	margin: 0 auto;
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.5;
}
.p-digest-group .example ul li {
	flex-basis: 25%;
}
.p-digest-group .example .icon {
	margin: 0 auto;
	margin-bottom: 1.5rem;
	width: 16rem;
	background-color: #FFF;
	border-radius: 50%;
}
.p-digest-group .info {
	display: flex;
	align-items: center;
	margin-bottom: 7rem;
}
.p-digest-group .info .map {
	flex-basis: 56%;
	flex-shrink: 0;
}
.p-digest-group .info .map img {
	margin: 0 auto;
	max-width: 54rem;
}
.p-digest-group .info .detail {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8rem 4rem;
	padding-right: 4rem;
	text-align: center;
	line-height: 1.5;
}
.p-digest-group .info .detail dl {
	position: relative;
	flex-basis: 18rem;
	font-size: 2.2rem;
}
.p-digest-group .info .detail dl:nth-child(3) {
	flex-basis: 24rem;
}
.p-digest-group .info .detail dl::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 17rem;
	height: 17rem;
	background-color: #FFF;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
.p-digest-group .info .detail dt {
	position: relative;
}
.p-digest-group .info .detail dd {
	position: relative;
	line-height: 1;
}
.p-digest-group .info .detail dd span {
	font-size: 1.8rem;
}
.p-digest-group .info .detail dd em {
	font-family: var(--font-en);
	font-size: 6.5rem;
	color: var(--color-red);
}
@media screen and (max-width: 768px) {
	.p-digest-group {
		padding: 6rem 0 6rem 0;
	}
	.p-digest-group .lead-head {
		margin: 4rem 0;
	}
	.p-digest-group .banner {
		display: block;
		margin-bottom: 4rem;
	}
	.p-digest-group .banner li {
		margin-bottom: 2rem;
	}
	.p-digest-group .banner li:last-child {
		margin-bottom: 0;
	}
	.p-digest-group .banner .card {
		height: 16.4rem;
		border-radius: 1.2rem;
		font-size: 1.6rem;
	}
	.p-digest-group .banner .card .h em {
		font-size: 2.5rem;
	}
	.p-digest-group .example {
		margin: 4rem 0;
	}
	.p-digest-group .example .h {
		margin-bottom: 2rem;
		font-size: 2.4rem;
	}
	.p-digest-group .example ul {
		flex-wrap: wrap;
		margin-bottom: -2.5rem;
		font-size: 1.7rem;
	}
	.p-digest-group .example ul li {
		flex-basis: 50%;
		margin-bottom: 2.5rem;
	}
	.p-digest-group .example .icon {
		width: 13rem;
	}
	.p-digest-group .info {
		position: relative;
		display: block;
		margin: 6rem 0 4rem 0;
		padding-top: 4rem;
	}
	.p-digest-group .info .detail {
		position: absolute;
		top: 0;
		left: -1rem;
		justify-content: flex-start;
		gap: 0;
		padding-right: 0;
	}
	.p-digest-group .info .detail dl {
		margin-bottom: 6.5rem;
		flex-basis: 13rem;
		font-size: 1.3rem;
	}
	.p-digest-group .info .detail dl:nth-child(3) {
		flex-basis: 13rem;
	}
	.p-digest-group .info .detail dl::before {
		width: 10.4rem;
		height: 10.4rem;
	}
	.p-digest-group .info .detail dd span {
		font-size: 1.3rem;
	}
	.p-digest-group .info .detail dd em {
		font-size: 4rem;
	}
	.p-digest-group .hint .c-lead-primay {
		margin: 0;
		padding: 2rem;
	}
}

/* ==================================================

	[ PROJECT ] DIGEST BUSINESS

*/
.p-digest-business {
	padding: 10rem 0 12rem 0;
}
.p-digest-business .c-lead-primay {
	margin: 7rem 0;
}
.p-digest-business .block {
	overflow: hidden;
	margin-top: 6rem;
	border-radius: 1.5rem;
	background-color: var(--bg-gray);
}
.p-digest-business .block-head {
	position: relative;
	overflow: hidden;
	height: 30rem;
	text-align: center;
	font-size: 2rem;
	line-height: 1.4;
	color: #FFF;
}
.p-digest-business .block-head .base {
	position: absolute;
	inset: 0;
}
.p-digest-business .block-head .base img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-digest-business .block-head .inner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.25);
}
.p-digest-business .block-head em {
	display: block;
	margin-bottom: 1rem;
	font-size: 4.3rem;
}
.p-digest-business .block-head span {
	font-family: var(--font-en);
}
.p-digest-business .block .container {
	padding: 5rem;
}
.p-digest-business .block .c-lead-primay {
	margin: 0;
	font-size: 1.8rem;
	line-height: 2.2;
}
.p-digest-business .block-list {
	display: flex;
	flex-wrap: wrap;
	margin: 5rem -2rem 0 -2rem;
	text-align: center;
	line-height: 1.5;
}
.p-digest-business .block-list li {
	flex-basis: 33.333%;
	margin-bottom: 5rem;
	padding: 0 2rem;
}
.p-digest-business .block-list .thumb {
	overflow: hidden;
	height: 19.5rem;
	border-radius: 1.2rem;
}
.p-digest-business .block-list .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-digest-business .block-list .title {
	margin-top: 2rem;
	font-size: 2.2rem;
}
.p-digest-business .block-list .title span {
	display: block;
	font-size: 1.3rem;
}
.p-digest-business .block-list p {
	margin-top: 1rem;
}
.p-digest-business .block-list p.small {
	margin-top: 0.2rem;
	font-size: 1.3rem;
	line-height: 1.7;
}
@media screen and (max-width: 768px) {
	.p-digest-business {
		padding: 6rem 0 6rem 0;
	}
	.p-digest-business .c-lead-primay {
		margin: 4rem 0;
	}
	.p-digest-business .block {
		margin-top: 4rem;
		border-radius: 1.2rem;
	}
	.p-digest-business .block-head {
		height: 16.4rem;
		font-size: 1.6rem;
	}
	.p-digest-business .block-head em {
		font-size: 2.5rem;
	}
	.p-digest-business .block .container {
		padding: 2rem 2rem 0 2rem;
	}
	.p-digest-business .block .c-lead-primay {
		margin: 0;
		font-size: 1.7rem;
		line-height: 2;
	}
	.p-digest-business .block-list {
		display: block;
		margin: 3rem 0 0 0;
	}
	.p-digest-business .block-list li {
		margin-bottom: 3rem;
		padding: 0;
	}
	.p-digest-business .block-list .thumb {
		height: 20rem;
	}
}

/* ==================================================

	[ PROJECT ] DIGEST BUSINESS LPGAS

*/
.p-digest-business .lpgas {
	margin-top: 6rem;
	background-color: var(--bg-gray);
}
.p-digest-business .lpgas .container {
	padding: 5rem;
}
.p-digest-business .lpgas .lead-head {
	font-size: 1.8rem;
	line-height: 2.2;
}
.p-digest-business .lpgas .point {
	margin: 4rem 0;
	text-align: center;
	line-height: 1.5;
}
.p-digest-business .lpgas .point .title {
	margin-bottom: 3rem;
	font-size: 3rem;
}
.p-digest-business .lpgas .point ol {
	display: flex;
	margin: 0 -1.5rem;
}
.p-digest-business .lpgas .point ol li {
	flex-basis: 33.333%;
	padding: 0 1.5rem;
}
.p-digest-business .lpgas .point .card {
	padding: 2.5rem 0 3.5rem 0;
	background-color: #FFF;
	border-radius: 1.2rem;
}
.p-digest-business .lpgas .point .card dl {
	margin-bottom: 3rem;
}
.p-digest-business .lpgas .point .card dt {
	font-family: var(--font-en);
	font-size: 5.5rem;
	line-height: 1.2;
	color: var(--color-blue);
}
.p-digest-business .lpgas .point .card dd {
	font-size: 2.5rem;
}
.p-digest-business .lpgas .point .card .icon {
	margin: 0 auto;
	width: 14rem;
}
.p-digest-business .lpgas .lead-foot {
	padding: 2rem 0;
	text-align: center;
	font-size: 2.4rem;
	line-height: 2;
}
@media screen and (max-width: 768px) {
	.p-digest-business .lpgas {
		margin-top: 4rem;
	}
	.p-digest-business .lpgas .container {
		padding: 2rem 2rem;
	}
	.p-digest-business .lpgas .lead-head {
		font-size: 1.7rem;
		line-height: 2;
	}
	.p-digest-business .lpgas .point .title {
		font-size: 2.4rem;
	}
	.p-digest-business .lpgas .point ol {
		display: block;
		margin: 0;
	}
	.p-digest-business .lpgas .point ol li {
		margin-bottom: 2rem;
		padding: 0;
	}
	.p-digest-business .lpgas .point ol li:last-child {
		margin-bottom: 0;
	}
	.p-digest-business .lpgas .point .card {
		padding: 2.5rem 0 3.5rem 0;
	}
	.p-digest-business .lpgas .point .card dl {
		margin-bottom: 2rem;
	}
	.p-digest-business .lpgas .lead-foot {
		padding: 0 0 2rem 0;
		font-size: 2rem;
	}
}

/* ==================================================

	[ PROJECT ] DIGEST KEYWORD

*/
.p-digest-keyword {
	padding: 10rem 0 10rem 0;
	background-color: var(--bg-gray);
}
.p-digest-keyword .c-lead-primay {
	margin: 6rem 0 10rem 0;
}
.p-digest-keyword ol {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2.5rem;
}
.p-digest-keyword li {
	flex-basis: 33.333%;
	margin-bottom: 5rem;
	padding: 0 2.5rem;
}
.p-digest-keyword .card {
	padding: 0 2.4rem 2rem 2.4rem;
	height: 100%;
	background-color: #FFF;
	border-radius: 1.2rem;
	font-size: 1.7rem;
}
.p-digest-keyword .card .num {
	position: relative;
	top: -0.5em;
	margin-bottom: -0.3em;
	text-align: center;
	font-size: 3.5rem;
	line-height: 1;
	color: var(--color-blue);
}
.p-digest-keyword li:nth-child(even) .card .num {
	color: var(--color-green);
}
.p-digest-keyword .card h3 {
	margin-bottom: 1.5rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--border-gray);
	text-align: center;
	font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
	.p-digest-keyword {
		padding: 5rem 0 3rem 0;
	}
	.p-digest-keyword .c-lead-primay {
		margin: 4rem 0 5rem 0;
	}
	.p-digest-keyword ol {
		display: block;
		margin: 0;
	}
	.p-digest-keyword li {
		margin-bottom: 4rem;
		padding: 0;
	}
	.p-digest-keyword .card {
		padding: 0 2rem 2rem 2rem;
	}
}

/* ==================================================

	[ PROJECT ] JOB

*/
.p-job .block {
	margin-bottom: 5rem;
	padding: 8rem 5rem 5rem 5rem;
	background-color: var(--bg-gray);
	border-radius: 1.5rem;
}
.p-job .block:last-child {
	margin-bottom: 0;
}
.p-job .block .lead-head {
	margin: 6rem 0;
	font-size: 1.7rem;
}
.p-job .block .lead-head p {
	margin-bottom: 5rem;
}
.p-job .block .lead-head p:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	.p-job .block {
		margin-bottom: 1rem;
		padding: 5rem 2.5rem 5rem 2.5rem;
		border-radius: 0;
	}
	.p-job .block .lead-head {
		margin: 4rem 0;
		font-size: 1.7rem;
	}
	.p-job .block .lead-head p {
		margin-bottom: 4rem;
	}
}

/* ==================================================

	[ PROJECT ] JOB FLOW

*/
.p-job .flow .head {
	margin-bottom: 2.5rem;
}
.p-job .flow .h {
	font-size: 2rem;
}
.p-job .flow .wrap {
	flex-shrink: 0;
}
.p-job .flow .frame {
	padding: 2.2rem;
	border: 0.3rem solid var(--border-black);
	border-radius: 1.5rem;
}
.p-job .flow .row {
	display: flex;
	justify-content: space-between;
	gap: 2.5rem;
	padding: 0 2.5rem;
}
.p-job .flow .frame .row {
	padding: 0;
}
.p-job .flow .row > div {
	position: relative;
	flex: 1;
	padding-top: 7.3rem;
}
.p-job .flow .row > div::before {
	content: '';
	display: block;
	position: absolute;
	top: 2.6rem;
	left: 50%;
	margin-left: -1.3rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.2rem 1.3rem 0 1.3rem;
	border-color: var(--bg-black) transparent transparent transparent;
}
.p-job .flow dl {
	padding-top: 1.8rem;
	height: 21rem;
	background-color: #FFF;
	border-radius: 1.2rem;
	text-align: center;
	font-size: 2rem;
	line-height: 1.6;
}
.p-job .flow dt {
	margin: 0 auto;
	width: 18rem;
}
.p-job .flow dd {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 4em;
}
@media screen and (max-width: 768px) {
	.p-job .flow .head {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.p-job .flow .h {
		margin-top: -0.2rem;
		font-size: 1.9rem;
	}
	.p-job .flow .l-scroll-content {
		display: flex;
		margin: 0 -2.5rem;
		padding: 0 2.5rem 2rem 0;
	}
	.p-job .flow .l-scroll-content::before {
		content: '';
		display: block;
		flex-shrink: 0;
		flex-basis: 2.5rem;
	}
	.p-job .flow .wrap {
		flex-shrink: 0;
		flex-basis: 66rem;
	}
	.p-job .flow .frame {
		padding: 1.6rem;
		border-width: 0.2rem;
		border-radius: 1.2rem;
	}
	.p-job .flow .row {
		gap: 1.8rem;
		padding: 0 1.8rem;
	}
	.p-job .flow .row > div {
		padding-top: 5.2rem;
	}
	.p-job .flow .row > div::before {
		top: 1.8rem;
		margin-left: -1rem;
		border-width: 1.8rem 1rem 0 1rem;
	}
	.p-job .flow dl {
		padding-top: 1.2rem;
		height: 15rem;
		border-radius: 1rem;
		font-size: 1.4rem;
	}
	.p-job .flow dt {
		width: 12.6rem;
	}
}

/* ==================================================

	[ PROJECT ] JOB SERVICES

*/
.p-job .services {
	margin: 10rem 0;
}
.p-job .services .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 5rem auto -4rem auto;
	text-align: center;
}
.p-job .services .list.col3 {
	max-width: 70rem;
}
.p-job .services .list li {
	flex-basis: 22.2rem;
	margin-bottom: 4rem;
}
.p-job .services .list dt {
	margin: 0 auto;
	width: 16rem;
	border-radius: 50%;
	overflow: hidden;
	background-color: #FFF;
}
.p-job .services .list dd {
	margin-top: 1.5rem;
	font-size: 2.2rem;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.p-job .services {
		margin: 5rem 0;
	}
	.p-job .services .list {
		margin: 4rem auto -2.5rem auto;
	}
	.p-job .services .list.col3 {
		max-width: initial;
	}
	.p-job .services .list li {
		flex-basis: 50%;
		margin-bottom: 2.5rem;
	}
	.p-job .services .list li.full-sp {
		flex-basis: 100%;
	}
	.p-job .services .list dt {
		width: 13rem;
	}
	.p-job .services .list dd {
		font-size: 2rem;
	}
}

/* ==================================================

	[ PROJECT ] JOB INTERVIEW

*/
.p-job .interview {
	margin-top: 8rem;
}
.p-job .interview .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -2rem;
	margin-top: 6rem;
}
.p-job .interview .list li {
	flex-basis: 50%;
	margin-bottom: 4rem;
	padding: 0 2rem;
}
.p-job .interview .list a {
	display: flex;
	overflow: hidden;
	height: 100%;
	min-height: 20rem;
	background-color: #FFF;
	border-radius: 1.5rem;
}
.p-job .interview .list .thumb {
	overflow: hidden;
	flex-basis: 15rem;
	flex-shrink: 0;
}
.p-job .interview .list .thumb picture,
.p-job .interview .list .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-job .interview .list .detail {
	flex: 1;
	padding: 2rem;
	font-size: 1.7rem;
	line-height: 1.7;
}
.p-job .interview .list.single li {
	flex-basis: 51rem;
}
.p-job .interview .list .detail dl {
	margin-top: 0.5rem;
}
.p-job .interview .list .detail dt {
	font-family: var(--font-en);
	font-size: 3.2rem;
	line-height: 1.4;
}
.p-job .interview .list .detail dd {
	font-size: 1.5rem;
}
.p-job .interview .list .detail i {
	margin-top: 1rem;
}
@media (any-hover: hover) {
	.p-job .interview .c-hover:hover img {
		transform: scale(1.1);
	}
}
@media screen and (max-width: 768px) {
	.p-job .interview {
		margin-top: 5rem;
	}
	.p-job .interview .list {
		display: block;
		margin: 0;
		padding-top: 2rem;
	}
	.p-job .interview .list li {
		margin: 2rem 0 0 0;
		padding: 0;
	}
	.p-job .interview .list a {
		display: block;
		height: auto;
		min-height: initial;
		border-radius: 1.2rem;
	}
	.p-job .interview .list .thumb {
		height: 17rem;
	}
	.p-job .interview .list .detail {
		padding: 2rem 2.5rem 2.5rem 2.5rem;
	}
}

/* ==================================================

	[ PROJECT ] JOB DEPARTMENT

*/
.p-job .department .list {
	display: flex;
	flex-wrap: wrap;
	margin: 7rem -2.5rem -4rem -2.5rem;
	line-height: 1.8;
}
.p-job .department .list li {
	flex-basis: 33.333%;
	margin-bottom: 4rem;
	padding: 0 2.5rem;
}
.p-job .department .list .h {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--border-black);
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.5;
}
.p-job .department .list sup {
	position: relative;
	top: -0.4em;
	left: 0.2em;
	vertical-align: middle;
	font-size: 1.3rem;
}
.p-job .department .list .note {
	margin-top: 1rem;
	font-size: 1.3rem;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.p-job .department .list {
		display: block;
		margin: 4rem 0 0 0;
	}
	.p-job .department .list li {
		margin-bottom: 3rem;
		padding: 0;
	}
	.p-job .department .list sup {
		font-size: 1.1rem;
	}
	.p-job .department .list .note {
		margin-top: 1rem;
		font-size: 1.3rem;
		line-height: 1.6;
	}
}

/* ==================================================

	[ PROJECT ] INTERVIEW

*/
.p-interview {
}
.p-interview nav {
	margin-top: 10rem;
}
.p-interview nav > ul > li {
	margin-bottom: 8rem;
}
.p-interview nav > ul > li:last-child {
	margin-bottom: 0;
}
.p-interview nav a {
	display: flex;
}
.p-interview nav .thumb {
	flex-basis: 50%;
	padding-right: 3rem;
}
.p-interview nav .thumb div {
	position: relative;
}
.p-interview nav .thumb span {
	display: block;
	position: relative;
	overflow: hidden;
	height: 34rem;
	border-radius: 1.5rem;
}
.p-interview nav .thumb i {
	display: block;
	position: absolute;
	left: 2rem;
	bottom: -1.8rem;
	width: 12rem;
}
.p-interview nav .detail {
	flex-basis: 50%;
	padding-left: 3rem;
}
.p-interview nav .detail h3 {
	margin-bottom: 1.5rem;
	font-size: 2.3rem;
	line-height: 1.7;
}
.p-interview nav .detail .department {
	font-size: 1.7rem;
}
.p-interview nav .detail dt {
	font-family: var(--font-en);
	font-size: 3.5rem;
	line-height: 1.5;
}
.p-interview nav .detail dd {
	font-size: 1.5rem;
}
.p-interview nav .detail ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0 1em;
	margin-bottom: 2.5rem;
	font-size: 1.5rem;
}
/**/
.p-interview nav .interview01 .detail h3 {
	color: var(--color-interview01);
}
.p-interview nav .interview02 .detail h3 {
	color: var(--color-interview02);
}
.p-interview nav .interview03 .detail h3 {
	color: var(--color-interview03);
}
.p-interview nav .interview04 .detail h3 {
	color: var(--color-interview04);
}
.p-interview nav .interview05 .detail h3 {
	color: var(--color-interview05);
}
.p-interview nav .interview06 .detail h3 {
	color: var(--color-interview06);
}
@media (any-hover: hover) {
	.p-interview nav .c-hover:hover .thumb span img {
		transform: scale(1.08);
	}
}
@media screen and (max-width: 768px) {
	.p-interview nav {
		margin-top: 5rem;
	}
	.p-interview nav > ul > li {
		margin-bottom: 5rem;
	}
	.p-interview nav a {
		display: block;
	}
	.p-interview nav .thumb {
		padding-right: 0;
	}
	.p-interview nav .thumb span {
		height: 23.3rem;
		border-radius: 1.2rem;
	}
	.p-interview nav .thumb i {
		left: 1rem;
		bottom: -1rem;
		width: 7.4rem;
	}
	.p-interview nav .detail {
		margin-top: 3.5rem;
		padding-left: 0;
	}
	.p-interview nav .detail ul {
		margin-bottom: 1.5rem;
	}
}

/* ==================================================

	[ PROJECT ] INTERVIEW DETAILS MAIN

*/
.p-interview-details .main {
	padding: 0 0 9rem 0;
	text-align: center;
}
.p-interview-details .main h1 {
	margin-bottom: 2.5rem;
	text-align: left;
	font-family: var(--font-en);
	font-size: 2.2rem;
	line-height: 1.5;
}
.p-interview-details .main .mv {
	position: relative;
	margin-bottom: 10rem;
}
.p-interview-details .main .mv .img {
	overflow: hidden;
	height: 56rem;
	border-radius: 1.5rem;
}
.p-interview-details .main .mv .img picture,
.p-interview-details .main .mv .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-interview-details .main .mv h2 {
	position: absolute;
	bottom: -2.5rem;
	left: -4rem;
	text-align: left;
	font-size: 2.8rem;
	line-height: 1.7;
	color: #FFF;
}
.p-interview-details .main .mv h2 i {
	display: block;
	position: relative;
	width: 36rem;
}
.p-interview-details .main .mv h2 em {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	inset: 0;
	padding-bottom: 2em;
}
.p-interview-details.interview01 .main .mv h2 em,
.p-interview-details.interview03 .main .mv h2 em,
.p-interview-details.interview04 .main .mv h2 em,
.p-interview-details.interview06 .main .mv h2 em {
	padding-left: 0.5em;
}
.p-interview-details.interview02 .main .mv h2 em,
.p-interview-details.interview04 .main .mv h2 em {
	text-indent: -0.5em;
}
.p-interview-details .main .department {
	font-size: 2rem;
	line-height: 1.7;
}
.p-interview-details .main dt {
	margin: 1rem 0 3rem 0;
	font-family: var(--font-en);
	font-size: 4.5rem;
	line-height: 1.2;
}
.p-interview-details .main dd {
	font-size: 1.5rem;
}
.p-interview-details .main .profile {
	margin-top: 2rem;
	font-size: 1.7rem;
}
.p-interview-details .main .lead {
	margin-top: 5rem;
	font-size: 2.1rem;
}
.p-interview-details .main .lead::before {
	content: '';
	display: block;
	margin: 0 auto;
	margin-bottom: 5rem;
	width: 5rem;
	height: 1px;
	background-color: #000;
}
.p-interview-details .main ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 1em;
	margin-top: 3rem;
	font-size: 1.9rem;
}
/**/
.p-interview-details.interview01 .main dt {
	color: var(--color-interview01);
}
.p-interview-details.interview01 .main .lead::before {
	background-color: var(--color-interview01);
}
.p-interview-details.interview02 .main dt {
	color: var(--color-interview02);
}
.p-interview-details.interview02 .main .lead::before {
	background-color: var(--color-interview02);
}
.p-interview-details.interview03 .main dt {
	color: var(--color-interview03);
}
.p-interview-details.interview03 .main .lead::before {
	background-color: var(--color-interview03);
}
.p-interview-details.interview04 .main dt {
	color: var(--color-interview04);
}
.p-interview-details.interview04 .main .lead::before {
	background-color: var(--color-interview04);
}
.p-interview-details.interview05 .main dt {
	color: var(--color-interview05);
}
.p-interview-details.interview05 .main .lead::before {
	background-color: var(--color-interview05);
}
.p-interview-details.interview06 .main dt {
	color: var(--color-interview06);
}
.p-interview-details.interview06 .main .lead::before {
	background-color: var(--color-interview06);
}
@media screen and (min-width: 769px) {
	.p-interview-details .main .mv h2 {
		display: block;
		transform: scale(0.8);
		opacity: 0;
	}
	.loaded .p-interview-details .main .mv h2 {
		transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s, opacity 0.3s ease 0.2s;
		transform: scale(1);
		opacity: 1;
	}
}
@media screen and (max-width: 768px) {
	.p-interview-details .main {
		padding: 0 0 5rem 0;
		text-align: left;
	}
	.p-interview-details .main h1 {
		margin-bottom: 2rem;
		font-size: 1.6rem;
	}
	.p-interview-details .main .mv {
		margin-bottom: 2.5rem;
	}
	.p-interview-details .main .mv .img {
		margin-bottom: 3.5rem;
		height: 23.3rem;
		border-radius: 1.2rem;
	}
	.p-interview-details .main .mv h2 {
		position: relative;
		bottom: auto;
		left: auto;
		font-size: 2.3rem;
	}
	.p-interview-details .main .mv h2 i {
		position: absolute;
		top: auto;
		bottom: 100%;
		left: 0.9rem;
		margin-bottom: 2.4rem;
		width: 7.4rem;
	}
	.p-interview-details .main .mv h2 i {
		display: block;
		transform: scale(0.4);
		opacity: 0;
	}
	.loaded .p-interview-details .main .mv h2 i {
		transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s, opacity 0.3s ease 0.2s;
		transform: scale(1);
		opacity: 1;
	}
	.p-interview-details .main .mv h2 em {
		display: block;
		position: relative;
		inset: initial;
		padding-bottom: 0;
		padding-left: 0 !important;
	}
	.p-interview-details .main .mv h2 em {
		opacity: 0;
	}
	.loaded .p-interview-details .main .mv h2 em {
		transition: opacity 0.6s linear;
		opacity: 1;
	}
	.p-interview-details .main .department {
		font-size: 1.7rem;
	}
	.p-interview-details .main dt {
		margin: 1rem 0 1.5rem 0;
		font-size: 3.5rem;
	}
	.p-interview-details .main dd {
		font-size: 1.5rem;
	}
	.p-interview-details .main .profile {
		font-size: 1.5rem;
	}
	.p-interview-details .main .lead {
		margin-top: 3rem;
		font-size: 1.6rem;
	}
	.p-interview-details .main .lead br {
		display: none;
	}
	.p-interview-details .main .lead::before {
		margin: 0;
		margin-bottom: 3rem;
	}
	.p-interview-details .main ul {
		justify-content: flex-start;
		margin-top: 2rem;
		font-size: 1.5rem;
	}
	/**/
	.p-interview-details.interview01 .main .mv h2 {
		color: var(--color-interview01);
	}
	.p-interview-details.interview02 .main .mv h2 {
		color: var(--color-interview02);
	}
	.p-interview-details.interview03 .main .mv h2 {
		color: var(--color-interview03);
	}
	.p-interview-details.interview04 .main .mv h2 {
		color: var(--color-interview04);
	}
	.p-interview-details.interview05 .main .mv h2 {
		color: var(--color-interview05);
	}
	.p-interview-details.interview06 .main .mv h2 {
		color: var(--color-interview06);
	}
}

/* ==================================================

	[ PROJECT ] INTERVIEW DETAILS SUMMARY

*/
.p-interview-details .summary {
	padding: 5rem 0 6rem 0;
	text-align: center;
}
.p-interview-details .summary .icon {
	margin: 0 auto;
	width: 6rem;
}
.p-interview-details .summary h2 {
	margin: 1rem 0 3rem 0;
	font-size: 2.5rem;
	line-height: 1.7;
}
.p-interview-details .summary .lead {
	font-size: 1.7rem;
}
/**/
.p-interview-details.interview01 .summary {
	background-color: rgba(var(--color-interview01-rgb), 0.1);
}
.p-interview-details.interview01 .summary .icon svg {
	fill: var(--color-interview01);
}
.p-interview-details.interview02 .summary {
	background-color: rgba(var(--color-interview02-rgb), 0.1);
}
.p-interview-details.interview02 .summary .icon svg {
	fill: var(--color-interview02);
}
.p-interview-details.interview03 .summary {
	background-color: rgba(var(--color-interview03-rgb), 0.1);
}
.p-interview-details.interview03 .summary .icon svg {
	fill: var(--color-interview03);
}
.p-interview-details.interview04 .summary {
	background-color: rgba(var(--color-interview04-rgb), 0.1);
}
.p-interview-details.interview04 .summary .icon svg {
	fill: var(--color-interview04);
}
.p-interview-details.interview05 .summary {
	background-color: rgba(var(--color-interview05-rgb), 0.1);
}
.p-interview-details.interview05 .summary .icon svg {
	fill: var(--color-interview05);
}
.p-interview-details.interview06 .summary {
	background-color: rgba(var(--color-interview06-rgb), 0.1);
}
.p-interview-details.interview06 .summary .icon svg {
	fill: var(--color-interview06);
}
@media screen and (max-width: 768px) {
	.p-interview-details .summary {
		padding: 3.5rem 0;
		text-align: left;
	}
	.p-interview-details .summary .icon {
		width: 4.6rem;
	}
	.p-interview-details .summary h2 {
		margin: 1rem 0 2rem 0;
		text-align: center;
		font-size: 2.1rem;
	}
	.p-interview-details .summary .lead {
		font-size: 1.6rem;
	}
	.p-interview-details .summary .lead br {
		display: none;
	}
}

/* ==================================================

	[ PROJECT ] INTERVIEW DETAILS INTERVIEW

*/
.p-interview-details .interview {
	font-size: 1.7rem;
	line-height: 2.1;
}
.p-interview-details .interview .symbols {
	position: absolute;
}
.p-interview-details .interview .symbols div {
	position: absolute;
	transform: rotate(-15deg);
}
.p-interview-details .interview .symbols div i {
	display: block;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
	transform: scale(0.3);
	opacity: 0;
}
.p-interview-details .interview .symbols.active div i {
	transform: scale(1);
	opacity: 1;
}
.p-interview-details .interview .symbols img.pop {
	animation: 0.6s ease animPop;
}
.p-interview-details .interview .block {
	margin: 10rem 0;
}
.p-interview-details .interview .block .photo {
	position: relative;
}
.p-interview-details .interview .block .photo span {
	display: block;
	overflow: hidden;
	height: 40rem;
	border-radius: 1.5rem;
}
.p-interview-details .interview .block .photo picture,
.p-interview-details .interview .block .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-interview-details .interview .block-photo-left {
	display: flex;
	align-items: flex-start;
	flex-direction: row-reverse;
	margin: 10rem -3.5rem;
}
.p-interview-details .interview .block-photo-right {
	display: flex;
	align-items: flex-start;
	margin: 10rem -3.5rem;
}
.p-interview-details .interview .block-photo-left > div,
.p-interview-details .interview .block-photo-right > div {
	flex-basis: 50%;
	padding: 0 3.5rem;
}
.p-interview-details .interview .row {
	display: flex;
	margin: 0 -3.5rem;
}
.p-interview-details .interview .row > div {
	flex-basis: 50%;
	padding: 0 3.5rem;
}
.p-interview-details .interview h2 {
	margin-bottom: 2.5rem;
	line-height: 1.5;
}
.p-interview-details .interview h2 em {
	display: block;
	font-size: 2.5rem;
}
.p-interview-details .interview h2 span {
	display: block;
	margin-top: 1rem;
	font-family: var(--font-en);
	font-size: 1.7rem;
}
.p-interview-details .interview h3 {
	position: relative;
	margin-bottom: 3rem;
	text-indent: 3rem;
	font-size: 2.1rem;
	line-height: 1.7;
}
.p-interview-details .interview h3::before {
	content: '';
	display: block;
	position: absolute;
	top: 0.84em;
	left: 0;
	width: 2rem;
	height: 1px;
	background-color: var(--bg-black);
}
.p-interview-details .interview .symbols01 {
	top: 100%;
	left: 100%;
}
.p-interview-details .interview .symbols01 .symbol01 {
	top: -7rem;
	left: -20rem;
	width: 11.4rem;
}
.p-interview-details .interview .symbols01 .symbol02 {
	top: 1rem;
	left: -7rem;
	width: 17.4rem;
}
.p-interview-details .interview .symbols02 {
	top: 100%;
	right: 100%;
}
.p-interview-details .interview .symbols02 .symbol01 {
	top: -18rem;
	left: -17rem;
	width: 11.5rem;
}
.p-interview-details .interview .symbols02 .symbol02 {
	top: -10rem;
	left: -4rem;
	width: 16rem;
}
/**/
.p-interview-details.interview01 .interview h2 span {
	color: var(--color-interview01);
}
.p-interview-details.interview02 .interview h2 span {
	color: var(--color-interview02);
}
.p-interview-details.interview03 .interview h2 span {
	color: var(--color-interview03);
}
.p-interview-details.interview04 .interview h2 span {
	color: var(--color-interview04);
}
.p-interview-details.interview05 .interview h2 span {
	color: var(--color-interview05);
}
.p-interview-details.interview06 .interview h2 span {
	color: var(--color-interview06);
}
@media screen and (max-width: 768px) {
	.p-interview-details .interview {
		font-size: 1.6rem;
		line-height: 2;
	}
	.p-interview-details .interview .block {
		margin: 5rem 0;
	}
	.p-interview-details .interview .block .photo {
		margin-top: 3rem;
	}
	.p-interview-details .interview .block .photo span {
		height: 23.3rem;
		border-radius: 1.2rem;
	}
	.p-interview-details .interview .block-photo-left {
		display: block;
		margin: 5rem 0;
	}
	.p-interview-details .interview .block-photo-right {
		display: block;
		margin: 5rem 0;
	}
	.p-interview-details .interview .block-photo-left > div,
	.p-interview-details .interview .block-photo-right > div {
		padding: 0;
	}
	.p-interview-details .interview .row {
		display: block;
		margin: 0;
	}
	.p-interview-details .interview .row > div {
		margin-top: 4rem;
		padding: 0;
	}
	.p-interview-details .interview .row > div:first-child {
		margin-top: 0;
	}
	.p-interview-details .interview h2 {
		margin-bottom: 2rem;
		line-height: 1.5;
	}
	.p-interview-details .interview h2 em {
		font-size: 2.1rem;
	}
	.p-interview-details .interview h2 span {
		margin-top: 0.6rem;
		font-size: 1.6rem;
	}
	.p-interview-details .interview h3 {
		margin-bottom: 1.5rem;
		text-indent: 2.8rem;
		font-size: 1.8rem;
	}
	.p-interview-details .interview h3::before {
		top: 0.84em;
		width: 1.8rem;
	}
	.p-interview-details .interview .symbols01 {
		top: 100%;
		left: 100%;
	}
	.p-interview-details .interview .symbols01 .symbol01 {
		top: -6rem;
		left: -10rem;
		width: 5.2rem;
	}
	.p-interview-details .interview .symbols01 .symbol02 {
		top: -2.4rem;
		left: -4rem;
		width: 7.2rem;
	}
	.p-interview-details .interview .symbols02 {
		top: 100%;
		right: 100%;
	}
	.p-interview-details .interview .symbols02 .symbol01 {
		top: -9rem;
		left: -2rem;
		width: 5rem;
	}
	.p-interview-details .interview .symbols02 .symbol02 {
		top: -5rem;
		left: 3.4rem;
		width: 6.9rem;
	}
}

/* ==================================================

	[ PROJECT ] INTERVIEW DETAILS SCHEDULE

*/
.p-interview-details .schedule {
	margin: 10rem 0;
}
.p-interview-details .schedule h2 {
	display: flex;
	align-items: center;
	margin-bottom: 3rem;
	font-size: 2.5rem;
}
.p-interview-details .schedule h2 span {
	display: block;
	margin-right: 1rem;
	width: 4.6rem;
}
.p-interview-details .schedule .list {
	display: table;
	width: 100%;
	line-height: 1.5;
}
.p-interview-details .schedule .list dl {
	display: table-row;
}
.p-interview-details .schedule .list dt,
.p-interview-details .schedule .list dd {
	display: table-cell;
}
.p-interview-details .schedule .list dt {
	padding: 0.7em 1.5em 0.7em 1.5em;
	width: 1em;
	white-space: nowrap;
	text-align: right;
	font-family: var(--font-en);
	font-size: 1.7rem;
}
.p-interview-details .schedule .list dd {
	padding: 0.7em 1em 0.7em 0;
}
/**/
.p-interview-details.interview01 .schedule h2 span svg {
	fill: var(--color-interview01);
}
.p-interview-details.interview01 .schedule .list dt {
	color: var(--color-interview01);
}
.p-interview-details.interview01 .schedule .list dl:nth-child(even) dt,
.p-interview-details.interview01 .schedule .list dl:nth-child(even) dd {
	background-color: rgba(var(--color-interview01-rgb), 0.1);
}
.p-interview-details.interview02 .schedule h2 span svg {
	fill: var(--color-interview02);
}
.p-interview-details.interview02 .schedule .list dt {
	color: var(--color-interview02);
}
.p-interview-details.interview02 .schedule .list dl:nth-child(even) dt,
.p-interview-details.interview02 .schedule .list dl:nth-child(even) dd {
	background-color: rgba(var(--color-interview02-rgb), 0.1);
}
.p-interview-details.interview03 .schedule h2 span svg {
	fill: var(--color-interview03);
}
.p-interview-details.interview03 .schedule .list dt {
	color: var(--color-interview03);
}
.p-interview-details.interview03 .schedule .list dl:nth-child(even) dt,
.p-interview-details.interview03 .schedule .list dl:nth-child(even) dd {
	background-color: rgba(var(--color-interview03-rgb), 0.1);
}
.p-interview-details.interview04 .schedule h2 span svg {
	fill: var(--color-interview04);
}
.p-interview-details.interview04 .schedule .list dt {
	color: var(--color-interview04);
}
.p-interview-details.interview04 .schedule .list dl:nth-child(even) dt,
.p-interview-details.interview04 .schedule .list dl:nth-child(even) dd {
	background-color: rgba(var(--color-interview04-rgb), 0.1);
}
.p-interview-details.interview05 .schedule h2 span svg {
	fill: var(--color-interview05);
}
.p-interview-details.interview05 .schedule .list dt {
	color: var(--color-interview05);
}
.p-interview-details.interview05 .schedule .list dl:nth-child(even) dt,
.p-interview-details.interview05 .schedule .list dl:nth-child(even) dd {
	background-color: rgba(var(--color-interview05-rgb), 0.1);
}
.p-interview-details.interview06 .schedule h2 span svg {
	fill: var(--color-interview06);
}
.p-interview-details.interview06 .schedule .list dt {
	color: var(--color-interview06);
}
.p-interview-details.interview06 .schedule .list dl:nth-child(even) dt,
.p-interview-details.interview06 .schedule .list dl:nth-child(even) dd {
	background-color: rgba(var(--color-interview06-rgb), 0.1);
}
@media screen and (max-width: 768px) {
	.p-interview-details .schedule {
		margin: 5rem 0;
	}
	.p-interview-details .schedule h2 {
		margin-bottom: 2.5rem;
		padding: 0 2.5rem;
		font-size: 2.1rem;
	}
	.p-interview-details .schedule h2 span {
		margin-right: 1rem;
		width: 4rem;
	}
	.p-interview-details .schedule .list dt {
		padding: 0.7em 1.5em 0.7em 2.5rem;
		font-size: 1.6rem;
	}
	.p-interview-details .schedule .list dd {
		padding: 0.7em 2.5em 0.7em 0;
		font-size: 1.5rem;
	}
}

/* ==================================================

	[ PROJECT ] INTERVIEW DETAILS PHOTO-LG

*/
.p-interview-details .photo-lg {
	position: relative;
	margin: 12rem 0;
}
.p-interview-details .photo-lg span {
	display: block;
	overflow: hidden;
	border-radius: 1.5rem;
	height: 58rem;
}
.p-interview-details .photo-lg span picture,
.p-interview-details .photo-lg span img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-interview-details .photo-lg .symbols {
	position: absolute;
	top: 100%;
	left: 100%;
}
.p-interview-details .photo-lg .symbols div {
	position: absolute;
	transform: rotate(-15deg);
}
.p-interview-details .photo-lg .symbols div i {
	display: block;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
	transform: scale(0.3);
	opacity: 0;
}
.p-interview-details .photo-lg .symbols.active div i {
	transform: scale(1);
	opacity: 1;
}
.p-interview-details .photo-lg .symbols img.pop {
	animation: 0.6s ease animPop;
}
.p-interview-details .photo-lg .symbol01 {
	top: -21.4rem;
	left: -19rem;
	width: 11.5rem;
}
.p-interview-details .photo-lg .symbol02 {
	top: -13rem;
	left: -6rem;
	width: 16rem;
}
@media screen and (max-width: 768px) {
	.p-interview-details .photo-lg {
		margin: 6rem 0;
	}
	.p-interview-details .photo-lg span {
		border-radius: 0;
		height: 27rem;
	}
	.p-interview-details .photo-lg .symbol01 {
		top: -7rem;
		left: -13rem;
		width: 4.5rem;
	}
	.p-interview-details .photo-lg .symbol02 {
		top: -4rem;
		left: -7rem;
		width: 6.4rem;
	}
}

/* ==================================================

	[ PROJECT ] INTERVIEW DETAILS CAREER-STEP

*/
.p-interview-details .career-step {
	margin: 10rem 0 12rem 0;
}
.p-interview-details .career-step h2 {
	display: flex;
	align-items: center;
	margin-bottom: 4rem;
	font-size: 2.5rem;
}
.p-interview-details .career-step h2 span {
	display: block;
	margin-right: 1rem;
	width: 5rem;
}
.p-interview-details .career-step ul {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	gap: 3rem 0;
}
.p-interview-details .career-step li {
	position: relative;
	flex-basis: 33.333%;
	padding-right: 6rem;
}
.p-interview-details .career-step li::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin: -0.6rem 2rem 0 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.2rem 0 1.2rem 2rem;
}
.p-interview-details .career-step li:last-child::after {
	content: none;
}
.p-interview-details .career-step dl {
	overflow: hidden;
	padding: 2rem 0;
	height: 100%;
	border-radius: 1rem;
	line-height: 1.7;
}
.p-interview-details .career-step dt {
	font-family: var(--font-en);
	font-size: 2.3rem;
	line-height: 1.7;
}
.p-interview-details .career-step dd.row2::after {
	content: '　';
	display: block;
}
/**/
.p-interview-details.interview01 .career-step h2 span svg {
	fill: var(--color-interview01);
}
.p-interview-details.interview01 .career-step dl {
	background-color: rgba(var(--color-interview01-rgb), 0.1);
}
.p-interview-details.interview01 .career-step dt {
	color: var(--color-interview01);
}
.p-interview-details.interview01 .career-step li::after {
	border-color: transparent transparent transparent var(--color-interview01);
}
.p-interview-details.interview02 .career-step h2 span svg {
	fill: var(--color-interview02);
}
.p-interview-details.interview02 .career-step dl {
	background-color: rgba(var(--color-interview02-rgb), 0.1);
}
.p-interview-details.interview02 .career-step dt {
	color: var(--color-interview02);
}
.p-interview-details.interview02 .career-step li::after {
	border-color: transparent transparent transparent var(--color-interview02);
}
.p-interview-details.interview03 .career-step h2 span svg {
	fill: var(--color-interview03);
}
.p-interview-details.interview03 .career-step dl {
	background-color: rgba(var(--color-interview03-rgb), 0.1);
}
.p-interview-details.interview03 .career-step dt {
	color: var(--color-interview03);
}
.p-interview-details.interview03 .career-step li::after {
	border-color: transparent transparent transparent var(--color-interview03);
}
.p-interview-details.interview04 .career-step h2 span svg {
	fill: var(--color-interview04);
}
.p-interview-details.interview04 .career-step dl {
	background-color: rgba(var(--color-interview04-rgb), 0.1);
}
.p-interview-details.interview04 .career-step dt {
	color: var(--color-interview04);
}
.p-interview-details.interview04 .career-step li::after {
	border-color: transparent transparent transparent var(--color-interview04);
}
.p-interview-details.interview05 .career-step h2 span svg {
	fill: var(--color-interview05);
}
.p-interview-details.interview05 .career-step dl {
	background-color: rgba(var(--color-interview05-rgb), 0.1);
}
.p-interview-details.interview05 .career-step dt {
	color: var(--color-interview05);
}
.p-interview-details.interview05 .career-step li::after {
	border-color: transparent transparent transparent var(--color-interview05);
}
.p-interview-details.interview06 .career-step h2 span svg {
	fill: var(--color-interview06);
}
.p-interview-details.interview06 .career-step dl {
	background-color: rgba(var(--color-interview06-rgb), 0.1);
}
.p-interview-details.interview06 .career-step dt {
	color: var(--color-interview06);
}
.p-interview-details.interview06 .career-step li::after {
	border-color: transparent transparent transparent var(--color-interview06);
}
@media screen and (max-width: 768px) {
	.p-interview-details .career-step {
		margin: 6rem 0 6rem 0;
	}
	.p-interview-details .career-step h2 {
		margin-bottom: 2rem;
		font-size: 2.1rem;
	}
	.p-interview-details .career-step h2 span {
		width: 4rem;
	}
	.p-interview-details .career-step ul {
		display: block;
	}
	.p-interview-details .career-step li {
		padding: 0 0 4rem 0;
	}
	.p-interview-details .career-step li:last-child {
		padding: 0;
	}
	.p-interview-details .career-step li::after {
		top: 100%;
		right: 50%;
		margin: -3.2rem -1.2rem 0 0;
		transform: rotate(90deg);
	}
	.p-interview-details .career-step dl {
		padding: 1.5rem 0 2rem 0;
		height: auto;
		font-size: 1.5rem;
	}
	.p-interview-details .career-step dt {
		font-size: 2.1rem;
	}
	.p-interview-details .career-step dd.row2::after {
		content: none;
	}
}

/* ==================================================

	[ PROJECT ] INTERVIEW DETAILS MESSAGE

*/
.p-interview-details .message {
	margin: 10rem 0;
	padding: 5rem 9rem;
	border-radius: 1.5rem;
}
.p-interview-details .message .icon {
	margin: 0 auto;
	width: 6rem;
}
.p-interview-details .message h2 {
	margin: 1rem 0 3rem 0;
	text-align: center;
	font-size: 2.5rem;
	line-height: 1.5;
}
.p-interview-details .message .lead {
	font-size: 1.7rem;
	line-height: 2.2;
}
/**/
.p-interview-details.interview01 .message {
	background-color: rgba(var(--color-interview01-rgb), 0.1);
}
.p-interview-details.interview01 .message .icon svg {
	fill: var(--color-interview01);
}
.p-interview-details.interview02 .message {
	background-color: rgba(var(--color-interview02-rgb), 0.1);
}
.p-interview-details.interview02 .message .icon svg {
	fill: var(--color-interview02);
}
.p-interview-details.interview03 .message {
	background-color: rgba(var(--color-interview03-rgb), 0.1);
}
.p-interview-details.interview03 .message .icon svg {
	fill: var(--color-interview03);
}
.p-interview-details.interview04 .message {
	background-color: rgba(var(--color-interview04-rgb), 0.1);
}
.p-interview-details.interview04 .message .icon svg {
	fill: var(--color-interview04);
}
.p-interview-details.interview05 .message {
	background-color: rgba(var(--color-interview05-rgb), 0.1);
}
.p-interview-details.interview05 .message .icon svg {
	fill: var(--color-interview05);
}
.p-interview-details.interview06 .message {
	background-color: rgba(var(--color-interview06-rgb), 0.1);
}
.p-interview-details.interview06 .message .icon svg {
	fill: var(--color-interview06);
}
@media screen and (max-width: 768px) {
	.p-interview-details .message {
		margin: 6rem 0;
		padding: 3.5rem 2.5rem 3rem 2.5rem;
		border-radius: 1.2rem;
	}
	.p-interview-details .message .icon {
		margin: 0 auto;
		width: 5rem;
	}
	.p-interview-details .message h2 {
		margin: 1rem 0 2rem 0;
		font-size: 2.1rem;
	}
	.p-interview-details .message .lead {
		font-size: 1.6rem;
		line-height: 2;
	}
}

/* ==================================================

	[ PROJECT ] INTERVIEW DETAILS PAGINATION

*/
.p-interview-details .pagination {
	display: flex;
	justify-content: center;
	gap: 7rem;
	font-family: var(--font-en);
	font-size: 2.5rem;
	line-height: 1.2;
}
.p-interview-details .pagination a {
	display: flex;
	align-items: center;
}
.p-interview-details .pagination i {
	margin-top: -0.5rem;
}
.p-interview-details .pagination .next {
	order: 3;
}
.p-interview-details .pagination .next i {
	margin-left: 1.5rem;
}
.p-interview-details .pagination .prev a {
	flex-direction: row-reverse;
}
.p-interview-details .pagination .prev i {
	margin-right: 1.5rem;
	transform: rotate(180deg);
}
@media (any-hover: hover) {
	.p-interview-details .pagination a {
		transition: color 0.3s ease;
	}
	.p-interview-details .pagination a:hover {
		color: var(--color-hover);
	}
	.p-interview-details .pagination a i {
		transition: background-color 0.3s ease;
	}
	.p-interview-details .pagination a:hover i {
		background-color: var(--color-hover);
	}
}
@media screen and (max-width: 768px) {
	.p-interview-details .pagination {
		justify-content: space-between;
		gap: 0;
		font-size: 2rem;
	}
	.p-interview-details .pagination .next i {
		margin-left: 1rem;
	}
	.p-interview-details .pagination .prev i {
		margin-right: 1rem;
	}
}

/* ==================================================

	[ PROJECT ] MOVIE

*/
.p-movie .c-lead-primay .note {
	margin-top: 0.5rem;
	font-size: 1.3rem;
}
.p-movie .list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2.5rem;
	margin-top: 8rem;
	margin-bottom: -4rem;
}
.p-movie .list > li {
	flex-basis: 33.333%;
	margin-bottom: 5rem;
	padding: 0 2.5rem;
}
.p-movie .list a {
	display: block;
}
.p-movie .list .thumb {
	overflow: hidden;
	position: relative;
	border-radius: 1.2rem;
	height: 18rem;
}
.p-movie .list .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-movie .list .thumb i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -2rem 0 0 -2rem;
	width: 4rem;
	height: 4rem;
	background-color: var(--bg-black);
	background-image: url(../img/icon-arrow.svg);
	background-size: contain;
	border-radius: 50%;
}
.p-movie .list .detail {
	margin-top: 2rem;
	line-height: 1.5;
}
.p-movie .list .detail .belong {
	font-size: 1.7rem;
}
.p-movie .list .detail .name {
	margin: 0.5rem 0 1.5rem 0;
	font-size: 2.5rem;
}
.p-movie .list .detail ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 1.2rem;
	font-size: 1.5rem;
}
@media (any-hover: hover) {
	.p-movie .list .c-hover:hover .thumb img {
		transform: scale(1.08);
	}
}
@media screen and (max-width: 768px) {
	.p-movie .list {
		display: block;
		margin: 5rem 0 0 0;
	}
	.p-movie .list > li {
		margin-bottom: 5rem;
		padding: 0;
	}
	.p-movie .list > li:last-child {
		margin-bottom: 0;
	}
	.p-movie .list a {
		display: block;
	}
	.p-movie .list .thumb {
		height: 19.3rem;
	}
}

/* ==================================================

	[ PROJECT ] MOVIE MODAL

*/
.modal-movie {
	display: none;
	position: fixed;
	z-index: 9999;
	inset: 0;
	background-color: rgba(255,255,255,0.85);
	overflow-y: auto;
}
.modal-movie[aria-hidden="false"] {
	display: flex;
}
.modal-movie .video {
	position: relative;
	margin: auto;
	padding: 4rem 0 5rem 0;
	width: 96rem;
}
.modal-movie .player {
	position: relative;
	padding-top: 56.25%;
	height: 0;
	background-color: #999;
}
.modal-movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modal-movie .close {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	background-position: center;
	background-image: url(../img/icon-close.svg);
	background-size: contain;
}
@media screen and (max-width: 768px) {
	.modal-movie .close {
		right: 1rem;
	}
}

/* ==================================================

	[ PROJECT ] WELFARE

*/
.p-welfare .lead-main {
	margin: 8rem 0;
}
.p-welfare .detail {
	border-top: 1px solid var(--border-gray);
}
.p-welfare .detail .row {
	display: flex;
	padding: 6rem 0;
	border-bottom: 1px solid var(--border-gray);
}
.p-welfare .detail .row > h3 {
	padding-top: 0.2rem;
	flex-basis: 31rem;
	font-size: 2.2rem;
	line-height: 1.7;
}
.p-welfare .detail .benefit-station > span {
	display: block;
}
.p-welfare .detail .benefit-station > span:last-child {
	margin-top: 1.5rem;
	width: 9rem;
}
.p-welfare .detail .row > div {
	flex: 1;
}
.p-welfare .detail h4 {
	margin-top: 3rem;
	font-size: 2rem;
}
.p-welfare .detail h4:first-child {
	margin-top: 0;
}
.p-welfare .detail h4 span {
	font-size: 1.5rem;
}
.p-welfare .detail .list li {
	margin-bottom: 2em;
}
.p-welfare .detail .list li:last-child {
	margin-bottom: 0;
}
.p-welfare .detail .list li > p:first-child {
	position: relative;
	padding-left: 1em;
}
.p-welfare .detail .list li > p:first-child::before {
	content: '●';
	position: absolute;
	top: 0;
	left: 0;
}
.p-welfare .detail .table01 th,
.p-welfare .detail .table01 td {
	width: 10rem;
}
.p-welfare .detail .img {
	display: flex;
	flex-wrap: wrap;
	gap: 4rem 3rem;
	margin-top: 3rem;
}
.p-welfare .detail .img span {
	display: block;
	overflow: hidden;
	border-radius: 1rem;
}
.p-welfare .detail .img img {
	width: 29.3rem;
}
.p-welfare .detail .img em {
	display: block;
	margin-top: 0.8rem;
}

@media screen and (max-width: 768px) {
	.p-welfare .lead-main {
		margin: 5rem 0;
	}
	.p-welfare .detail .row {
		display: block;
		padding: 4.5rem 0 5rem 0;
	}
	.p-welfare .detail .row:last-child {
		padding-bottom: 0;
		border-bottom: 0;
	}
	.p-welfare .detail .row > h3 {
		margin-bottom: 2rem;
	}
	.p-welfare .detail h4 {
		margin-top: 3rem;
		margin-bottom: 0.8rem;
	}
	.p-welfare .detail .list li {
		margin-bottom: 1.5em;
	}
	.p-welfare .detail .table01 {
		display: block;
	}
	.p-welfare .detail .table01 th,
	.p-welfare .detail .table01 td {
		width: 8.7rem;
		font-size: 1.4rem;
	}
	.p-welfare .detail .img {
		flex-direction: column;
		gap: 2rem;
	}
	.p-welfare .detail .img span {
		border-radius: 1.2rem;
	}
	.p-welfare .detail .img img {
		width: 100%;
	}
	.p-welfare .detail .img em {
		margin-top: 0.6rem;
	}
}

/* ==================================================

	[ PROJECT ] EDUCATION ABOUT

*/
.p-education .about {
	margin-top: 10rem;
}
.p-education .about .list {
	display: flex;
	justify-content: space-between;
	gap: 6rem;
	margin-top: 8rem;
	font-size: 1.7rem;
}
.p-education .about .list li {
	flex: 1;
}
.p-education .about .list .num {
	text-align: center;
	font-family: var(--font-en);
	font-size: 5.5rem;
	line-height: 1;
	color: var(--color-blue);
}
.p-education .about .list h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1.5rem;
	min-height: 4em;
	text-align: center;
	font-size: 2.5rem;
	line-height: 1.6;
}
@media screen and (max-width: 768px) {
	.p-education .about {
		margin-top: 5rem;
	}
	.p-education .about .list {
		display: block;
		margin-top: 5rem;
	}
	.p-education .about .list li {
		margin-bottom: 4rem;
	}
	.p-education .about .list li:last-child {
		margin-bottom: 0;
	}
	.p-education .about .list .num {
		font-size: 5rem;
	}
	.p-education .about .list h3 {
		margin: 1.5rem 0;
		min-height: initial;
		font-size: 2.3rem;
	}
}

/* ==================================================

	[ PROJECT ] EDUCATION TRAINING

*/
.p-education .training {
	margin-top: 10rem;
}
.p-education .training .lead-main {
	margin-top: 8rem;
}
@media screen and (max-width: 768px) {
	.p-education .training {
		margin-top: 6rem;
	}
	.p-education .training .lead-main {
		margin-top: 4rem;
	}
}

/* ==================================================

	[ PROJECT ] EDUCATION TRAINING OFFJT

*/
.p-education .training-offjt {
	margin: 0 0 5rem 0;
	padding: 8rem 5rem 5rem 5rem;
	background-color: var(--bg-gray);
	border-radius: 1.5rem;
}
.p-education .training-offjt .figure {
	margin: 6rem 0 0 0;
}
.p-education .training-offjt .figure .head {
	margin-bottom: 3rem;
}
.p-education .training-offjt .figure .h {
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.5;
}
.p-education .training-offjt .figure .h span {
	display: block;
	font-size: 1.3rem;
}
.p-education .training-offjt .figure .table {
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(15, 5rem);
	grid-column-gap: 0.3rem;
	grid-row-gap: 0.3rem;
	border-radius: 1rem;
	text-align: center;
	line-height: 1.6;
}
.p-education .training-offjt .figure .table > div {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 0.5rem;
	background-color: #FFF;
}
.p-education .training-offjt .figure .table .div1 { grid-area: 1 / 1 / 2 / 2; }
.p-education .training-offjt .figure .table .div2 { grid-area: 1 / 2 / 2 / 3; }
.p-education .training-offjt .figure .table .div3 { grid-area: 1 / 3 / 2 / 4; }
.p-education .training-offjt .figure .table .div4 { grid-area: 1 / 4 / 2 / 5; }
.p-education .training-offjt .figure .table .div5 { grid-area: 1 / 5 / 2 / 6; }
.p-education .training-offjt .figure .table .div6 { grid-area: 2 / 1 / 4 / 2; }
.p-education .training-offjt .figure .table .div7 { grid-area: 2 / 2 / 4 / 3; }
.p-education .training-offjt .figure .table .div8 { grid-area: 2 / 3 / 8 / 4; }
.p-education .training-offjt .figure .table .div9 { grid-area: 2 / 4 / 10 / 5; }
.p-education .training-offjt .figure .table .div10 { grid-area: 2 / 5 / 16 / 6; }
.p-education .training-offjt .figure .table .div11 { grid-area: 4 / 1 / 6 / 2; }
.p-education .training-offjt .figure .table .div12 { grid-area: 4 / 2 / 6 / 3; }
.p-education .training-offjt .figure .table .div13 { grid-area: 6 / 1 / 8 / 2; }
.p-education .training-offjt .figure .table .div14 { grid-area: 6 / 2 / 8 / 3; }
.p-education .training-offjt .figure .table .div15 { grid-area: 8 / 1 / 10 / 2; }
.p-education .training-offjt .figure .table .div16 { grid-area: 8 / 2 / 10 / 3; }
.p-education .training-offjt .figure .table .div17 { grid-area: 8 / 3 / 10 / 4; }
.p-education .training-offjt .figure .table .div18 { grid-area: 10 / 1 / 12 / 2; }
.p-education .training-offjt .figure .table .div19 { grid-area: 10 / 2 / 12 / 3; }
.p-education .training-offjt .figure .table .div20 { grid-area: 10 / 3 / 12 / 4; }
.p-education .training-offjt .figure .table .div21 { grid-area: 10 / 4 / 16 / 5; }
.p-education .training-offjt .figure .table .div22 { grid-area: 12 / 1 / 14 / 2; }
.p-education .training-offjt .figure .table .div23 { grid-area: 12 / 2 / 14 / 3; }
.p-education .training-offjt .figure .table .div24 { grid-area: 12 / 3 / 14 / 4; }
.p-education .training-offjt .figure .table .div25 { grid-area: 14 / 1 / 16 / 2; }
.p-education .training-offjt .figure .table .div26 { grid-area: 14 / 2 / 16 / 3; }
.p-education .training-offjt .figure .table .div27 { grid-area: 14 / 3 / 16 / 4; }
.p-education .training-offjt .figure .table .th {
	background-color: var(--bg-black);
	color: #FFF;
}
.p-education .training-offjt .figure .table .th em {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.p-education .training-offjt .figure .table .th span {
	display: block;
	font-size: 1.3rem;
}
.p-education .training-offjt .figure .table div.box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-color: var(--bg-gray);
	border-radius: 0.8rem;
}
.p-education .training-offjt .figure .table ul {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	gap: 0.5rem;
}
.p-education .training-offjt .figure .table ul li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-basis: 50%;
	width: 100%;
	background-color: var(--bg-gray);
	border-radius: 0.8rem;
}
.p-education .training-offjt .figure .table p {
	font-size: 1.3rem;
}
.p-education .training-offjt .figure .table .box-spacer {
	flex-basis: 4.9rem;
	flex-shrink: 0;
}
.p-education .training-offjt .figure .table i {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 0.3rem;
	background-color: var(--bg-gray);
}
.p-education .training-offjt .figure .table i:nth-child(1) {
	top: 10.3rem;
}
.p-education .training-offjt .figure .table i:nth-child(2) {
	top: 20.9rem;
}
.p-education .training-offjt .figure .table i:nth-child(3) {
	top: 31.5rem;
}
.p-education .training-offjt .figure .table i:nth-child(4) {
	top: 42.1rem;
}
.p-education .training-offjt .figure .table i:nth-child(5) {
	top: 52.7rem;
}
.p-education .training-offjt .figure .table i:nth-child(6) {
	top: 63.3rem;
}
.p-education .training-offjt .row {
	display: flex;
	flex-wrap: wrap;
	padding: 4rem 0;
	border-bottom: 1px solid var(--border-gray);
}
.p-education .training-offjt .row:last-child {
	padding-bottom: 2rem;
	border-bottom: 0;
}
.p-education .training-offjt .row > h4 {
	flex-basis: 33.4rem;
	flex-shrink: 0;
	font-size: 2.2rem;
}
.p-education .training-offjt .row > div {
	flex: 1;
}
.p-education .training-offjt .row .img {
	flex-basis: 100%;
	display: flex;
	justify-content: space-between;
	gap: 4rem;
	margin-top: 4rem;
}
.p-education .training-offjt .row .img div {
	flex: 1;
	overflow: hidden;
	height: 19.5rem;
	border-radius: 1.2rem;
}
.p-education .training-offjt .row .img div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 768px) {
	.p-education .training-offjt {
		margin: 0 0 1rem 0;
		padding: 5rem 2.5rem 3rem 2.5rem;
		border-radius: 0;
	}
	.p-education .training-offjt .figure {
		margin: 4rem 0 -1rem 0;
	}
	.p-education .training-offjt .figure .head {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.p-education .training-offjt .figure .h {
		display: flex;
		align-items: flex-end;
		text-align: left;
		font-size: 1.8rem;
	}
	.p-education .training-offjt .figure .h span {
		margin-bottom: 0.2rem;
	}
	.p-education .training-offjt .figure .l-scroll-content {
		display: flex;
		margin: 0 -2.5rem;
	}
	.p-education .training-offjt .figure .l-scroll-content::before,
	.p-education .training-offjt .figure .l-scroll-content::after {
		content: '';
		display: block;
		flex-shrink: 0;
		flex-basis: 2.5rem;
	}
	.p-education .training-offjt .figure .table {
		flex-shrink: 0;
		transform: scale(0.76);
		transform-origin: 0 0;
		margin-right: calc(96 * 0.24 * -1rem);
		margin-bottom: calc(79.2 * 0.24 * -1rem + 2rem);
		flex-basis: 96rem;
		height: 79.2rem;
	}
	.p-education .training-offjt .row {
		display: block;
		padding: 4rem 0;
	}
	.p-education .training-offjt .row > h4 {
		margin-bottom: 2rem;
	}
	.p-education .training-offjt .row .img {
		display: block;
		margin-top: 3rem;
	}
	.p-education .training-offjt .row .img div {
		margin-bottom: 2rem;
		height: 22.8rem;
	}
	.p-education .training-offjt .row .img div:last-child {
		margin-bottom: 0;
	}
}

/* ==================================================

	[ PROJECT ] EDUCATION TRAINING OJT

*/
.p-education .training-ojt {
	margin: 0 0 5rem 0;
	padding: 8rem 5rem 5rem 5rem;
	background-color: var(--bg-gray);
	border-radius: 1.5rem;
}
.p-education .training-ojt .row {
	display: flex;
	padding: 4rem 0;
	border-bottom: 1px solid var(--border-gray);
}
.p-education .training-ojt .row:last-child {
	padding-bottom: 2rem;
	border-bottom: 0;
}
.p-education .training-ojt .row > h4 {
	flex-basis: 33.4rem;
	flex-shrink: 0;
	font-size: 2.2rem;
}
.p-education .training-ojt .row > div {
	flex: 1;
}
.p-education .training-ojt .rotation {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 2.5rem -0.7rem 0 -0.7rem;
	font-size: 2rem;
}
.p-education .training-ojt .rotation::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4rem 0 0 -4rem;
	width: 8rem;
	height: 8rem;
	background-image: url(../img/icon-cycle.svg);
	background-size: contain;
}
.p-education .training-ojt .rotation li {
	flex-basis: 50%;
	padding: 0.7rem;
}
.p-education .training-ojt .rotation li div {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 7rem;
	background-color: #FFF;
	border-radius: 1rem;
}
.p-education .training-ojt .img {
	display: flex;
	margin-top: 4rem;
}
.p-education .training-ojt .img div {
	flex-basis: 29.3rem;
	height: 19.5rem;
	overflow: hidden;
	border-radius: 1.2rem;
}
.p-education .training-ojt .img div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 768px) {
	.p-education .training-ojt {
		margin: 0 0 1rem 0;
		padding: 5rem 2.5rem 3rem 2.5rem;
		border-radius: 0;
	}
	.p-education .training-ojt .row {
		display: block;
		padding: 4rem 0;
	}
	.p-education .training-ojt .row > h4 {
		margin-bottom: 2rem;
	}
	.p-education .training-ojt .rotation {
		font-size: 1.8rem;
	}
	.p-education .training-ojt .rotation li div {
		height: 6rem;
	}
	.p-education .training-ojt .img {
		display: block;
		margin-top: 3rem;
	}
	.p-education .training-ojt .img div {
		height: 22.8rem;
	}
}

/* ==================================================

	[ PROJECT ] EDUCATION CAREER-PATH

*/
.p-education .career-path {
	padding: 7rem 0 0 0;
}
.p-education .career-path h4 {
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.5;
}
.p-education .career-path .lead-main {
	margin: 3rem 0 5rem 0;
	text-align: center;
	font-size: 1.6rem;
}
.p-education .career-path .case {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem;
}
.p-education .career-path .case .block {
	flex-basis: 50%;
	margin-bottom: 4rem;
	padding: 0 2rem;
}
.p-education .career-path .case .frame {
	padding: 3.5rem 2.5rem;
	background-color: #FFF;
	border-radius: 1rem;
}
.p-education .career-path .case h5 {
	text-align: center;
	line-height: 1.3;
}
.p-education .career-path .case h5 span {
	display: block;
	font-size: 2.5rem;
	color: var(--color-blue);
}
.p-education .career-path .case h5 em {
	display: block;
	margin-top: 1rem;
	font-size: 2rem;
}
.p-education .career-path .case ul {
	margin: 3.5rem 0 3rem 0;
	text-align: center;
}
.p-education .career-path .case li:not(:last-child)::after {
	content: '';
	display: block;
	margin: 1rem auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2rem 1.2rem 0 1.2rem;
	border-color: var(--color-blue) transparent transparent transparent;
}
.p-education .career-path .case li > div {
	padding: 1rem 0;
	background-color: rgba(var(--color-blue-rgb), 0.1);
	border-radius: 1rem;
}
.p-education .career-path .case .note {
	margin-top: 1rem;
	font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
	.p-education .career-path {
		padding: 5rem 0 0 0;
	}
	.p-education .career-path .lead-main {
		margin: 3rem 0 3rem 0;
		text-align: left;
	}
	.p-education .career-path .case {
		display: block;
		margin: 0;
	}
	.p-education .career-path .case .block {
		margin-bottom: 2rem;
		padding: 0;
	}
}

/* ==================================================

	[ PROJECT ] EDUCATION QUALIFICATION

*/
.p-education .qualification {
	padding: 8rem 5rem 5rem 5rem;
	background-color: var(--bg-gray);
	border-radius: 1.5rem;
}
.p-education .qualification .lead-main {
	margin: 6rem 0 0 0;
	padding-bottom: 2rem;
	font-size: 1.7rem;
}
.p-education .qualification .row {
	display: flex;
	flex-wrap: wrap;
	padding: 4rem 0;
	border-bottom: 1px solid var(--border-gray);
}
.p-education .qualification .row:last-child {
	padding-bottom: 2rem;
	border-bottom: 0;
}
.p-education .qualification .row > h4 {
	flex-basis: 33.4rem;
	flex-shrink: 0;
	font-size: 2.2rem;
}
.p-education .qualification .row > div {
	flex: 1;
}
.p-education .qualification .row > div h5 {
	margin-top: 2.5rem;
	text-indent: -0.5em;
}
.p-education .qualification .row > div h5:first-child {
	margin-top: 0;
}

@media screen and (max-width: 768px) {
	.p-education .qualification {
		padding: 5rem 2.5rem 5rem 2.5rem;
		border-radius: 0;
	}
	.p-education .qualification .lead-main {
		margin: 4rem 0 0 0;
		padding-bottom: 0;
		font-size: 1.6rem;
	}
	.p-education .qualification .row {
		display: block;
		padding: 4rem 0;
	}
	.p-education .qualification .row > h4 {
		margin-bottom: 2rem;
	}
}

/* ==================================================

	[ PROJECT ] RECRUIT DETAILS

*/
.p-recruit-details .details {
	margin-top: 10rem;
	border-top: 1px solid var(--border-gray);
}
.p-recruit-details .block {
	border-bottom: 1px solid var(--border-gray);
}
.p-recruit-details .block > button {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 12rem;
	font-size: 2.5rem;
}
.p-recruit-details .block > button i {
	position: absolute;
	top: 50%;
	right: 2rem;
	margin-top: -0.7rem;
	width: 1.4rem;
	height: 1.4rem;
}
.p-recruit-details .block > button i::before,
.p-recruit-details .block > button i::after {
	content: '';
	display: block;
	position: absolute;
	background-color: var(--border-black);
	top: 0;
	left: 0;
	margin: -1px 0 0 -1px;
	width: 100%;
	height: 100%;
}
.p-recruit-details .block > button i::before {
	top: 50%;
	margin-left: 0;
	height: 2px;
}
.p-recruit-details .block > button i::after {
	left: 50%;
	margin-top: 0;
	width: 2px;
}
.p-recruit-details .block > button[aria-expanded="true"] i::after {
	content: none;
}
.p-recruit-details .block > button + div {
	overflow: hidden;
	height: 0;
}
.p-recruit-details .detail {
	padding-bottom: 5rem;
}
.p-recruit-details .detail .frame {
	padding: 6rem 5rem;
	background-color: var(--bg-gray);
	border-radius: 1.5rem;
	font-size: 1.7rem;
}
.p-recruit-details .detail .row {
	display: flex;
	padding: 2rem 0;
	border-bottom: 1px solid var(--border-gray);
}
.p-recruit-details .detail .row:first-child {
	border-top: 1px solid var(--border-gray);
}
.p-recruit-details .detail .row > h3 {
	flex-basis: 21rem;
}
.p-recruit-details .detail .row > div {
	flex: 1;
}
.p-recruit-details .detail .row .head {
	flex-basis: 21rem;
	flex-grow: 0;
}
.p-recruit-details .detail .number-employees th,
.p-recruit-details .detail .number-employees td {
	width: 10rem;
}
.p-recruit-details .detail .flow li::after {
	content: '↓';
	display: block;
}
.p-recruit-details .detail .flow li:last-child::after {
	content: none;
}
.p-recruit-details .detail .more {
	display: flex;
}
.p-recruit-details .detail .more a {
	display: flex;
	align-items: center;
	text-decoration: underline;
}
.p-recruit-details .detail .more a i {
	margin-left: 0.8rem;
}
@media (any-hover: hover) {
	.p-recruit-details .detail .more a {
		transition: color 0.3s ease;
	}
	.p-recruit-details .detail .more a:hover {
		color: var(--color-hover);
	}
}
@media screen and (max-width: 768px) {
	.p-recruit-details .details {
		margin-top: 7rem;
	}
	.p-recruit-details .block > button {
		height: 10rem;
		font-size: 1.9rem;
	}
	.p-recruit-details .block > button i {
		right: 1rem;
	}
	.p-recruit-details .detail {
		padding-bottom: 3rem;
	}
	.p-recruit-details .detail .frame {
		padding: 3rem 2rem;
		border-radius: 1.2rem;
		font-size: 1.5rem;
	}
	.p-recruit-details .detail .row.break-sp {
		display: block;
	}
	.p-recruit-details .detail .row > h3 {
		flex-basis: 8rem;
		flex-shrink: 0;
		padding-right: 1rem;
		padding-top: 0.3rem;
		line-height: 1.64;
	}
	.p-recruit-details .detail .row .head {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.p-recruit-details .detail .number-employees {
		margin: 0.5rem 0 -1rem 0;
	}
	.p-recruit-details .detail .number-employees .l-scroll-content {
		display: flex;
		padding: 0 0 1rem 0;
	}
	.p-recruit-details .detail .number-employees th,
	.p-recruit-details .detail .number-employees td {
		width: 8.6rem;
		font-size: 1.4rem;
	}
}

/* ==================================================

	[ PROJECT ] RECRUIT FAQ

*/
.p-recruit-faq .c-nav-anchor li {
	flex-basis: 50%;
}
.p-recruit-faq .head .lead {
	margin-top: 5rem;
	text-align: center;
	font-size: 1.7rem;
	line-height: 2.1;
}
.p-recruit-faq .list {
	margin-top: 5rem;
	border-top: 1px solid var(--border-gray);
}
.p-recruit-faq .list > li {
	padding: 3.5rem 0;
	border-bottom: 1px solid var(--border-gray);
}
.p-recruit-faq .list .q {
	position: relative;
	margin-bottom: 1rem;
	padding-left: 3.5rem;
	font-size: 2.1rem;
	line-height: 1.6;
}
.p-recruit-faq .list .q::before {
	content: 'Q';
	position: absolute;
	top: 0;
	left: 0;
	width: 2rem;
	text-align: center;
}
.p-recruit-faq .list .a {
	position: relative;
	padding-left: 3.5rem;
	padding-top: 0.5rem;
}
.p-recruit-faq .list .a::before {
	content: 'A';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2.1rem;
	width: 2rem;
	text-align: center;
}
.p-recruit-faq .list .a .number-employees {
	margin-top: 1.5rem;
}
.p-recruit-faq .list .a .number-employees th,
.p-recruit-faq .list .a .number-employees td {
	width: 9.2rem;
}
.p-recruit-faq .wrap-career {
	margin-top: 10rem;
}
.p-recruit-faq .link {
	display: flex;
	margin-top: 1.5rem;
}
.p-recruit-faq .link a {
	display: flex;
	align-items: center;
	font-size: 1.8rem;
}
.p-recruit-faq .link a::after {
	content: '';
	display: block;
	margin-left: 1rem;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: var(--bg-black);
	background-position: center;
	background-image: url(../img/icon-arrow.svg);
	background-size: contain;
}
@media (any-hover: hover) {
	.p-recruit-faq .head .lead a {
		transition: color 0.3s ease;
	}
	.p-recruit-faq .head .lead a:hover {
		color: var(--color-hover);
	}
	.p-recruit-faq .link a {
		transition: color 0.3s ease;
	}
	.p-recruit-faq .link a:hover {
		color: var(--color-hover);
	}
	.p-recruit-faq .link a::after {
		transition: background-color 0.3s ease;
	}
	.p-recruit-faq .link a:hover::after {
		background-color: var(--color-hover);
	}
}
@media screen and (max-width: 768px) {
	.p-recruit-faq .head .lead {
		margin-top: 4rem;
	}
	.p-recruit-faq .list .q {
		font-size: 1.8rem;
	}
	.p-recruit-faq .list .q::before {
		top: -0.2rem;
		font-size: 2.1rem;
	}
	.p-recruit-faq .list .a .number-employees {
		margin: 1.5rem -2.5rem 0 -6rem;
	}
	.p-recruit-faq .list .a .number-employees .head {
		display: flex;
		justify-content: flex-end;
		padding: 0 2.5rem;
	}
	.p-recruit-faq .list .a .number-employees .l-scroll-content {
		display: flex;
		padding: 0 2.5rem 1rem 0;
	}
	.p-recruit-faq .list .a .number-employees .l-scroll-content::before {
		content: '';
		display: block;
		flex-shrink: 0;
		flex-basis: 2.5rem;
	}
}

/* ==================================================

	[ PROJECT ] ENTRY

*/
.p-entry {
}
.p-entry h1 {
	margin-bottom: 7rem;
	text-align: center;
	font-family: var(--font-en);
	font-size: 6.5rem;
	line-height: 1.2;
}
.p-entry .group a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 11rem;
	background-color: var(--bg-gray);
	border-radius: 1.5rem;
	font-size: 2.2rem;
}
.p-entry .group a i {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}
.p-entry .mynavi {
	display: flex;
	align-items: center;
	margin-top: 3rem;
	padding: 4rem;
	padding-left: 0;
	background-color: var(--bg-gray);
	border-radius: 1.5rem;
}
.p-entry .mynavi h2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	gap: 1.5rem;
	font-size: 1.3rem;
}
.p-entry .mynavi h2 em {
	display: block;
	width: 26rem;
}
.p-entry .mynavi h2 span {
	display: block;
}
.p-entry .mynavi nav {
	flex-basis: 64.4rem;
	font-size: 2.2rem;
}
.p-entry .mynavi ul {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem 0;
	margin: 0 -1.5rem;
}
.p-entry .mynavi li {
	flex-basis: 50%;
	padding: 0 1.5rem;
}
.p-entry .mynavi a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 11rem;
	border-radius: 1.5rem;
	background-color: #FFF;
}
.p-entry .mynavi a i {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
}
@media (any-hover: hover) {
	.p-entry .group a,
	.p-entry .mynavi a {
		transition: color 0.3s ease;
	}
	.p-entry .group a:hover,
	.p-entry .mynavi a:hover {
		color: var(--color-hover);
	}
	.p-entry .group a:hover i::after,
	.p-entry .mynavi a:hover i::after {
		opacity: 1;
	}
}
@media screen and (max-width: 768px) {
	.p-entry h1 {
		margin-bottom: 5rem;
		font-size: 4.3rem;
	}
	.p-entry .group a {
		height: 10rem;
		border-radius: 1.2rem;
		font-size: 1.8rem;
	}
	.p-entry .mynavi {
		display: block;
		margin-top: 1.5rem;
		padding: 4rem 2rem 4rem 2rem;
		border-radius: 1.2rem;
	}
	.p-entry .mynavi nav {
		margin-top: 4rem;
		font-size: 1.9rem;
	}
	.p-entry .mynavi ul {
		flex-direction: column;
		gap: 1rem;
		margin: 0;
	}
	.p-entry .mynavi li {
		flex-basis: auto;
		padding: 0;
	}
	.p-entry .mynavi a {
		height: 9rem;
		border-radius: 1.2rem;
	}
}

/* ==================================================

	[ PROJECT ] INNOVATION

*/
.p-innovation {
	padding: 10rem 0 0 0;
}
@media screen and (max-width: 768px) {
	.p-innovation {
		padding: 8rem 0 0 0;
	}
}

/* ==================================================

	[ PROJECT ] INNOVATION MAIN

*/
.p-innovation-main {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 52.5rem;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #F8E7DC;
	background-image: url(../img/innovation-mv-pc.svg);
	background-size: 170rem 100%;
	text-align: center;
}
.p-innovation-main h1 {
	font-size: 7rem;
	line-height: 1.28;
}
.p-innovation-main h2 {
	margin-top: 2rem;
	padding-bottom: 1rem;
	font-family: var(--font-en);
	font-size: 2.7rem;
	line-height: 1.4;
	color: var(--color-red);
}
@media screen and (max-width: 768px) {
	.p-innovation-main {
		height: 25.6rem;
		background-image: url(../img/innovation-mv-sp.svg);
		background-size: cover;
	}
	.p-innovation-main h1 {
		font-size: 3.4rem;
		line-height: 1.29;
	}
	.p-innovation-main h2 {
		margin-top: 1rem;
		font-size: 1.5rem;
	}
}

/* ==================================================

	[ PROJECT ] INNOVATION BEGINNING

*/
.p-innovation-beginning {
	padding: 10rem 0;
}
.p-innovation-beginning h2 {
	margin-bottom: 3rem;
	text-align: center;
	font-size: 4rem;
	line-height: 1.8;
	color: var(--color-red);
}
@media screen and (max-width: 768px) {
	.p-innovation-beginning {
		padding: 4rem 0 5rem 0;
	}
	.p-innovation-beginning h2 {
		margin-bottom: 3rem;
		font-size: 2.5rem;
	}
}

/* ==================================================

	[ PROJECT ] INNOVATION WRAPPER

*/
.p-innovation-wrapper {
	padding: 10rem 0 16rem 0;
	background-color: var(--bg-gray);
}
@media screen and (max-width: 768px) {
	.p-innovation-wrapper {
		padding: 4rem 0 6rem 0;
	}
}

/* ==================================================

	[ PROJECT ] INNOVATION CONTENT

*/
.p-innovation-content {
	margin: 0 auto;
	margin-bottom: 12rem;
	max-width: 106rem;
}
.p-innovation-content .item {
	position: relative;
	padding: 8rem 5rem;
	background-color: #FFF;
	border-radius: 1.5rem;
}
.p-innovation-content .item:not(:last-child) {
	margin-bottom: 6rem;
}
.p-innovation-content .item .head {
	display: flex;
	align-items: center;
	margin-bottom: 5rem;
}
.p-innovation-content .item .head .title {
	flex: 1;
}
.p-innovation-content .item .head .number {
	margin-bottom: 1rem;
	font-family: var(--font-en);
	font-size: 3.2rem;
	line-height: 1.3;
}
.p-innovation-content .item .head .number em {
	color: var(--color-red);
}
.p-innovation-content .item .head h2 {
	font-size: 3.4rem;
	line-height: 1.7;
}
.p-innovation-content .item .head .image {
	flex-basis: 40rem;
}
.p-innovation-content .item .head .image span {
	display: block;
	overflow: hidden;
	border-radius: 1.2rem;
}
.p-innovation-content .symbols {
	position: absolute;
	top: -3rem;
	right: -5.4rem;
	width: 21rem;
	height: 15.6rem;
}
.p-innovation-content .symbols div {
	position: absolute;
	transform: rotate(-15deg);
}
.p-innovation-content .symbols div i {
	display: block;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
	transform: scale(0.3);
	opacity: 0;
}
.p-innovation-content .u-inview .symbols div i {
	transform: scale(1);
	opacity: 1;
}
.p-innovation-content .symbols .symbol01 {
	top: 0;
	right: 0;
	width: 11rem;
}
.p-innovation-content .symbols .symbol02 {
	bottom: 0;
	left: 0;
	width: 8rem;
}
.p-innovation-content .detail {
	display: flex;
	flex-direction: row-reverse;
	margin-bottom: 8rem;
}
.p-innovation-content .detail .profile {
	flex-basis: 15rem;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.56;
}
.p-innovation-content .detail .profile .portrait {
	margin-bottom: 1rem;
}
.p-innovation-content .detail .profile .portrait span {
	display: block;
	overflow: hidden;
	border-radius: 50%;
}
.p-innovation-content .detail .text {
	flex: 1;
	padding-left: 5rem;
	font-size: 1.7rem;
	line-height: 2.1;
}
.p-innovation-content .detail .text sup {
	padding: 0 0.1em;
	font-size: 60%;
}
.p-innovation-content .detail .text .note {
	margin-top: 1rem;
	font-size: 1.3rem;
	line-height: 1.6;
}
.p-innovation-content .foot {
	padding: 4rem 0;
	border: 1px solid var(--border-gray);
	border-left: 0;
	border-right: 0;
	text-align: center;
}
.p-innovation-content .foot h3 {
	font-size: 2.6rem;
	line-height: 1.7;
}
.p-innovation-content .foot .link {
	display: flex;
	justify-content: center;
	margin-top: 1.5rem;
	font-size: 1.8rem;
	line-height: 1.5;
}
.p-innovation-content .foot .link a {
	display: flex;
	align-items: center;
}
.p-innovation-content .foot .link a i {
	margin-left: 1rem;
}
@media (any-hover: hover) {
	.p-innovation-content .foot .link a {
		transition: color 0.3s ease;
	}
	.p-innovation-content .foot .link a:hover {
		color: var(--color-hover);
	}
	.p-innovation-content .foot .link a i {
		transition: background-color 0.3s ease;
	}
	.p-innovation-content .foot .link a:hover i {
		background-color: var(--color-hover);
	}
}
@media screen and (max-width: 768px) {
	.p-innovation-content {
		margin-bottom: 6rem;
		padding: 0 2.5rem;
		max-width: initial;
	}
	.p-innovation-content .item {
		padding: 4rem 2rem;
		border-radius: 1.2rem;
	}
	.p-innovation-content .item:not(:last-child) {
		margin-bottom: 2rem;
	}
	.p-innovation-content .item .head {
		display: block;
		margin-bottom: 3rem;
	}
	.p-innovation-content .item .head .title {
		margin-bottom: 3rem;
	}
	.p-innovation-content .item .head .number {
		margin-bottom: 1rem;
		font-size: 2.1rem;
	}
	.p-innovation-content .item .head h2 {
		font-size: 2.3rem;
	}
	.p-innovation-content .symbols {
		top: -2rem;
		right: -3.4rem;
		width: 12.6rem;
		height: 9.6rem;
	}
	.p-innovation-content .symbols .symbol01 {
		width: 6.8rem;
	}
	.p-innovation-content .symbols .symbol02 {
		width: 4.8rem;
	}
	.p-innovation-content .detail {
		display: block;
		margin-bottom: 3rem;
	}
	.p-innovation-content .detail .profile {
		display: flex;
		align-items: center;
		margin-top: 3rem;
		text-align: left;
	}
	.p-innovation-content .detail .profile .portrait {
		flex-basis: 12rem;
		margin: 0;
	}
	.p-innovation-content .detail .profile p {
		padding-left: 1.5rem;
	}
	.p-innovation-content .detail .text {
		padding-left: 0;
		font-size: 1.6rem;
		line-height: 2;
	}
	.p-innovation-content .detail .text .note {
		margin-top: 2rem;
		font-size: 1.3rem;
		line-height: 1.6;
	}
	.p-innovation-content .foot {
		padding: 3rem 0;
	}
	.p-innovation-content .foot h3 {
		font-size: 2rem;
		line-height: 1.75;
	}
	.p-innovation-content .foot .link {
		margin-top: 1.2rem;
		font-size: 1.7rem;
	}
}


/* ==================================================

	[ PROJECT ] DIVERSITY

*/
.p-diversity .c-nav-anchor {
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
	.p-diversity {
		padding-top: 10.5rem;
	}
}

/* ==================================================

	[ PROJECT ] DIVERSITY MAIN

*/
.p-diversity-main {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8rem;
	height: 48rem;
	text-align: center;
}
.p-diversity-main .mv {
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: 1.5rem;
}
.p-diversity-main .mv picture,
.p-diversity-main .mv img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-diversity-main .inner {
	position: relative;
	padding-bottom: 2.4rem;
}
.p-diversity-main h1 span {
	display: block;
	font-family: var(--font-en);
	font-size: 2.2rem;
	line-height: 1.2;
}
.p-diversity-main h1 span::after {
	content: '';
	display: block;
	margin: 2.4rem auto;
	width: 5.9rem;
	height: 1rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/heading-thirdry-parts.svg);
	background-size: contain;
}
.p-diversity-main h1 em {
	display: block;
	font-size: 3.6rem;
	line-height: 1.56;
}
@media screen and (max-width: 768px) {
	.p-diversity-main {
		margin-bottom: 4rem;
		height: 22.4rem;
	}
	.p-diversity-main .mv {
		border-radius: 1.2rem;
	}
	.p-diversity-main .inner {
		padding-bottom: 1.5rem;
	}
	.p-diversity-main h1 span {
		font-size: 1.3rem;
	}
	.p-diversity-main h1 span::after {
		margin: 1rem auto;
		width: 2.8rem;
		height: 0.5rem;
	}
	.p-diversity-main h1 em {
		font-size: 1.7rem;
		line-height: 1.58;
	}
}

/* ==================================================

	[ PROJECT ] DIVERSITY HOLIDAY

*/
.p-diversity-holiday {
	padding: 9rem 0 7rem 0;
}
.p-diversity-holiday .c-heading-secondary {
	margin-bottom: 7.5rem;
}
.p-diversity-holiday .list {
	margin: 0 auto;
	max-width: 96rem;
}
.p-diversity-holiday .list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem;
}
.p-diversity-holiday .list ul li {
	flex-basis: 33.333%;
	margin-bottom: 5rem;
	padding: 0 2rem;
	line-height: 1.8;
}
.p-diversity-holiday .list h3 {
	margin-bottom: 1.5rem;
	padding-bottom: 1.2rem;
	border-bottom: 1px solid var(--border-gray);
	text-align: center;
	font-size: 2.2rem;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.p-diversity-holiday {
		padding: 5rem 0 1rem 0;
	}
	.p-diversity-holiday .c-heading-secondary {
		margin-bottom: 4.5rem;
	}
	.p-diversity-holiday .list {
		max-width: initial;
	}
	.p-diversity-holiday .list ul {
		display: block;
		margin: 0;
	}
	.p-diversity-holiday .list ul li {
		margin-bottom: 4rem;
		padding: 0;
	}
}

/* ==================================================

	[ PROJECT ] DIVERSITY SUPPORT

*/
.p-diversity-support {
	padding: 10rem 0;
	background-color: var(--bg-gray);
}
.p-diversity-support .c-heading-secondary {
	margin-bottom: 8rem;
}
.p-diversity-support .wrap {
	margin: 0 auto;
	width: 79.6rem;
}
.p-diversity-support .table {
	overflow: hidden;
	border-radius: 1rem;
	font-size: 1.6rem;
	line-height: 1.5;
}
.p-diversity-support .table-head {
	display: flex;
	background-color: var(--bg-black);
	margin-bottom: 0.3rem;
	height: 4.7rem;
	text-align: center;
	color: #fff;
}
.p-diversity-support .table-head div {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
.p-diversity-support .table-body {
	display: grid;
	height: 23.7rem;
	grid-template-columns: repeat(10, 1fr);
	grid-template-rows: repeat(4, 1fr);
	gap: 0.3rem;
	background-image: url(../img/diversity-support-grid.png);
	background-size: 100% 100%;
}
.p-diversity-support .table-body .div1 { grid-area: 1 / 1 / 2 / 2; }
.p-diversity-support .table-body .div2 { grid-area: 1 / 2 / 2 / 7; }
.p-diversity-support .table-body .div3 { grid-area: 1 / 7 / 2 / 11; }
.p-diversity-support .table-body .div4 { grid-area: 2 / 1 / 3 / 3; }
.p-diversity-support .table-body .div5 { grid-area: 2 / 3 / 3 / 4; }
.p-diversity-support .table-body .div6 { grid-area: 2 / 4 / 3 / 5; }
.p-diversity-support .table-body .div7 { grid-area: 2 / 5 / 3 / 7; }
.p-diversity-support .table-body .div8 { grid-area: 2 / 7 / 3 / 11; }
.p-diversity-support .table-body .div9 { grid-area: 3 / 1 / 4 / 4; }
.p-diversity-support .table-body .div10 { grid-area: 3 / 4 / 4 / 10; }
.p-diversity-support .table-body .div11 { grid-area: 3 / 10 / 4 / 11; }
.p-diversity-support .table-body .div12 { grid-area: 4 / 1 / 5 / 4; }
.p-diversity-support .table-body .div13 { grid-area: 4 / 4 / 5 / 8; }
.p-diversity-support .table-body .div14 { grid-area: 4 / 8 / 5 / 11; }
.p-diversity-support .table-body div p {
	padding: 0.3rem;
	height: 100%;
}
.p-diversity-support .table-body div span {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-color: #EDEDED;
	border-radius: 0.8rem;
}
.p-diversity-support .table-body div em {
	display: block;
}
.p-diversity-support .table-body div sup {
	font-size: 50%;
}
.p-diversity-support .foot {
	display: flex;
	justify-content: space-between;
	margin-top: 1.5rem;
}
.p-diversity-support .foot p {
	font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
	.p-diversity-support {
		padding: 5rem 0;
	}
	.p-diversity-support .c-heading-secondary {
		margin-bottom: 3rem;
	}
	.p-diversity-support .wrap {
		width: auto;
	}
	.p-diversity-support .l-scroll-content {
		display: flex;
		margin: 2rem -2.5rem 0 -2.5rem;
	}
	.p-diversity-support .l-scroll-content::before,
	.p-diversity-support .l-scroll-content::after {
		content: '';
		display: block;
		flex-shrink: 0;
		flex-basis: 2.5rem;
	}
	.p-diversity-support .table {
		flex-shrink: 0;
		transform: scale(0.76);
    transform-origin: 0 0;
    margin-right: calc(79.6 * 0.24 * -1rem);
    margin-bottom: calc(28.7 * 0.24 * -1rem + 2rem);
		width: 79.6rem;
		height: 28.7rem;
	}
	.p-diversity-support .foot {
		display: block;
		margin-top: 0.5rem;
	}
}

/* ==================================================

	[ PROJECT ] DIVERSITY PARENTAL LEAVE

*/
.p-diversity-parental-leave {
	padding: 10rem 0;
}
.p-diversity-parental-leave .c-heading-secondary {
	margin-bottom: 8rem;
}
.p-diversity-parental-leave .list ul li:not(:last-child) {
	margin-bottom: 5rem;
}
.p-diversity-parental-leave .list .block {
	padding: 8rem 5rem;
	background-color: var(--bg-gray);
	border-radius: 1.5rem;
}
.p-diversity-parental-leave .list .block .row01 {
	display: flex;
	margin-bottom: 8rem;
}
.p-diversity-parental-leave .list .block .profile {
	flex-basis: 28rem;
	padding-top: 0.5rem;
}
.p-diversity-parental-leave .list .block .profile .portrait {
	margin-bottom: 2.8rem;
}
.p-diversity-parental-leave .list .block .profile .portrait span {
	display: block;
	overflow: hidden;
	border-radius: 1.5rem;
}
.p-diversity-parental-leave .list .block .profile dl {
	font-size: 1.5rem;
	line-height: 1.7;
}
.p-diversity-parental-leave .list .block .profile dt {
	font-family: var(--font-en);
	font-size: 3.5rem;
	line-height: 1.2;
}
.p-diversity-parental-leave .list .block .detail {
	flex: 1;
	padding-left: 6rem;
}
.p-diversity-parental-leave .list .block .detail h3 {
	margin-bottom: 3rem;
	font-size: 2.3rem;
	line-height: 1.7;
}
.p-diversity-parental-leave .list .block .detail .text {
	font-size: 1.7rem;
	line-height: 2.17;
}
.p-diversity-parental-leave .list .block .row02 {
	display: flex;
	gap: 5rem;
}
.p-diversity-parental-leave .list .block .info {
	flex: 1;
}
.p-diversity-parental-leave .list .block .info h3 {
	margin-bottom: 2.5rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid var(--border-black);
	font-size: 2.1rem;
	line-height: 1.7;
}
.p-diversity-parental-leave .list .block .info dl {
	display: flex;
	align-items: center;
	margin: 0 0 2rem -0.5em;
	padding-top: 0.5rem;
	line-height: 1.2;
}
.p-diversity-parental-leave .list .block .info dt {
	font-size: 1.7rem;
}
.p-diversity-parental-leave .list .block .info dd {
	padding-left: 0.5rem;
	font-size: 3.5rem;
}
.p-diversity-parental-leave .list .block .text {
	font-size: 1.7rem;
	line-height: 2.17;
}
@media screen and (max-width: 768px) {
	.p-diversity-parental-leave {
		padding: 5rem 0;
	}
	.p-diversity-parental-leave .c-heading-secondary {
		margin-bottom: 5rem;
	}
	.p-diversity-parental-leave .list ul li:not(:last-child) {
		margin-bottom: 2rem;
	}
	.p-diversity-parental-leave .list .block {
		padding: 4rem 2rem;
		border-radius: 1.2rem;
	}
	.p-diversity-parental-leave .list .block .row01 {
		display: block;
		margin-bottom: 4rem;
	}
	.p-diversity-parental-leave .list .block .profile {
		padding-top: 0;
	}
	.p-diversity-parental-leave .list .block .profile .portrait {
		margin-bottom: 2.5rem;
	}
	.p-diversity-parental-leave .list .block .profile .portrait span {
		border-radius: 1.2rem;
	}
	.p-diversity-parental-leave .list .block .detail {
		margin-top: 4rem;
		padding-left: 0;
	}
	.p-diversity-parental-leave .list .block .detail .text {
		font-size: 1.6rem;
		line-height: 2;
	}
	.p-diversity-parental-leave .list .block .row02 {
		display: block;
	}
	.p-diversity-parental-leave .list .block .info:not(:last-child) {
		margin-bottom: 4rem;
	}
	.p-diversity-parental-leave .list .block .text {
		font-size: 1.6rem;
		line-height: 2;
	}
}

/* ==================================================

	[ PROJECT ] DIVERSITY VISION

*/
.p-diversity-vision {
	padding: 10rem 0;
	background-color: var(--bg-gray);
}
.p-diversity-vision .c-heading-secondary {
	margin-bottom: 8rem;
}
.p-diversity-vision .detail {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 80rem;
}
.p-diversity-vision .detail::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.4rem 0 2.4rem 4rem;
	border-color: transparent transparent transparent #3697D3;
}
.p-diversity-vision .block {
	flex-basis: 32rem;
	height: 32rem;
	background-color: #FFF;
	border-radius: 50%;
	text-align: center;
}
.p-diversity-vision .block h3 {
	margin-bottom: 2rem;
	padding-top: 6rem;
	font-size: 2.5rem;
	line-height: 1.5;
}
.p-diversity-vision .block .list {
	display: flex;
	justify-content: center;
}
.p-diversity-vision .block .list dl {
	flex: 1;
}
.p-diversity-vision .block .list dt {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 7.5rem;
	font-size: 2rem;
	line-height: 1.6;
}
.p-diversity-vision .block .list dd {
	font-size: 3.9rem;
	line-height: 1.1;
}
@media screen and (max-width: 768px) {
	.p-diversity-vision {
		padding: 5rem 0;
	}
	.p-diversity-vision .c-heading-secondary {
		margin-bottom: 5rem;
	}
	.p-diversity-vision .detail {
		display: block;
		margin: 0 auto;
		width: 30rem;
	}
	.p-diversity-vision .detail::after {
		transform: translate(-50%, -50%) rotate(90deg);
	}
	.p-diversity-vision .block {
		width: 30rem;
		height: 30rem;
	}
	.p-diversity-vision .block:first-child {
		margin-bottom: 10rem;
	}
	.p-diversity-vision .block h3 {
		margin-bottom: 2rem;
		padding-top: 6rem;
		font-size: 2.3rem;
	}
	.p-diversity-vision .block .list dt {
		min-height: 7.5rem;
		font-size: 1.8rem;
	}
	.p-diversity-vision .block .list dd {
		font-size: 3.6rem;
	}
}

/* ==================================================

	[ PROJECT ] DIVERSITY FEMALE STAFF

*/
.p-diversity-female-staff {
	padding: 10rem 0 0 0;
}
.p-diversity-female-staff .c-heading-secondary {
	margin-bottom: 8rem;
}
.p-diversity-female-staff .interview {
	margin: 0 auto;
	max-width: 98rem;
}
.p-diversity-female-staff .interview .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -2rem;
	padding-bottom: 4rem;
}
.p-diversity-female-staff .interview .list li {
	flex-basis: 50%;
	margin-bottom: 4rem;
	padding: 0 2rem;
}
.p-diversity-female-staff .interview .list a {
	display: flex;
	overflow: hidden;
	height: 100%;
	min-height: 20rem;
	background-color: var(--bg-gray);
	border-radius: 1.5rem;
}
.p-diversity-female-staff .interview .list .thumb {
	overflow: hidden;
	flex-basis: 15rem;
	flex-shrink: 0;
}
.p-diversity-female-staff .interview .list .thumb picture,
.p-diversity-female-staff .interview .list .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-diversity-female-staff .interview .list .detail {
	flex: 1;
	padding: 2rem;
	font-size: 1.7rem;
	line-height: 1.7;
}
.p-diversity-female-staff .interview .list .detail dl {
	margin-top: 0.5rem;
}
.p-diversity-female-staff .interview .list .detail dt {
	font-family: var(--font-en);
	font-size: 3.2rem;
	line-height: 1.4;
}
.p-diversity-female-staff .interview .list .detail dd {
	font-size: 1.5rem;
}
.p-diversity-female-staff .interview .list .detail i {
	margin-top: 1rem;
}
.p-diversity-female-staff .movie .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -2.5rem;
}
.p-diversity-female-staff .movie .list > li {
	flex-basis: 33.333%;
	padding: 0 2.5rem;
}
.p-diversity-female-staff .movie .list a {
	display: block;
}
.p-diversity-female-staff .movie .list .thumb {
	overflow: hidden;
	position: relative;
	border-radius: 1.2rem;
	height: 18rem;
}
.p-diversity-female-staff .movie .list .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-diversity-female-staff .movie .list .thumb i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -2rem 0 0 -2rem;
	width: 4rem;
	height: 4rem;
	background-color: var(--bg-black);
	background-image: url(../img/icon-arrow.svg);
	background-size: contain;
	border-radius: 50%;
}
.p-diversity-female-staff .movie .list .detail {
	margin-top: 2rem;
	line-height: 1.5;
}
.p-diversity-female-staff .movie .list .detail .belong {
	font-size: 1.7rem;
}
.p-diversity-female-staff .movie .list .detail .name {
	margin: 0.5rem 0 1.5rem 0;
	font-size: 2.5rem;
}
.p-diversity-female-staff .movie .list .detail ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 1.2rem;
	font-size: 1.5rem;
}
@media (any-hover: hover) {
	.p-diversity-female-staff .interview .c-hover:hover img {
		transform: scale(1.1);
	}
	.p-diversity-female-staff .movie .list .c-hover:hover .thumb img {
		transform: scale(1.08);
	}
}
@media screen and (max-width: 768px) {
	.p-diversity-female-staff {
		padding: 5rem 0 0 0;
	}
	.p-diversity-female-staff .c-heading-secondary {
		margin-bottom: 5rem;
	}
	.p-diversity-female-staff .interview {
		max-width: initial;
	}
	.p-diversity-female-staff .interview .list {
		display: block;
		margin: 0;
		padding-bottom: 5rem;
	}
	.p-diversity-female-staff .interview .list li {
		margin: 2rem 0 0 0;
		padding: 0;
	}
	.p-diversity-female-staff .interview .list a {
		display: block;
		height: auto;
		min-height: initial;
		border-radius: 1.2rem;
	}
	.p-diversity-female-staff .interview .list .thumb {
		height: 17rem;
	}
	.p-diversity-female-staff .interview .list .detail {
		padding: 2rem 2.5rem 2.5rem 2.5rem;
	}
	.p-diversity-female-staff .movie {
		max-width: initial;
	}
	.p-diversity-female-staff .movie .list {
		display: block;
		margin: 0;
	}
	.p-diversity-female-staff .movie .list > li {
		margin-bottom: 5rem;
		padding: 0;
	}
	.p-diversity-female-staff .movie .list > li:last-child {
		margin-bottom: 0;
	}
	.p-diversity-female-staff .movie .list a {
		display: block;
	}
	.p-diversity-female-staff .movie .list .thumb {
		height: 19.3rem;
	}
}


/* ==================================================

	[ PROJECT ] CAREERJOINING

*/
.p-careerjoining {
	padding-bottom: 0;
}
@media screen and (max-width: 768px) {
	.p-careerjoining {
		padding-top: 10.5rem;
	}
}

/* ==================================================

	[ PROJECT ] CAREERJOINING MAIN

*/
.p-careerjoining-main {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 8rem;
	height: 51rem;
	text-align: center;
}
.p-careerjoining-main .mv {
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: 1.5rem;
}
.p-careerjoining-main .mv picture,
.p-careerjoining-main .mv img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.p-careerjoining-main .inner {
	position: relative;
}
.p-careerjoining-main h1 {
	margin: 0 auto;
	width: 44rem;
}
.p-careerjoining-main h2 {
	margin-top: 1.5rem;
	font-size: 2.7rem;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.p-careerjoining-main {
		margin-bottom: 4rem;
		height: 22.4rem;
	}
	.p-careerjoining-main .mv {
		border-radius: 1.2rem;
	}
	.p-careerjoining-main h1 {
		width: 20rem;
	}
	.p-careerjoining-main h2 {
		margin-top: 0.5rem;
		font-size: 1.3rem;
	}
}

/* ==================================================

	[ PROJECT ] CAREERJOINING WAPPER

*/
.p-careerjoining-wrapper {
	margin-top: 10rem;
	padding: 8rem 0 16rem 0;
	background-color: var(--bg-gray);
}
@media screen and (max-width: 768px) {
	.p-careerjoining-wrapper {
		margin-top: 5rem;
		padding: 4rem 0 6rem 0;
	}
}

/* ==================================================

	[ PROJECT ] CAREERJOINING DATA

*/
.p-careerjoining-data {
	padding: 6rem 0 7rem 0;
	background-color: #EBEBEB;
	border-radius: 1.5rem;
	text-align: center;
}
.p-careerjoining-data h2 {
	margin-bottom: 6rem;
	font-size: 2.6rem;
	line-height: 1.5;
}
.p-careerjoining-data ul {
	display: flex;
	margin: 0 auto;
	max-width: 100rem;
}
.p-careerjoining-data ul li {
	flex: 1;
}
.p-careerjoining-data .data {
	position: relative;
	margin: 0 auto;
	width: 22rem;
	height: 22rem;
}
.p-careerjoining-data .data dl {
	position: absolute;
	width: 10rem;
	line-height: 1.3;
}
.p-careerjoining-data .data dt {
	font-size: 2.8rem;
}
.p-careerjoining-data .data dd {
	margin-top: 0.5rem;
	font-size: 1.8rem;
}
.p-careerjoining-data .data .chart {
	position: relative;
	width: 100%;
	height: 100%;
}
.p-careerjoining-data .data .chart h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	inset: 0;
	font-size: 2.4rem;
}
.p-careerjoining-data .data01 dl:nth-child(1) {
	top: 0;
	left: 100%;
}
.p-careerjoining-data .data01 dl:nth-child(2) {
	bottom: 0;
	left: 100%;
}
.p-careerjoining-data .data01 dl:nth-child(3) {
	top: 0;
	right: 100%;
}
.p-careerjoining-data .data02 dl:nth-child(1) {
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
}
.p-careerjoining-data .data02 dl:nth-child(2) {
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
	.p-careerjoining-data {
		padding: 4rem 0 5rem 0;
		border-radius: 1.2rem;
	}
	.p-careerjoining-data h2 {
		margin-bottom: 4rem;
		font-size: 1.8rem;
	}
	.p-careerjoining-data ul {
		display: block;
		max-width: initial;
	}
	.p-careerjoining-data ul li:first-child {
		margin-bottom: 3rem;
	}
	.p-careerjoining-data .data {
		width: 17rem;
		height: 17rem;
	}
	.p-careerjoining-data .data dl {
		width: 7rem;
	}
	.p-careerjoining-data .data dt {
		font-size: 2.1rem;
	}
	.p-careerjoining-data .data dd {
		margin-top: 0.5rem;
		font-size: 1.3rem;
	}
	.p-careerjoining-data .data .chart h3 {
		font-size: 1.7rem;
	}
	.p-careerjoining-data .data01 dl:nth-child(1) {
		top: 0.5rem;
	}
	.p-careerjoining-data .data01 dl:nth-child(2) {
		bottom: 0.5rem;
	}
	.p-careerjoining-data .data01 dl:nth-child(3) {
		top: 0.5rem;
	}
}

/* ==================================================

	[ PROJECT ] CAREERJOINING VOICE

*/
.p-careerjoining-voice {
	position: relative;
	padding: 8rem 0 0 0;
}
.p-careerjoining-voice .content {
	position: relative;
	display: none;
}
.p-careerjoining-voice .row {
	position: relative;
	display: flex;
	gap: 6rem;
}
.p-careerjoining-voice .col {
	flex: 1;
}
.p-careerjoining-voice .item {
	padding: 4rem 4rem 3.5rem 4rem;
	background-color: #FFF;
	border-radius: 1.5rem;
}
.p-careerjoining-voice .item:not(:last-child) {
	margin-bottom: 6rem;
}
.p-careerjoining-voice .item .head {
	margin-bottom: 3rem;
	text-align: center;
	font-family: var(--font-en);
	line-height: 1;
}
.p-careerjoining-voice .item .head::after {
	content: '';
	display: block;
	margin: 0 auto;
	width: 4rem;
	height: 1px;
	background-color: #66A9DC;
}
.p-careerjoining-voice .item .head span {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4rem;
	color: #66A9DC;
}
.p-careerjoining-voice .item .head span em {
	font-size: 7rem;
}
.p-careerjoining-voice .item .title {
	margin-bottom: 3rem;
	text-align: center;
}
.p-careerjoining-voice .item .title h3 {
	font-size: 2.6rem;
	line-height: 1.7;
}
.p-careerjoining-voice .item .title p {
	font-size: 1.3rem;
}
.p-careerjoining-voice .item .point {
	margin-top: 3.5rem;
}
.p-careerjoining-voice .item .point h4 {
	position: relative;
	margin-bottom: 1rem;
	text-align: center;
	color: var(--color-blue);
}
.p-careerjoining-voice .item .point h4::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--color-blue);
}
.p-careerjoining-voice .item .point h4 span {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 18rem;
	background-color: #FFF;
	font-size: 2.2rem;
	line-height: 1.5;
}
.p-careerjoining-voice .item .point p {
	font-size: 1.8rem;
	line-height: 2;
}
@media screen and (max-width: 768px) {
	.p-careerjoining-voice {
		padding: 2rem 0 0 0;
	}
	.p-careerjoining-voice .content {
		display: block;
	}
	.p-careerjoining-voice .row {
		display: none;
	}
	.p-careerjoining-voice .item {
		padding: 3.5rem 2rem;
		border-radius: 1.2rem;
	}
	.p-careerjoining-voice .item:not(:last-child) {
		margin-bottom: 2rem;
	}
	.p-careerjoining-voice .item .head {
		margin-bottom: 2.5rem;
	}
	.p-careerjoining-voice .item .head::after {
		margin-top: 1.5rem;
	}
	.p-careerjoining-voice .item .head span {
		font-size: 3rem;
	}
	.p-careerjoining-voice .item .head span em {
		font-size: 5rem;
	}
	.p-careerjoining-voice .item .title {
		margin-bottom: 4rem;
	}
	.p-careerjoining-voice .item .title h3 {
		margin: 0 -1rem;
		font-size: 2.2rem;
	}
	.p-careerjoining-voice .item .point {
		margin-top: 4rem;
	}
	.p-careerjoining-voice .item .point h4 {
		margin-bottom: 1.5rem;
	}
	.p-careerjoining-voice .item .point h4 span {
		width: 15.4rem;
		font-size: 2rem;
	}
	.p-careerjoining-voice .item .point p {
		font-size: 1.7rem;
	}
}
/**/
.p-careerjoining-voice .item .ranking {
	display: table;
	font-size: 2.2rem;
	line-height: 1.5;
}
.p-careerjoining-voice .item .ranking li {
	display: table-row;
}
.p-careerjoining-voice .item .ranking li div {
	display: table-cell;
}
.p-careerjoining-voice .item .ranking li div:first-child {
	white-space: nowrap;
}
.p-careerjoining-voice .item .ranking li:not(:last-child) div {
	padding-bottom: 1.5rem;
}
.p-careerjoining-voice .item .ranking li div:first-child {
	text-align: right;
}
.p-careerjoining-voice .item .ranking li div:last-child {
	padding-left: 3.5rem;
}
.p-careerjoining-voice .item .ranking .mark {
	font-size: 3rem;
	line-height: 1.3;
	color: var(--color-red);
}
.p-careerjoining-voice .item .ranking-small li div:last-child {
	font-size: 1.8rem;
}
.p-careerjoining-voice .item .ranking-small .mark div:first-child {
	font-size: 3rem;
}
.p-careerjoining-voice .item .ranking-small .mark div:last-child {
	font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
	.p-careerjoining-voice .item .ranking {
		font-size: 1.8rem;
	}
	.p-careerjoining-voice .item .ranking li:not(:last-child) div {
		padding-bottom: 1.5rem;
	}
	.p-careerjoining-voice .item .ranking li div:first-child {
		font-size: 2rem;
	}
	.p-careerjoining-voice .item .ranking li div:last-child {
		padding-left: 2rem;
	}
	.p-careerjoining-voice .item .ranking .mark {
		font-size: 2.3rem;
	}
	.p-careerjoining-voice .item .ranking-small li div:first-child {
		font-size: 2rem;
	}
	.p-careerjoining-voice .item .ranking-small li div:last-child {
		font-size: 1.8rem;
	}
	.p-careerjoining-voice .item .ranking-small .mark div:first-child {
		font-size: 2.3rem;
	}
	.p-careerjoining-voice .item .ranking-small .mark div:last-child {
		font-size: 1.8rem;
	}
}
/**/
.p-careerjoining-voice .item .percent li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.8rem;
	line-height: 1.6;
}
.p-careerjoining-voice .item .percent li:not(:last-child) {
	margin-bottom: 1rem;
}
.p-careerjoining-voice .item .percent li div:last-child {
	font-size: 2.2rem;
}
.p-careerjoining-voice .item .percent .mark {
	font-size: 2.2rem;
	color: var(--color-red);
}
.p-careerjoining-voice .item .percent .mark div:last-child {
	font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
	.p-careerjoining-voice .item .percent li {
		font-size: 1.7rem;
	}
	.p-careerjoining-voice .item .percent li:not(:last-child) {
		margin-bottom: 1.5rem;
	}
	.p-careerjoining-voice .item .percent li div:last-child {
		font-size: 2rem;
	}
	.p-careerjoining-voice .item .percent .mark {
		font-size: 1.8rem;
	}
	.p-careerjoining-voice .item .percent .mark div:last-child {
		font-size: 2.5rem;
	}
}
/**/
.p-careerjoining-voice .item .list {
	font-size: 1.8rem;
	line-height: 1.66;
}
.p-careerjoining-voice .item .list li {
	position: relative;
	padding-left: 3.5rem;
}
.p-careerjoining-voice .item .list li:not(:last-child) {
	margin-bottom: 1rem;
}
.p-careerjoining-voice .item .list li::before {
	content: '';
	display: block;
	position: absolute;
	top: 0.4rem;
	left: 0;
	width: 2.2rem;
	height: 2.3rem;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/symbol-red.svg);
	background-size: contain;
}
@media screen and (max-width: 768px) {
	.p-careerjoining-voice .item .list {
		font-size: 1.7rem;
		line-height: 1.76;
	}
	.p-careerjoining-voice .item .list li:not(:last-child) {
		margin-bottom: 1.5rem;
	}
	.p-careerjoining-voice .item .list li::before {
		top: 0.4rem;
	}
}
/**/
.p-careerjoining-voice .item .graph {
	position: relative;
	font-size: 1.5rem;
	line-height: 1.5;
}
.p-careerjoining-voice .item .graph ul {
	padding: 1.2rem 0;
}
.p-careerjoining-voice .item .graph ul li {
	display: flex;
	align-items: center;
	line-height: 1.1;
}
.p-careerjoining-voice .item .graph ul li:not(:last-child) {
	margin-bottom: 1.4rem;
}
.p-careerjoining-voice .item .graph ul li div {
	flex-basis: 2rem;
	font-size: 1.8rem;
}
.p-careerjoining-voice .item .graph ul li span {
	display: block;
	height: 2rem;
	width: 10rem;
	background-color: var(--color-blue);
}
.p-careerjoining-voice .item .graph ul li em {
	display: block;
	font-size: 2.2rem;
}
.p-careerjoining-voice .item .graph ul li span + em {
	padding-left: 1.2rem;
}
.p-careerjoining-voice .item .graph .pickup {
	position: absolute;
	top: 2.6rem;
	left: -1rem;
	right: -1rem;
	height: 7.9rem;
}
.p-careerjoining-voice .item .graph .pickup::before {
	content: '';
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 0.2rem solid var(--color-red);
	border-radius: 0.8rem;
}
.p-careerjoining-voice .item .graph .pickup em {
	position: absolute;
	bottom: 100%;
	right: 1rem;
	font-size: 3rem;
	line-height: 1.5;
	color: var(--color-red);
}
.p-careerjoining-voice .item .graph01 ul li:nth-child(1) span {
	width: 9.1rem;
}
.p-careerjoining-voice .item .graph01 ul li:nth-child(2) span {
	width: 30.4rem;
}
.p-careerjoining-voice .item .graph01 ul li:nth-child(3) span {
	width: 18.2rem;
}
.p-careerjoining-voice .item .graph01 ul li:nth-child(4) span {
	width: 12.1rem;
}
.p-careerjoining-voice .item .graph02 ul li:nth-child(1) span {
	width: 15.2rem;
}
.p-careerjoining-voice .item .graph02 ul li:nth-child(2) span {
	width: 30.4rem;
}
.p-careerjoining-voice .item .graph02 ul li:nth-child(3) span {
	width: 21.2rem;
}
.p-careerjoining-voice .item .graph02 ul li:nth-child(4) span {
	width: 3rem;
}
@media screen and (max-width: 768px) {
	.p-careerjoining-voice .item .graph {
		font-size: 1rem;
	}
	.p-careerjoining-voice .item .graph ul {
		padding: 1.2rem 0;
	}
	.p-careerjoining-voice .item .graph ul li:not(:last-child) {
		margin-bottom: 1.4rem;
	}
	.p-careerjoining-voice .item .graph ul li div {
		flex-basis: 1.5rem;
		font-size: 1.2rem;
	}
	.p-careerjoining-voice .item .graph ul li span {
		height: 1.3rem;
	}
	.p-careerjoining-voice .item .graph ul li em {
		font-size: 1.5rem;
	}
	.p-careerjoining-voice .item .graph ul li span + em {
		padding-left: 1rem;
	}
	.p-careerjoining-voice .item .graph .pickup {
		top: 2rem;
		left: -0.6rem;
		right: -0.6rem;
		height: 6rem;
	}
	.p-careerjoining-voice .item .graph .pickup em {
		right: 0.6rem;
		font-size: 2rem;
	}
	.p-careerjoining-voice .item .graph01 ul li:nth-child(1) span {
		width: 6.2rem;
	}
	.p-careerjoining-voice .item .graph01 ul li:nth-child(2) span {
		width: 21rem;
	}
	.p-careerjoining-voice .item .graph01 ul li:nth-child(3) span {
		width: 12.6rem;
	}
	.p-careerjoining-voice .item .graph01 ul li:nth-child(4) span {
		width: 8.4rem;
	}
	.p-careerjoining-voice .item .graph02 ul li:nth-child(1) span {
		width: 10.4rem;
	}
	.p-careerjoining-voice .item .graph02 ul li:nth-child(2) span {
		width: 21rem;
	}
	.p-careerjoining-voice .item .graph02 ul li:nth-child(3) span {
		width: 14.6rem;
	}
	.p-careerjoining-voice .item .graph02 ul li:nth-child(4) span {
		width: 2rem;
	}
}
/**/
.p-careerjoining-voice .item .chart {
	position: relative;
	text-align: center;
}
.p-careerjoining-voice .item .chart img {
	position: relative;
}
.p-careerjoining-voice .item .chart dl {
	position: absolute;
	z-index: 1;
	line-height: 1.5;
}
.p-careerjoining-voice .item .chart dl dt {
	font-size: 2.2rem;
}
.p-careerjoining-voice .item .chart dl dd {
	font-size: 1.8rem;
}
.p-careerjoining-voice .item .chart dl:nth-child(1) {
	top: 50%;
	right: 3.6%;
	transform: translateY(-50%);
	color: var(--color-red);
}
.p-careerjoining-voice .item .chart dl:nth-child(2) {
	top: 40%;
	left: 0;
	width: 22.38%;
}
.p-careerjoining-voice .item .chart dl:nth-child(3) {
	top: 2%;
	left: 0;
}
@media screen and (max-width: 768px) {
	.p-careerjoining-voice .item .chart {
		margin: -1rem 0;
	}
	.p-careerjoining-voice .item .chart dl dt {
		font-size: 1.5rem;
	}
	.p-careerjoining-voice .item .chart dl dd {
		font-size: 1.2rem;
	}
}
/**/
.p-careerjoining-voice .item .graph + .list,
.p-careerjoining-voice .item .chart + .list {
	margin-top: 4rem;
}
/**/
.p-careerjoining-voice .symbols,
.p-careerjoining-voice .symbols div {
	position: absolute;
}
.p-careerjoining-voice .symbols div {
	transform: rotate(-15deg);
}
.p-careerjoining-voice .symbols div i {
	display: block;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
	transform: scale(0.3);
	opacity: 0;
}
.p-careerjoining-voice .symbols.active div i {
	transform: scale(1);
	opacity: 1;
}
.p-careerjoining-voice .symbols01 {
	top: 3rem;
	left: 100%;
	margin-left: -6rem;
	width: 25rem;
	height: 26rem;
}
.p-careerjoining-voice .symbols01 div:nth-child(1) {
	top: 0;
	left: 0;
	width: 15rem;
}
.p-careerjoining-voice .symbols01 div:nth-child(2) {
	bottom: 0;
	right: 0;
	width: 10rem;
}
.p-careerjoining-voice .symbols02 {
	top: 72rem;
	right: 100%;
	margin-right: -6rem;
	width: 28rem;
	height: 29rem;
}
.p-careerjoining-voice .symbols02 div:nth-child(1) {
	top: 0;
	right: 0;
	width: 18rem;
}
.p-careerjoining-voice .symbols02 div:nth-child(2) {
	bottom: 0;
	left: 0;
	width: 12rem;
}
.p-careerjoining-voice .symbols03 {
	top: 124rem;
	left: 100%;
	margin-left: -4rem;
	width: 26rem;
	height: 37rem;
}
.p-careerjoining-voice .symbols03 div:nth-child(1) {
	top: 12rem;
	left: 0;
	width: 14rem;
}
.p-careerjoining-voice .symbols03 div:nth-child(2) {
	top: 0;
	right: 1rem;
	width: 11rem;
}
.p-careerjoining-voice .symbols03 div:nth-child(3) {
	bottom: 0;
	right: 0;
	width: 9rem;
}
.p-careerjoining-voice .symbols04 {
	bottom: 96rem;
	right: 100%;
	margin-right: -4rem;
	width: 27rem;
	height: 32rem;
}
.p-careerjoining-voice .symbols04 div:nth-child(1) {
	top: 0;
	right: 0;
	width: 16rem;
}
.p-careerjoining-voice .symbols04 div:nth-child(2) {
	bottom: 0;
	left: 0;
	width: 12rem;
}
.p-careerjoining-voice .symbols05 {
	bottom: -5rem;
	left: 100%;
	margin-left: -10rem;
	width: 28rem;
	height: 44rem;
}
.p-careerjoining-voice .symbols05 div:nth-child(1) {
	top: 0;
	left: 7rem;
	width: 12rem;
}
.p-careerjoining-voice .symbols05 div:nth-child(2) {
	bottom: 0;
	left: 1rem;
	width: 18rem;
}
.p-careerjoining-voice .symbols05 div:nth-child(3) {
	top: 15rem;
	right: 0;
	width: 9rem;
}
@media screen and (max-width: 768px) {
	.p-careerjoining-voice .symbols {
		display: none;
	}
}