/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */

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

*,
::before,
::after {
	border-style: solid;
	border-width: 0;
	box-sizing: border-box;
	min-width: 0;
}

/* Document */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */

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

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}

/* Vertical rhythm */

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

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}

/* Headings */

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

/* Lists (enumeration) */

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

ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Lists (definition) */

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

dt {
	font-weight: bold;
}

dd {
	margin-left: 0;
}

/* Grouping content */

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	border-top-width: 1px;
	box-sizing: content-box; /* 1 */
	clear: both;
	color: inherit;
	height: 0; /* 1 */
	margin: 0;
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: inherit; /* 2 */
}

address {
	font-style: inherit;
}

/* Text-level semantics */

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

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Replaced content */

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

/**
 * Prevent vertical alignment issues.
 */

svg,
img,
embed,
object,
iframe {
	vertical-align: bottom;
}

/* Forms */

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

/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */

button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none; /* 1 */
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border-radius: 0;
	color: inherit;
	font: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
	text-transform: inherit; /* 2 */
	vertical-align: middle;
}

/**
 * Correct cursors for clickable elements.
 */

button,
[type=button],
[type=reset],
[type=submit] {
	cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
	cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */

:-moz-focusring {
	outline: auto;
}

select:disabled {
	opacity: inherit;
}

/**
 * Remove padding
 */

option {
	padding: 0;
}

/**
 * Reset to invisible
 */

fieldset {
	margin: 0;
	min-width: 0;
	padding: 0;
}

legend {
	padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * Correct the outline style in Safari.
 */

[type=search] {
	outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */

[type=number] {
	-moz-appearance: textfield;
}

/**
 * Clickable labels
 */

label[for] {
	cursor: pointer;
}

/* Interactive */

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/*
 * Remove outline for editable content.
 */

[contenteditable]:focus {
	outline: auto;
}

/* Tables */

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

/**
1. Correct table border color inheritance in all Chrome and Safari.
*/

table {
	border-collapse: collapse;
	border-color: inherit; /* 1 */
}

caption {
	text-align: left;
}

td,
th {
	padding: 0;
	vertical-align: top;
}

th {
	font-weight: bold;
	text-align: left;
}

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

body {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック", sans-serif;
}

html {
	font-size: 100%;
}

body.is-fixed {
	overflow: hidden;
}

.header {
	background-color: #0a0a0a;
	height: 52px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3;
}

.header__inner {
	align-items: center;
	display: flex;
	height: inherit;
	justify-content: space-between;
	padding-inline: 15px;
}

.header__logo {
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.header__logo:hover {
	filter: brightness(1.2);
	opacity: 0.8;
}

.header__logo-link {
	display: block;
	width: 175px;
}

.header__logo-link img {
	height: auto;
	width: 100%;
}

.header__nav {
	display: none;
}

.header__link {
	align-items: center;
	color: #ffffff;
	display: flex;
	font-weight: 700;
	height: inherit;
	letter-spacing: 0.48px;
	transition: color 0.3s;
}

.header__link:hover {
	color: #f2de79;
}

.header__open {
	margin-top: 3px;
}

.drawer-icon {
	height: 21px;
	position: relative;
	width: 36px;
	z-index: 2;
}

.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(1) {
	top: 10px;
	transform: rotate(45deg);
}

.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(2) {
	display: none;
}

.drawer-icon.is-checked .drawer-icon__bar:nth-of-type(3) {
	top: 10px;
	transform: rotate(-45deg);
}

.drawer-icon__bar {
	background: #ffffff;
	border-radius: 6px;
	height: 3px;
	left: 0;
	position: absolute;
	top: 0;
	transition: transform 0.3s linear, top 0.3s linear;
	width: 36px;
}

.drawer-icon__bar:nth-of-type(2) {
	top: 9px;
}

.drawer-icon__bar:nth-of-type(3) {
	top: 18px;
}

.drawer-content {
	background-color: #0a0a0a;
	height: calc(100% - 52px);
	overflow-y: auto;
	padding-bottom: clamp(20px, 0px + 0.0533333333 * 100vw, 40.9066666667px);
	padding-top: 0;
	position: fixed;
	right: 0;
	top: 52px;
	transform: translateX(100%);
	transition: transform 0.3s linear;
	width: 100%;
	z-index: 3;
}

.drawer-content.is-checked {
	transform: translateX(0);
}

.drawer-content__menu {
	display: flex;
	flex-direction: column;
	margin: 0 auto; /* column-gap: 10px; */
	max-width: 650px;
}

.drawer__link {
	border-bottom: 1px solid white;
	color: #ffffff;
	display: block;
	font-size: clamp(1.3125rem, 0.5723684211rem + 3.1578947368vw, 2.625rem);
	font-weight: 700;
	letter-spacing: 0.48px;
	line-height: 1.7; /* 27.2px */
	padding-block: clamp(20px, 0px + 0.0533333333 * 100vw, 40.9066666667px);
	padding-left: clamp(82px, 0px + 0.2186666667 * 100vw, 167.7173333333px);
	position: relative;
	text-align: left;
}

.drawer__link::before {
	background-color: #f2de79;
	content: "";
	display: block;
	height: clamp(0.125rem, -0.0159774436rem + 0.6015037594vw, 0.375rem);
	left: clamp(45px, 0px + 0.12 * 100vw, 92.04px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: clamp(1.8125rem, -0.337406015rem + 9.1729323308vw, 5.625rem);
	-webkit-mask-image: url("../../img/header/bar-yellow.svg");
	mask-image: url("../../img/header/bar-yellow.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.3s ease;
}

.drawer__link:hover {
	color: #f2de79;
}

.drawer-content__button {
	margin-top: 14px;
	text-align: right;
}

.drawer__info {
	color: #ffffff;
	padding-inline: clamp(45px, 0px + 0.12 * 100vw, 92.04px);
}

.drawer__info-contact {
	display: flex;
	flex-direction: column;
	font-size: clamp(0.9375rem, 0.0406568878rem + 3.8265306122vw, 1.875rem);
	gap: clamp(0.5rem, 0.411971831rem + 0.3755868545vw, 0.75rem);
	letter-spacing: 0.08em;
	margin-top: clamp(1.3125rem, 0.1764987245rem + 4.8469387755vw, 2.5rem);
}

.drawer__info-links {
	align-items: center;
	display: flex;
	gap: clamp(0.75rem, 0.573943662rem + 0.7511737089vw, 1.25rem);
	margin-top: clamp(2.1875rem, 0.0948660714rem + 8.9285714286vw, 4.375rem);
}

.drawer__info-links a {
	width: clamp(2.1875rem, 0.0948660714rem + 8.9285714286vw, 4.375rem);
}

.drawer__info-links a img {
	height: auto;
	width: 100%;
}

.drawer__info-links-logo {
	width: clamp(5rem, 1.3672919762rem + 7.5780089153vw, 8.1875rem);
}

.drawer__info-company {
	font-size: clamp(1.125rem, 0.0487882653rem + 4.5918367347vw, 2.25rem);
	margin-top: clamp(1.6875rem, 0.073182398rem + 6.887755102vw, 3.375rem);
}

.drawer__info-links-instagram,
.drawer__info-links-x {
	width: clamp(2.1875rem, -0.2040816327rem + 10.2040816327vw, 4.6875rem);
}

.drawer__info-links-instagram {
	width: clamp(1.25rem, 0.5897887324rem + 2.8169014085vw, 3.125rem);
}

.drawer__info-links-x {
	width: clamp(1.25rem, 0.5897887324rem + 2.8169014085vw, 3.125rem);
}

footer {
	background-color: #000000;
}

.footer__inner {
	padding-inline: clamp(2.5rem, -0.4894770408rem + 12.7551020408vw, 5.625rem);
}

.footer__image {
	display: none;
}

.footer__image img {
	height: auto;
	width: 100%;
}

.footer__content {
	padding-block: clamp(3.625rem, 0.0974170918rem + 15.0510204082vw, 7.3125rem);
}

.footer__nav {
	color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	row-gap: clamp(1.5rem, 1.2608418367rem + 1.0204081633vw, 1.75rem);
}

.footer__link {
	align-items: center;
	color: #ffffff;
	display: flex;
	font-size: clamp(0.8125rem, -0.0843431122rem + 3.8265306122vw, 1.75rem);
	font-weight: 700;
	height: inherit;
	letter-spacing: 0.48px;
	transition: color 0.3s;
}

.footer__link::before {
	background-color: #f2de79;
	content: "";
	display: block;
	height: 2px;
	margin-right: 9px;
	width: 13px;
	-webkit-mask-image: url("../../img/footer/bar-yellow.svg");
	mask-image: url("../../img/footer/bar-yellow.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.3s ease;
}

.footer__link:hover {
	color: #f2de79;
}

.footer__link:nth-child(odd) {
	width: 35%;
}

.footer__info {
	color: #ffffff;
	margin-top: clamp(3.6875rem, 0.2197066327rem + 14.7959183673vw, 7.3125rem);
}

.footer__info-contact {
	display: flex;
	flex-direction: column;
	font-size: clamp(0.9375rem, 0.0406568878rem + 3.8265306122vw, 1.875rem);
	gap: clamp(0.5rem, 0.411971831rem + 0.3755868545vw, 0.75rem);
	margin-top: clamp(1.3125rem, 0.1764987245rem + 4.8469387755vw, 2.5rem);
}

.footer__info-links {
	align-items: center;
	display: flex;
	gap: clamp(12px, 0px + 0.032 * 100vw, 24.544px);
	margin-top: clamp(35px, 0px + 0.0933333333 * 100vw, 71.5866666667px);
}

.footer__info-links a img {
	height: auto;
	width: 100%;
}

.footer__info-links-logo {
	width: clamp(90px, 0px + 0.24 * 100vw, 184.08px);
}

.footer__info-links-logo img {
	height: auto;
	width: 100%;
}

.footer__info-company {
	font-size: clamp(1.125rem, 0.0487882653rem + 4.5918367347vw, 2.25rem);
	margin-top: clamp(1.6875rem, 0.073182398rem + 6.887755102vw, 3.375rem);
}

.footer__info-links-instagram,
.footer__info-links-x {
	width: clamp(2.1875rem, -0.2040816327rem + 10.2040816327vw, 4.6875rem);
}

.footer__copyright {
	color: #f5f5f5;
	font-size: 12px;
	letter-spacing: 0.96px;
	line-height: 1;
}

.section-title {
	padding-top: clamp(5rem, 3.6795774648rem + 5.6338028169vw, 8.75rem);
}

.section-title h2 {
	text-align: center;
}

.section-title h2 img {
	height: auto;
	width: clamp(6.875rem, 0.2981505102rem + 28.0612244898vw, 13.75rem);
}

.cta_to_requirements-entry-wrapper {
	left: 0;
	position: relative;
	top: 0;
}

.cta_to_requirements-entry-wrapper__heading {
	margin-bottom: clamp(2.125rem, 0.0973282443rem + 8.6513994911vw, 4.25rem);
	margin-inline: auto;
}

.cta_to_requirements-entry-wrapper__heading img {
	display: block;
	height: auto;
	margin: 0 auto;
	width: 100%;
}

.cta_to_requirements-entry-inner {
	margin: 0 auto;
	max-width: 1068px;
	padding-inline: clamp(1rem, 0.7980769231rem + 0.8615384615vw, 1.875rem);
}

.cta_to_requirements__links {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: clamp(1rem, 0.1650763359rem + 3.5623409669vw, 1.875rem);
	margin: 0 auto;
}

.cta_to__link {
	display: block;
	width: clamp(18.75rem, 15.8076923077rem + 12.5538461538vw, 31.5rem);
}

.cta_to__link img {
	height: auto;
	width: 100%;
}

.cta_to_requirements__link {
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.cta_to_requirements__link:hover {
	filter: brightness(1.2);
	opacity: 0.8;
}

.cta_to_requirements__link {
	width: clamp(20rem, 12.2471374046rem + 33.0788804071vw, 28.125rem);
}

.cta_to_entry__link {
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.cta_to_entry__link:hover {
	filter: brightness(1.2);
	opacity: 0.8;
}

.cta_to_entry__link {
	width: clamp(20rem, 12.2471374046rem + 33.0788804071vw, 28.125rem);
}

.content__copy {
	color: #262626;
	font-size: clamp(0.875rem, 0.4348591549rem + 1.8779342723vw, 2.125rem);
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2;
	text-align: center;
}

.content-container {
	background-color: #ffffff;
	padding-block: clamp(2.5rem, 1.3996478873rem + 4.6948356808vw, 5.625rem);
	padding-inline: clamp(13px, 0px + 0.0346666667 * 100vw, 26.5893333333px);
}

.content-description-text {
	display: flex;
	flex-direction: column;
}

.content-description {
	display: flex;
	flex-direction: column;
	gap: clamp(1.875rem, 0.0813137755rem + 7.6530612245vw, 3.75rem);
	padding-bottom: clamp(2.25rem, 0.0975765306rem + 9.1836734694vw, 4.5rem);
}

.content-description:not(:first-child) {
	border-top: 1px solid rgba(12, 65, 106, 0.2);
	padding-top: clamp(2.25rem, 0.0975765306rem + 9.1836734694vw, 4.5rem);
}

.content-description-text-head {
	color: #262626;
	display: inline-block;
	font-size: clamp(1.0625rem, 0.0460778061rem + 4.3367346939vw, 2.125rem);
	font-weight: 500;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-inline: auto;
	text-align: center;
}

.content-description-text-body {
	color: #262626;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2;
	white-space: wrap;
}

.content-description-text-body p + p {
	margin-top: clamp(20px, 0px + 0.0533333333 * 100vw, 40.9066666667px);
}

.content-description-text-body p {
	font-size: clamp(13px, 0px + 0.0346666667 * 100vw, 26.5893333333px);
	letter-spacing: 0.01em;
}

.page-requirements-title h1 img {
	width: clamp(112px, 0px + 0.2986666667 * 100vw, 229.0773333333px);
}

.page-faq-title h1 img {
	width: clamp(150px, 0px + 0.4 * 100vw, 306.8px);
}

.u-drawer__link__logo::after {
	background-color: #ffffff;
	content: "";
	display: inline-block;
	height: clamp(0.875rem, 0.4564732143rem + 1.7857142857vw, 1.3125rem);
	margin-left: 9px;
	width: clamp(17px, 0px + 0.0453333333 * 100vw, 34.7706666667px);
	-webkit-mask-image: url("../../img/header/pc-icon.svg");
	mask-image: url("../../img/header/pc-icon.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.3s ease;
}

.u-drawer__link__logo::after:hover::before {
	background-color: #f2de79;
}

.u-footer__link__logo::after {
	background-color: #ffffff;
	content: "";
	display: inline-block;
	height: clamp(0.875rem, 0.4564732143rem + 1.7857142857vw, 1.3125rem);
	margin-left: 9px;
	width: clamp(1.0625rem, 0.5841836735rem + 2.0408163265vw, 1.5625rem);
	-webkit-mask-image: url("../../img/header/pc-icon.svg");
	mask-image: url("../../img/header/pc-icon.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.3s ease;
}

.u-footer__link__logo::after:hover::before {
	background-color: #f2de79;
}

.u-bg-white {
	background-color: #ffffff;
	height: 41px;
}

.u-color-black {
	color: #111;
}

.u-fontBold {
	font-weight: 700;
}

.u-middle_section__toppage {
	padding-block: clamp(3.125rem, 0.1355229592rem + 12.7551020408vw, 6.25rem) clamp(3.5625rem, 0.1544961735rem + 14.5408163265vw, 7.125rem);
}

.u-in_section__requirement-jobposition-page {
	padding-bottom: clamp(5.25rem, 0.705994898rem + 19.387755102vw, 10rem);
	padding-inline: clamp(1.875rem, 0.0858778626rem + 7.6335877863vw, 3.75rem);
	padding-top: clamp(1.875rem, 0.3345070423rem + 6.5727699531vw, 6.25rem);
}

.u-indent {
	padding-left: 1rem;
	text-indent: -1rem;
}

.u-indent-1_5rem {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
}

.u-indent-span {
	display: inline-block;
	padding-left: 1rem;
}

.u-indent-spans {
	padding-left: 1rem;
	text-indent: -1rem;
}

.u-indent-spans {
	display: inline-block;
	padding-left: 1rem;
	text-indent: -1rem;
}

.u-marginTop-small {
	margin-top: clamp(30px, 0px + 0.08 * 100vw, 61.36px) !important;
}

.u-content__copy-padding {
	padding-bottom: clamp(30px, 0px + 0.08 * 100vw, 61.36px);
}

.u-end_section__interview-page {
	background-color: #ffffff;
	padding-bottom: clamp(3.75rem, 0.3419961735rem + 14.5408163265vw, 7.3125rem);
	padding-inline: clamp(1.875rem, 0.0858778626rem + 7.6335877863vw, 3.75rem);
	padding-top: clamp(60px, 0px + 0.16 * 100vw, 122.72px);
}

body {
	color: #262626;
	font-weight: 500;
	height: 50vw;
	letter-spacing: 0.05em;
	line-height: 2;
}

.top-inner {
	padding-inline: 0;
}

.top-firstview {
	overflow-x: clip;
	position: relative;
}

.top-firstview__image img {
	height: auto;
	width: 100%;
}

.top-firstview__entrybutton-round {
	display: none;
}

.top-firstview__entrybutton-landscape {
	bottom: clamp(28px, 0px + 0.0746666667 * 100vw, 57.2693333333px);
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.top-firstview__entrybutton-landscape:hover {
	filter: brightness(1.2);
	opacity: 0.8;
}

.top-firstview__entrybutton-landscape {
	display: block;
	margin: 0 auto;
	width: clamp(320px, 0px + 0.8533333333 * 100vw, 654.5066666667px);
}

.top-firstview__entrybutton-landscape img {
	height: auto;
	width: 100%;
}

.top-message__content-inner {
	overflow-x: clip;
}

.top-message__content {
	position: relative;
}

.top-message__content img {
	height: auto;
	width: 100%;
}

.top-mission {
	background-color: #f0f0f0;
}

.top-mission__content {
	margin: 0 auto;
}

.top-mission__content img {
	height: auto;
	width: 100%;
}

.top-business__content {
	margin: 0 auto;
	width: 100%;
}

.top-business__content img {
	height: auto;
	width: 100%;
}

.top-about {
	background-color: #ffffff;
}

.top-about__content-feature-wrapper {
	margin: 0 auto;
	width: 100%;
}

.top-about__content-feature-wrapper img {
	height: auto;
	width: 100%;
}

.top-about__content-merit-wrapper img {
	height: auto;
	width: 100%;
}

.top-about__content-6features-wrapper {
	margin: 0 auto;
}

.top-about__content-6features-wrapper img {
	height: auto;
	width: 100%;
}

.top-about__content-division__heading {
	margin-inline: auto;
	width: clamp(14.0625rem, 0.6098533163rem + 57.3979591837vw, 28.125rem);
}

.top-about-division-cards {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: clamp(2.8125rem, 0.1219706633rem + 11.4795918367vw, 5.625rem);
	margin-top: clamp(3.5625rem, 0.1544961735rem + 14.5408163265vw, 7.125rem);
}

.top-about-division-card {
	display: flex;
	height: clamp(20.625rem, 0.8944515306rem + 84.1836734694vw, 41.25rem);
	justify-content: center;
	position: relative;
	width: clamp(19.375rem, 0.8402423469rem + 79.0816326531vw, 38.75rem);
}

.division-card-business,
.division-card-direction {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.division-card-business {
	background-image: url("../../img/page-top/about/card-business.png");
}

.division-card-direction {
	background-image: url("../../img/page-top/about/card-direction.png");
}

.top-about-division__link {
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.top-about-division__link:hover {
	filter: brightness(1.2);
	opacity: 0.8;
}

.top-about-division__link {
	bottom: 8%;
	position: absolute;
	width: 80%;
}

.top-about__content-division__jobchange {
	margin-inline: auto;
	margin-top: clamp(5rem, 0.2168367347rem + 20.4081632653vw, 10rem);
	width: clamp(19.375rem, 0.8402423469rem + 79.0816326531vw, 38.75rem);
}

.top-about__content-interview {
	overflow: clip;
	padding-block: clamp(2.6875rem, 1.6531690141rem + 4.4131455399vw, 5.625rem);
}

.top-about__content-interview-wrapper {
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.top-about__content-interview-wrapper img {
	height: auto;
	width: 100%;
}

.top-about-interview-heading {
	margin-inline: auto clamp(1rem, 0.0433673469rem + 4.0816326531vw, 2rem);
	width: 60.5333333333%;
}

.swiper-interview {
	margin-top: clamp(1.25rem, 0.0542091837rem + 5.1020408163vw, 2.5rem);
	width: 68.8%;
}

.interview-slider-prev {
	left: 5.3333333333vw !important;
}

.interview-slider-next {
	right: 5.3333333333vw !important;
}

.interview-slider-prev,
.interview-slider-next {
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	color: #000000 !important;
	height: 5.6vw !important;
	overflow: hidden;
	position: absolute;
	top: 60% !important;
	width: 2.9333333333vw !important;
	z-index: 2 !important;
}

.interview-slider-prev {
	left: 8.8vw;
}

.interview-slider-next {
	right: 8.8vw;
}

.interview-slider-pagination {
	bottom: -11% !important;
	z-index: 2 !important;
}

.swiper-pagination-bullet-active {
	background: #757575 !important;
}

.top-about-interview-links {
	display: flex;
	justify-content: space-between;
	margin-top: clamp(1rem, -0.1395027624rem + 4.861878453vw, 3.75rem);
}

.top-about-interview-description {
	margin-bottom: clamp(60px, 0px + 0.16 * 100vw, 122.72px);
	margin-inline: auto;
	margin-top: clamp(88px, 0px + 0.2346666667 * 100vw, 179.9893333333px);
}

.top-about-interview-description img {
	height: auto;
	width: 100%;
}

.top-about__content-division {
	background-color: #e8e8e8;
	padding-block: clamp(3.875rem, 3.2588028169rem + 2.6291079812vw, 5.625rem);
	position: relative;
}

.top-about__content-division-wrapper {
	margin: 0 auto;
}

.top-about__content-division-wrapper img {
	height: auto;
	width: 100%;
}

.top-about-division-links {
	display: flex;
	gap: 13.28125%;
	justify-content: center;
	left: 50%;
	margin-top: clamp(1rem, -0.1395027624rem + 4.861878453vw, 3.75rem);
	max-width: 890px;
	position: absolute;
	top: 45%;
	transform: translateX(-50%);
	width: 68%;
}

.top-about-division-links a {
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.top-about-division-links a:hover {
	filter: brightness(1.2);
	opacity: 0.8;
}

.top-entry .page-top-title {
	display: none;
}

.top-entry__content {
	margin-inline: auto;
}

.top-entry__content img {
	height: auto;
	width: 100%;
}

.top-recruitMessage {
	background-image: url("../../img/page-top/recruitMessage/backgroundimage-sp.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding-bottom: clamp(45px, 0px + 0.12 * 100vw, 92.04px);
	padding-top: clamp(840px, 0px + 2.24 * 100vw, 1718.08px);
	position: relative;
	width: 100%;
}

.top-recruitMessage-image-wrapper {
	display: none;
}

.top-recruitMessage-image-wrapper img {
	height: auto;
	width: 100%;
}

.top-recruitMessage__content {
	display: none;
}

@media screen and (min-width:768px) {

.header {
	height: 95px;
}

.header__logo-link {
	width: 300px;
}

.drawer-content {
	top: 95px;
}

.drawer__info {
	margin-top: clamp(1.5rem, 0.9278169014rem + 2.441314554vw, 3.125rem);
}

.drawer__info-contact {
	font-size: clamp(0.75rem, 0.3928571429rem + 0.744047619vw, 1.0625rem);
	margin-top: clamp(0.75rem, 0.1785714286rem + 1.1904761905vw, 1.25rem);
}

.drawer__info-links {
	margin-top: clamp(0.75rem, 0.1785714286rem + 1.1904761905vw, 1.25rem);
}

.drawer__info-links a {
	width: clamp(1.875rem, 0.5892857143rem + 2.6785714286vw, 3rem);
}

.drawer__info-company {
	font-size: clamp(0.75rem, 0.1785714286rem + 1.1904761905vw, 1.25rem);
}

.drawer__info-links-instagram,
.drawer__info-links-x {
	width: clamp(1.875rem, 0.5892857143rem + 2.6785714286vw, 3rem);
}

.footer__inner {
	align-items: center;
	display: flex;
	flex-direction: row;
	padding-inline: 0;
}

.footer__image {
	display: block;
	width: 50%;
}

.footer__image img {
	width: 80%;
}

.footer__content {
	padding-block: clamp(0.875rem, -0.125rem + 2.0833333333vw, 1.75rem);
	width: 50%;
}

.footer__nav {
	row-gap: clamp(0.625rem, 0.2678571429rem + 0.744047619vw, 0.9375rem);
	width: 45vw;
}

.footer__link {
	font-size: clamp(0.75rem, 0.1785714286rem + 1.1904761905vw, 1.25rem);
	width: 50%;
}

.footer__info {
	margin-top: clamp(0.5rem, -1.0714285714rem + 3.2738095238vw, 1.875rem);
}

.footer__info-contact {
	font-size: clamp(0.75rem, 0.3928571429rem + 0.744047619vw, 1.0625rem);
	margin-top: clamp(0.75rem, 0.1785714286rem + 1.1904761905vw, 1.25rem);
}

.footer__info-links {
	gap: clamp(14.9333333333px, 0px + 0.0194444444 * 100vw, 28px);
	margin-top: clamp(16.5333333333px, 0px + 0.0215277778 * 100vw, 31px);
}

.footer__info-links-logo {
	width: clamp(69.8666666667px, 0px + 0.0909722222 * 100vw, 131px);
}

.footer__info-company {
	font-size: clamp(0.75rem, 0.1785714286rem + 1.1904761905vw, 1.25rem);
	margin-top: 0;
}

.footer__info-links-instagram,
.footer__info-links-x {
	width: clamp(1.875rem, 0.5892857143rem + 2.6785714286vw, 3rem);
}

.section-title h2 img {
	width: clamp(5rem, -0.5rem + 11.4583333333vw, 9.8125rem);
}

.cta_to_requirements-entry-wrapper__heading {
	width: clamp(14.375rem, -2.1964285714rem + 34.5238095238vw, 28.875rem);
}

.cta_to_requirements__links {
	flex-direction: row;
	gap: 0;
	justify-content: center;
	width: clamp(533.3333333333px, 0px + 0.6944444444 * 100vw, 1000px);
}

.content-container {
	padding-inline: clamp(69.3333333333px, 0px + 0.0902777778 * 100vw, 130px);
}

.content-description {
	align-items: start;
	flex-direction: row;
	gap: 42px;
	justify-content: start;
	padding-bottom: clamp(1.375rem, 0.0892857143rem + 2.6785714286vw, 2.5rem);
}

.content-description:not(:first-child) {
	border-top: 2px solid rgba(12, 65, 106, 0.2);
	padding-top: clamp(1.375rem, 0.0892857143rem + 2.6785714286vw, 2.5rem);
}

.content-description-text-head {
	flex-shrink: 0;
	font-size: clamp(0.9375rem, 0.8054577465rem + 0.5633802817vw, 1.3125rem);
	margin-inline: 0;
	text-align: start;
	width: 22%;
}

.content-description-text-body p + p {
	margin-top: 0;
}

.content-description-text-body p {
	font-size: clamp(9.6px, 0px + 0.0125 * 100vw, 18px);
}

.page-requirements-title h1 img {
	width: clamp(99.2px, 0px + 0.1291666667 * 100vw, 186px);
}

.page-faq-title h1 img {
	width: clamp(113.6px, 0px + 0.1479166667 * 100vw, 213px);
}

.u-footer__link__logo::after {
	height: 21px;
	width: 25px;
}

.u-in_section__toppage {
	margin-top: clamp(53.3333333333px, 0px + 0.0694444444 * 100vw, 100px);
	position: static;
	transform: none;
}

.u-middle_section__toppage {
	padding-block: 50px;
}

.u-in_section__requirement-jobposition-page {
	padding-bottom: clamp(5rem, 0rem + 10.4166666667vw, 9.375rem);
}

.u-sp-only {
	display: none;
}

.u-tbpc-only {
	display: block;
}

.u-tbpc-only-inline {
	display: inline;
}

.u-sp-break {
	display: inline;
}

.u-marginTop-small {
	margin-top: clamp(21.3333333333px, 0px + 0.0277777778 * 100vw, 40px) !important;
}

.u-marginTop-small-requirement {
	margin-top: clamp(21.3333333333px, 0px + 0.0277777778 * 100vw, 40px) !important;
}

.u-content__copy-padding {
	padding-bottom: clamp(21.3333333333px, 0px + 0.0277777778 * 100vw, 40px);
}

.u-end_section__interview-page {
	padding-bottom: clamp(5rem, 1.4285714286rem + 7.4404761905vw, 8.125rem);
	padding-top: clamp(56px, 0px + 0.0729166667 * 100vw, 105px);
}

.top-main {
	margin-top: 95px;
}

.top-inner {
	margin: 0 auto;
	max-width: 1240px;
	padding-inline: clamp(1rem, -0.6310679612rem + 3.3980582524vw, 1.875rem);
}

.top-firstview {
	padding-bottom: clamp(48px, 0px + 0.0625 * 100vw, 90px);
	padding-top: clamp(605.3333333333px, 0px + 0.7881944444 * 100vw, 1135px);
}

.top-firstview__image {
	position: absolute;
	top: 0;
	transform: translateX(-13.8%);
	width: 138.8888888889vw;
	z-index: -1;
}

.top-firstview__entrybutton-round {
	bottom: 5%;
	height: clamp(1.75rem, -0.2692307692rem + 8.6153846154vw, 10.5rem);
	position: fixed;
	right: 5%;
	width: clamp(1.75rem, -0.2692307692rem + 8.6153846154vw, 10.5rem);
	z-index: 3;
}

.top-firstview__entrybutton-round img {
	height: auto;
	width: 100%;
}

.top-firstview__entrybutton-round {
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.top-firstview__entrybutton-round:hover {
	filter: brightness(1.2);
	opacity: 0.8;
}

.top-firstview__entrybutton-round.is-show {
	display: block;
}

.top-firstview__entrybutton-landscape {
	position: static;
	transform: none;
	width: clamp(282.6666666667px, 0px + 0.3680555556 * 100vw, 530px);
}

.top-message__content {
	transform: translateX(-13.8%);
	width: 138.8888888889vw;
}

.top-mission {
	padding-block: clamp(48px, 0px + 0.0625 * 100vw, 90px);
}

.top-mission__content {
	width: 58.671875%;
}

.top-business {
	padding-block: clamp(1.875rem, 0.5545774648rem + 5.6338028169vw, 5.625rem);
}

.top-about__content-feature {
	padding-block: clamp(48px, 0px + 0.0625 * 100vw, 90px);
}

.top-about__content-merit {
	background-color: #2e2e2e;
	padding-block: clamp(1.875rem, 0.5545774648rem + 5.6338028169vw, 5.625rem);
}

.top-about__content-merit-wrapper {
	margin: 0 auto;
	width: 72.34375%;
}

.top-about__content-6features {
	background-color: #c2c2c2;
	padding-block: clamp(1.875rem, 0.5545774648rem + 5.6338028169vw, 5.625rem);
}

.top-about__content-6features-wrapper {
	width: 59.6875%;
}

.top-about__content-inner {
	margin: 0 auto;
	max-width: 1260px;
	padding-inline: clamp(16px, 0px + 0.0208333333 * 100vw, 30px);
}

.top-about__content-division__heading {
	width: clamp(12.5rem, 4.9285714286rem + 15.7738095238vw, 19.125rem);
}

.top-about-division-cards {
	flex-direction: row;
	gap: clamp(3.125rem, 0.6964285714rem + 5.0595238095vw, 5.25rem);
	justify-content: center;
	margin-top: clamp(1.875rem, 0.0892857143rem + 3.7202380952vw, 3.4375rem);
}

.top-about-division-card {
	height: clamp(19.875rem, 9.5892857143rem + 21.4285714286vw, 28.875rem);
	width: clamp(18.75rem, 8.75rem + 20.8333333333vw, 27.5rem);
}

.top-about__content-division__jobchange {
	margin-top: clamp(3.75rem, -0.5357142857rem + 8.9285714286vw, 7.5rem);
	width: clamp(37.5rem, -5.0714285714rem + 88.6904761905vw, 74.75rem);
}

.top-about-interview-heading {
	max-width: 392px;
	width: 30.625%;
}

.swiper-interview {
	overflow: visible !important;
}

.interview-slider-prev,
.interview-slider-next {
	display: none !important;
}

.interview-slider-pagination {
	display: none !important;
}

.top-about-interview-description {
	margin-bottom: clamp(48px, 0px + 0.0625 * 100vw, 90px);
	margin-top: clamp(40px, 0px + 0.0520833333 * 100vw, 75px);
}

.top-entry {
	background-color: #f6f6f6;
	padding-bottom: clamp(3.125rem, 2.0246478873rem + 4.6948356808vw, 6.25rem);
}

.top-entry .page-top-title {
	display: block;
}

.top-entry__content-inner {
	margin: 0 auto;
	margin-top: clamp(60px, 0px + 0.16 * 100vw, 122.72px);
	max-width: 1280px;
	padding-inline: clamp(1rem, 0.7980769231rem + 0.8615384615vw, 1.875rem);
}

.top-recruitMessage {
	background-image: none;
	overflow-x: clip;
	padding-bottom: clamp(83.2px, 0px + 0.1083333333 * 100vw, 156px);
	padding-top: clamp(64px, 0px + 0.0833333333 * 100vw, 120px);
	position: relative;
}

.top-recruitMessage-image-wrapper {
	display: block;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 138.8888888889vw;
	z-index: -1;
}

.top-recruitMessage__inner {
	margin: 0 auto;
	max-width: 1240px;
	padding-inline: clamp(1rem, -0.6310679612rem + 3.3980582524vw, 1.875rem);
}

.top-recruitMessage__content {
	display: block;
	margin-inline: auto;
	width: clamp(359.4666666667px, 0px + 0.4680555556 * 100vw, 674px);
}

}

@media not screen and (min-width: 768px) {

.u-sp-only {
	display: block;
}

.u-tbpc-only {
	display: none;
}

.u-tbpc-only-inline {
	display: none;
}

.u-sp-break {
	display: block;
}

}

@media screen and (min-width:1024px) {

.header__inner {
	margin-left: auto;
	margin-right: auto;
	padding-inline: 30px;
}

.footer__image img {
	width: 75%;
}

.u-header__link__logo {
	padding-inline: 17px;
}

.u-header__link__logo::before {
	background-color: #0a0a0a;
	content: "";
	display: block;
	height: 21px;
	margin-right: 9px;
	width: 25px;
	-webkit-mask-image: url("../../img/header/pc-icon.svg");
	mask-image: url("../../img/header/pc-icon.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.3s ease;
}

.u-header__link__logo:hover::before {
	background-color: #f2de79;
}

}

@media screen and (min-width:1200px) {

.header {
	height: 80px;
}

.header__nav {
	align-items: center;
	display: flex;
	gap: 40px;
	height: inherit;
}

.header__open {
	display: none;
}

.top-main {
	margin-top: 80px;
}

}

@media screen and (min-width:1440px) {

.header {
	height: 95px;
}

.footer__image img {
	width: 65%;
}

.top-main {
	margin-top: 95px;
}

.top-firstview__image {
	left: 50%;
	margin-left: -1000px;
	transform: translateX(0);
	width: 2000px;
}

.top-message__content {
	left: 50%;
	margin-left: -1000px;
	transform: translateX(0);
	width: 2000px;
}

.top-recruitMessage-image-wrapper {
	left: 50%;
	margin-left: -1000px;
	transform: translateX(0);
	width: 2000px;
}

}

@media screen and (min-width:2000px) {

.footer__image img {
	width: 55%;
}

.top-firstview {
	aspect-ratio: 2000/1270;
	padding-top: 56.75%;
}

.top-firstview__image {
	left: 0;
	margin-left: 0;
	width: 100%;
}

.top-message__content {
	left: 0;
	margin-left: 0;
	width: 100%;
}

.top-recruitMessage-image-wrapper {
	left: 0;
	margin-left: 0;
	width: 100%;
}

}