/* -----------------------------------------------
= main
----------------------------------------------- */
.main {
	background: #f0ecec;
}
/* -----------------------------------------------
= page-title
----------------------------------------------- */
.page-title.js-inview {
	padding: 10px 0 20px 20px;
	transform: translateY(0);
}
.page-title .category {
	margin-bottom: 10px;
}
.page-title .category .en {
	font-size: calc(1rem / 1.6);
	font-family: var(--josefin);
	font-weight: 600;
	letter-spacing: 0;
}
.page-title .category .jp {
	font-size: calc(1.2rem / 1.6);
	letter-spacing: .04em;
}
.page-title .title {
	display: flex;
	align-items: end;
	gap: 0 20px;
	margin: 0 0 10px;
}
.page-title .title .en {
	font-family: var(--josefin);
	font-size: calc(2.4rem / 1.6);
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
}
.page-title .title h1 {
	font-size: calc(1.4rem / 1.6);
	font-weight: 700;
	letter-spacing: .04em;
}
@media print, screen and (min-width: 768px) {/* PC */
.page-title.js-inview {
	padding: 10px 0 90px 20px;
}
.page-title .category {
	margin-bottom: 0;
}
.page-title .category .en {
	font-size: calc(1.8rem / 1.6);
	line-height: calc(20 / 18);
}
.page-title .category .jp {
	font-size: calc(1.4rem / 1.6);
}
.page-title .title {
	margin: 0 0 35px 200px;
}
.page-title .title .en {
	font-size: calc(6rem / 1.6);
	letter-spacing: .2em;
}
.page-title .title h1 {
	font-size: calc(2.4rem / 1.6);
	letter-spacing: .2em;
}
.page-title .img {
	margin-left: 200px;
}
}/* @media */
@media print, screen and (max-width: 1440px) and (min-width: 768px) {
.page-title .title {
	display: block;
	margin-left: 80px;
}
.page-title .img {
	margin-left: 80px;
}
}/* @media */
/* -----------------------------------------------
= page-link
----------------------------------------------- */
.page-link {
	margin-bottom: 0;
	padding-inline: 20px;
}
.page-link ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 28px 16px;
}
.page-link li {
	width: calc(50% - 8px);
}
.page-link a {
	display: block;
	position: relative;
	padding: 5px;
	color: #000;
	background: #fff;
	line-height: 1.4;
	text-align: center;
}
.page-link a::before,
.page-link a::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.page-link a::before {
	bottom: -12px;
	width: 20px;
	height: 16px;
}
.page-link a::before {
	bottom: -12px;
	width: 20px;
	height: 16px;
	background: #fff;
}
.page-link a::after {
	bottom: -6px;
	width: 8px;
	height: 6px;
	background: #5e5e5e;
}
.page-link a span:first-child {
	display: block;
	color: var(--red);
	font-family: var(--josefin);
	font-size: calc(1rem / 1.6);
	font-weight: 400;
}
.page-link a span:last-child {
	display: block;
	font-size: calc(1.3rem / 1.6);
	letter-spacing: .2em;
}
@media print, screen and (min-width: 768px) {/* PC */
.page-link {
	max-width: 690px;
	margin: 0 auto 175px;
}
.page-link ul {
	flex-wrap: nowrap;
	gap: 0 50px;
}
.page-link li {
	width: 320px;
}
.page-link a {
	padding: 10px;
}
.page-link a::before {
	bottom: -20px;
	width: 30px;
	height: 20px;
}
.page-link a::after {
	bottom: -12px;
	width: 16px;
	height: 12px;
}
.page-link a span:first-child {
	font-size: calc(2rem / 1.6);
}
.page-link a span:last-child {
	font-size: calc(2rem / 1.6);
}
}/* @media */
@media (hover:hover) {
.page-link a {
	transition: .3s;
}
.page-link a:hover {
	color: #fff;
	background: #ed4855;
}
.page-link a span:first-child {
	transition: color .3s;
}
.page-link a:hover span:first-child {
	color: #fff;
}
.page-link a::after {
	transition: background .3s;
}
.page-link a:hover::after {
	background: #ed4855;
}
}/* @media */
/* -----------------------------------------------
= contents
----------------------------------------------- */
@media print, screen and (min-width: 768px) {/* PC */
.contents {
	display: flex;
}
}/* @media */
/* -----------------------------------------------
= side
----------------------------------------------- */
.side {
	position: sticky;
	top: calc(100svh - 44px);
	z-index: 5;
}
.btn-side-nav {
	position: relative;
	width: 124px;
	height: 44px;
	padding-left: 44px;
	color: var(--red);
	background: #fff;
	border-radius: 0 5px 5px 0;
	font-size: 16px;
}
.btn-side-nav::before {
	content: "";
	position: absolute;
	top: 0;
	left: 20px;
	width: 16px;
	height: 100%;
	background: url(../../img/shared/icon_circle_arrow_red.svg) no-repeat 50% / 100% auto;
}
.side-nav {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 300px;
	max-height: calc(100svh - 44px);
	overflow-y: auto;
	overscroll-behavior: contain;
	margin: 0;
	padding: 0;
	background: #fff;
	border-radius: 0 5px 5px 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s;
}
.side-nav.is-open {
	opacity: 1;
	pointer-events: auto;
}
.btn-side-nav-close {
	position: absolute;
	top: 6px;
	right: 6px;
	color: #333;
	font-size: 30px;
	line-height: 1;
}
.side-nav p {
	margin-bottom: 5px;
	padding: 10px 10px 0;
	color: var(--red);
	font-size: calc(1.4rem / 1.6);
	font-family: var(--josefin);
	font-weight: 600;
}
.side-nav ul {
	margin: 0 10px 10px;
}
.side-nav li a {
	display: inline-block;
	position: relative;
	padding-left: 16px;
	color: #000;
	font-size: calc(1.2rem / 1.6);
	line-height: 1.4;
}
.side-nav li a.is-active {
	color: var(--red);
}
.side-nav li a::before,
.side-nav li a::after {
	content: "";
	position: absolute;
	top: .2em;
	left: 0;
	border-radius: 50%;
}
.side-nav li a::after {
	width: 6px;
	height: 6px;
	margin: 3px;
	background: #f48f97;
}
.side-nav li a.is-active::before {
	width: 10px;
	height: 10px;
	border: 1px solid var(--red);
}
.side-nav li a.is-active::after {
	background: var(--red);
}
.side-nav li a span {
	display: block;
}
.side-nav .sub li a {
	padding-left: 16px;
}
.side-nav .sub li a::before {
	display: none;
}
.side-nav .sub li a::after {
	content: "・";
	position: absolute;
	top: .1em;
	left: 0;
	width: auto;
	height: auto;
	margin: 0;
	background: transparent;
	border-radius: 50%;
}
.side-nav .sub li a.is-active::before {
	display: none;
}
.side-nav .sub li a.is-active::after {
	color: var(--red);
}
@media print, screen and (min-width: 768px) {/* PC */
.side {
	position: static;
	width: 98px;
}
.side .sticky {
	position: sticky;
	top: 0;
	z-index: 5;
	height: calc(100vh - 80px);
	display: flex;
	align-items: center;
	margin-bottom: 80px;
}
.btn-side-nav {
	z-index: 1;
	width: 100px;
	height: 48px;
	margin-left: -26px;
	padding-left: 40px;
	border-radius: 10px 0 0 0;
	transform: rotate(90deg);
}
.btn-side-nav[aria-expanded="true"] {
	z-index: -1;
}
.btn-side-nav::before {
	top: 0;
	left: 10px;
	width: 20px;
	transform: rotate(-90deg);
}
.side-nav {
	top: calc(50% - 50px);
	bottom: auto;
	max-width: none;
	max-height: calc(100vh - 260px);
	border-radius: 0 10px 10px 0;
	opacity: 1;
	pointer-events: auto;
}
.side-nav.is-open {
	width: 360px;
}
.btn-side-nav-close {
	display: none;
	top: 12px;
	right: 12px;
	font-size: 30px;
}
.side-nav.is-open .btn-side-nav-close {
	display: block;
}
.side-nav p {
	display: none;
	margin-bottom: 5px;
	padding: 15px 20px 0;
	font-size: calc(1.6rem / 1.6);
}
.side-nav.is-open p {
	display: block;
}
.side-nav ul {
	margin: 80px 10px 20px 18px;
}
.side-nav.is-open ul {
	margin-top: 0;
}
.side-nav li {
	padding-block: 3px;
}
.side-nav.is-open li {
	padding-block: 5px;
}
.side-nav li a {
	padding-left: 20px;
	font-size: calc(1.4rem / 1.6);
	line-height: calc(18 / 14);
}
.side-nav li a::before,
.side-nav li a::after {
	top: .3em;
}
.side-nav li:first-child a::before,
.side-nav li:first-child a::after {
	top: .2em;
}
.side-nav li a span {
	display: none;
}
.side-nav.is-open li a span {
	display: block;
}
.side-nav .sub {
	display: none;
}
.side-nav.is-open .sub {
	display: block;
}
.side-nav.is-open .sub li {
	padding-block: 0;
}
.side-nav .sub li a {
	padding-left: 10px;
	line-height: calc(16 / 14);
}
.side-nav .sub li a::after {
	top: .05em;
}
}/* @media */
/* -----------------------------------------------
= environment
----------------------------------------------- */
.environment {
	padding-bottom: 50px;
}
@media print, screen and (min-width: 768px) {/* PC */
.environment {
	flex: 1;
	min-width: 0;
}
}/* @media */
/* -----------------------------------------------
= section
----------------------------------------------- */
.section {
	position: relative;
	scroll-margin-top: 44px;
}
.section .title-set {
	padding: 20px;
	color: #fff;
	line-height: 1.4;
	text-align: center;
}
.section .title-set .en {
	font-family: var(--josefin);
	font-size: calc(3rem / 1.6);
	font-weight: 600;
}
.section .title-set h2 {
	font-size: calc(2rem / 1.6);
	font-weight: 700;
	letter-spacing: .25em;
}
.section .inner {
	padding: 20px 15px;
	background: #fff;
}
.section .text {
	font-size: calc(1.4rem / 1.6);
	line-height: calc(20 / 14);
	letter-spacing: .04em;
}
@media print, screen and (min-width: 768px) {/* PC */
.section {
	scroll-margin-top: 80px;
}
.section .title-set {
	padding: 70px 0;
}
.section .title-set .en {
	font-size: calc(6rem / 1.6);
}
.section .title-set h2 {
	font-size: calc(4rem / 1.6);
}
.section .inner {
	max-width: 1060px;
	margin-inline: auto;
	padding: 70px 60px;
}
.section .text {
	font-size: calc(1.6rem / 1.6);
	line-height: calc(28 / 16);
}
}/* @media */
@media print, screen and (max-width: 1440px) and (min-width: 768px) {
.section .inner {
	max-width: 1140px;
	padding: 30px 20px;
}
}/* @media */
/* -----------------------------------------------
= hr
----------------------------------------------- */
.hr {
	padding-inline: 20px;
}
.hr::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: calc(100% - 20px);
	height: 225px;
	background: url(../../img/work-environment/environment/index_hr_title.webp) no-repeat 50% 0 / cover;
}
@media print, screen and (min-width: 768px) {/* PC */
.hr {
	max-width: 1180px;
	margin-inline: auto;
	padding-inline: 0 120px;
}
.hr::before {
	width: 100%;
	height: 900px;
}
}/* @media */
@media print, screen and (max-width: 1440px) and (min-width: 768px) {
.hr {
	padding-inline: 0 40px;
}
}/* @media */
/* -----------------------------------------------
= hr-employee-training
----------------------------------------------- */
.hr-employee-training h3 {
	margin-bottom: 10px;
	font-size: calc(1.4rem / 1.6);
	font-weight: 700;
	letter-spacing: .04em;
}
.hr-employee-training h4 {
	margin-bottom: 25px;
	font-size: calc(2rem / 1.6);
	line-height: calc(25 / 20);
	letter-spacing: .04em;
}
.hr-employee-training .text {
	margin-bottom: 20px;
}
.hr-employee-training .img {
	margin-bottom: 10px;
}
.hr-employee-training .note {
	margin-bottom: 20px;
	font-size: calc(1rem / 1.6);
	line-height: 1.4;
	text-align: right;
	letter-spacing: .04em;
}
.hr-employee-training .overseas {
	margin-bottom: 30px;
}
.hr-employee-training .overseas-name {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 2em 0 10px;
	color: #fff;
	background: #f5a017;
	border-radius: 4px;
	font-size: calc(1.4rem / 1.6);
	letter-spacing: .08em;
}
.hr-employee-training .overseas-title {
	margin-bottom: 15px;
	font-size: calc(1.8rem / 1.6);
	font-weight: 700;
	line-height: calc(24 / 18);
	letter-spacing: .04em;
}
.hr-employee-training .feature-title {
	display: flex;
	align-items: center;
	gap: 0 5px;
	color: #f5a017 ;
	margin-bottom: 20px;
	border-bottom: 1px solid #b1b1b1;
	font-size: calc(1.4rem / 1.6);
	font-weight: 700;
	letter-spacing: .08em;
}
.hr-employee-training .feature-title img {
	width: 17px;
}
.hr-employee-training .feature-list {
	font-size: calc(1.4rem / 1.6);
	line-height: calc(20 / 14);
	letter-spacing: .04em;
}
.hr-employee-training .feature-list li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 1em;
}
.hr-employee-training .feature-list li::before {
	content: "";
	position: absolute;
	top: .3em;
	left: 0;
	width: .6em;
	height: .6em;
	background: #f5a017;
	border-radius: 50%;
}
.hr-employee-training .overseas .img {
	display: block;
	max-width: 290px;
	margin-inline: auto;
}
.hr-employee-training .voice .item {
	font-size: calc(1.4rem / 1.6);
	line-height: calc(20 / 14);
	letter-spacing: .04em;
}
.hr-employee-training .voice .item + .item {
	margin-top: 30px;
}
.hr-employee-training .voice .item .img {
	display: flex;
	align-items: end;
	gap: 0 18px;
	margin-bottom: 15px;
}
.hr-employee-training .voice .item .img span:first-child {
	max-width: 220px;
}
.hr-employee-training .voice .item .img span:last-child {
	max-width: 50px;
}
.hr-employee-training .voice .item .img span:last-child img + img {
	margin-top: 15px;
}
.hr-employee-training .voice .item .data {
	position: relative;
	margin-bottom: 10px;
	padding-left: 1em;
}
.hr-employee-training .voice .item .data::before {
	content: "";
	position: absolute;
	top: .3em;
	left: 0;
	width: .6em;
	height: .6em;
	background: #f5a017;
	border-radius: 50%;
}
.hr-employee-training .voice .item .data p {
	font-weight: 700;
}
.hr-employee-training .voice .item .descripton {
	margin-left: 1em;
}
@media print, screen and (min-width: 768px) {/* PC */
.hr-employee-training h3 {
	font-size: calc(2rem / 1.6);
}
.hr-employee-training h4 {
	margin-bottom: 30px;
	font-size: calc(2.8rem / 1.6);
	line-height: calc(40 / 28);
}
.hr-employee-training .text {
	margin-bottom: 70px;
}
.hr-employee-training .img {
	margin-bottom: 60px;
}
.hr-employee-training .overseas {
	margin-bottom: 30px;
}
.hr-employee-training .overseas-inner {
	display: flex;
	align-items: start;
	gap: 0 50px;
}
.hr-employee-training .overseas .set {
	flex: 1;
}
.hr-employee-training .overseas-name {
	margin-bottom: 25px;
	padding: 2px 50px 2px 15px;
	border-radius: 8px;
	font-size: calc(1.8rem / 1.6);
}
.hr-employee-training .overseas-title {
	margin-bottom: 20px;
	font-size: calc(2rem / 1.6);
	letter-spacing: .08em;
}
.hr-employee-training .feature-title {
	gap: 0 8px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-size: calc(1.8rem / 1.6);
}
.hr-employee-training .feature-title img {
	width: 25px;
}
.hr-employee-training .overseas .text {
	margin-bottom: 40px;
}
.hr-employee-training .feature-list {
	font-size: calc(1.6rem / 1.6);
	line-height: calc(24 / 16);
}
.hr-employee-training .feature-list li {
	margin-bottom: 25px;
}
.hr-employee-training .feature-list li::before {
	top: .3em;
}
.hr-employee-training .overseas .img {
	max-width: 385px;
}
.hr-employee-training .voice .item {
	display: flex;
	gap: 0 30px;
	margin-top: 40px;
	font-size: calc(1.6rem / 1.6);
	line-height: calc(24 / 16);
}
.hr-employee-training .voice .item + .item {
	margin-top: 60px;
}
.hr-employee-training .voice .item .img {
	display: block;
	width: calc(440 / 1060 * 100%);
	margin: 0;
}
.hr-employee-training .voice .item .img span:first-child {
	max-width: none;
}
.hr-employee-training .voice .item .set {
	flex: 1;
}
.hr-employee-training .voice .item .data {
	margin-bottom: 20px;
	font-size: calc(1.8rem / 1.6);
	line-height: calc(28 / 18);
}
.hr-employee-training .voice .item .descripton {
	margin-bottom: 20px;
}
.hr-employee-training .voice .item .icon {
	display: flex;
	align-items: end;
	gap: 0 35px;
	margin-left: 1em;
}
.hr-employee-training .voice .item .icon img {
	width: 80px;
}
}/* @media */
@media print, screen and (max-width: 1023px) and (min-width: 768px) {
.hr-employee-training .overseas-inner {
	display: block;
}
}/* @media */
/* -----------------------------------------------
= hr-accepted-candidates
----------------------------------------------- */
.hr-accepted-candidates h2 {
	margin-bottom: 10px;
	font-size: calc(1.8rem / 1.6);
	font-weight: 700;
	letter-spacing: .04em;
}
@media print, screen and (min-width: 768px) {/* PC */
.hr-accepted-candidates .inner {
	padding-bottom: 0;
}
.hr-accepted-candidates h2 {
	margin-bottom: 30px;
	font-size: calc(2rem / 1.6);
}
}/* @media */
/* -----------------------------------------------
= swiper
----------------------------------------------- */
.swiper {
	margin-right: -35px;
	padding: 0 35px 54px 0;
}
.swiper-slide {
	height: auto;
}
.swiper .item {
	position: relative;
	z-index: 1;
	height: 100%;
	background: #f4f4f4;
}
.swiper .item::before {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 100%;
	background: linear-gradient(90deg, #dbdbdb, transparent);
}
.swiper-slide:last-child .item::before {
	display: none;
}
.swiper .item::after {
	content: "";
	position: absolute;
	top: 86px;
	left: -30px;
	z-index: 1;
	width: 38px;
	height: 64px;
	-webkit-mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.03 66.43"><path d="M36.05,27.23L0,0v24.78l9.28,7.01c.95.72.95,2.14,0,2.86L0,41.65v24.78l36.05-27.23c3.98-3,3.98-8.97,0-11.98h0Z"/></svg>');
	mask-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 39.03 66.43"><path d="M36.05,27.23L0,0v24.78l9.28,7.01c.95.72.95,2.14,0,2.86L0,41.65v24.78l36.05-27.23c3.98-3,3.98-8.97,0-11.98h0Z"/></svg>');
	-webkit-mask-size: contain;
	mask-size: contain;
}
.swiper-slide:nth-child(1) .item::after {
	display: none;
}
.swiper-slide:nth-child(2) .item::after {
	background: #f8b2b8;
}
.swiper-slide:nth-child(3) .item::after {
	background: #f5949c;
}
.swiper-slide:nth-child(4) .item::after {
	background: #f27680;
}
.swiper-slide:nth-child(5) .item::after {
	background: #ef5864;
}
.swiper-slide:nth-child(6) .item::after {
	background: #ec3a48;
}
.swiper .month {
	margin: 0 20px 22px 0;
	color: #fff;
	background: var(--red);
	border-radius: 0 0 10px 0;
	font-size: calc(1.4rem / 1.6);
	font-weight: 700;
	text-align: center;
	letter-spacing: 0;
}
.swiper h3 {
	margin-bottom: 20px;
	font-size: calc(1.8rem / 1.6);
	font-weight: 700;
	line-height: calc(20 / 16);
	text-align: center;
	letter-spacing: .04em;
}
.swiper h3.size-s {
	font-size: calc(1.6rem / 1.6);
	letter-spacing: -.03em;
}
.swiper .text {
	margin: 0 10px 10px 15px;
	line-height: calc(24 / 14);
	letter-spacing: 0;
}
.swiper-button-prev,
.swiper-button-next {
	top: auto;
	bottom: 0;
}
.swiper-button-next {
	right: 45px;
}
.swiper-button-prev::after,
.swiper-button-next::after {
	width: 26px;
	height: 26px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	font-size: 0;
}
.swiper-button-prev::after {
	transform: rotate(-135deg);
}
.swiper-button-next::after {
	transform: rotate(45deg);
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
	z-index: 0;
	width: calc(100% - 35px);
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	margin-inline: 6px;
	background: #999;
	opacity: 1;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--red);
}
@media print, screen and (min-width: 768px) {/* PC */
.swiper {
	margin-right: 0;
	padding: 0 0 54px;
}
.swiper-slide {
	width: 152px;
}
.swiper .item::after {
	left: -20px;
	width: 28px;
	height: 48px;
}
.swiper .text {
	margin: 0 5px 10px 10px;
	line-height: calc(24 / 14);
	letter-spacing: -.03em;
}
.swiper-button-next {
	right: 10px;
}
.swiper-pagination-bullets.swiper-pagination-horizontal {
	width: 100%;
}
}/* @media */
/* -----------------------------------------------
= hr-new-candidates
----------------------------------------------- */
.hr-new-candidates h2 {
	margin-bottom: 10px;
	font-size: calc(1.8rem / 1.6);
	font-weight: 700;
	letter-spacing: .04em;
}
@media print, screen and (min-width: 768px) {/* PC */
.hr-new-candidates .inner {
	padding-block: 20px 30px;
}
.hr-new-candidates h2 {
	margin-bottom: 30px;
	font-size: calc(2rem / 1.6);
}
.hr-new-candidates .swiper h3.size-s {
	margin-block: -8px 10px;
}
}/* @media */
/* -----------------------------------------------
= hr-self-development-support
----------------------------------------------- */
.hr-self-development-support {
	margin-bottom: 30px;
}
.hr-self-development-support h2 {
	margin-bottom: 10px;
	font-size: calc(1.4rem / 1.6);
	font-weight: 700;
	line-height: calc(20 / 14);
	letter-spacing: .04em;
}
.hr-self-development-support h3 {
	margin-bottom: 20px;
	font-size: calc(2rem / 1.6);
	line-height: calc(25 / 20);
	letter-spacing: .04em;
}
.hr-self-development-support .text {
	margin-bottom: 20px;
}
.hr-self-development-support .item {
	position: relative;
	padding: 30px 20px 1px;
	background: #f4f4f4;
}
.hr-self-development-support .item + .item {
	margin-top: 20px;
}
.hr-self-development-support .item::before,
.hr-self-development-support .item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
}
.hr-self-development-support .item::before {
	background: #fff;
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
.hr-self-development-support .item::after {
	background: var(--red);
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.hr-self-development-support .item h4 {
	margin-bottom: 10px;
	font-size: calc(1.6rem / 1.6);
	font-weight: 700;
	line-height: calc(24 / 16);
	text-align: center;
	letter-spacing: .08em;
}
.hr-self-development-support .item .feature {
	margin-bottom: 10px;
	padding-bottom: 15px;
	border-bottom: 2px dotted var(--red);
	font-size: calc(1.4rem / 1.6);
	line-height: calc(20 / 14);
	text-align: center;
	letter-spacing: .04em;
}
.hr-self-development-support .item .icon {
	width: 38px;
	height: 20px;
	margin-bottom: 5px;
	color: #fff;
	background: url(../../img/work-environment/environment/index_voice_bg.svg) no-repeat 0 50% / 100% auto;
	font-size: 8px;
	font-family: var(--josefin);
	font-weight: 600;
	line-height: 18px;
	text-align: center;
}
.hr-self-development-support .item h5 {
	margin-bottom: 5px;
	color: var(--red);
	font-size: calc(1.4rem / 1.6);
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .04em;
}
.hr-self-development-support .item .joined-year {
	margin-bottom: 5px;
	font-size: calc(1.2rem / 1.6);
	letter-spacing: .04em;
}
@media print, screen and (min-width: 768px) {/* PC */
.hr-self-development-support {
	margin-bottom: 140px;
}
.hr-self-development-support h2 {
	font-size: calc(2rem / 1.6);
}
.hr-self-development-support h3 {
	margin-bottom: 35px;
	font-size: calc(2.8rem / 1.6);
	line-height: calc(40 / 28);
}
.hr-self-development-support .text {
	margin-bottom: 60px;
}
.hr-self-development-support .item-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
	gap: 40px;
}
.hr-self-development-support .item {
	padding: 45px 35px 35px;
}
.hr-self-development-support .item + .item {
	margin-top: 0;
}
.hr-self-development-support .item::before,
.hr-self-development-support .item::after {
	width: 35px;
	height: 35px;
}
.hr-self-development-support .item h4 {
	margin-bottom: 20px;
	font-size: calc(2.2rem / 1.6);
	line-height: calc(40 / 22);
}
.hr-self-development-support .item .feature {
	margin-bottom: 25px;
	padding-bottom: 30px;
	border-bottom: 2px dotted var(--red);
	font-size: calc(2rem / 1.6);
}
.hr-self-development-support .item .icon {
	width: 64px;
	height: 33px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 30px;
}
.hr-self-development-support .item h5 {
	margin-bottom: 10px;
	font-size: calc(1.8rem / 1.6);
	line-height: calc(24 / 18);
}
.hr-self-development-support .item .joined-year {
	margin-bottom: 25px;
	font-size: calc(1.6rem / 1.6);
}
.hr-self-development-support .item .text {
	margin-bottom: 0;
}
}/* @media */
/* -----------------------------------------------
= hr-pick-up
----------------------------------------------- */
.hr-pick-up {
	margin-bottom: 30px;
}
.hr-pick-up h2 {
	margin-bottom: 30px;
	text-align: center;
}
.hr-pick-up h2 span:first-child {
	display: block;
	color: #f48f97;
	font-size: calc(3.3rem / 1.6);
	font-family: var(--josefin);
	font-weight: 600;
}
.hr-pick-up h2 span:last-child {
	display: inline-block;
	position: relative;
	padding-inline: 20px;
	font-size: calc(1.8rem / 1.6);
	font-weight: 700;
	line-height: calc(24 / 18);
	letter-spacing: .08em;
}
.hr-pick-up h2 span:last-child::before,
.hr-pick-up h2 span:last-child::after {
	content: "";
	position: absolute;
	top: 0;
	width: 7px;
	height: 45px;
	background: url(../../img/work-environment/environment/index_pickup_title.svg) no-repeat 0 50% / 100% auto;
}
.hr-pick-up h2 span:last-child::before {
	left: 0;
}
.hr-pick-up h2 span:last-child::after {
	right: 0;
	transform: rotate(180deg);
}
.hr-pick-up .item + .item {
	margin-top: 30px;
}
.hr-pick-up .en {
	margin-bottom: 5px;
	color: var(--red);
	font-size: calc(1.4rem / 1.6);
	font-weight: 700;
	line-height: calc(20 / 14);
	letter-spacing: .04em;
}
.hr-pick-up h3 {
	margin-bottom: 20px;
	font-size: calc(1.8rem / 1.6);
	line-height: calc(24 / 18);
	letter-spacing: .04em;
}
.hr-pick-up h3 span {
	letter-spacing: 0;
}
.hr-pick-up .text {
	margin-bottom: 20px;
}
.hr-pick-up .item img {
	display: block;
	margin-inline: auto;
}
.hr-pick-up .item:nth-child(1) img {
	max-width: 258px;
}
.hr-pick-up .item:nth-child(2) .img img:first-child {
	max-width: 244px;
	margin-bottom: 20px;
}
.hr-pick-up .item:nth-child(2) .img img:last-child {
	max-width: 278px;
	margin-bottom: 20px;
}
.hr-pick-up .profile img {
	display: block;
	margin: 0 auto 10px;
	max-width: 184px;
}
.hr-pick-up .profile .text {
	display: block;
	margin-bottom: 10px;
	font-weight: 700;
	text-align: center;
}
@media print, screen and (min-width: 768px) {/* PC */
.hr-pick-up {
	margin-inline: calc(-100 / 1500 * 100vw);
	max-width: 1222px;
	min-width: calc(1222 / 1500 * 100vw);
	min-height: calc(2103 / 1500 * 100vw);
	background: url(../../img/work-environment/environment/index_hr_pickup_bg.webp) no-repeat 50% 0 / 100% 100%;
	margin-bottom: 155px;
}
.hr-pick-up .inner {
	padding: calc(124 / 1500 * 100vw) calc(135 / 1500 * 100vw) calc(124 / 1500 * 100vw) calc(150 / 1500 * 100vw);
	background: transparent;
}
.hr-pick-up h2 {
	margin-bottom: 85px;
}
.hr-pick-up h2 span:first-child {
	font-size: calc(4.4rem / 1.6);
}
.hr-pick-up h2 span:last-child {
	font-size: calc(2.4rem / 1.6);
	line-height: calc(32 / 24);
}
.hr-pick-up h2 span:last-child::before,
.hr-pick-up h2 span:last-child::after {
	width: 9px;
	height: 59px;
}
.hr-pick-up .item + .item {
	margin-top: 70px;
}
.hr-pick-up .item:nth-child(1) {
	display: flex;
	align-items: start;
	gap: 0 40px;
}
.hr-pick-up .item:nth-child(1) .set {
	max-width: 452px;
}
.hr-pick-up .item:nth-child(2) {
	display: grid;
	gap: 50px 40px;
}
.hr-pick-up .item:nth-child(2) .set {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}
.hr-pick-up .item:nth-child(2) .img {
	grid-column: 2 / 3;
	grid-row: 1 / 3;
}
.hr-pick-up .item:nth-child(2) .profile-set {
	grid-column: 1 / 2;
	grid-row: 2 / 3;
}
.hr-pick-up .en {
	margin-bottom: 10px;
	font-size: calc(2rem / 1.6);
}
.hr-pick-up h3 {
	margin-bottom: 30px;
	font-size: calc(2.8rem / 1.6);
	line-height: calc(40 / 28);
}
.hr-pick-up .text {
	margin-bottom: 0;
}
.hr-pick-up .text strong {
	font-size: calc(2rem / 1.6);
}
.hr-pick-up .item:nth-child(1) img {
	max-width: calc(431 / 1222 * 100%);
}
.hr-pick-up .item:nth-child(2) .img img:first-child {
	max-width: 408px;
	margin-bottom: 87px;
}
.hr-pick-up .item:nth-child(2) .img img:last-child {
	max-width: 464px;
}
.hr-pick-up .profile img {
	margin: 0 auto 20px;
	max-width: 307px;
}
.hr-pick-up .profile .text {
	font-size: calc(1.8rem / 1.6);
}
.hr-pick-up .profile .text span {
	font-size: calc(2rem / 1.6);
}
}/* @media */
@media print, screen and (max-width: 1440px) and (min-width: 768px) {
.hr-pick-up {
	margin-inline: calc(-40 / 1500 * 100vw);
}
}/* @media */
@media print, screen and (max-width: 1023px) and (min-width: 768px) {
.hr-pick-up .item:nth-child(1) {
	display: block;
}
.hr-pick-up .item:nth-child(1) .set {
	max-width: none;
	margin-bottom: 20px;
}
.hr-pick-up .item:nth-child(2) {
	display: block;
}
.hr-pick-up .item:nth-child(2) .img img:first-child {
	max-width: calc(408 / 1222 * 100%);
	margin-bottom: 40px;
}
.hr-pick-up .item:nth-child(2) .img img:last-child {
	max-width: calc(464 / 1222 * 100%);
}
.hr-pick-up .profile img {
	max-width: calc(307 / 1222 * 100%);
}
}/* @media */
/* -----------------------------------------------
= hr-column
----------------------------------------------- */
.hr-column {
	margin-bottom: 40px;
}
.hr-column h2 {
	margin-bottom: 20px;
	text-align: center;
}
.hr-column h2 span:first-child {
	display: block;
	color: #f48f97;
	font-size: calc(3.3rem / 1.6);
	font-family: var(--josefin);
	font-weight: 600;
}
.hr-column h2 span:last-child {
	display: block;
	font-size: calc(1.5rem / 1.6);
	font-weight: 700;
	line-height: calc(30 / 15);
	letter-spacing: .04em;
}
.hr-column .lead {
	margin-bottom: 20px;
	font-size: calc(1.2rem / 1.6);
	line-height: calc(21 / 12);
	text-align: center;
	letter-spacing: .04em;
}
.hr-column .img-set {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.hr-column .img-set img {
	width: calc(50% - 5px);
	border-radius: 4px;
}
.hr-column .img-set img:nth-child(3),
.hr-column .img-set img:nth-child(6) {
	width: 100%;
	height: 144px;
	object-fit: cover;
}
@media print, screen and (min-width: 768px) {/* PC */
.hr-column {
	margin-bottom: 40px;
}
.hr-column h2 {
	margin-bottom: 30px;
}
.hr-column h2 span:first-child {
	font-size: calc(4.4rem / 1.6);
}
.hr-column h2 span:last-child {
	font-size: calc(2rem / 1.6);
}
.hr-column .lead {
	margin-bottom: 70px;
	font-size: calc(1.6rem / 1.6);
	line-height: calc(28 / 16);
}
.hr-column .img-set {
	gap: 30px;
}
.hr-column .img-set img {
	width: calc(1 / 3 * 100% - 20px);
	border-radius: 8px;
}
.hr-column .img-set img:nth-child(1) {
	order: 1;
}
.hr-column .img-set img:nth-child(2) {
	order: 2;
}
.hr-column .img-set img:nth-child(3) {
	order: 4;
	width: calc(50% - 15px);
	height: auto;
}
.hr-column .img-set img:nth-child(4) {
	order: 3;
}
.hr-column .img-set img:nth-child(5) {
	order: 6;
	width: calc(1 / 3 * 100% - 20px);
}
.hr-column .img-set img:nth-child(6) {
	order: 5;
	width: calc(50% - 15px);
	height: auto;
}
.hr-column .img-set img:nth-child(7) {
	order: 7;
}
.hr-column .img-set img:nth-child(8) {
	order: 8;
}
}/* @media */
/* -----------------------------------------------
= benefits
----------------------------------------------- */
.benefits {
	padding-inline: 20px;
}
.benefits::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: calc(100% - 20px);
	height: 225px;
	background: url(../../img/work-environment/environment/index_benefits_title.webp) no-repeat 50% 0 / cover;
}
.benefits .item-list {
	margin-bottom: 33px;
}
.benefits .item {
	padding: 20px 30px;
	background: #f4f4f4;
	border-radius: 5px;
	box-shadow: 0 4px 0 #dddddd;
}
.benefits .item + .item {
	margin-top: 24px;
}
.benefits .item h3 {
	display: flex;
	align-items: center;
	gap: 0 15px;
	margin-bottom: 7px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f48f97;
}
.benefits .item h3 img {
	width: 36px;
	border-radius: 5px;
}
.benefits .item h3 span {
	font-size: calc(1.4rem / 1.6);
	font-weight: 700;
	line-height: calc(20 / 14);
	letter-spacing: .04em;
}
.benefits .item p {
	font-size: calc(1.3rem / 1.6);
	line-height: calc(18 / 13);
	letter-spacing: .04em;
}
.benefits .img-set {
	max-width: 272px;
	margin: 0 auto 15px;
}
.benefits .img-set figure {
	display: block;
	margin-bottom: 15px;
}
.benefits .img-set figcaption {
	margin-top: 5px;
	font-size: calc(1.1rem / 1.6);
	line-height: 1.5;
	letter-spacing: .04em;
}
.benefits .msg {
	margin: 0 -5px 15px;
	color: var(--red);
	font-size: calc(1.6rem / 1.6);
	font-weight: 700;
	line-height: calc(24 / 16);
	text-align: center;
	letter-spacing: .08em;
}
@media print, screen and (min-width: 768px) {/* PC */
.benefits {
	max-width: 1180px;
	margin: 0 auto 100px;
	padding-inline: 0 120px;
}
.benefits::before {
	width: 100%;
	height: 900px;
}
.benefits .item-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
	gap: 42px 36px;
	margin-bottom: 65px;
}
.benefits .item {
	padding: 33px 45px;
	border-radius: 10px;
	box-shadow: 0 8px 0 #dddddd;
}
.benefits .item + .item {
	margin-top: 0;
}
.benefits .item h3 {
	gap: 0 22px;
	margin-bottom: 12px;
	padding-bottom: 18px;
}
.benefits .item h3 img {
	width: 60px;
	border-radius: 10px;
}
.benefits .item h3 span {
	font-size: calc(2rem / 1.6);
	line-height: calc(40 / 20);
}
.benefits .item p {
	font-size: calc(1.8rem / 1.6);
	line-height: calc(28 / 18);
}
.benefits .img-set {
	display: flex;
	gap: 0 38px;
	max-width: 714px;
	margin: 0 auto 50px;
}
.benefits .img-set figure {
	margin-bottom: 10px;
}
.benefits .img-set figcaption {
	margin-top: 5px;
	font-size: calc(1.4rem / 1.6);
}
.benefits .msg {
	margin: 0;
	font-size: calc(1.8rem / 1.6);
	line-height: calc(28 / 18);
}
}/* @media */
@media print, screen and (max-width: 1440px) and (min-width: 768px) {
.benefits {
	padding-inline: 0 40px;
}
}/* @media */