@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: none
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

#pageRecruit .textHidden,
#pageRecruit header .closeBtn {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0
}

#pageRecruit .c_btn::after,
#pageRecruit .c_link_arrow::after,
#pageRecruit .c_slider .splide__arrow::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.161%22%20height%3D%2213.322%22%20viewBox%3D%220%200%2018.161%2013.322%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(-2796%20-1863.854)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4126%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204126%22%20width%3D%2216.967%22%20height%3D%221.581%22%20transform%3D%22translate(2796%201869.648)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4127%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204127%22%20width%3D%229.064%22%20height%3D%221.581%22%20transform%3D%22translate(2807.5%201863.854)%20rotate(45)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4128%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204128%22%20width%3D%229.42%22%20height%3D%221.581%22%20transform%3D%22translate(2806.383%201876.057)%20rotate(-45)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.161%22%20height%3D%2213.322%22%20viewBox%3D%220%200%2018.161%2013.322%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(-2796%20-1863.854)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4126%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204126%22%20width%3D%2216.967%22%20height%3D%221.581%22%20transform%3D%22translate(2796%201869.648)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4127%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204127%22%20width%3D%229.064%22%20height%3D%221.581%22%20transform%3D%22translate(2807.5%201863.854)%20rotate(45)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4128%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204128%22%20width%3D%229.42%22%20height%3D%221.581%22%20transform%3D%22translate(2806.383%201876.057)%20rotate(-45)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}

#pageRecruit .-arrowLink::before,
#pageRecruit .c_link.-arrow::before,
article-list::part(linkList_item)::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22arrow_btn%22%20transform%3D%22translate(-383%20-2208)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_222%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20222%22%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20transform%3D%22translate(383%202208)%22%20fill%3D%22%23d7063b%22%2F%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(388.6%202214)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4126%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204126%22%20width%3D%226.04%22%20height%3D%221%22%20transform%3D%22translate(0%202.4)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4127%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204127%22%20width%3D%223.524%22%20height%3D%221%22%20transform%3D%22translate(4.247%200.4)%20rotate(45)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4128%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204128%22%20width%3D%223.637%22%20height%3D%221%22%20transform%3D%22translate(3.493%204.787)%20rotate(-45)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}

#columnContent .post a:not(.c_btn)[target^=_]::after,
#pageRecruit .c_btn[target^=_]::after,
#pageRecruit .tooltip i::after,
article-list::part(blankLink)::after,
p a:not(.c_btn)[target^=_]::after {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202%22%20width%3D%2228%22%20height%3D%2228%22%20transform%3D%22translate(426%20636)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20transform%3D%22translate(-426%20-636)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(428%20638)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201%22%20width%3D%2219.5%22%20height%3D%2219.3%22%20transform%3D%22translate(1%203.7)%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M14%2C1h9v9%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M19%2C15v8H1V5H9%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20y1%3D%2211%22%20x2%3D%2211%22%20transform%3D%22translate(11%202)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_2%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%202%22%20width%3D%2228%22%20height%3D%2228%22%20transform%3D%22translate(426%20636)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%83%9E%E3%82%B9%E3%82%AF%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20transform%3D%22translate(-426%20-636)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(428%20638)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201%22%20width%3D%2219.5%22%20height%3D%2219.3%22%20transform%3D%22translate(1%203.7)%22%20fill%3D%22none%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M14%2C1h9v9%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M19%2C15v8H1V5H9%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_1%22%20data-name%3D%22%E7%B7%9A%201%22%20y1%3D%2211%22%20x2%3D%2211%22%20transform%3D%22translate(11%202)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}

#pageRecruit .c_pull.-open .c_pull_ttl::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cg%20id%3D%22menu%22%20transform%3D%22translate(-1294%20-9.946)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_28396%22%20data-name%3D%22%E3%83%91%E3%82%B9%2028396%22%20d%3D%22M20%2C0A20%2C20%2C0%2C1%2C1%2C0%2C20%2C20%2C20%2C0%2C0%2C1%2C20%2C0Z%22%20transform%3D%22translate(1294%209.946)%22%20fill%3D%22%23a8a8a8%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_16609%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2016609%22%20width%3D%2218%22%20height%3D%222%22%20transform%3D%22translate(1323%2031.207)%20rotate(180)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}

#pageRecruit .c_pull .c_pull_ttl::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%20%3Cg%20id%3D%22menu%22%20transform%3D%22translate(-1294%20-9.946)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_28396%22%20data-name%3D%22%E3%83%91%E3%82%B9%2028396%22%20d%3D%22M20%2C0A20%2C20%2C0%2C1%2C1%2C0%2C20%2C20%2C20%2C0%2C0%2C1%2C20%2C0Z%22%20transform%3D%22translate(1294%209.946)%22%20fill%3D%22%23d7063c%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_16608%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2016608%22%20width%3D%2218%22%20height%3D%222%22%20transform%3D%22translate(1314.605%2020.946)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_16609%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2016609%22%20width%3D%2218%22%20height%3D%222%22%20transform%3D%22translate(1323%2031.207)%20rotate(180)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E")
}

#columnContent .post blockquote::after,
#columnContent .post blockquote::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226.855%22%20height%3D%2225.439%22%20viewBox%3D%220%200%2026.855%2025.439%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_32801%22%20data-name%3D%22%E3%83%91%E3%82%B9%2032801%22%20d%3D%22M14.209-67.822q-3.369.635-4.736%2C4.883a13.35%2C13.35%2C0%2C0%2C0-.684%2C4.15%2C3%2C3%2C0%2C0%2C0%2C.024.415q.024.171.073.757h5.322v10.645H3.809v-9.814q0-7.227%2C2.881-11.133a10.692%2C10.692%2C0%2C0%2C1%2C7.52-4.492Zm16.455%2C0a5.475%2C5.475%2C0%2C0%2C0-4.077%2C3.027A12.383%2C12.383%2C0%2C0%2C0%2C25.2-58.838q0%2C.293.024.586a3.332%2C3.332%2C0%2C0%2C0%2C.122.635h5.322v10.645H20.215v-9.814a21.657%2C21.657%2C0%2C0%2C1%2C2.441-10.376%2C9.857%2C9.857%2C0%2C0%2C1%2C8.008-5.249Z%22%20transform%3D%22translate(-3.809%2072.412)%22%20fill%3D%22%23a8a8a8%22%2F%3E%3C%2Fsvg%3E")
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

/* ↓2025/09/29追記@IIJ↓ */
dd a.linkColor {
    color: #2546aa;
    text-decoration: none;
    cursor: pointer
}
/* ↑2025/09/29追記@IIJ↑ */

button {
    padding: 0;
    color: inherit;
    cursor: pointer;
    background-color: transparent;
    border-width: 0
}

input::-moz-focus-inner {
    padding: 0;
    margin: 0;
    border: 0
}

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

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

cite {
    font-style: normal
}

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

* {
    font-size: 100%
}

summary {
    display: block;
    list-style: none
}

summary::-webkit-details-marker {
    display: none
}

:root {
    --headerHeight: 6.8rem;
    --scrollPadding: 6.8rem
}

body,
html {
    -webkit-text-size-adjust: 100%
}

html {
    overflow: auto;
    font-size: 62.5%;
    scroll-behavior: smooth;
    scroll-padding-top: var(--scrollPadding)
}

html.-disable {
    overflow: hidden
}

html.-disable body {
    overflow: auto;
    scrollbar-gutter: stable
}

body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    font-family: "Noto Sans JP", NotoSansJP, "Noto Sans Japanese", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
    color: #333;
    letter-spacing: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased
}

@media screen and (max-width:48em) {
    body {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    body {
        line-height: 1.5714285714
    }
}

body * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body :after,
body :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body.page-contact,
body.page-single,
body.page-thanks,
body.page-top,
body.single {
    background-color: #fff
}

main {
    min-height: 60vh
}

button,
input::-moz-focus-inner,
select,
table,
textarea {
    font-size: 100%
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

section {
    clear: both
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0
}

a,
a img {
    -webkit-transition: .2s;
    transition: .2s
}

a:hover {
    text-decoration: none
}

a:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

p a:not(.c_btn) {
    color: #2546aa;
    text-decoration: none
}

p a:not(.c_btn)[target^=_] {
    position: relative;
    padding-right: .3em
}

p a:not(.c_btn)[target^=_]::after {
    position: absolute;
    top: 0;
    right: .25em;
    bottom: 0;
    width: 1em;
    height: 1em;
    margin: auto;
    content: "";
    background-color: #2546aa;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

@media (hover:hover) {
    p a:not(.c_btn):hover {
        text-decoration: underline
    }
}

p a:not(.c_btn):focus-visible {
    text-decoration: underline;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

picture {
    display: block;
    line-height: 1
}

figure {
    padding: 0;
    margin: 0;
    text-align: center
}

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

figure figcaption {
    margin: auto;
    text-align: left
}

strong {
    font-weight: 700
}

dd,
dt,
figcaption,
li,
p,
td,
th {
    text-align: inherit
}

p {
    padding: 0;
    margin: 0;
    font-weight: 400;
    line-height: 2;
    text-align: left;
    letter-spacing: 0;
    word-break: normal;
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    p {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

p:not(:last-of-type) {
    margin-bottom: 1em
}

@media screen and (max-width:48em) {
    p {
        line-height: 2
    }
}

@media not screen and (max-width:48em) {
    a[href^="tel:"] {
        color: inherit !important;
        text-decoration: none !important;
        pointer-events: none
    }
}

.contentInner {
    width: 100%;
    max-width: 120rem;
    padding: 0;
    margin: 0 auto
}

@media screen and (max-width:75.625em) {
    .contentInner {
        padding: 0 1.6rem
    }
}

@media screen and (max-width:48em) {
    .contentInner {
        padding: 0 min(4.2666666667vw, 3.2rem)
    }
}

.contentInner.-small {
    max-width: 108rem
}

.contentInner.-column {
    max-width: 80rem
}

.contentInner.-pd0 {
    padding: 0
}

#mainContent>section:not(.highlight):last-of-type {
    padding-bottom: 0 !important;
    margin-bottom: 11.2rem
}

@media screen and (max-width:48em) {
    #mainContent>section:not(.highlight):last-of-type {
        margin-bottom: min(21.3333333333vw, 16rem)
    }
}

body:not(.-top) #main {
    margin-top: var(--headerHeight)
}

body#pageRecruit.-top header {
    background-color: transparent
}

@media screen and (max-width:48em) {
    body#pageRecruit.-top .c_btn {
        min-width: min(52.8vw, 39.6rem)
    }
}

@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized {
    visibility: visible
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

#anchorContainer {
    padding: 7.2rem 0 0
}

@media screen and (max-width:48em) {
    #anchorContainer {
        padding-top: min(10.6666666667vw, 8rem)
    }
}

#anchorContainer .c_anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.6rem min(1.2079062958vw, 1.65rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

@media screen and (max-width:48em) {
    #anchorContainer .c_anchor {
        gap: min(4.2666666667vw, 3.2rem) min(6.6666666667vw, 5rem);
        width: 100%
    }
}

#anchorContainer .c_anchor_item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 18.6rem;
    height: 4rem;
    padding: 1rem;
    font-weight: 700;
    text-decoration: none;
    background-color: #f4f4f4;
    border-radius: 9999px;
    -webkit-box-shadow: .3rem .3rem .8rem rgba(0, 0, 0, .1);
    box-shadow: .3rem .3rem .8rem rgba(0, 0, 0, .1);
    -webkit-transition: -webkit-box-shadow .4s, -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-box-shadow .4s, -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: box-shadow .4s, transform .4s cubic-bezier(.165, .84, .44, 1);
    transition: box-shadow .4s, transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-box-shadow .4s, -webkit-transform .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (max-width:48em) {
    #anchorContainer .c_anchor_item {
        width: calc((100% - min(6.6666666667vw, 5rem))/ 2);
        height: min(10.6666666667vw, 8rem)
    }
}

#anchorContainer .c_anchor_item::after {
    position: absolute;
    width: 2rem;
    height: 2rem;
    margin: auto;
    content: "";
    background-color: #d7063c;
    background-image: url("/recruit/common/images/arrow_btn.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%
}

@media screen and (max-width:48em) {
    #anchorContainer .c_anchor_item::after {
        width: min(4.8vw, 3.6rem);
        height: min(4.8vw, 3.6rem)
    }
}

#anchorContainer .c_anchor_item a {
    z-index: 2;
    width: 100%;
    padding-right: 1.8rem;
    text-align: center;
    font-size: 1.4rem
}

@media screen and (max-width:48em) {
    #anchorContainer .c_anchor_item a {
        font-size: clamp(1.3rem, 3.4666666667vw, 1.4rem)
    }
}

@media screen and (max-width:48em) {
    #anchorContainer .c_anchor_item a {
        padding-right: min(4.8vw, 3.6rem)
    }
}

@media (hover:hover) {
    #anchorContainer .c_anchor_item:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transform: translateY(.5em);
        transform: translateY(.5em)
    }
}

#anchorContainer .c_anchor_item:focus-visible {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(.5em);
    transform: translateY(.5em);
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#anchorContainer .c_anchor.-fixed {
    position: fixed;
    top: var(--headerHeight);
    right: 0;
    left: 0;
    z-index: 555;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    padding-top: 1.6rem;
    margin: auto
}

@media screen and (max-width:48em) {
    #anchorContainer .c_anchor.-fixed {
        display: none
    }
}

@media not screen and (max-width:48em) {
    #anchorContainer .c_anchor:not(:has(.c_anchor_item:nth-of-type(5))) .c_anchor_item {
        width: 21.6rem
    }
}

#pageRecruit .c_box {
    padding: 2.4rem;
    background-color: #f4f4f4;
    border-radius: .8rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_box {
        padding: min(6.4vw, 4.8rem) min(3.2vw, 2.4rem)
    }
}

#pageRecruit .c_box_ttl {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 0 1.6rem !important;
    margin: 0 auto 1.6rem !important;
    text-align: center
}

@media screen and (max-width:48em) {
    #pageRecruit .c_box_ttl {
        padding-bottom: min(3.2vw, 2.4rem) !important;
        margin-bottom: min(3.2vw, 2.4rem) !important
    }
}

#pageRecruit .c_box_ttl::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 4rem;
    height: .3rem;
    margin: auto;
    content: "";
    background-color: #d7063c
}

@media screen and (max-width:48em) {
    #pageRecruit .c_box_ttl::after {
        width: min(10.6666666667vw, 8rem)
    }
}

#pageRecruit .c_box p {
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #pageRecruit .c_box p {
        line-height: 1.7142857143
    }
}

#pageRecruit .c_box_lead {
    margin-bottom: .8rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center
}

@media screen and (max-width:48em) {
    #pageRecruit .c_box_lead {
        margin-bottom: min(2.1333333333vw, 1.6rem);
        line-height: 1.5
    }
}

#pageRecruit .c_box.courseList_item,
#pageRecruit .c_box.workstyleList_item {
    border-radius: 1.7rem
}

#pageRecruit .c_btn {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    width: 100%;
    max-width: 25rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 6rem;
    padding: 0 3.5rem;
    margin: 0;
    font-weight: 700;
    line-height: 1.5;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    background: #d7063c;
    border: .21rem solid #d7063c;
    border-radius: 9999px;
    -webkit-transition: color .4s, background-color .4s, border-color .4s;
    transition: color .4s, background-color .4s, border-color .4s;
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_btn {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_btn {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        min-width: min(66.6666666667vw, 50rem);
        height: min(16vw, 12rem);
        margin: auto
    }
}

#pageRecruit .c_btn::after {
    position: absolute;
    top: 0;
    right: 1.32rem;
    bottom: 0;
    z-index: 2;
    width: 1.86rem;
    height: 1.332rem;
    margin: auto;
    content: "";
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transition: background-color .4s;
    transition: background-color .4s;
    -webkit-mask-position: 50% 0;
    mask-position: 50% 0;
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%
}

@media (hover:hover) {
    #pageRecruit .c_btn:hover {
        background-color: #707070;
        border-color: #707070
    }

    #pageRecruit .c_btn:hover::after {
        -webkit-animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite;
        animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
    }
}

#pageRecruit .c_btn:focus-visible {
    background-color: #707070;
    border-color: #707070;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_btn:focus-visible::after {
    -webkit-animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite;
    animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
}

#pageRecruit .c_btn.-invert {
    color: #d7063c !important;
    background-color: #fff;
    border-color: #d7063c
}

#pageRecruit .c_btn.-invert::after {
    background-color: #d7063c
}

#pageRecruit .c_btn.-invert .blankLink::after {
    background-color: #d7063c
}

@media (hover:hover) {
    #pageRecruit .c_btn.-invert:hover {
        color: #fff !important;
        background-color: #707070;
        border-color: #707070
    }

    #pageRecruit .c_btn.-invert:hover::after {
        background-color: #fff;
        -webkit-animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite;
        animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
    }

    #pageRecruit .c_btn.-invert:hover .blankLink::after {
        background-color: #fff
    }
}

#pageRecruit .c_btn.-invert:focus-visible {
    color: #fff !important;
    background-color: #707070;
    border-color: #707070;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_btn.-invert:focus-visible::after {
    background-color: #fff;
    -webkit-animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite;
    animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
}

#pageRecruit .c_btn.-invert:focus-visible .blankLink::after {
    background-color: #fff
}

#pageRecruit .c_btn.-noIcon {
    padding: 0
}

#pageRecruit .c_btn.-noIcon::after {
    content: none
}

#pageRecruit .c_btn.banner_linkTxt .blankLink {
    position: absolute;
    right: 1.42rem;
    translate: unset
}

#pageRecruit .c_btn.banner_linkTxt .blankLink::after {
    background-color: #fff !important
}

#pageRecruit .c_btn.-reverse::after {
    right: auto;
    left: 1.92rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#pageRecruit .c_btn.-more::after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 150%;
    color: inherit;
    content: "+";
    background-color: transparent;
    -webkit-mask-image: none;
    mask-image: none
}

@media (hover:hover) {
    #pageRecruit .c_btn.-more:hover::after {
        -webkit-animation: none;
        animation: none
    }
}

#pageRecruit .c_btn.-more:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_btn.-more:focus-visible::after {
    -webkit-animation: none;
    animation: none
}

#pageRecruit .c_btn[target^=_]::after {
    width: 1.2rem;
    height: 1.2rem;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover
}

@media (hover:hover) {
    #pageRecruit .c_btn[target^=_]:hover::after {
        -webkit-animation: none;
        animation: none
    }
}

#pageRecruit .c_btn[target^=_]:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_btn[target^=_]:focus-visible::after {
    -webkit-animation: none;
    animation: none
}

#pageRecruit .c_btn.-small {
    max-width: 19.8rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_btn.-small {
        min-width: 19.8rem
    }
}

#pageRecruit .tooltip {
    position: relative
}

#pageRecruit .tooltip::after {
    display: none
}

@media (hover:hover) {
    #pageRecruit .tooltip:hover .tooltipTxt {
        opacity: 1
    }
}

#pageRecruit .tooltip:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .tooltip:focus-visible .tooltipTxt {
    opacity: 1
}

#pageRecruit .tooltip i {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: .5em;
    font-style: normal;
    translate: 0 0.15rem
}

#pageRecruit .tooltip i::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1em;
    height: 1em;
    margin: auto;
    content: "";
    background-color: #2546aa;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%
}

#pageRecruit .tooltip .tooltipTxt {
    position: absolute;
    bottom: 2.4rem;
    left: -5rem;
    display: inline-block;
    min-width: 11.2rem;
    padding: .6rem .2rem;
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-indent: 0;
    pointer-events: none;
    background: #333;
    opacity: 0
}

@media screen and (max-width:48em) {
    #pageRecruit .tooltip .tooltipTxt {
        display: none
    }
}

#pageRecruit .tooltip .tooltipTxt::before {
    position: absolute;
    bottom: -.5rem;
    left: 50%;
    width: 0;
    height: 0;
    content: "";
    border-color: #333 transparent transparent transparent;
    border-style: solid;
    border-width: .6rem .5rem 0 .5rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#pageRecruit .tooltip.c_btn i {
    position: absolute;
    right: 1.42rem;
    translate: unset
}

#pageRecruit .tooltip.c_btn i::after {
    background-color: #fff
}

#pageRecruit .tooltip.-invert:not(.c_btn) i::after {
    background-color: #fff
}

#pageRecruit .tooltip.-invert:not(.c_btn) .tooltipTxt {
    color: #333;
    background-color: #fff
}

#pageRecruit .tooltip.-invert:not(.c_btn) .tooltipTxt::before {
    border-color: #fff transparent transparent transparent
}

#pageRecruit .tooltip .banner_linkTxt .blankLink::after {
    background-color: #333
}

#pageRecruit .tooltip .banner_linkTxt .blankLink span.tooltipTxt {
    font-size: 1.2rem !important
}

#pageRecruit p .tooltip {
    margin-right: .3em
}

@-webkit-keyframes scrollleft {
    0% {
        -webkit-mask-position: 50% 0;
        mask-position: 50% 0
    }

    50% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    51% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 0
    }

    52% {
        -webkit-mask-position: 150% 0;
        mask-position: 150% 0;
        opacity: 0
    }

    100% {
        -webkit-mask-position: 50% 0;
        mask-position: 50% 0;
        opacity: 1
    }
}

@keyframes scrollleft {
    0% {
        -webkit-mask-position: 50% 0;
        mask-position: 50% 0
    }

    50% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    51% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
        opacity: 0
    }

    52% {
        -webkit-mask-position: 150% 0;
        mask-position: 150% 0;
        opacity: 0
    }

    100% {
        -webkit-mask-position: 50% 0;
        mask-position: 50% 0;
        opacity: 1
    }
}

#pageRecruit.-top .c_btn {
    max-width: 19.8rem
}

#pageRecruit {
    /*! インタビューカード */
    /*! /インタビューカード */
    /*! ブログカード */
    /*! /ブログカード */
}

#pageRecruit .c_card_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: min(4.6852122987vw, 6.4rem) min(4.6120058565vw, 6.3rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card_container {
        gap: min(8.8vw, 6.6rem) 0
    }
}

#pageRecruit .c_card_container>* {
    width: calc((100% - min(9.224011713vw, 12.6rem))/ 3)
}

@media screen and (max-width:75em) {
    #pageRecruit .c_card_container>* {
        width: calc((100% - min(4.6120058565vw, 6.3rem))/ 2)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card_container>* {
        width: 100%
    }
}

#pageRecruit .c_card_container.-column {
    gap: min(3.4407027818vw, 4.7rem) min(3.5871156662vw, 4.9rem)
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card_container.-column {
        gap: min(8.2666666667vw, 6.2rem) 0
    }
}

#pageRecruit .c_card_container.-column>* {
    width: calc((100% - min(7.1742313324vw, 9.8rem))/ 3)
}

@media screen and (max-width:75em) {
    #pageRecruit .c_card_container.-column>* {
        width: calc((100% - min(3.5871156662vw, 4.9rem))/ 2)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card_container.-column>* {
        width: 100%
    }
}

#pageRecruit .c_card {
    position: relative;
    display: block;
    margin: 0;
    border-radius: 1.6rem
}

#pageRecruit .c_card .c_card_cat {
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 11.6rem;
    max-width: 88%;
    height: 4.4rem;
    padding: 0 1em;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    background-color: #000;
    border-radius: 0 0 1.6rem 0;
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card .c_card_cat {
        font-size: clamp(1.2rem, 3.2vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card .c_card_cat {
        min-width: min(24.5333333333vw, 18.4rem);
        height: min(7.7333333333vw, 5.8rem);
        line-height: 1.4166666667;
        border-radius: 0 0 min(3.7333333333vw, 2.8rem) 0
    }
}

#pageRecruit .c_card .c_card_img {
    position: relative
}

#pageRecruit .c_card .c_card_img picture {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 1.6rem
}

#pageRecruit .c_card .c_card_img picture::before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40%;
    margin: auto;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .84)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .84) 100%);
    opacity: .7;
    -webkit-transition: height .4s;
    transition: height .4s
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card .c_card_img picture::before {
        height: min(45.3333333333vw, 34rem);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .84)));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .84) 100%);
        opacity: 1
    }
}

#pageRecruit .c_card .c_card_img .c_card_cap {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    padding: 1.4rem;
    margin: 0 auto;
    color: #fff
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card .c_card_img .c_card_cap {
        padding: min(4.8vw, 3.6rem) min(3.7333333333vw, 2.8rem)
    }

    #pageRecruit .c_card .c_card_img .c_card_cap span {
        line-height: 1.4166666667
    }
}

#pageRecruit .c_card .c_card_img .c_card_cap span {
    display: block;
    font-size: 1.4rem;
    line-height: 1.4285714286
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card .c_card_img .c_card_cap span {
        font-size: clamp(1.2rem, 3.2vw, 1.4rem)
    }
}

#pageRecruit .c_card .c_card_ttl {
    font-size: 2.3rem;
    margin-bottom: 1.6rem;
    font-weight: 700;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card .c_card_ttl {
        font-size: clamp(1.8rem, 4.8vw, 2.3rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card .c_card_ttl {
        margin-bottom: min(2.1333333333vw, 1.6rem);
        line-height: 1.4444444444
    }
}

#pageRecruit .c_card .c_card_info {
    margin-top: .6rem;
    font-weight: 700
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card .c_card_info {
        margin-top: min(1.6vw, 1.2rem)
    }
}

@media (hover:hover) {
    #pageRecruit .c_card:hover .c_card_img picture::before {
        height: 90%
    }
}

#pageRecruit .c_card:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_card:focus-visible .c_card_img picture::before {
    height: 90%
}

#pageRecruit .c_card.-project {
    overflow: hidden;
    text-decoration: none;
    background-color: #fff;
    border-radius: 1.5rem
}

#pageRecruit .c_card.-project .c_card_img picture::before {
    content: none
}

#pageRecruit .c_card.-project .c_card_cap {
    position: relative;
    min-height: 14.4rem;
    padding: 1.6rem 1.8rem;
    color: #333;
    text-decoration: none;
    border-top: .2rem solid #e2e2e2
}

#pageRecruit .c_card.-project .c_card_ttl {
    font-size: 2rem;
    margin-bottom: .4rem;
    line-height: 1.45;
    text-decoration: none
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card.-project .c_card_ttl {
        font-size: clamp(2rem, 5.3333333333vw, 2rem)
    }
}

#pageRecruit .c_slider .c_card_ttl {
    font-size: 2.1rem;
    margin-bottom: .9rem;
    line-height: 1.4545454545
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .c_card_ttl {
        font-size: clamp(1.4rem, 3.7333333333vw, 2.1rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .c_card_ttl {
        margin-bottom: min(2.4vw, 1.8rem);
        line-height: 1.5
    }
}

#pageRecruit .c_slider .c_card_cat {
    font-size: 1.5rem;
    max-width: 95%
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .c_card_cat {
        font-size: clamp(1.2rem, 3.2vw, 1.5rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .c_card_cat {
        line-height: 1.4166666667
    }
}

#pageRecruit .c_slider .c_card_cap span {
    font-size: 1.4rem;
    line-height: 1.4285714286
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .c_card_cap span {
        font-size: clamp(1.2rem, 3.2vw, 1.4rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .c_card_cap span {
        line-height: 1.4166666667
    }
}

#pageRecruit .c_card_column {
    position: relative;
    display: block;
    min-height: 100%;
    padding: min(1.756954612vw, 2.4rem);
    margin: 0;
    overflow: hidden;
    background-color: #fff;
    border-radius: 1.7rem;
    -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .08);
    -webkit-transition: -webkit-box-shadow 1s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-box-shadow 1s cubic-bezier(.165, .84, .44, 1);
    transition: box-shadow 1s cubic-bezier(.165, .84, .44, 1);
    transition: box-shadow 1s cubic-bezier(.165, .84, .44, 1), -webkit-box-shadow 1s cubic-bezier(.165, .84, .44, 1)
}

@media (hover:hover) {
    #pageRecruit .c_card_column:hover {
        -webkit-box-shadow: 0 0 2rem .8em rgba(0, 0, 0, .15);
        box-shadow: 0 0 2rem .8em rgba(0, 0, 0, .15)
    }
}

#pageRecruit .c_card_column:focus-visible {
    -webkit-box-shadow: 0 0 2rem .8em rgba(0, 0, 0, .15);
    box-shadow: 0 0 2rem .8em rgba(0, 0, 0, .15);
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card_column {
        padding: min(6.4vw, 4.8rem)
    }
}

#pageRecruit .c_card_column_img {
    overflow: hidden
}

#pageRecruit .c_card_column_img img {
    width: 100%;
    aspect-ratio: 320/170;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card_column_img img {
        aspect-ratio: 295/156
    }
}

#pageRecruit .c_card_column_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(1.9033674963vw, 2.6rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 2.4rem 0 2rem;
    line-height: 1
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card_column_info {
        gap: 0 min(6.4vw, 4.8rem);
        margin: min(4.2666666667vw, 3.2rem) 0
    }
}

#pageRecruit .c_card_column_cat_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .6rem .4rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 2rem
}

#pageRecruit .c_card_column_cat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .3rem 1.6rem;
    line-height: 1.4166666667;
    color: #6c6c6c;
    background-color: #fff;
    border: .1rem solid #c3c3c3;
    border-radius: 9999px;
    font-size: 1.2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card_column_cat {
        font-size: clamp(1.2rem, 3.2vw, 1.2rem)
    }
}

#pageRecruit .c_card_column_ttl {
    min-height: 4.8rem;
    margin-bottom: 1.6rem;
    font-weight: 700;
    line-height: 1.5
}

#pageRecruit .c_card_column_ttl>* {
    display: -webkit-box;
    min-height: 0;
    max-height: 4.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media screen and (max-width:48em) {
    #pageRecruit .c_card_column_ttl {
        margin-bottom: 0
    }

    #pageRecruit .c_card_column_ttl>* {
        display: -webkit-box;
        min-height: 0;
        max-height: calc(min(3.7333333333vw, 2.8rem) * 1.5 * 2);
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }
}

#pageRecruit .c_card_column.-new::after {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 7.4rem;
    height: 3.2rem;
    margin: auto;
    color: #fff;
    content: "NEW";
    background-color: #d7063c;
    border-radius: 0 0 1.6rem 0
}

@media (hover:hover) {
    #pageRecruit .c_card_column.-noHover:hover {
        -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .08);
        box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .08)
    }
}

#pageRecruit .c_card_column.-noHover:focus-visible {
    -webkit-box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 2rem 0 rgba(0, 0, 0, .08);
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_card_white {
    padding: 2.4rem;
    background-color: #fff;
    border-radius: 1.7rem;
    -webkit-box-shadow: 0 0 2rem .1em rgba(0, 0, 0, .08);
    box-shadow: 0 0 2rem .1em rgba(0, 0, 0, .08)
}

#pageRecruit .c_catList_container {
    padding: 3.2rem;
    margin-block: 6.4rem;
    background-color: #f4f4f4;
    border-radius: 1rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_catList_container {
        padding: 2.4rem 1.2rem;
        margin-block: 3.6rem 6.4rem
    }
}

#pageRecruit .c_catList_inner {
    max-width: 108rem;
    margin: auto
}

#pageRecruit .c_catList_ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1.6rem;
    font-weight: 700;
    border-bottom: .1rem solid #d6d6d6;
    font-size: 1.8rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_catList_ttl {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.8rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_catList_ttl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: .8rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

#pageRecruit .c_catList_ttl span {
    font-weight: 400;
    font-size: 1.4rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_catList_ttl span {
        font-size: clamp(1.2rem, 3.2vw, 1.4rem)
    }
}

#pageRecruit .c_catList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: min(1.1713030747vw, 1.6rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 2.4rem auto 0
}

@media screen and (max-width:48em) {
    #pageRecruit .c_catList {
        gap: 1.2rem min(2.6666666667vw, 2rem);
        margin-top: 1.6rem
    }
}

#pageRecruit .c_catList_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc((100% - min(1.1713030747vw, 1.6rem) * 3)/ 4)
}

@media screen and (max-width:48em) {
    #pageRecruit .c_catList_item {
        width: calc((100% - min(2.6666666667vw, 2rem))/ 2)
    }
}

#pageRecruit .c_catList_item input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#pageRecruit .c_catList_item input+label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 4.8rem;
    padding-left: 4rem;
    line-height: 1.5;
    color: #333;
    cursor: pointer;
    background-color: #fff;
    border: .1rem solid #fff;
    border-radius: .4rem;
    -webkit-transition: background-color .4s, color .4s, border-color .4s;
    transition: background-color .4s, color .4s, border-color .4s
}

@media (hover:hover) {
    #pageRecruit .c_catList_item input+label:hover {
        background-color: #fff5f8;
        border-color: #d7063c
    }

    #pageRecruit .c_catList_item input+label:hover::before {
        border-color: #d7063c
    }
}

#pageRecruit .c_catList_item input+label:focus-visible {
    background-color: #fff5f8;
    border-color: #d7063c;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_catList_item input+label:focus-visible::before {
    border-color: #d7063c
}

@media screen and (max-width:48em) {
    #pageRecruit .c_catList_item input+label {
        height: min(14.4vw, 10.8rem);
        font-size: min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit .c_catList_item input+label::after,
#pageRecruit .c_catList_item input+label::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.2rem;
    margin: auto;
    content: ""
}

#pageRecruit .c_catList_item input+label::before {
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: .1rem solid #707070;
    border-radius: .4rem;
    -webkit-transition: border-color .4s;
    transition: border-color .4s
}

#pageRecruit .c_catList_item input+label::after {
    bottom: .23em;
    left: 1.5rem;
    width: 1.35rem;
    height: .8rem;
    border: .3rem solid #fff;
    border-width: 0 0 .35rem .35rem;
    rotate: -43deg;
    opacity: 0
}

#pageRecruit .c_catList_item input:checked+label::before {
    background-color: #d7063c;
    border-color: #d7063c
}

#pageRecruit .c_catList_item input:checked+label::after {
    opacity: 1
}

#pageRecruit .c_catList_item input:focus-visible {
    outline: 0
}

#pageRecruit .c_catList_item input:focus-visible+label {
    background-color: #fff5f8;
    border-color: #d7063c;
    outline: .2rem solid #d7063c;
    outline-offset: 0.1rem
}

#pageRecruit .c_catList_item input:focus-visible+label::before {
    border-color: #d7063c
}

#pageRecruit #interviewArchive .c_catList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: min(1.756954612vw, 2.4rem);
    margin: 3.2rem auto 4.8rem
}

@media screen and (max-width:48em) {
    #pageRecruit #interviewArchive .c_catList {
        gap: min(4.2666666667vw, 3.2rem) min(6.1333333333vw, 4.6rem);
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: min(6.4vw, 4.8rem) auto
    }
}

#pageRecruit #interviewArchive .c_catList_item button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 4rem;
    font-weight: 700;
    line-height: 1.5;
    color: #333;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #c3c3c3;
    border-radius: 9999px;
    -webkit-transition: background-color .4s, color .4s, border-color .4s;
    transition: background-color .4s, color .4s, border-color .4s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (hover:hover) {
    #pageRecruit #interviewArchive .c_catList_item button:hover {
        color: #fff;
        background-color: #333;
        border-color: #333
    }
}

#pageRecruit #interviewArchive .c_catList_item button:focus-visible {
    color: #fff;
    background-color: #333;
    border-color: #333;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

@media screen and (max-width:48em) {
    #pageRecruit #interviewArchive .c_catList_item button {
        height: min(14.4vw, 10.8rem);
        font-size: min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit #interviewArchive .c_catList_item.-active button {
    color: #fff;
    pointer-events: none;
    background-color: #333;
    border-color: #333
}

@media (hover:hover) {
    #pageRecruit #interviewArchive .c_catList_item.-active button:hover {
        color: #333;
        background-color: #fff;
        border-color: #c3c3c3
    }
}

#pageRecruit #interviewArchive .c_catList_item.-active button:focus-visible {
    color: #333;
    background-color: #fff;
    border-color: #c3c3c3;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_imgTxt {
    gap: 0 min(4.1727672035vw, 5.7rem) !important
}

#pageRecruit .c_imgTxt .fb {
    margin-top: 4rem
}

#pageRecruit .c_imgTxt h2 {
    width: 100%
}

#pageRecruit .c_imgTxt p {
    width: 100%;
    line-height: 1.75
}

@media screen and (max-width:48em) {
    #pageRecruit .c_imgTxt p {
        line-height: 1.5714285714
    }
}

#pageRecruit .c_imgTxt:not(:last-child) {
    margin-bottom: 9.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_imgTxt:not(:last-child) {
        margin-bottom: min(12.7733333333vw, 9.58rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_imgTxt figure {
        margin-top: min(6.4vw, 4.8rem)
    }
}

#pageRecruit .c_link_arrow {
    position: relative;
    padding-right: 6.1rem;
    font-size: min(2.3426061493vw, 3.2rem);
    font-weight: 700;
    line-height: 1.4375;
    text-decoration: none
}

@media screen and (max-width:48em) {
    #pageRecruit .c_link_arrow {
        padding-right: min(10.9333333333vw, 8.2rem);
        font-size: min(5.0666666667vw, 3.8rem);
        line-height: 1.4210526316
    }
}

#pageRecruit .c_link_arrow::after,
#pageRecruit .c_link_arrow::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4.4rem;
    height: 4.4rem;
    margin: auto;
    content: ""
}

@media screen and (max-width:48em) {

    #pageRecruit .c_link_arrow::after,
    #pageRecruit .c_link_arrow::before {
        width: min(7.2vw, 5.4rem);
        height: min(7.2vw, 5.4rem)
    }
}

#pageRecruit .c_link_arrow::before {
    background-color: #d7063c;
    border-radius: 50%
}

#pageRecruit .c_link_arrow::after {
    position: absolute;
    top: 0;
    right: 1.2rem;
    bottom: 0;
    z-index: 2;
    width: 1.86rem;
    height: 1.332rem;
    margin: auto;
    content: "";
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 0;
    mask-position: 50% 0;
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%
}

@media screen and (max-width:48em) {
    #pageRecruit .c_link_arrow::after {
        right: min(2.0266666667vw, 1.52rem);
        width: min(2.9653333333vw, 2.224rem);
        height: min(2.176vw, 1.632rem)
    }
}

@media (hover:hover) {
    #pageRecruit .c_link_arrow:hover::after {
        -webkit-animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite;
        animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
    }
}

#pageRecruit .c_link_arrow:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_link_arrow:focus-visible::after {
    -webkit-animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite;
    animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
}

#pageRecruit .c_link_arrow.-invert {
    color: #fff
}

#pageRecruit .c_link_arrow.-invert::before {
    background-color: #fff
}

#pageRecruit .c_link_arrow.-invert::after {
    background-color: #d7063c
}

#pageRecruit .-arrowLink {
    position: relative;
    display: inline-block;
    padding-left: 2.6rem;
    text-indent: -2.6rem
}

#pageRecruit .-arrowLink::before {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    margin: auto;
    margin-right: .8rem;
    vertical-align: sub;
    content: "";
    background-color: #d7063c;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%
}

#pageRecruit .c_link {
    color: #2546aa
}

#pageRecruit .c_link.-arrow {
    position: relative;
    display: inline-block;
    padding-left: 2.6rem;
    text-indent: -2.6rem
}

#pageRecruit .c_link.-arrow::before {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    margin: auto;
    margin-right: .8rem;
    vertical-align: sub;
    content: "";
    background-color: #d7063c;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%
}

@media (hover:hover) {
    #pageRecruit .c_link:hover {
        text-decoration: underline
    }
}

#pageRecruit .c_link:focus-visible {
    text-decoration: underline;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_scroll {
    z-index: 100;
    display: block;
    width: 100%;
    padding: 0;
    margin: auto
}

#pageRecruit .c_scroll a {
    position: relative;
    display: inline-block;
    height: min(10.7335285505vw, 14.662rem);
    font-size: min(.878477306vw, 1.2rem);
    font-weight: 400;
    line-height: 1.4166666667;
    color: #333;
    text-decoration: none;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

#pageRecruit .c_scroll a::after {
    position: absolute;
    right: 0;
    bottom: min(-.6442166911vw, -.88rem);
    left: 0;
    z-index: 1;
    width: min(.9590043924vw, 1.31rem);
    height: min(6.8653001464vw, 9.378rem);
    margin: auto;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.097%22%20height%3D%2293.778%22%20viewBox%3D%220%200%2013.097%2093.778%22%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(1877.214%20-2719)%20rotate(90)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4126%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204126%22%20width%3D%2293%22%20height%3D%221%22%20transform%3D%22translate(2719%201870.015)%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4127%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204127%22%20width%3D%229.064%22%20height%3D%221%22%20transform%3D%22translate(2806.368%201864.117)%20rotate(45)%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4128%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204128%22%20width%3D%229.42%22%20height%3D%221%22%20transform%3D%22translate(2805.383%201876.507)%20rotate(-45)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 0 50%;
    background-size: 100% 200%;
    -webkit-animation: scrolldown 2.2s cubic-bezier(.76, 0, .3, 1) forwards infinite;
    animation: scrolldown 2.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
}

@-webkit-keyframes scrolldown {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 0 -50%
    }

    51% {
        background-position: 0 -50%;
        opacity: 0
    }

    52% {
        background-position: 0 150%;
        opacity: 0
    }

    100% {
        background-position: 0 50%;
        opacity: 1
    }
}

@keyframes scrolldown {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 0 -50%
    }

    51% {
        background-position: 0 -50%;
        opacity: 0
    }

    52% {
        background-position: 0 150%;
        opacity: 0
    }

    100% {
        background-position: 0 50%;
        opacity: 1
    }
}

#pageRecruit .c_sliderContainer {
    padding: 8rem 0;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #pageRecruit .c_sliderContainer {
        padding: min(12.8vw, 9.6rem) 0
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider {
        padding: 0 min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit .c_slider_arrow {
    position: relative
}

#pageRecruit .c_slider .splide__arrow {
    position: absolute;
    top: 50%;
    z-index: 500;
    width: 6rem;
    height: 6rem;
    margin-top: unset;
    color: transparent;
    text-indent: -9999px;
    cursor: pointer;
    background: #d7063c;
    border: 0;
    border-radius: 50%;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-transform: none;
    transform: none
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .splide__arrow {
        width: min(10.6666666667vw, 8rem);
        height: min(10.6666666667vw, 8rem)
    }
}

#pageRecruit .c_slider .splide__arrow::after {
    position: absolute;
    top: 0;
    right: 1.92rem;
    bottom: 0;
    z-index: 2;
    width: 1.86rem;
    height: 1.332rem;
    margin: auto;
    content: "";
    background-color: #fff;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transition: background-color .4s;
    transition: background-color .4s;
    -webkit-mask-position: 50% 0;
    mask-position: 50% 0;
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .splide__arrow::after {
        right: min(3.9466666667vw, 2.96rem);
        width: min(2.752vw, 2.064rem);
        height: min(2.0186666667vw, 1.514rem)
    }
}

@media (hover:hover) {
    #pageRecruit .c_slider .splide__arrow:hover::after {
        -webkit-animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite;
        animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
    }
}

#pageRecruit .c_slider .splide__arrow:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_slider .splide__arrow:focus-visible::after {
    -webkit-animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite;
    animation: scrollleft 1.2s cubic-bezier(.76, 0, .3, 1) forwards infinite
}

#pageRecruit .c_slider .splide__arrow:disabled {
    opacity: 0
}

#pageRecruit .c_slider .splide__arrow--prev {
    left: -1.5rem;
    -webkit-transform: scaleX(-1) translateY(-50%);
    transform: scaleX(-1) translateY(-50%)
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .splide__arrow--prev {
        left: min(-4vw, -3rem)
    }
}

#pageRecruit .c_slider .splide__arrow--next {
    right: -1.5rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider .splide__arrow--next {
        right: min(-4vw, -3rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider.-topArrow {
        padding: 0
    }

    #pageRecruit .c_slider.-topArrow .c_slider_arrow {
        margin-left: min(9.6vw, 7.2rem)
    }

    #pageRecruit .c_slider.-topArrow .splide__track {
        overflow: visible
    }

    #pageRecruit .c_slider.-topArrow .pagerBarBg {
        margin: min(4.2666666667vw, 3.2rem) auto 0;
        background: #989898
    }

    #pageRecruit .c_slider.-topArrow .pagerBar {
        width: 0;
        height: .1rem;
        background: #d7063c;
        -webkit-transition: width .4s ease;
        transition: width .4s ease
    }
}

#pageRecruit .c_slider.-topArrow .splide__arrows {
    position: absolute;
    top: -6.94rem;
    right: 23.8rem;
    width: 13.6rem
}

#pageRecruit .c_slider.-topArrow .splide__arrows .splide__arrow:disabled {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider.-topArrow .splide__arrows .splide__arrow:disabled {
        -webkit-filter: none;
        filter: none;
        opacity: 0
    }
}

#pageRecruit .c_slider.-topArrow .splide__arrows .splide__arrow--next,
#pageRecruit .c_slider.-topArrow .splide__arrows .splide__arrow--prev {
    background-color: #fff
}

#pageRecruit .c_slider.-topArrow .splide__arrows .splide__arrow--next::after,
#pageRecruit .c_slider.-topArrow .splide__arrows .splide__arrow--prev::after {
    background-color: #d7063c
}

#pageRecruit .c_slider.-topArrow .splide__arrows .splide__arrow--prev {
    left: 0
}

#pageRecruit .c_slider.-topArrow .splide__arrows .splide__arrow--next {
    right: 0
}

#pageRecruit .c_slider.-topArrow .c_btn {
    position: absolute;
    top: -9.94rem;
    right: 1.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_slider.-topArrow .c_btn {
        position: relative;
        top: auto;
        right: auto;
        margin: min(9.8666666667vw, 7.4rem) auto 0
    }
}

#pageRecruit .c_ttl_top {
    width: 100%;
    margin: 0 auto 2.4rem;
    font-weight: 700
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_top {
        margin: 0 0 min(6.4vw, 4.8rem)
    }
}

#pageRecruit .c_ttl_top_en {
    font-size: 6.4rem;
    line-height: 1.4375;
    letter-spacing: -.02em
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_top_en {
        font-size: clamp(4.8rem, 12.8vw, 6.4rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_top_en {
        line-height: 1.4583333333
    }
}

#pageRecruit .c_ttl_top_jp {
    font-size: 1.8rem;
    display: block;
    margin-top: .2rem;
    line-height: 1.4444444444
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_top_jp {
        font-size: clamp(1.8rem, 4.8vw, 1.8rem)
    }
}

#pageRecruit .c_ttl_h2 {
    width: 100%;
    padding: 0;
    margin: 0 auto 5.6rem;
    font-weight: 700
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_h2 {
        margin: 0 0 min(6.4vw, 4.8rem)
    }
}

#pageRecruit .c_ttl_h2_en {
    font-size: 6.4rem;
    line-height: 1.3;
    letter-spacing: 0
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_h2_en {
        font-size: clamp(4.8rem, 12.8vw, 6.4rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_h2_en {
        line-height: 1.4583333333
    }
}

#pageRecruit .c_ttl_h2_jp {
    font-size: 2.4rem;
    display: block;
    margin-top: 0;
    line-height: 1.3
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_h2_jp {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

#pageRecruit .c_ttl_intro {
    font-size: 3.2rem;
    position: relative;
    padding-left: 1em;
    margin-bottom: 1.8rem;
    font-weight: 700;
    line-height: 1.4375;
    color: #d7063c
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_intro {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_intro {
        margin-bottom: min(4.2666666667vw, 3.2rem);
        line-height: 1.4583333333
    }
}

#pageRecruit .c_ttl_intro::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2rem;
    height: .2rem;
    margin: auto;
    content: "";
    background-color: #d7063c
}

#pageRecruit .c_ttl_32 {
    font-size: 3.2rem;
    padding: 0;
    margin: 0 auto 2.4rem;
    font-weight: 900;
    line-height: 1.4375;
    letter-spacing: 0
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_32 {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_32 {
        margin-bottom: min(4.2666666667vw, 3.2rem);
        line-height: 1.4583333333
    }
}

#pageRecruit .c_ttl_24 {
    font-size: 2.4rem;
    padding: 0;
    margin: 0 auto .8rem;
    font-weight: 700;
    line-height: 1.4583333333;
    letter-spacing: 0
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_24 {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_24 {
        margin-bottom: min(2.1333333333vw, 1.6rem);
        line-height: 1.4444444444
    }
}

#pageRecruit .c_ttl_18 {
    font-size: 1.8rem;
    padding: 0;
    margin: 0 auto 1.6rem;
    font-weight: 700;
    line-height: 1.4444444444;
    letter-spacing: 0
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_18 {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.8rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_18 {
        margin-bottom: min(4.2666666667vw, 3.2rem);
        line-height: 1.5
    }
}

#pageRecruit .-lineTtl {
    position: relative;
    padding-left: 3.2rem;
    color: #d7063c
}

#pageRecruit .-lineTtl::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2rem;
    height: .2rem;
    margin: auto;
    content: "";
    background-color: #d7063c
}

#pageRecruit .c_ttl_voice_sub {
    font-size: 1.6rem;
    display: block;
    font-weight: 700;
    line-height: 1.5;
    color: #d7063c
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_voice_sub {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_voice_sub {
        line-height: 1.4285714286
    }
}

#pageRecruit .c_ttl_voice_main {
    font-size: 3.2rem;
    font-weight: 700;
    letter-spacing: -.025em
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_voice_main {
        font-size: clamp(2.3rem, 6.1333333333vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_ttl_voice_main {
        line-height: 1.5
    }
}

#pageRecruit .countReset {
    counter-reset: number 0
}

#pageRecruit .-numTtl {
    position: relative;
    padding-left: 2em;
    text-indent: -1.8em
}

#pageRecruit .-numTtl::before {
    margin-right: .1em;
    color: #d7063c;
    content: counter(number, decimal-leading-zero) ".";
    counter-increment: number 1;
    font-size: 3.2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .-numTtl::before {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

#pageRecruit #l_lowerTtl {
    position: relative
}

#pageRecruit #l_lowerTtl .lowerTtl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: min(85.505124451vw, 116.8rem);
    margin: auto
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl {
        width: calc(100% - min(8.5333333333vw, 6.4rem))
    }
}

#pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_bg {
    margin-right: calc(50% - 50vw);
    margin-left: 0
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_bg .contentInner {
        padding: 0
    }
}

#pageRecruit #l_lowerTtl .lowerTtl h1 {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 2;
    margin: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#pageRecruit #l_lowerTtl .lowerTtl h1>span+span {
    margin-top: 1.2rem
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl h1 {
        position: relative;
        margin-top: -25%;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

#pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_en,
#pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_jp {
    position: relative;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    margin: 0;
    font-weight: 700;
    color: #333;
    text-align: left;
    background-color: #fff
}

#pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_en {
    height: min(6.588579795vw, 9rem);
    max-height: 9rem;
    padding-top: .8rem;
    padding-right: 1.6rem;
    font-size: min(5.270863836vw, 7.2rem);
    line-height: .82;
    letter-spacing: -.02em;
    vertical-align: bottom
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_en {
        height: min(16.5333333333vw, 12.4rem);
        padding-right: min(2.1333333333vw, 1.6rem);
        padding-bottom: min(1.3333333333vw, 1rem);
        font-size: min(12.8vw, 9.6rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_en+.lowerTtl_en {
        margin-top: min(2.1333333333vw, 1.6rem)
    }
}

#pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_en.-br {
    display: block;
    margin-top: .8rem
}

#pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_jp {
    height: 3.8rem;
    padding-right: .8rem;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 2.4rem
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_jp {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_jp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: min(8.5333333333vw, 6.4rem);
        padding-right: min(2.1333333333vw, 1.6rem)
    }
}

#pageRecruit #l_lowerTtl .lowerTtl .lowerTtl_img {
    z-index: -1;
    width: auto;
    max-width: 100%;
    height: auto;
    padding-left: min(8.4187408492vw, 11.5rem);
    margin-right: 0;
    margin-left: auto;
    opacity: 0;
    -webkit-animation: catchfade .4s 1 forwards;
    animation: catchfade .4s 1 forwards
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl.-large {
        width: 100%
    }
}

#pageRecruit #l_lowerTtl .lowerTtl.-large .lowerTtl_en,
#pageRecruit #l_lowerTtl .lowerTtl.-large .lowerTtl_jp {
    padding: min(.5124450952vw, .7rem) min(1.1713030747vw, 1.6rem);
    font-size: min(3.3674963397vw, 4.6rem);
    line-height: 1.4166666667;
    letter-spacing: -.02em
}

#pageRecruit #l_lowerTtl .lowerTtl.-large .lowerTtl_en {
    height: auto
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl.-large .lowerTtl_en {
        font-size: min(5.8666666667vw, 4.4rem)
    }
}

#pageRecruit #l_lowerTtl .lowerTtl.-large .lowerTtl_jp {
    margin-top: min(1.1713030747vw, 1.6rem)
}

@media screen and (max-width:75em) {
    #pageRecruit #l_lowerTtl .lowerTtl.-large .lowerTtl_img {
        max-width: 100%;
        height: auto
    }
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl.-large .lowerTtl_img {
        padding: 0
    }

    #pageRecruit #l_lowerTtl .lowerTtl.-large .lowerTtl_img img {
        width: 100%
    }
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl.-large .contentInner h1 {
        margin-top: -34%
    }
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl.-large .contentInner {
        padding: 0 min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit #l_lowerTtl .lowerTtl_lead {
    margin: 4rem 0 0 auto
}

#pageRecruit #l_lowerTtl .lowerTtl_lead:not(.-large) {
    max-width: 108.5rem
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl_lead {
        margin-top: min(8.5333333333vw, 6.4rem);
        line-height: 1.4285714286
    }
}

#pageRecruit #l_lowerTtl .lowerTtl_lead strong {
    font-size: 3.2rem;
    display: block;
    margin-bottom: 2.4rem;
    font-weight: 900;
    line-height: 1.4375
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl_lead strong {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit #l_lowerTtl .lowerTtl_lead strong {
        margin-bottom: min(4.2666666667vw, 3.2rem);
        line-height: 1.4583333333
    }
}

#pageRecruit #l_lowerTtl .lowerTtl_lead .-txtCenter {
    display: block
}

.c_tab {
    width: 100%;
    padding: 0;
    margin: auto
}

.c_tab_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.6rem min(1.0248901903vw, 1.4rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:48em) {
    .c_tab_list {
        gap: min(4.2666666667vw, 3.2rem) min(2.1333333333vw, 1.6rem)
    }
}

.c_tab_list>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22.8rem
}

@media screen and (max-width:48em) {
    .c_tab_list>li {
        width: calc((100% - min(2.1333333333vw, 1.6rem))/ 2)
    }
}

.c_tab_list>li button {
    width: 100%;
    height: 5.6rem;
    line-height: 1.375;
    color: #333;
    text-align: center;
    cursor: pointer;
    background-color: #f4f4f4;
    border-radius: 9999rem;
    -webkit-transition: background-color .4s, color .4s;
    transition: background-color .4s, color .4s
}

@media screen and (max-width:48em) {
    .c_tab_list>li button {
        height: min(10.6666666667vw, 8rem);
        font-size: min(3.2vw, 2.4rem);
        line-height: 1.4166666667
    }
}

.c_tab_list>li button.-open {
    color: #fff;
    pointer-events: none;
    background-color: #d7063c;
    -webkit-box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
    box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
    -webkit-transition: background-color .4s, color .4s;
    transition: background-color .4s, color .4s
}

@media (hover:hover) {
    .c_tab_list>li button:hover {
        color: #fff;
        background-color: #d7063c;
        -webkit-box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
        box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16)
    }
}

.c_tab_list>li button:focus-visible {
    color: #fff;
    background-color: #d7063c;
    -webkit-box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
    box-shadow: 0 .3rem .6rem rgba(0, 0, 0, .16);
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

.c_tab_content {
    -webkit-animation: fade .8s ease;
    animation: fade .8s ease
}

.c_tab_content[hidden] {
    opacity: 0
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.dialog {
    z-index: 1;
    width: 100vw;
    max-width: unset;
    height: 100vh;
    height: 100svh;
    max-height: unset;
    padding: 0;
    margin: auto;
    background: 0 0;
    border: 0
}

.dialog[open] .c_modal_content {
    -webkit-animation: catchfade 1s ease 0s 1 forwards;
    animation: catchfade 1s ease 0s 1 forwards
}

.dialog[open]::-webkit-backdrop {
    opacity: 1;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.dialog[open]::backdrop {
    opacity: 1;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.dialog::-webkit-backdrop {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    margin: auto;
    content: "";
    background-color: rgba(51, 51, 51, .75);
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.dialog::backdrop {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    margin: auto;
    content: "";
    background-color: rgba(51, 51, 51, .75);
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

html.-modalOpen {
    overflow: hidden
}

html.-modalOpen body {
    overflow: auto;
    scrollbar-gutter: stable
}

.c_modal_close {
    position: absolute;
    top: -4.5rem;
    right: 0;
    z-index: 999;
    width: 4rem;
    height: 4rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.c_modal_close::after,
.c_modal_close::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: .2rem;
    height: 3.5rem;
    margin: auto;
    content: "";
    background-color: #fff;
    rotate: -45deg
}

.c_modal_close::after {
    rotate: 45deg
}

.c_modal_content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 120rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 100vh;
    max-height: 100svh;
    padding: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

@media not screen and (max-width:75em) {
    .c_modal_content {
        padding: 0 5px
    }
}

@media screen and (max-width:48em) {
    .c_modal_content {
        padding: 0 5%
    }
}

.c_modal_content .frameWrapper {
    position: relative;
    width: 100%;
    min-height: 225px;
    aspect-ratio: 16/9;
    padding-top: 53%
}

.c_modal_content .frameWrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important
}

#pageRecruit .c_pull {
    height: var(--pullHeightClosed, auto);
    padding: 0;
    margin: auto;
    overflow: hidden;
    border-radius: .6rem;
    -webkit-transition: height .25s;
    transition: height .25s
}

#pageRecruit .c_pull .c_pull_ttl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-right: 5rem;
    cursor: pointer
}

@media screen and (max-width:48em) {
    #pageRecruit .c_pull .c_pull_ttl {
        padding-right: min(8vw, 6rem)
    }
}

#pageRecruit .c_pull .c_pull_ttl::marker {
    display: none;
    content: none
}

#pageRecruit .c_pull .c_pull_ttl::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4rem;
    height: 4rem;
    margin: auto;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    -webkit-transition: rotate .5s, opacity .5s;
    transition: rotate .5s, opacity .5s
}

@media screen and (max-width:48em) {
    #pageRecruit .c_pull .c_pull_ttl::after {
        width: min(6.4vw, 4.8rem);
        height: min(6.4vw, 4.8rem)
    }
}

@media (hover:hover) {
    #pageRecruit .c_pull .c_pull_ttl:hover::after {
        opacity: .55;
        rotate: 90deg
    }
}

#pageRecruit .c_pull .c_pull_ttl:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_pull .c_pull_ttl:focus-visible::after {
    opacity: .55;
    rotate: 90deg
}

#pageRecruit .c_pull .c_pull_ttl:focus-visible {
    outline: 0
}

#pageRecruit .c_pull .c_pull_ttl:focus-visible::after {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_pull .c_pull_ttl.c_faqList_q {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pageRecruit .c_pull.-open {
    height: var(--pullHeightOpen, auto)
}

@media (hover:hover) {
    #pageRecruit .c_pull.-open .c_pull_ttl:hover::after {
        rotate: none;
        opacity: 1
    }
}

#pageRecruit .c_pull.-open .c_pull_ttl:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .c_pull.-open .c_pull_ttl:focus-visible::after {
    rotate: none;
    opacity: 1
}

@media not screen and (max-width:48em) {
    #pageRecruit .c_pull.-spPull {
        border: 0
    }

    #pageRecruit .c_pull.-spPull .c_pull_ttl {
        padding: 0;
        pointer-events: none;
        cursor: none
    }

    #pageRecruit .c_pull.-spPull .c_pull_ttl::after {
        content: none
    }

    #pageRecruit .c_pull.-spPull .c_pull_content {
        padding: 0
    }
}

#pageRecruit .c_flow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 .7rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 0 0 3.5rem;
    margin: auto
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flow {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: min(3.2vw, 2.4rem) 0;
        padding: 0 0 0 min(8vw, 6rem)
    }
}

#pageRecruit .c_flow_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 8rem;
    -webkit-clip-path: polygon(92% 0%, 100% 50%, 92% 100%, 0 100%, 0 0);
    clip-path: polygon(92% 0%, 100% 50%, 92% 100%, 0 100%, 0 0);
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    background-color: #d7063c;
    border-radius: .3rem;
    font-size: 2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flow_item {
        font-size: clamp(1.6rem, 4.2666666667vw, 2rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flow_item {
        height: min(20.5333333333vw, 15.4rem);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0% 70%);
        clip-path: polygon(0 0, 100% 0, 100% 70%, 50% 100%, 0% 70%);
        line-height: 1.3125
    }
}

#pageRecruit .c_flow::after,
#pageRecruit .c_flow::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: auto;
    content: ""
}

#pageRecruit .c_flow::before {
    bottom: .7rem;
    height: .2rem;
    background-color: #d7063c
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flow::before {
        bottom: 0;
        left: min(1.3333333333vw, 1rem);
        width: .2rem;
        height: 100%
    }
}

#pageRecruit .c_flow::after {
    height: 1.6rem;
    border: .2rem solid #d7063c;
    border-width: 0 .2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flow::after {
        width: min(3.2vw, 2.4rem);
        height: 100%;
        border-width: .2rem 0
    }
}

#pageRecruit .c_flowList {
    counter-reset: number 0
}

#pageRecruit .c_flowList_item {
    position: relative;
    padding: min(1.756954612vw, 2.4rem);
    background-color: #f4f4f4;
    border-radius: 1.7rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flowList_item {
        padding: min(6.4vw, 4.8rem) min(3.2vw, 2.4rem);
        border-radius: min(2.1333333333vw, 1.6rem)
    }
}

#pageRecruit .c_flowList_item:not(:last-child) {
    margin-bottom: 5.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flowList_item:not(:last-child) {
        margin-bottom: min(10.6666666667vw, 8rem)
    }
}

#pageRecruit .c_flowList_item:not(:last-child)::after {
    position: absolute;
    right: 0;
    bottom: -4rem;
    left: 0;
    width: 12rem;
    height: 2.4rem;
    margin: auto;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%2224%22%20viewBox%3D%220%200%20120%2024%22%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_37%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%2037%22%20d%3D%22M59.257.3a2%2C2%2C0%2C0%2C1%2C1.486%2C0l49.615%2C19.846A2%2C2%2C0%2C0%2C1%2C109.615%2C24H10.385a2%2C2%2C0%2C0%2C1-.743-3.857Z%22%20transform%3D%22translate(120%2024)%20rotate(180)%22%20fill%3D%22%23d7063c%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flowList_item:not(:last-child)::after {
        bottom: -8vw;
        width: min(17.0666666667vw, 12.8rem);
        height: min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit .c_flowList_ttl>span {
    position: relative;
    padding-right: 3.2rem;
    margin-right: 1.1rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flowList_ttl>span {
        padding-right: min(6.6666666667vw, 5rem);
        margin-right: min(5.3333333333vw, 4rem)
    }
}

#pageRecruit .c_flowList_ttl>span::before {
    color: #d7063c;
    content: "STEP." counter(number, decimal-leading-zero);
    counter-increment: number 1
}

#pageRecruit .c_flowList_ttl>span::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2rem;
    height: .2rem;
    margin: auto;
    content: "";
    background-color: #d7063c
}

@media screen and (max-width:48em) {
    #pageRecruit .c_flowList_ttl>span::after {
        width: min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit .c_faqList_item {
    padding: 2.4rem min(1.756954612vw, 2.4rem) 2.8rem;
    background-color: #fff;
    border-radius: 1.7rem;
    -webkit-box-shadow: 0 0 2rem .1em rgba(0, 0, 0, .08);
    box-shadow: 0 0 2rem .1em rgba(0, 0, 0, .08)
}

@media screen and (max-width:48em) {
    #pageRecruit .c_faqList_item {
        padding: min(3.2vw, 2.4rem);
        border-radius: min(4.5333333333vw, 3.4rem)
    }
}

#pageRecruit .c_faqList_item:not(:last-child) {
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_faqList_item:not(:last-child) {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit .c_faqList_a,
#pageRecruit .c_faqList_q {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(1.756954612vw, 2.4rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 400;
    line-height: 1.5
}

#pageRecruit .c_faqList_a::before,
#pageRecruit .c_faqList_q::before {
    font-size: 3.2rem;
    width: 2.4rem;
    font-weight: 700;
    line-height: 1.8;
    translate: 0 0.1em;
    color: #d7063c;
    content: "Q"
}

@media screen and (max-width:48em) {

    #pageRecruit .c_faqList_a::before,
    #pageRecruit .c_faqList_q::before {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {

    #pageRecruit .c_faqList_a::before,
    #pageRecruit .c_faqList_q::before {
        gap: 0 min(3.2vw, 2.4rem);
        width: min(4.8vw, 3.6rem);
        line-height: 1.4583333333
    }
}

#pageRecruit .c_faqList_a>*,
#pageRecruit .c_faqList_q>* {
    width: 100%
}

#pageRecruit .c_faqList_q {
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_faqList_q {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.6rem)
    }
}

#pageRecruit .c_faqList_a {
    padding-top: 4rem;
    padding-right: .2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_faqList_a {
        padding-top: min(5.0666666667vw, 3.8rem)
    }
}

#pageRecruit .c_faqList_a::before {
    color: #2546aa;
    content: "A"
}

#pageRecruit .c_faqList_a::after {
    position: absolute;
    top: 2.5rem;
    left: 0;
    width: 100%;
    height: .1rem;
    margin: auto;
    content: "";
    background-color: #d6d6d6
}

@media screen and (max-width:48em) {
    #pageRecruit .c_faqList_a::after {
        top: min(3.2vw, 2.4rem)
    }
}

#pageRecruit .c_faqList_a p {
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .c_faqList_a p {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.6rem)
    }
}

#pageRecruit .countReset {
    overflow: hidden;
    counter-reset: number 0
}

#pageRecruit figure.-shadow img {
    -webkit-filter: drop-shadow(1rem 1rem 4rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(1rem 1rem 4rem rgba(0, 0, 0, .2));
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#pageRecruit .-br {
    display: block
}

@media screen and (max-width:48em) {
    #pageRecruit .scrollImg {
        position: relative;
        padding-right: min(4.2666666667vw, 3.2rem);
        margin-left: min(4.2666666667vw, 3.2rem);
        overflow-x: auto
    }

    #pageRecruit .scrollImg:after {
        position: sticky;
        left: 1em;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 1em 0;
        font-size: 80%;
        text-align: left;
        content: "※横にスクロールしてご覧ください"
    }

    #pageRecruit .scrollImg picture {
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    #pageRecruit .scrollImg picture::after {
        position: absolute;
        top: 0;
        left: 100%;
        width: min(4.2666666667vw, 3.2rem);
        height: 1px;
        content: "";
        background-color: transparent
    }

    #pageRecruit .scrollImg img {
        width: min(160vw, 120rem);
        max-width: inherit
    }
}

#pageRecruit .frameWrapper {
    position: relative;
    width: 100%
}

#pageRecruit .frameWrapper iframe {
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16/9;
    border: 0
}

#pageRecruit .highlight {
    background: #f4f4f4
}

#pageRecruit .-inversion h2,
#pageRecruit .-inversion h3,
#pageRecruit .-inversion h4,
#pageRecruit .-inversion h5 {
    color: #fff
}

#pageRecruit .-inversion h2 span,
#pageRecruit .-inversion h3 span,
#pageRecruit .-inversion h4 span,
#pageRecruit .-inversion h5 span {
    color: #fff
}

#pageRecruit .-inversion a,
#pageRecruit .-inversion figcaption,
#pageRecruit .-inversion li,
#pageRecruit .-inversion p,
#pageRecruit .-inversion td,
#pageRecruit .-inversion th {
    color: #fff
}

#pageRecruit img.-alignright {
    float: right;
    margin: 0 0 4rem 4rem
}

#pageRecruit img.-alignleft {
    float: left;
    margin: 0 4rem 4rem 0
}

@media screen and (max-width:48em) {

    #pageRecruit img.-alignleft,
    #pageRecruit img.-alignright {
        display: block;
        float: none;
        width: 100% !important;
        height: auto;
        margin: 1em auto
    }
}

@media not screen and (max-width:48em) {
    #pageRecruit .pcOnly {
        display: block
    }

    #pageRecruit img.pcOnly {
        display: inline
    }

    #pageRecruit .spOnly {
        display: none !important
    }

    #pageRecruit .-pc {
        display: inline
    }

    #pageRecruit .-sp {
        display: none !important
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .pcOnly {
        display: none !important
    }

    #pageRecruit .spOnly {
        display: block
    }

    #pageRecruit .-pc {
        display: none !important
    }

    #pageRecruit .-sp {
        display: inline
    }

    #pageRecruit img.spOnly {
        display: inline
    }
}

@media not screen and (max-width:48em) {
    #pageRecruit header .pcOnly {
        display: block
    }

    #pageRecruit header img.pcOnly {
        display: inline
    }

    #pageRecruit header .spOnly {
        display: none !important
    }
}

@media screen and (max-width:48em) {
    #pageRecruit header .pcOnly {
        display: none !important
    }

    #pageRecruit header .spOnly {
        display: block
    }

    #pageRecruit header img.spOnly {
        display: inline !important
    }
}

#pageRecruit .-txtCaution {
    position: relative;
    display: inline-block;
    padding-left: 1em;
    line-height: 1.5;
    text-indent: -1.2em;
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .-txtCaution {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

#pageRecruit .-txtCaution::before {
    margin-right: .2em;
    content: "※"
}

#pageRecruit .-txtLead {
    font-weight: 700;
    line-height: 1.6666666667;
    color: #333;
    text-align: center;
    font-size: 2.4rem
}

@media screen and (max-width:48em) {
    #pageRecruit .-txtLead {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .-txtLead {
        line-height: 2.2222222222
    }
}

#pageRecruit .-color01 {
    color: #d7063c !important
}

#pageRecruit .-bold {
    font-weight: 700 !important
}

#pageRecruit .-txtLeft {
    text-align: left !important
}

#pageRecruit .-txtCenter {
    text-align: center !important
}

#pageRecruit .-txtRight {
    text-align: right !important
}

@media not screen and (max-width:48em) {
    #pageRecruit .pc-txtCenter {
        text-align: center !important
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .sp-txtLeft {
        text-align: left !important
    }
}

#pageRecruit .-line24,
#pageRecruit .-lineShort {
    line-height: 1.5 !important
}

@media screen and (max-width:48em) {

    #pageRecruit .-line24,
    #pageRecruit .-lineShort {
        line-height: 1.5 !important
    }
}

#pageRecruit .-line28 {
    line-height: 1.75 !important
}

@media screen and (max-width:48em) {
    #pageRecruit .-line28 {
        line-height: 1.5 !important
    }
}

#pageRecruit .-mb16 {
    margin-bottom: 1.6rem !important
}

#pageRecruit .-mb24 {
    margin-bottom: 2.4rem !important
}

@media screen and (max-width:48em) {
    #pageRecruit .-mb24 {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#pageRecruit .-mb32 {
    margin-bottom: 3.2rem !important
}

@media screen and (max-width:48em) {
    #pageRecruit .-mb32 {
        margin-bottom: min(4.2666666667vw, 3.2rem) !important
    }
}

#pageRecruit .-mb40 {
    margin-bottom: 4rem !important
}

@media screen and (max-width:48em) {
    #pageRecruit .-mb40 {
        margin-bottom: min(7.7333333333vw, 5.8rem) !important
    }
}

#pageRecruit .-mb48 {
    margin-bottom: 4.8rem !important
}

@media screen and (max-width:48em) {
    #pageRecruit .-mb48 {
        margin-bottom: min(6.4vw, 4.8rem) !important
    }
}

@-webkit-keyframes fuwafuwa {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fuwafuwa {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes scale {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

@keyframes scale {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}

#pageRecruit .loadIn,
#pageRecruit .scrollIn {
    opacity: 0;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
    transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
    transition: transform 1s ease-out, opacity 1s ease-out;
    transition: transform 1s ease-out, opacity 1s ease-out, -webkit-transform 1s ease-out
}

#pageRecruit .loadIn.-up,
#pageRecruit .scrollIn.-up {
    -webkit-transform: translate(0, 5rem);
    transform: translate(0, 5rem)
}

#pageRecruit .loadIn.-down,
#pageRecruit .scrollIn.-down {
    -webkit-transform: translate(0, -5rem);
    transform: translate(0, -5rem)
}

#pageRecruit .loadIn.-right,
#pageRecruit .scrollIn.-right {
    -webkit-transform: translate(5rem, 0);
    transform: translate(5rem, 0)
}

#pageRecruit .loadIn.-active,
#pageRecruit .scrollIn.-active {
    opacity: 1;
    -webkit-transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
    transition: opacity 1s ease-out, -webkit-transform 1s ease-out;
    transition: transform 1s ease-out, opacity 1s ease-out;
    transition: transform 1s ease-out, opacity 1s ease-out, -webkit-transform 1s ease-out;
    -webkit-transform: none;
    transform: none
}

#pageRecruit .scroll.-leftSlide {
    position: relative;
    display: table;
    color: transparent;
    -webkit-transition: .4s;
    transition: .4s
}

#pageRecruit .scroll.-leftSlide:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 0;
    height: 101%;
    margin: auto;
    content: "" !important;
    background: #333;
    -webkit-transform-origin: right;
    transform-origin: right
}

#pageRecruit .scroll.-leftSlide>* {
    padding: 0;
    margin: auto;
    opacity: 0
}

#pageRecruit .scroll.-leftSlide.-active {
    color: #333;
    -webkit-transition: color 0s;
    transition: color 0s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

#pageRecruit .scroll.-leftSlide.-active:before {
    -webkit-animation: leftSlide 1s ease-in 0s 1 forwards;
    animation: leftSlide 1s ease-in 0s 1 forwards
}

#pageRecruit .scroll.-leftSlide.-active>* {
    opacity: 1;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s
}

#pageRecruit .scroll.-mask {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0)
}

#pageRecruit .scroll.-mask.-active {
    -webkit-clip-path: polygon(0 0, 400% 0, 0 500%);
    clip-path: polygon(0 0, 400% 0, 0 500%);
    -webkit-transition: -webkit-clip-path 1.77s cubic-bezier(.24, .13, .26, 1.01) .3s;
    transition: -webkit-clip-path 1.77s cubic-bezier(.24, .13, .26, 1.01) .3s;
    transition: clip-path 1.77s cubic-bezier(.24, .13, .26, 1.01) .3s;
    transition: clip-path 1.77s cubic-bezier(.24, .13, .26, 1.01) .3s, -webkit-clip-path 1.77s cubic-bezier(.24, .13, .26, 1.01) .3s
}

#pageRecruit .scroll.-mask.-active.-each~.-each:nth-of-type(2) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

#pageRecruit .scroll.-mask.-active.-each~.-each:nth-of-type(3) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

#pageRecruit .scroll.-mask.-active.-each~.-each:nth-of-type(4) {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

#pageRecruit .scroll.-mask.-active.-each~.-each:nth-of-type(5) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

#pageRecruit .scroll.-mask.-active.-each~.-each:nth-of-type(6) {
    -webkit-animation-delay: 4.8s;
    animation-delay: 4.8s
}

#pageRecruit .scroll.-mask.-active.-each~.-each:nth-of-type(7) {
    -webkit-animation-delay: 5.6s;
    animation-delay: 5.6s
}

#pageRecruit .scroll.-mask.-active.-each~.-each:nth-of-type(8) {
    -webkit-animation-delay: 6.4s;
    animation-delay: 6.4s
}

#pageRecruit .scroll.-mask.-active.-each~.-each:nth-of-type(9) {
    -webkit-animation-delay: 7.2s;
    animation-delay: 7.2s
}

#pageRecruit .scroll.-mask.-active.-each~.-each:nth-of-type(10) {
    -webkit-animation-delay: 8s;
    animation-delay: 8s
}

#pageRecruit .scroll.-maskImg {
    overflow: hidden
}

#pageRecruit .scroll.-maskImg img {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
    background-color: #fff;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

#pageRecruit .scroll.-maskImg.-active img {
    -webkit-animation: imgFade 1.2s cubic-bezier(.165, .84, .44, 1) forwards;
    animation: imgFade 1.2s cubic-bezier(.165, .84, .44, 1) forwards
}

#pageRecruit .scroll.-scaleIn {
    scale: 1.2;
    opacity: 0
}

#pageRecruit .scroll.-scaleIn.-active {
    scale: none;
    opacity: 1;
    -webkit-transition: scale 1.2s cubic-bezier(0, 0, 0, 1), opacity 1.2s cubic-bezier(0, 0, 0, 1);
    transition: scale 1.2s cubic-bezier(0, 0, 0, 1), opacity 1.2s cubic-bezier(0, 0, 0, 1)
}

@-webkit-keyframes imgFade {
    0% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%);
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    60% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes imgFade {
    0% {
        -webkit-clip-path: inset(0 0 0 100%);
        clip-path: inset(0 0 0 100%);
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    60% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0)
    }

    100% {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#pageRecruit .typTxt {
    opacity: 0
}

#pageRecruit .typTxt>font {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0;
    line-height: 1;
    opacity: 0;
    -webkit-transform: scale(2.3) translate(-5px);
    transform: scale(2.3) translate(-5px);
    -webkit-transform-origin: right center;
    transform-origin: right center
}

#pageRecruit .typTxt>font.br {
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

#pageRecruit .typTxt.-role>font {
    -webkit-transform: translate(-10px, 10px) rotate(-35deg);
    transform: translate(-10px, 10px) rotate(-35deg);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

#pageRecruit .typTxt.-wave>font {
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
    -webkit-transform-origin: center;
    transform-origin: center
}

#pageRecruit .typTxt.-active {
    opacity: 1
}

#pageRecruit .typTxt.-active>font {
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: none;
    transform: none
}

#pageRecruit .typTxt.-active>font:nth-of-type(1) {
    -webkit-transition-delay: 580ms;
    transition-delay: 580ms
}

#pageRecruit .typTxt.-active>font:nth-of-type(2) {
    -webkit-transition-delay: 660ms;
    transition-delay: 660ms
}

#pageRecruit .typTxt.-active>font:nth-of-type(3) {
    -webkit-transition-delay: 740ms;
    transition-delay: 740ms
}

#pageRecruit .typTxt.-active>font:nth-of-type(4) {
    -webkit-transition-delay: 820ms;
    transition-delay: 820ms
}

#pageRecruit .typTxt.-active>font:nth-of-type(5) {
    -webkit-transition-delay: 0.9s;
    transition-delay: 0.9s
}

#pageRecruit .typTxt.-active>font:nth-of-type(6) {
    -webkit-transition-delay: 980ms;
    transition-delay: 980ms
}

#pageRecruit .typTxt.-active>font:nth-of-type(7) {
    -webkit-transition-delay: 1.06s;
    transition-delay: 1.06s
}

#pageRecruit .typTxt.-active>font:nth-of-type(8) {
    -webkit-transition-delay: 1.14s;
    transition-delay: 1.14s
}

#pageRecruit .typTxt.-active>font:nth-of-type(9) {
    -webkit-transition-delay: 1.22s;
    transition-delay: 1.22s
}

#pageRecruit .typTxt.-active>font:nth-of-type(10) {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s
}

#pageRecruit .typTxt.-active>font:nth-of-type(11) {
    -webkit-transition-delay: 1.38s;
    transition-delay: 1.38s
}

#pageRecruit .typTxt.-active>font:nth-of-type(12) {
    -webkit-transition-delay: 1.46s;
    transition-delay: 1.46s
}

#pageRecruit .typTxt.-active>font:nth-of-type(13) {
    -webkit-transition-delay: 1.54s;
    transition-delay: 1.54s
}

#pageRecruit .typTxt.-active>font:nth-of-type(14) {
    -webkit-transition-delay: 1.62s;
    transition-delay: 1.62s
}

#pageRecruit .typTxt.-active>font:nth-of-type(15) {
    -webkit-transition-delay: 1.7s;
    transition-delay: 1.7s
}

#pageRecruit .typTxt.-active>font:nth-of-type(16) {
    -webkit-transition-delay: 1.78s;
    transition-delay: 1.78s
}

#pageRecruit .typTxt.-active>font:nth-of-type(17) {
    -webkit-transition-delay: 1.86s;
    transition-delay: 1.86s
}

#pageRecruit .typTxt.-active>font:nth-of-type(18) {
    -webkit-transition-delay: 1.94s;
    transition-delay: 1.94s
}

#pageRecruit .typTxt.-active>font:nth-of-type(19) {
    -webkit-transition-delay: 2.02s;
    transition-delay: 2.02s
}

#pageRecruit .typTxt.-active>font:nth-of-type(20) {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

#pageRecruit .typTxt.-active>font:nth-of-type(21) {
    -webkit-transition-delay: 2.18s;
    transition-delay: 2.18s
}

#pageRecruit .typTxt.-active>font:nth-of-type(22) {
    -webkit-transition-delay: 2.26s;
    transition-delay: 2.26s
}

#pageRecruit .typTxt.-active>font:nth-of-type(23) {
    -webkit-transition-delay: 2.34s;
    transition-delay: 2.34s
}

#pageRecruit .typTxt.-active>font:nth-of-type(24) {
    -webkit-transition-delay: 2.42s;
    transition-delay: 2.42s
}

#pageRecruit .typTxt.-active>font:nth-of-type(25) {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

#pageRecruit .typTxt.-active>font:nth-of-type(26) {
    -webkit-transition-delay: 2.58s;
    transition-delay: 2.58s
}

#pageRecruit .typTxt.-active>font:nth-of-type(27) {
    -webkit-transition-delay: 2.66s;
    transition-delay: 2.66s
}

#pageRecruit .typTxt.-active>font:nth-of-type(28) {
    -webkit-transition-delay: 2.74s;
    transition-delay: 2.74s
}

#pageRecruit .typTxt.-active>font:nth-of-type(29) {
    -webkit-transition-delay: 2.82s;
    transition-delay: 2.82s
}

#pageRecruit .typTxt.-active>font:nth-of-type(30) {
    -webkit-transition-delay: 2.9s;
    transition-delay: 2.9s
}

#pageRecruit .typTxt.-active.-wave>font {
    -webkit-animation: wave .35s ease-in-out 0s 1 forwards;
    animation: wave .35s ease-in-out 0s 1 forwards
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(1) {
    -webkit-animation-delay: 580ms;
    animation-delay: 580ms
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(2) {
    -webkit-animation-delay: 660ms;
    animation-delay: 660ms
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(3) {
    -webkit-animation-delay: 740ms;
    animation-delay: 740ms
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(4) {
    -webkit-animation-delay: 820ms;
    animation-delay: 820ms
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(5) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(6) {
    -webkit-animation-delay: 980ms;
    animation-delay: 980ms
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(7) {
    -webkit-animation-delay: 1.06s;
    animation-delay: 1.06s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(8) {
    -webkit-animation-delay: 1.14s;
    animation-delay: 1.14s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(9) {
    -webkit-animation-delay: 1.22s;
    animation-delay: 1.22s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(10) {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(11) {
    -webkit-animation-delay: 1.38s;
    animation-delay: 1.38s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(12) {
    -webkit-animation-delay: 1.46s;
    animation-delay: 1.46s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(13) {
    -webkit-animation-delay: 1.54s;
    animation-delay: 1.54s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(14) {
    -webkit-animation-delay: 1.62s;
    animation-delay: 1.62s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(15) {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(16) {
    -webkit-animation-delay: 1.78s;
    animation-delay: 1.78s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(17) {
    -webkit-animation-delay: 1.86s;
    animation-delay: 1.86s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(18) {
    -webkit-animation-delay: 1.94s;
    animation-delay: 1.94s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(19) {
    -webkit-animation-delay: 2.02s;
    animation-delay: 2.02s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(20) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(21) {
    -webkit-animation-delay: 2.18s;
    animation-delay: 2.18s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(22) {
    -webkit-animation-delay: 2.26s;
    animation-delay: 2.26s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(23) {
    -webkit-animation-delay: 2.34s;
    animation-delay: 2.34s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(24) {
    -webkit-animation-delay: 2.42s;
    animation-delay: 2.42s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(25) {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(26) {
    -webkit-animation-delay: 2.58s;
    animation-delay: 2.58s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(27) {
    -webkit-animation-delay: 2.66s;
    animation-delay: 2.66s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(28) {
    -webkit-animation-delay: 2.74s;
    animation-delay: 2.74s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(29) {
    -webkit-animation-delay: 2.82s;
    animation-delay: 2.82s
}

#pageRecruit .typTxt.-active.-wave>font:nth-of-type(30) {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: translate(0, 15px);
        transform: translate(0, 15px)
    }

    75% {
        -webkit-transform: translate(0, -5px);
        transform: translate(0, -5px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wave {
    0% {
        -webkit-transform: translate(0, 15px);
        transform: translate(0, 15px)
    }

    75% {
        -webkit-transform: translate(0, -5px);
        transform: translate(0, -5px)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

#pageRecruit .moveTxt>font {
    display: inline-block;
    overflow: hidden;
    line-height: 1
}

#pageRecruit .moveTxt>font>font {
    translate: -100% 0;
    display: inline-block;
    line-height: 1
}

#pageRecruit .moveTxt>font.br {
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

#pageRecruit .moveTxt>font:nth-child(2n)>font {
    translate: 0 100%
}

#pageRecruit .moveTxt>font:nth-child(3n)>font {
    translate: 100% 0
}

#pageRecruit .moveTxt>font:nth-child(4n)>font {
    translate: 0 -100%
}

#pageRecruit .moveTxt.-active>font>font {
    -webkit-transition: .6s;
    transition: .6s;
    translate: none
}

@-webkit-keyframes clipTxt {
    0% {
        -webkit-clip-path: polygon(0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0)
    }

    100% {
        -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
        clip-path: polygon(0 0, 200% 0, 0 200%)
    }
}

@keyframes clipTxt {
    0% {
        -webkit-clip-path: polygon(0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0)
    }

    100% {
        -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
        clip-path: polygon(0 0, 200% 0, 0 200%)
    }
}

@-webkit-keyframes noise-anim {
    0% {
        clip: rect(84px, 9999px, 51px, 0)
    }

    6.6666666667% {
        clip: rect(76px, 9999px, 13px, 0)
    }

    13.3333333333% {
        clip: rect(29px, 9999px, 72px, 0)
    }

    20% {
        clip: rect(91px, 9999px, 4px, 0)
    }

    26.6666666667% {
        clip: rect(5px, 9999px, 35px, 0)
    }

    33.3333333333% {
        clip: rect(80px, 9999px, 84px, 0)
    }

    40% {
        clip: rect(8px, 9999px, 61px, 0)
    }

    46.6666666667% {
        clip: rect(55px, 9999px, 2px, 0)
    }

    53.3333333333% {
        clip: rect(81px, 9999px, 37px, 0)
    }

    60% {
        clip: rect(57px, 9999px, 93px, 0)
    }

    66.6666666667% {
        clip: rect(20px, 9999px, 8px, 0)
    }

    73.3333333333% {
        clip: rect(48px, 9999px, 85px, 0)
    }

    80% {
        clip: rect(62px, 9999px, 37px, 0)
    }

    86.6666666667% {
        clip: rect(52px, 9999px, 15px, 0)
    }

    93.3333333333% {
        clip: rect(58px, 9999px, 66px, 0)
    }

    100% {
        clip: rect(99px, 9999px, 70px, 0)
    }
}

@keyframes noise-anim {
    0% {
        clip: rect(84px, 9999px, 51px, 0)
    }

    6.6666666667% {
        clip: rect(76px, 9999px, 13px, 0)
    }

    13.3333333333% {
        clip: rect(29px, 9999px, 72px, 0)
    }

    20% {
        clip: rect(91px, 9999px, 4px, 0)
    }

    26.6666666667% {
        clip: rect(5px, 9999px, 35px, 0)
    }

    33.3333333333% {
        clip: rect(80px, 9999px, 84px, 0)
    }

    40% {
        clip: rect(8px, 9999px, 61px, 0)
    }

    46.6666666667% {
        clip: rect(55px, 9999px, 2px, 0)
    }

    53.3333333333% {
        clip: rect(81px, 9999px, 37px, 0)
    }

    60% {
        clip: rect(57px, 9999px, 93px, 0)
    }

    66.6666666667% {
        clip: rect(20px, 9999px, 8px, 0)
    }

    73.3333333333% {
        clip: rect(48px, 9999px, 85px, 0)
    }

    80% {
        clip: rect(62px, 9999px, 37px, 0)
    }

    86.6666666667% {
        clip: rect(52px, 9999px, 15px, 0)
    }

    93.3333333333% {
        clip: rect(58px, 9999px, 66px, 0)
    }

    100% {
        clip: rect(99px, 9999px, 70px, 0)
    }
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(1),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(1) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(2),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(2) {
    -webkit-transition-delay: 160ms;
    transition-delay: 160ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(3),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(3) {
    -webkit-transition-delay: 240ms;
    transition-delay: 240ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(4),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(4) {
    -webkit-transition-delay: 320ms;
    transition-delay: 320ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(5),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(5) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(6),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(6) {
    -webkit-transition-delay: 480ms;
    transition-delay: 480ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(7),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(7) {
    -webkit-transition-delay: 560ms;
    transition-delay: 560ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(8),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(8) {
    -webkit-transition-delay: 640ms;
    transition-delay: 640ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(9),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(9) {
    -webkit-transition-delay: 720ms;
    transition-delay: 720ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(10),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(10) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(11),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(11) {
    -webkit-transition-delay: 880ms;
    transition-delay: 880ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(12),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(12) {
    -webkit-transition-delay: 960ms;
    transition-delay: 960ms
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(13),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(13) {
    -webkit-transition-delay: 1.04s;
    transition-delay: 1.04s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(14),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(14) {
    -webkit-transition-delay: 1.12s;
    transition-delay: 1.12s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(15),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(15) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(16),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(16) {
    -webkit-transition-delay: 1.28s;
    transition-delay: 1.28s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(17),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(17) {
    -webkit-transition-delay: 1.36s;
    transition-delay: 1.36s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(18),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(18) {
    -webkit-transition-delay: 1.44s;
    transition-delay: 1.44s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(19),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(19) {
    -webkit-transition-delay: 1.52s;
    transition-delay: 1.52s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(20),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(20) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(21),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(21) {
    -webkit-transition-delay: 1.68s;
    transition-delay: 1.68s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(22),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(22) {
    -webkit-transition-delay: 1.76s;
    transition-delay: 1.76s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(23),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(23) {
    -webkit-transition-delay: 1.84s;
    transition-delay: 1.84s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(24),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(24) {
    -webkit-transition-delay: 1.92s;
    transition-delay: 1.92s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(25),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(25) {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(26),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(26) {
    -webkit-transition-delay: 2.08s;
    transition-delay: 2.08s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(27),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(27) {
    -webkit-transition-delay: 2.16s;
    transition-delay: 2.16s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(28),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(28) {
    -webkit-transition-delay: 2.24s;
    transition-delay: 2.24s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(29),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(29) {
    -webkit-transition-delay: 2.32s;
    transition-delay: 2.32s
}

#pageRecruit .loadIn.-active.-each~.loadIn.-active.-each:nth-of-type(30),
#pageRecruit .scrollIn.-active.-each~.scrollIn.-active.-each:nth-of-type(30) {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

@-webkit-keyframes bound {

    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }

    0%,
    40% {
        -webkit-transform: translateY(-20%) scale(1);
        transform: translateY(-20%) scale(1)
    }

    60% {
        -webkit-transform: translateY(-10%) scale(1);
        transform: translateY(-10%) scale(1)
    }
}

@keyframes bound {

    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }

    0%,
    40% {
        -webkit-transform: translateY(-20%) scale(1);
        transform: translateY(-20%) scale(1)
    }

    60% {
        -webkit-transform: translateY(-10%) scale(1);
        transform: translateY(-10%) scale(1)
    }
}

@-webkit-keyframes leftSlide {
    0% {
        width: 0
    }

    50% {
        width: 105%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    70% {
        width: 105%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        width: 105%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes leftSlide {
    0% {
        width: 0
    }

    50% {
        width: 105%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    70% {
        width: 105%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        width: 105%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes catchfade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes catchfade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes marquee-anim {
    0% {
        background-position: center left
    }

    100% {
        background-position: center left -200%
    }
}

@keyframes marquee-anim {
    0% {
        background-position: center left
    }

    100% {
        background-position: center left -200%
    }
}

#pageRecruit .noiseImg {
    position: relative;
    display: block;
    overflow: hidden;
    border: .2rem solid #d7063c
}

#pageRecruit .noiseImg .rgb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen
}

#pageRecruit .noiseImg .rgb::after,
#pageRecruit .noiseImg .rgb::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    content: "";
    mix-blend-mode: multiply
}

#pageRecruit .noiseImg .rgb::before {
    background-color: red;
    -webkit-transform: translate(4px, 2px);
    transform: translate(4px, 2px);
    animation: noise-anim 1.5s infinite linear alternate-reverse
}

#pageRecruit .noiseImg .rgb::after {
    background-color: #00f;
    -webkit-transform: translate(-3px, -1px);
    transform: translate(-3px, -1px);
    animation: noise-anim 1.8s infinite linear alternate-reverse
}

.page-top .scrollIn {
    -webkit-transition: opacity 1.4s ease-out, -webkit-transform 1.8s cubic-bezier(.22, 1, .36, 1);
    transition: opacity 1.4s ease-out, -webkit-transform 1.8s cubic-bezier(.22, 1, .36, 1);
    transition: opacity 1.4s ease-out, transform 1.8s cubic-bezier(.22, 1, .36, 1);
    transition: opacity 1.4s ease-out, transform 1.8s cubic-bezier(.22, 1, .36, 1), -webkit-transform 1.8s cubic-bezier(.22, 1, .36, 1)
}

.page-top .scrollIn.-active {
    opacity: 1;
    -webkit-transition: opacity 1.4s ease-out, -webkit-transform 1.8s cubic-bezier(.22, 1, .36, 1);
    transition: opacity 1.4s ease-out, -webkit-transform 1.8s cubic-bezier(.22, 1, .36, 1);
    transition: opacity 1.4s ease-out, transform 1.8s cubic-bezier(.22, 1, .36, 1);
    transition: opacity 1.4s ease-out, transform 1.8s cubic-bezier(.22, 1, .36, 1), -webkit-transform 1.8s cubic-bezier(.22, 1, .36, 1);
    -webkit-transform: none;
    transform: none
}

@-webkit-keyframes shine {
    0% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%)
    }

    25% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .4) 10%, rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, 0) 100%)
    }

    50% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .2) 60%, rgba(255, 255, 255, 0) 100%)
    }

    75% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 80%, rgba(255, 255, 255, .4) 90%, rgba(255, 255, 255, .2) 100%)
    }

    100% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%)
    }
}

@keyframes shine {
    0% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 100%)
    }

    25% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .4) 10%, rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, 0) 100%)
    }

    50% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .2) 60%, rgba(255, 255, 255, 0) 100%)
    }

    75% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 80%, rgba(255, 255, 255, .4) 90%, rgba(255, 255, 255, .2) 100%)
    }

    100% {
        background-image: linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 90%, rgba(255, 255, 255, 0) 100%)
    }
}

#pageRecruit .hoverScale {
    position: relative;
    z-index: 2;
    overflow: hidden
}

#pageRecruit .hoverScale img {
    position: relative;
    z-index: -1;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: transform 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1)
}

@media (hover:hover) {
    #pageRecruit .hoverScale:hover img {
        -webkit-transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
        transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
        transition: transform 1s cubic-bezier(.165, .84, .44, 1);
        transition: transform 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
        -webkit-transform: scale(1.05) translateZ(0);
        transform: scale(1.05) translateZ(0)
    }
}

#pageRecruit .hoverScale:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .hoverScale:focus-visible img {
    -webkit-transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: transform 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: scale(1.05) translateZ(0);
    transform: scale(1.05) translateZ(0)
}

#pageRecruit .u_ul {
    margin: 0 auto
}

#pageRecruit .u_ul>li {
    position: relative;
    padding-left: 1em;
    text-indent: -1.25em
}

#pageRecruit .u_ul>li:before {
    margin-right: .3em;
    content: "・"
}

#pageRecruit .u_ul>li:not(:last-child) {
    margin-bottom: .5em
}

#pageRecruit .u_ul>li ul {
    padding-left: .5em
}

#pageRecruit .u_ul>li ul>li {
    text-indent: 0
}

#pageRecruit .u_ul>li ul>li::before {
    margin-right: .5em;
    content: "-"
}

#pageRecruit .u_dl {
    margin: 0 auto;
    overflow: hidden
}

#pageRecruit .u_dl_item:not(:last-child) {
    margin-bottom: 1em
}

#pageRecruit .u_dl dt {
    font-weight: 700
}

#pageRecruit .u_dl dd {
    width: calc(100% - 8rem)
}

#pageRecruit table {
    width: 100%;
    margin: 0 auto;
    table-layout: fixed;
    border-collapse: collapse;
    background: 0 0
}

#pageRecruit table td,
#pageRecruit table th {
    padding: .5rem;
    vertical-align: middle
}

#pageRecruit .u_table {
    margin: 0 auto 1.6rem;
    border: .1rem solid #d6d6d6;
    border-right-width: 0;
    border-left-width: 0
}

@media screen and (max-width:48em) {
    #pageRecruit .u_table {
        margin-bottom: min(6.4vw, 4.8rem);
        border-bottom-width: 0
    }
}

#pageRecruit .u_table td,
#pageRecruit .u_table th {
    padding: 1.2rem 1.6rem;
    line-height: 1.5;
    border: .1rem solid #d6d6d6
}

@media screen and (max-width:48em) {

    #pageRecruit .u_table td,
    #pageRecruit .u_table th {
        padding: min(2.1333333333vw, 1.6rem) min(3.2vw, 2.4rem);
        line-height: 1.5
    }
}

#pageRecruit .u_table th {
    font-weight: 700;
    background-color: #f4f4f4
}

#pageRecruit .u_table td {
    background-color: #fff
}

#pageRecruit .u_table.-radius {
    overflow: hidden;
    border-radius: 2rem
}

#pageRecruit .u_table.-radius td,
#pageRecruit .u_table.-radius th {
    padding: 1em
}

@media screen and (max-width:48em) {

    #pageRecruit .-resTable td,
    #pageRecruit .-resTable th {
        display: block;
        width: 100% !important;
        border-top-width: 0
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .scrollTable {
        position: relative;
        width: 100%;
        padding: 0 0 .3em;
        overflow-x: auto;
        -ms-scroll-chaining: none;
        overscroll-behavior: none;
        -webkit-transform: translate(-.1rem, -.1rem);
        transform: translate(-.1rem, -.1rem);
        -webkit-overflow-scrolling: touch
    }

    #pageRecruit .scrollTable>table {
        position: relative;
        max-width: 120rem;
        padding: 0;
        margin: 0 auto;
        border-spacing: 0;
        border-collapse: collapse;
        border: 0
    }

    #pageRecruit .scrollTable>table .-sticky {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 1;
        border-left: none
    }

    #pageRecruit .scrollTable>table .-sticky::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: calc(100% + .1rem);
        height: 100%;
        content: "";
        border-right: .1rem solid #d6d6d6;
        border-left: .1rem solid #d6d6d6
    }

    #pageRecruit .scrollTable>table::after {
        position: absolute;
        top: 0;
        left: 100%;
        width: min(8.5333333333vw, 6.4rem);
        height: 1px;
        content: "";
        background-color: transparent
    }

    #pageRecruit .scrollTable:after {
        position: sticky;
        left: .5em;
        margin: 1em .5em;
        font-size: 80%;
        content: "※横にスクロールしてご覧ください"
    }
}

#pageRecruit header {
    position: absolute;
    z-index: 900;
    width: 100%;
    padding: 0 min(1.1713030747vw, 1.6rem);
    background-color: #414141
}

@media screen and (max-width:48em) {
    #pageRecruit header {
        padding: 0
    }
}

#pageRecruit header.-fixed {
    position: fixed;
    padding-top: 0;
    background-color: rgba(65, 65, 65, .7) !important;
    -webkit-box-shadow: .4rem .4rem 2rem rgba(90, 90, 90, .12);
    box-shadow: .4rem .4rem 2rem rgba(90, 90, 90, .12)
}

#pageRecruit header>.contentInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%
}

#pageRecruit header .titleLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: min(11.420204978vw, 15.6rem);
    max-width: 15.6rem;
    margin: 0
}

@media screen and (max-width:48em) {
    #pageRecruit header .titleLogo {
        z-index: 999;
        width: min(36.8vw, 27.6rem);
        max-width: inherit;
        padding-left: 0;
        margin-left: 0
    }
}

#pageRecruit header .titleLogo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

#pageRecruit header .titleLogo img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

@media screen and (max-width:48em) {
    #pageRecruit header .titleLogo img {
        width: 100%
    }
}

#pageRecruit header .ac_menu {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: block;
    display: inline-block;
    width: min(3.074670571vw, 4.2rem);
    height: min(3.074670571vw, 4.2rem);
    margin: auto;
    cursor: pointer;
    background: 0 0;
    background-color: #fff;
    border: 0;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (max-width:48em) {
    #pageRecruit header .ac_menu {
        width: min(11.2vw, 8.4rem);
        height: min(11.2vw, 8.4rem)
    }
}

#pageRecruit header .ac_menu:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit header .ac_menu span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: min(1.4641288433vw, 2rem);
    height: .2rem;
    margin: auto;
    font-size: 0;
    color: transparent;
    background: #333;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media screen and (max-width:48em) {
    #pageRecruit header .ac_menu span {
        width: min(5.3333333333vw, 4rem)
    }
}

#pageRecruit header .ac_menu span:after,
#pageRecruit header .ac_menu span:before {
    position: absolute;
    top: min(-.2928257687vw, -.4rem);
    right: 0;
    bottom: auto;
    left: 0;
    display: block;
    width: 100%;
    height: .2rem;
    margin: auto;
    content: "";
    background: #333;
    -webkit-transition: rotate .3s;
    transition: rotate .3s
}

@media screen and (max-width:48em) {

    #pageRecruit header .ac_menu span:after,
    #pageRecruit header .ac_menu span:before {
        top: min(-.9333333333vw, -.7rem)
    }
}

#pageRecruit header .ac_menu span:after {
    top: auto;
    bottom: min(-.2928257687vw, -.4rem)
}

@media screen and (max-width:48em) {
    #pageRecruit header .ac_menu span:after {
        bottom: min(-.9333333333vw, -.7rem)
    }
}

#pageRecruit header .ac_menu.-active span {
    background-color: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

#pageRecruit header .ac_menu.-active span:after,
#pageRecruit header .ac_menu.-active span:before {
    top: 0;
    bottom: 0;
    -webkit-transition: rotate .3s;
    transition: rotate .3s;
    rotate: 45deg
}

#pageRecruit header .ac_menu.-active span:after {
    rotate: -45deg
}

#pageRecruit header .ac_menu.-active+#navi {
    display: block
}

#pageRecruit header .l_navi {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 90%;
    padding: 0
}

@media screen and (max-width:48em) {
    #pageRecruit header .l_navi {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding-right: 0
    }
}

#pageRecruit header .naviWrapper {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: min(4.0995607613vw, 5.6rem) 1.6rem 2em;
    background-color: #333
}

@media screen and (max-width:48em) {
    #pageRecruit header .naviWrapper {
        padding: min(21.3333333333vw, 16rem) 0 .2em
    }
}

#pageRecruit header .naviWrapper.-active {
    display: block
}

#pageRecruit header .naviWrapper.-active #recruitNavi {
    height: auto
}

#pageRecruit header .naviWrapper_inner {
    max-width: 108rem;
    height: 100%;
    padding-top: min(1.4641288433vw, 2rem);
    margin: auto;
    overflow-y: auto
}

#pageRecruit header .naviWrapper_inner>img {
    width: min(10.7613469985vw, 14.7rem)
}

@media screen and (max-width:48em) {
    #pageRecruit header .naviWrapper_inner {
        padding: min(.2666666667vw, .2rem) min(4.2666666667vw, 3.2rem);
        padding-right: 0
    }
}

#pageRecruit .toHome {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#pageRecruit .toHome::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: .5em;
    margin: auto;
    font-size: 1rem;
    line-height: 1.3;
    color: #333;
    text-align: center;
    white-space: pre-wrap;
    content: "IIJコーポレートサイトへ\a別タブが開きます";
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    scale: 0.9
}

@media (hover:hover) {
    #pageRecruit .toHome:hover::after {
        opacity: 1
    }
}

#pageRecruit .toHome:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .toHome:focus-visible::after {
    opacity: 1
}

#pageRecruit #recruitNavi {
    position: relative;
    gap: 0 15%;
    padding: 0;
    margin-top: min(2.9282576867vw, 4rem);
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

@media screen and (max-width:64em) {
    #pageRecruit #recruitNavi {
        gap: 0;
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
        margin-top: 0
    }
}

@media screen and (max-width:48em) {
    #pageRecruit #recruitNavi {
        display: block;
        padding-right: min(4.2666666667vw, 3.2rem);
        padding-bottom: min(6.9333333333vw, 5.2rem);
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset
    }
}

#pageRecruit #recruitNavi>li {
    margin-bottom: min(4.0995607613vw, 5.6rem);
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

@media screen and (max-width:48em) {
    #pageRecruit #recruitNavi>li {
        margin-bottom: 0
    }

    #pageRecruit #recruitNavi>li:first-child {
        border-top: 1px solid #9b9b9b
    }
}

#pageRecruit #recruitNavi>li>a {
    padding-left: min(3.0014641288vw, 4.1rem);
    font-size: min(2.3426061493vw, 3.2rem);
    font-weight: 700;
    line-height: 1.4375;
    color: #fff
}

@media screen and (max-width:48em) {
    #pageRecruit #recruitNavi>li>a {
        display: block;
        padding: min(6.4vw, 4.8rem) 0;
        padding-left: min(6.9333333333vw, 5.2rem);
        font-size: min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit #recruitNavi>li>a::before {
    width: min(2.3426061493vw, 3.2rem);
    height: min(2.3426061493vw, 3.2rem)
}

@media screen and (max-width:48em) {
    #pageRecruit #recruitNavi>li>a::before {
        width: min(4.8vw, 3.6rem);
        height: min(4.8vw, 3.6rem)
    }
}

#pageRecruit #recruitNavi>li .subMenu {
    padding-left: min(3.0014641288vw, 4.1rem);
    margin-top: min(1.5373352855vw, 2.1rem)
}

@media screen and (max-width:48em) {
    #pageRecruit #recruitNavi>li .subMenu {
        padding-left: min(6.8vw, 5.1rem);
        margin-top: 0
    }
}

#pageRecruit #recruitNavi>li .subMenu>li>a {
    font-size: min(1.1713030747vw, 1.6rem);
    color: #fff
}

@media screen and (max-width:48em) {
    #pageRecruit #recruitNavi>li .subMenu>li>a {
        font-size: min(3.2vw, 2.4rem);
        color: #989898
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .gnaviList>li {
        width: 100%;
        border-bottom: 1px solid #9b9b9b
    }
}

#pageRecruit .gnaviList>li>a {
    position: relative;
    padding-left: min(1.6105417277vw, 2.2rem);
    font-size: min(1.317715959vw, 1.8rem);
    font-weight: 700;
    text-align: left;
    text-decoration: none
}

@media screen and (max-width:48em) {
    #pageRecruit .gnaviList>li>a {
        display: block;
        padding: min(6.4vw, 4.8rem) 0;
        padding-left: min(6.9333333333vw, 5.2rem);
        font-size: min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit .gnaviList>li>a::before {
    position: absolute;
    top: .25em;
    left: 0;
    width: min(1.317715959vw, 1.8rem);
    height: min(1.317715959vw, 1.8rem);
    margin: auto;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22arrow_btn%22%20transform%3D%22translate(-383%20-2208)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_222%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20222%22%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20transform%3D%22translate(383%202208)%22%20fill%3D%22%23d7063b%22%2F%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(388.6%202214)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4126%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204126%22%20width%3D%226.04%22%20height%3D%221%22%20transform%3D%22translate(0%202.4)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4127%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204127%22%20width%3D%223.524%22%20height%3D%221%22%20transform%3D%22translate(4.247%200.4)%20rotate(45)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4128%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204128%22%20width%3D%223.637%22%20height%3D%221%22%20transform%3D%22translate(3.493%204.787)%20rotate(-45)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%
}

@media screen and (max-width:48em) {
    #pageRecruit .gnaviList>li>a::before {
        top: 0;
        bottom: 0;
        width: min(4.8vw, 3.6rem);
        height: min(4.8vw, 3.6rem)
    }
}

@media (hover:hover) {
    #pageRecruit .gnaviList>li>a:hover {
        opacity: .7
    }
}

#pageRecruit .gnaviList>li>a:focus-visible {
    opacity: .7;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit .gnaviList>li.has-child {
    position: relative
}

#pageRecruit .gnaviList .spAccordion {
    display: none
}

@media screen and (max-width:48em) {
    #pageRecruit .gnaviList .spAccordion {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: block;
        width: min(16vw, 12rem);
        height: calc(100% - 1.2rem);
        margin: auto;
        border-left: .1rem solid #9b9b9b
    }

    #pageRecruit .gnaviList .spAccordion::after,
    #pageRecruit .gnaviList .spAccordion::before {
        position: absolute;
        top: min(7.7333333333vw, 5.8rem);
        right: 0;
        left: 0;
        width: min(5.3333333333vw, 4rem);
        height: .2rem;
        margin: auto;
        content: "";
        background-color: #d7063c
    }

    #pageRecruit .gnaviList .spAccordion::after {
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    #pageRecruit .gnaviList .spAccordion.-open::after {
        -webkit-transform: none;
        transform: none
    }
}

#pageRecruit .gnaviList .subMenu {
    display: block;
    padding: 0;
    padding-left: min(1.6105417277vw, 2.2rem);
    margin-top: 1.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .gnaviList .subMenu {
        display: none;
        padding: 0 0 min(4.2666666667vw, 3.2rem);
        padding-left: min(7.0666666667vw, 5.3rem)
    }
}

#pageRecruit .gnaviList .subMenu li:not(:last-child) {
    margin-bottom: 1.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .gnaviList .subMenu li:not(:last-child) {
        margin-bottom: 1.5em
    }
}

#pageRecruit .gnaviList .subMenu li a {
    display: block;
    font-size: min(.9516837482vw, 1.3rem);
    line-height: 1.4285714286
}

@media screen and (max-width:48em) {
    #pageRecruit .gnaviList .subMenu li a {
        font-size: min(3.2vw, 2.4rem);
        color: #989898
    }
}

@media (hover:hover) {
    #pageRecruit .gnaviList .subMenu li a:hover {
        opacity: .7
    }
}

#pageRecruit .gnaviList .subMenu li a:focus-visible {
    opacity: .7;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit #pcNavi {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding-right: min(.878477306vw, 1.2rem);
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:48em) {
    #pageRecruit #pcNavi {
        display: none;
        width: 100%
    }
}

#pageRecruit #pcNavi>li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding: 0;
    margin: 0;
    text-align: center
}

#pageRecruit #pcNavi>li:not(:first-child) {
    margin-left: min(2.9282576867vw, 4rem)
}

@media screen and (max-width:48em) {
    #pageRecruit #pcNavi>li {
        display: block;
        width: 100%;
        text-align: left
    }

    #pageRecruit #pcNavi>li:not(:last-child) {
        margin-bottom: min(8vw, 6rem)
    }
}

#pageRecruit #pcNavi>li a {
    position: relative;
    display: block;
    padding: min(.5856515373vw, .8rem) 0;
    font-family: Outfit, "Zen Kaku Gothic New", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: min(1.1713030747vw, 1.6rem);
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s
}

#pageRecruit #pcNavi>li a::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
    height: .4rem;
    margin: auto;
    content: "";
    background-color: #d7063c;
    -webkit-transition: width .4s cubic-bezier(.165, .84, .44, 1);
    transition: width .4s cubic-bezier(.165, .84, .44, 1)
}

@media screen and (max-width:48em) {
    #pageRecruit #pcNavi>li a {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        padding-right: 2em;
        font-size: min(4.2666666667vw, 3.2rem);
        color: #fff;
        text-align: left;
        letter-spacing: .025em
    }

    #pageRecruit #pcNavi>li a span {
        margin: 0;
        font-size: min(6.4vw, 4.8rem);
        font-weight: 700;
        line-height: 2.1666666667;
        letter-spacing: 0
    }
}

@media (hover:hover) {
    #pageRecruit #pcNavi>li a:hover {
        color: #d7063c
    }

    #pageRecruit #pcNavi>li a:hover::before {
        width: 100%
    }
}

#pageRecruit #pcNavi>li a:focus-visible {
    color: #d7063c;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit #pcNavi>li a:focus-visible::before {
    width: 100%
}

#pageRecruit #pcNavi>li.-career.has-child>ul.subMenu,
#pageRecruit #pcNavi>li.-newgrad.has-child>ul.subMenu {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%)
}

@media (hover:hover) {

    #pageRecruit #pcNavi>li.-career.has-child:hover>a,
    #pageRecruit #pcNavi>li.-newgrad.has-child:hover>a {
        color: #fff;
        background-color: #e66081
    }

    #pageRecruit #pcNavi>li.-career.has-child:hover>a::after,
    #pageRecruit #pcNavi>li.-newgrad.has-child:hover>a::after {
        border-color: #fff
    }
}

#pageRecruit #pcNavi>li.-career.has-child:focus-visible,
#pageRecruit #pcNavi>li.-newgrad.has-child:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit #pcNavi>li.-career.has-child:focus-visible>a,
#pageRecruit #pcNavi>li.-newgrad.has-child:focus-visible>a {
    color: #fff;
    background-color: #e66081
}

#pageRecruit #pcNavi>li.-career.has-child:focus-visible>a::after,
#pageRecruit #pcNavi>li.-newgrad.has-child:focus-visible>a::after {
    border-color: #fff
}

#pageRecruit #pcNavi>li.-career>a,
#pageRecruit #pcNavi>li.-newgrad>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: min(9.5168374817vw, 13rem);
    height: min(2.9282576867vw, 4rem);
    padding: 0;
    padding-right: 0 !important;
    text-align: center;
    background-color: #d7063c;
    border-radius: 9999px
}

#pageRecruit #pcNavi>li.-career>a::before,
#pageRecruit #pcNavi>li.-newgrad>a::before {
    content: none
}

#pageRecruit #pcNavi>li.-career>a::after,
#pageRecruit #pcNavi>li.-newgrad>a::after {
    right: min(1.0980966325vw, 1.5rem) !important
}

@media (hover:hover) {

    #pageRecruit #pcNavi>li.-career>a:hover,
    #pageRecruit #pcNavi>li.-newgrad>a:hover {
        color: #fff;
        background-color: #e66081
    }

    #pageRecruit #pcNavi>li.-career>a:hover::after,
    #pageRecruit #pcNavi>li.-newgrad>a:hover::after {
        border-color: #fff;
        rotate: 180deg
    }
}

#pageRecruit #pcNavi>li.-career>a:focus-visible,
#pageRecruit #pcNavi>li.-newgrad>a:focus-visible {
    color: #fff;
    background-color: #e66081;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit #pcNavi>li.-career>a:focus-visible::after,
#pageRecruit #pcNavi>li.-newgrad>a:focus-visible::after {
    border-color: #fff;
    rotate: 180deg
}

#pageRecruit #pcNavi>li.-career.-newgrad,
#pageRecruit #pcNavi>li.-newgrad.-newgrad {
    margin-left: min(1.2811127379vw, 1.75rem)
}

#pageRecruit #pcNavi>li.-career.-career,
#pageRecruit #pcNavi>li.-newgrad.-career {
    margin-left: min(1.0248901903vw, 1.4rem)
}

#pageRecruit #pcNavi>li.-career.-career>a,
#pageRecruit #pcNavi>li.-newgrad.-career>a {
    width: min(10.6149341142vw, 14.5rem)
}

#pageRecruit #pcNavi>li.has-child>a {
    padding-right: 1.5em
}

#pageRecruit #pcNavi>li.has-child>a:after {
    position: absolute;
    top: 0;
    right: 5%;
    bottom: 0;
    translate: 0 -0.1em;
    left: auto;
    width: min(.5124450952vw, .7rem);
    height: min(.5124450952vw, .7rem);
    margin: auto;
    content: "";
    background: 0 0;
    border-right: .2rem solid #fff;
    border-bottom: .2rem solid #fff;
    -webkit-transition: rotate .3s;
    transition: rotate .3s;
    rotate: 45deg
}

@media screen and (max-width:48em) {
    #pageRecruit #pcNavi>li.has-child>a:after {
        right: 1.3em
    }
}

@media screen and (max-width:48em) {
    #pageRecruit #pcNavi>li.has-child>a::before {
        content: none
    }
}

#pageRecruit #pcNavi>li.has-child>ul.subMenu {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: min(16.1054172767vw, 22rem);
    padding: min(1.756954612vw, 2.4rem) min(1.317715959vw, 1.8rem);
    margin: auto;
    visibility: hidden;
    background: #fff;
    border-radius: min(.5856515373vw, .8rem);
    -webkit-box-shadow: 0 0 20px .5em rgba(51, 51, 51, .3);
    box-shadow: 0 0 20px .5em rgba(51, 51, 51, .3);
    opacity: 0;
    -webkit-transition: opacity .2s linear, top .2s linear;
    transition: opacity .2s linear, top .2s linear;
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%)
}

#pageRecruit #pcNavi>li.has-child>ul.subMenu>li {
    display: block;
    width: 100%;
    margin: 0
}

#pageRecruit #pcNavi>li.has-child>ul.subMenu>li:not(:last-child) {
    margin-bottom: min(1.1713030747vw, 1.6rem)
}

#pageRecruit #pcNavi>li.has-child>ul.subMenu>li>a {
    font-size: 1.2rem;
    position: relative;
    padding: 0;
    padding-left: min(1.9033674963vw, 2.6rem);
    line-height: 1.4166666667;
    color: #333;
    text-align: left
}

@media screen and (max-width:48em) {
    #pageRecruit #pcNavi>li.has-child>ul.subMenu>li>a {
        font-size: clamp(1.2rem, 3.2vw, 1.2rem)
    }
}

#pageRecruit #pcNavi>li.has-child>ul.subMenu>li>a::before {
    right: auto;
    bottom: -.5em;
    height: .2rem;
    background-color: #d7063c
}

#pageRecruit #pcNavi>li.has-child>ul.subMenu>li>a::after {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: min(1.317715959vw, 1.8rem);
    height: min(1.317715959vw, 1.8rem);
    margin: auto;
    content: "";
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22arrow_btn%22%20transform%3D%22translate(-383%20-2208)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_222%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20222%22%20cx%3D%229%22%20cy%3D%229%22%20r%3D%229%22%20transform%3D%22translate(383%202208)%22%20fill%3D%22%23d7063b%22%2F%3E%20%3Cg%20id%3D%22arrow%22%20transform%3D%22translate(388.6%202214)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4126%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204126%22%20width%3D%226.04%22%20height%3D%221%22%20transform%3D%22translate(0%202.4)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4127%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204127%22%20width%3D%223.524%22%20height%3D%221%22%20transform%3D%22translate(4.247%200.4)%20rotate(45)%22%20fill%3D%22%23fff%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_4128%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%204128%22%20width%3D%223.637%22%20height%3D%221%22%20transform%3D%22translate(3.493%204.787)%20rotate(-45)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%
}

#pageRecruit #pcNavi>li.has-child>ul.subMenu.-focus {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

@media (hover:hover) {
    #pageRecruit #pcNavi>li.has-child:hover>a {
        color: #d7063c;
        pointer-events: none
    }

    #pageRecruit #pcNavi>li.has-child:hover>a::after {
        border-color: #d7063c;
        translate: 0 0.1em;
        -webkit-transition: rotate .3s, translate .3s;
        transition: rotate .3s, translate .3s;
        rotate: 225deg
    }

    #pageRecruit #pcNavi>li.has-child:hover>a::before {
        width: 100%
    }

    #pageRecruit #pcNavi>li.has-child:hover ul.subMenu {
        top: 100%;
        visibility: visible;
        opacity: 1;
        -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
        transition: all .3s cubic-bezier(.165, .84, .44, 1)
    }
}

#pageRecruit #pcNavi>li.has-child:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#pageRecruit #pcNavi>li.has-child:focus-visible>a {
    color: #d7063c;
    pointer-events: none
}

#pageRecruit #pcNavi>li.has-child:focus-visible>a::after {
    border-color: #d7063c;
    translate: 0 0.1em;
    -webkit-transition: rotate .3s, translate .3s;
    transition: rotate .3s, translate .3s;
    rotate: 225deg
}

#pageRecruit #pcNavi>li.has-child:focus-visible>a::before {
    width: 100%
}

#pageRecruit #pcNavi>li.has-child:focus-visible ul.subMenu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

#pageRecruit #pcNavi>li.has-child:focus-within ul.subMenu {
    top: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(.165, .84, .44, 1);
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

#pageRecruit #pcNavi>li.-current>a::before {
    width: 100%
}

#pageRecruit #pcNavi .spAccordion {
    display: none
}

@media not screen and (max-width:48em) {
    .txt-sm {
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-inline: auto;
        font-size: 60%
    }
}

@media screen and (max-width:48em) {
    .txt-sm {
        margin-left: .5em;
        font-size: 80%;
        vertical-align: middle
    }
}

#pageRecruit.-about #pcNavi>li.-about>a::before {
    width: 100%
}

#pageRecruit.-ideal #pcNavi>li.-ideal>a::before {
    width: 100%
}

#pageRecruit.-interview #pcNavi>li.-interview>a::before {
    width: 100%
}

#pageRecruit.-business #pcNavi>li.-business>a::before {
    width: 100%
}

#pageRecruit.-environment #pcNavi>li.-environment>a::before {
    width: 100%
}

#pageRecruit footer {
    position: relative;
    padding: 7.6rem 0 0;
    background-color: #333
}

@media screen and (max-width:48em) {
    #pageRecruit footer {
        padding: min(9.8933333333vw, 7.42rem) 0 0
    }
}

@media screen and (max-width:48em) {

    #pageRecruit footer .gnaviList .spAccordion::after,
    #pageRecruit footer .gnaviList .spAccordion::before {
        top: min(8vw, 6rem)
    }
}

#pageRecruit .footMessage {
    position: relative;
    display: block;
    width: 100%;
    max-width: 127rem;
    padding: 0;
    margin: auto;
    margin-bottom: 5.1rem;
    line-height: 1;
    opacity: .3
}

#pageRecruit .footMessage img {
    width: 100%
}

@media screen and (max-width:48em) {
    #pageRecruit .footMessage img {
        padding: 0 min(4.2666666667vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .footMessage {
        margin-bottom: min(9.44vw, 7.08rem)
    }
}

#pageRecruit .footNavi>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(1.0980966325vw, 1.5rem);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:48em) {
    #pageRecruit .footNavi>ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-top: 1px solid #9b9b9b
    }
}

#pageRecruit .footNavi>ul>li {
    display: block
}

@media screen and (max-width:48em) {
    #pageRecruit .footNavi>ul>li {
        width: 100%
    }
}

#pageRecruit .footLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 4rem 0 5.6rem
}

@media screen and (max-width:75.625em) {
    #pageRecruit .footLogo {
        padding: 4rem 1.6rem 5.6rem
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .footLogo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: min(6.4vw, 4.8rem) 0;
        padding: min(14.9333333333vw, 11.2rem) 0 min(18.24vw, 13.68rem)
    }
}

#pageRecruit .footLogo figure {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0
}

#pageRecruit .footLogo .footAddress {
    line-height: 1.6666666667;
    color: #fff;
    font-size: 1.2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .footLogo .footAddress {
        font-size: clamp(1.2rem, 3.2vw, 1.2rem)
    }
}

#pageRecruit .footSubContainer {
    padding: 0;
    border-top: 1px solid #9b9b9b
}

#pageRecruit #footer-bottom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0
}

@media screen and (max-width:48em) {
    #pageRecruit #footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: min(7.36vw, 5.52rem) 0 0
    }
}

#pageRecruit #footer-bottom #footer-up {
    right: 30px;
    display: none
}

#pageRecruit #footer-bottom #footer-up a::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: 6px 0 0 0;
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

#pageRecruit #footer-bottom #footer-up a:hover {
    background-color: #e35176
}

#pageRecruit #footer-bottom #footer-up a img {
    display: none
}

#pageRecruit #footer-bottom {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (max-width:48em) {
    #pageRecruit #footer-bottom {
        padding-bottom: min(10.6666666667vw, 8rem)
    }
}

#pageRecruit #footer-bottom #footer-utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: none;
    width: 85rem;
    padding: 1.8rem 0;
    margin-right: min(1.4641288433vw, 2rem)
}

@media screen and (max-width:48em) {
    #pageRecruit #footer-bottom #footer-utility {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: min(6.4vw, 4.8rem) 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        padding: min(10.6666666667vw, 8rem) 0;
        margin-right: auto
    }
}

#pageRecruit #footer-bottom #footer-utility li {
    margin-right: 0;
    font-size: 1.2rem;
    line-height: 1.4166666667
}

@media screen and (max-width:48em) {
    #pageRecruit #footer-bottom #footer-utility li {
        font-size: clamp(1.2rem, 3.2vw, 1.2rem)
    }
}

#pageRecruit #footer-bottom #footer-utility a {
    display: block;
    color: #fff
}

#pageRecruit #footer-bottom #footer-utility a[target^=_] {
    position: relative;
    padding-right: 1.5em
}

#pageRecruit #footer-bottom #footer-utility a[target^=_]::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1em;
    height: 1em;
    margin: auto;
    content: "";
    background-color: #fff;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Crect%20x%3D%221%22%20y%3D%223.7%22%20width%3D%2219.5%22%20height%3D%2219.3%22%20fill%3D%22none%22%20stroke-width%3D%220%22%2F%3E%20%3Cpolyline%20points%3D%2214%201%2023%201%2023%2010%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpolyline%20points%3D%2219%2015%2019%2023%201%2023%201%205%209%205%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20x1%3D%2211%22%20y1%3D%2213%22%20x2%3D%2222%22%20y2%3D%222%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Crect%20x%3D%221%22%20y%3D%223.7%22%20width%3D%2219.5%22%20height%3D%2219.3%22%20fill%3D%22none%22%20stroke-width%3D%220%22%2F%3E%20%3Cpolyline%20points%3D%2214%201%2023%201%2023%2010%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpolyline%20points%3D%2219%2015%2019%2023%201%2023%201%205%209%205%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20x1%3D%2211%22%20y1%3D%2213%22%20x2%3D%2222%22%20y2%3D%222%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover
}

#pageRecruit #footer-bottom #utility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 3.45rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    float: none
}

@media screen and (max-width:48em) {
    #pageRecruit #footer-bottom #utility {
        display: contents;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#pageRecruit #footer-bottom #utility ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    float: none;
    min-width: inherit;
    margin-top: 0
}

@media screen and (max-width:48em) {
    #pageRecruit #footer-bottom #utility ul:last-child {
        display: block;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

#pageRecruit #footer-bottom #utility ul li {
    float: none;
    padding-top: 3px;
    margin-right: 5px;
    font-size: 1.2rem;
    line-height: 1.4166666667;
    color: #fff
}

@media screen and (max-width:48em) {
    #pageRecruit #footer-bottom #utility ul li {
        font-size: clamp(1.2rem, 3.2vw, 1.2rem)
    }
}

#pageRecruit #footer-bottom #utility ul li:last-child {
    float: none;
    padding-top: 0;
    margin-right: 0
}

#pageRecruit #footer-bottom #utility #footer-social {
    gap: 0 2rem;
    min-width: 0;
    margin: 0
}

@media screen and (max-width:48em) {
    #pageRecruit #footer-bottom #utility #footer-social {
        display: block;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 min(10.6666666667vw, 8rem);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }
}

#pageRecruit #footer-bottom #utility #footer-social li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: none;
    padding: 0;
    margin-right: 0
}

#pageRecruit #footer-bottom #utility #footer-social li a {
    display: block;
    width: 28px;
    line-height: 1
}

#pageRecruit #footer-bottom #utility #footer-social li a:hover {
    opacity: .7
}

#pageRecruit #footer-bottom #utility #footer-social li a img {
    width: 100%
}

#pageRecruit #footer-bottom #footer-up {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 10;
    display: none
}

#pageRecruit #footer-bottom #footer-up a {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    background: #d7063b;
    border-radius: 50%
}

#pageRecruit #footer-bottom #footer-up a img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: auto;
    margin-top: -10px;
    margin-left: -12px
}

#pageRecruit:not(.-top) .footLogo .footAddress {
    display: none
}

.columnRow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0
}

@media screen and (max-width:48em) {
    .columnRow {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: min(6.4vw, 4.8rem)
    }
}

.columnRow.-wide {
    gap: 8rem
}

.columnRow.-gap98 {
    gap: 0 9.8rem !important
}

@media screen and (max-width:48em) {
    .columnRow.-gap98 {
        gap: min(8.5333333333vw, 6.4rem) 0 !important
    }
}

.columnRow.-vertical {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.columnRow.-reversal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.columnRow>.columnBlock {
    width: 50%;
    margin: 0
}

@media screen and (max-width:48em) {
    .columnRow>.columnBlock {
        width: 100% !important
    }
}

@media screen and (max-width:48em) {
    .columnBlock.bb {
        display: contents
    }

    .columnBlock .fb {
        -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
        order: 100;
        margin-right: auto;
        margin-left: auto
    }
}

#philosophy {
    padding: 9.4rem 0 8rem
}

@media screen and (max-width:48em) {
    #philosophy {
        padding: min(12.8vw, 9.6rem) 0 min(17.0666666667vw, 12.8rem)
    }
}

#philosophy .philosophyList_item {
    position: relative
}

#philosophy .philosophyList_item:not(:last-child) {
    margin-bottom: 4rem
}

@media screen and (max-width:48em) {
    #philosophy .philosophyList_item:not(:last-child) {
        margin-bottom: min(10.6666666667vw, 8rem)
    }
}

#philosophy .philosophyList_ttl {
    font-size: 2.4rem;
    margin-bottom: 1.1rem;
    font-weight: 700;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {
    #philosophy .philosophyList_ttl {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #philosophy .philosophyList_ttl {
        margin-bottom: min(4.2666666667vw, 3.2rem);
        line-height: 1.4444444444
    }
}

#philosophy .philosophyList_ttl span {
    position: relative;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 5.6rem;
    margin-bottom: .4rem;
    font-weight: 700;
    line-height: 1.5;
    color: #bebebe;
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    #philosophy .philosophyList_ttl span {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    #philosophy .philosophyList_ttl span {
        padding-right: min(11.2vw, 8.4rem);
        margin-bottom: min(4.2666666667vw, 3.2rem);
        line-height: 1.4285714286
    }
}

#philosophy .philosophyList_ttl span::after {
    margin-left: .5em;
    content: "0" counter(number, decimal);
    counter-increment: number 1
}

#philosophy .philosophyList_ttl span::before {
    position: absolute;
    top: .3rem;
    right: 0;
    bottom: 0;
    width: 4rem;
    height: .1rem;
    margin: auto;
    content: "";
    background-color: #bebebe
}

@media screen and (max-width:48em) {
    #philosophy .philosophyList_ttl span::before {
        width: min(8.5333333333vw, 6.4rem)
    }
}

#philosophy .philosophyList_txt {
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #philosophy .philosophyList_txt {
        line-height: 1.5
    }
}

#introduction {
    padding: 8rem 0;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #introduction {
        padding: min(10.6666666667vw, 8rem) 0
    }
}

#introduction .columnRow {
    gap: 0 min(5.8565153734vw, 8rem) !important
}

@media screen and (max-width:48em) {
    #introduction .columnRow {
        gap: 0 !important
    }
}

#introduction .columnRow .columnBlock:first-child {
    max-width: 45.4rem
}

@media screen and (max-width:48em) {
    #introduction .columnRow .columnBlock:first-child {
        max-width: inherit
    }
}

#introduction .columnRow .columnBlock:last-child {
    width: 100%;
    max-width: 66.2rem
}

@media screen and (max-width:48em) {
    #introduction .columnRow .columnBlock:last-child {
        max-width: inherit
    }
}

@media screen and (max-width:48em) {
    #introduction .-txtCaution {
        width: 100%;
        margin-top: min(5.3333333333vw, 4rem);
        font-size: min(3.2vw, 2.4rem);
        line-height: 1.4166666667;
        text-align: left
    }
}

#history {
    padding: 8rem 0 0
}

@media screen and (max-width:48em) {
    #history {
        padding: min(17.0666666667vw, 12.8rem) 0 0
    }
}

#history .history_ttl {
    font-size: 2.4rem;
    margin: 0 auto 1.6rem;
    font-weight: 700;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {
    #history .history_ttl {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #history .history_ttl {
        margin-bottom: min(4.2666666667vw, 3.2rem);
        line-height: 1.4444444444
    }
}

#history .history_txt {
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #history .history_txt {
        line-height: 1.5
    }
}

#history .historyList {
    margin: 4rem auto 0;
    overflow: hidden
}

@media screen and (max-width:48em) {
    #history .historyList {
        margin-top: min(10.6666666667vw, 8rem)
    }
}

#history .historyList_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(10.3221083455vw, 14.1rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:48em) {
    #history .historyList_item {
        gap: 0 min(7.4666666667vw, 5.6rem)
    }
}

#history .historyList_item dt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 11.4rem;
    font-weight: 700;
    line-height: 1.4583333333;
    font-size: 4.8rem
}

@media screen and (max-width:48em) {
    #history .historyList_item dt {
        font-size: clamp(2.4rem, 6.4vw, 4.8rem)
    }
}

@media screen and (max-width:48em) {
    #history .historyList_item dt {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: min(9.3333333333vw, 7rem);
        line-height: 1.4583333333;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }
}

#history .historyList_item dt::after,
#history .historyList_item dt::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: ""
}

#history .historyList_item dt::before {
    top: auto;
    right: -6.4rem;
    bottom: 46%;
    left: auto;
    width: .2rem;
    height: calc(200% + .1rem);
    background-color: #d7063c
}

@media screen and (max-width:48em) {
    #history .historyList_item dt::before {
        right: -.1rem;
        bottom: 49%
    }
}

#history .historyList_item dt::after {
    right: -7.3rem;
    z-index: 2;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    border: .4rem solid #d7063c;
    border-radius: 50%
}

@media screen and (max-width:48em) {
    #history .historyList_item dt::after {
        right: -.5rem;
        width: 1rem;
        height: 1rem;
        border-width: .2rem
    }
}

#history .historyList_item dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(5.270863836vw, 7.2rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 11.4rem - min(10.3221083455vw, 14.1rem));
    padding: 2.4rem 0;
    border-bottom: .1rem solid #d9d9d9
}

@media screen and (max-width:48em) {
    #history .historyList_item dd {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: min(4.2666666667vw, 3.2rem) 0;
        width: calc(100% - min(17.6vw, 13.2rem));
        padding: min(4.2666666667vw, 3.2rem) 0
    }
}

#history .historyList_item:first-child dd {
    padding-top: 0
}

@media screen and (max-width:48em) {
    #history .historyList_item:first-child dd {
        padding-top: min(4.2666666667vw, 3.2rem);
        border-top: .1rem solid #d9d9d9
    }
}

#history .historyList_item:first-child dt::before {
    z-index: 1;
    background-color: #fff
}

#history .historyList_ttl {
    font-size: 2.4rem;
    margin-bottom: .8rem;
    font-weight: 700;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {
    #history .historyList_ttl {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

#history .historyList_ttl span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 8.4rem;
    height: 3.2rem;
    padding-bottom: .1em;
    margin: 0 0 .8rem;
    font-weight: 700;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    background-color: #d7063c;
    border-radius: .6rem;
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    #history .historyList_ttl span {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    #history .historyList_ttl span {
        width: min(19.7333333333vw, 14.8rem);
        height: min(7.4666666667vw, 5.6rem);
        padding: min(1.0666666667vw, .8rem) min(3.7333333333vw, 2.8rem);
        margin-bottom: min(2.1333333333vw, 1.6rem);
        border-radius: min(1.6vw, 1.2rem)
    }
}

@media screen and (max-width:48em) {
    #history .historyList_ttl {
        margin-bottom: min(2.1333333333vw, 1.6rem);
        line-height: 1.4444444444
    }
}

#history .historyList_txt {
    width: calc(100% - 20rem - min(5.270863836vw, 7.2rem))
}

@media screen and (max-width:48em) {
    #history .historyList_txt {
        width: 100%
    }
}

#history .historyList_txt p {
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #history .historyList_txt p {
        line-height: 1.5
    }
}

#history .historyList_img {
    width: 20rem
}

@media screen and (max-width:48em) {
    #history .historyList_img {
        width: min(42.6666666667vw, 32rem)
    }
}

#history .historyContent {
    margin: 0 auto 8rem
}

@media screen and (max-width:48em) {
    #history .historyContent {
        margin-bottom: min(12.8vw, 9.6rem)
    }
}

#history .bunnerContent {
    padding: 0
}

@media screen and (max-width:48em) {
    #history .bunnerContent {
        padding-top: min(4.2666666667vw, 3.2rem)
    }
}

#history .bunnerContent .c_box+.c_box {
    margin-top: 4.8rem
}

@media screen and (max-width:48em) {
    #history .bunnerContent .c_box+.c_box {
        margin-top: min(10.6666666667vw, 8rem)
    }
}

@media not screen and (max-width:48em) {
    #history .bunnerContent .c_box .c_btn {
        margin-top: 1.2rem
    }
}

#columnSlider {
    padding: 8rem 0
}

@media screen and (max-width:48em) {
    #columnSlider {
        padding: min(21.3333333333vw, 16rem) 0
    }
}

#columnSlider .blogSlider {
    max-width: 135.4rem;
    margin: auto
}

@media screen and (max-width:48em) {
    #columnSlider .c_slider {
        padding: 0
    }
}

#columnSlider .c_slider_arrow {
    padding: 0 4.6rem
}

@media screen and (max-width:48em) {
    #columnSlider .c_slider_arrow {
        padding: 0
    }
}

#columnSlider .splide__track {
    padding: 3rem !important
}

@media screen and (max-width:48em) {
    #columnSlider .splide__track {
        padding: 1em min(4.2666666667vw, 3.2rem) !important
    }
}

#columnSlider .c_slider .splide__arrow--prev {
    left: .5rem
}

#columnSlider .c_slider .splide__arrow--next {
    right: .5rem
}

#columnSlider .c_btn {
    margin: 4rem auto 0
}

@media screen and (max-width:48em) {
    #columnSlider .c_btn {
        margin: min(10.6666666667vw, 8rem) auto 0
    }
}

#columnSlider.aboutTopColumnSlider {
    padding-bottom: 0
}

#aboutUs .columnRow .columnBlock:first-child {
    max-width: 25rem
}

@media screen and (max-width:48em) {
    #aboutUs .columnRow .columnBlock:first-child {
        max-width: inherit
    }
}

#aboutUs .columnRow .columnBlock:last-child {
    width: 53%;
    max-width: 52.6rem
}

@media screen and (max-width:48em) {
    #aboutUs .columnRow .columnBlock:last-child {
        width: 100%;
        max-width: inherit
    }
}

@media not screen and (max-width:48em) {
    #aboutUs .relevanceBox {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    #aboutUs .relevanceBox .relevanceBox_img img {
        max-width: 13.5rem
    }

    #aboutUs .relevanceBox .relevanceBox_txt {
        width: 100%
    }
}

#aboutUs .pdfBtns {
    text-align: right
}

@media screen and (max-width:48em) {
    #aboutUs .pdfBtns {
        -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
        order: 100;
        margin: auto;
        text-align: center
    }
}

#aboutUs .pdfBtns .c_btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 25rem
}

@media screen and (max-width:48em) {
    #aboutUs .pdfBtns .c_btn {
        margin-top: min(6.4vw, 4.8rem)
    }
}

#aboutUs .pdfBtns .c_btn+.c_btn {
    margin-left: min(2.9282576867vw, 4rem)
}

@media screen and (max-width:48em) {
    #aboutUs .pdfBtns .c_btn+.c_btn {
        margin-left: auto
    }
}

#company {
    padding: 9rem 0 8rem
}

@media screen and (max-width:48em) {
    #company {
        padding: min(8.5333333333vw, 6.4rem) 0
    }
}

#company .-txtRight {
    margin-bottom: 0 !important;
    text-align: right
}

#company .outlineTable {
    margin: 0 auto 1.6rem;
    border: .1rem solid #d6d6d6;
    border-right-width: 0;
    border-left-width: 0
}

@media screen and (max-width:48em) {
    #company .outlineTable {
        margin-bottom: min(6.4vw, 4.8rem);
        border-bottom-width: 0
    }
}

#company .outlineTable td,
#company .outlineTable th {
    padding: 1.2rem 1.6rem;
    line-height: 1.5;
    border: .1rem solid #d6d6d6
}

@media screen and (max-width:48em) {

    #company .outlineTable td,
    #company .outlineTable th {
        padding: min(2.1333333333vw, 1.6rem) min(3.2vw, 2.4rem);
        line-height: 1.5;
        border-top-width: 0
    }
}

#company .outlineTable th {
    width: min(18.7408491947vw, 25.6rem);
    font-weight: 700;
    vertical-align: top;
    background-color: #f4f4f4;
    border-left-width: 0
}

@media screen and (max-width:48em) {
    #company .outlineTable th {
        border-left-width: .1rem
    }
}

#company .outlineTable td {
    border-right-width: 0
}

@media screen and (max-width:48em) {
    #company .outlineTable td {
        border-right-width: .1rem
    }
}

#company .outlineTable td .frameWrapper {
    max-width: 68.7rem;
    margin: 2.4rem auto 0
}

@media screen and (max-width:48em) {
    #company .outlineTable td .frameWrapper {
        margin-top: min(4.2666666667vw, 3.2rem)
    }
}

#company .outlineTable td .frameWrapper iframe {
    margin-bottom: 1.6rem
}

@media screen and (max-width:48em) {
    #company .outlineTable td .frameWrapper iframe {
        margin-bottom: min(4.5333333333vw, 3.4rem)
    }
}

#moreInfo {
    padding: 8rem 0 0
}

@media screen and (max-width:48em) {
    #moreInfo {
        padding: min(8.5333333333vw, 6.4rem) 0 0
    }
}

@media (hover:hover) {
    #moreInfo .c_card_column:hover .c_btn .tooltipTxt {
        opacity: 1
    }
}

#moreInfo .c_card_column:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#moreInfo .c_card_column:focus-visible .c_btn .tooltipTxt {
    opacity: 1
}

#moreInfo .c_card_column_img {
    margin-bottom: 1.6rem
}

#moreInfo .c_card_column_img img {
    aspect-ratio: 320/195
}

@media screen and (max-width:48em) {
    #moreInfo .c_card_column_img {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#moreInfo .moreInfoTtl {
    margin-bottom: 0;
    font-weight: 700;
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #moreInfo .moreInfoTtl {
        margin-bottom: min(2.1333333333vw, 1.6rem)
    }
}

#moreInfo .moreInfoTxt {
    margin-bottom: 2.4rem;
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #moreInfo .moreInfoTxt {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#moreInfo .c_btn {
    max-width: 25.6rem;
    margin: auto
}

#pageRecruit.-column #pcNavi>li.-column>a::before {
    width: 100%
}

/*! ブログカード */
#columnArchive {
    padding: 0
}

#columnArchive .c_btn.-more {
    margin: 6.4rem auto 0
}

@media screen and (max-width:48em) {
    #columnArchive .c_btn.-more {
        margin: min(12.8vw, 9.6rem) auto 0
    }
}

#columnArchive .c_card_column {
    display: none
}

#columnArchive .c_card_column.-visible {
    display: block
}

#columnArchive #columnMore {
    display: none
}

#columnArchive #columnMore.-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

/*! /ブログカード */
/*! 記事詳細タイトル */
#columnHead {
    padding: 4.8rem 0 4rem
}

@media screen and (max-width:48em) {
    #columnHead {
        padding: min(8.5333333333vw, 6.4rem) 0 min(6.4vw, 4.8rem)
    }
}

#columnHead .c_card_column_info {
    margin: 0 0 1.6rem
}

@media screen and (max-width:48em) {
    #columnHead .c_card_column_info {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#columnHead .columnTtl {
    font-size: 3.2rem;
    margin-bottom: 1.6rem;
    font-weight: 700;
    line-height: 1.4375
}

@media screen and (max-width:48em) {
    #columnHead .columnTtl {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #columnHead .columnTtl {
        line-height: 1.4583333333
    }
}

#columnHead .cat_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .6rem .8rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 3.2rem
}

#columnHead .cat_container .c_card_column_cat {
    line-height: 1.4285714286;
    font-size: 1.4rem
}

@media screen and (max-width:48em) {
    #columnHead .cat_container .c_card_column_cat {
        font-size: clamp(1.2rem, 3.2vw, 1.4rem)
    }
}

#columnHead .columnMv {
    margin-bottom: 3.2rem
}

#columnHead .columnMv img {
    width: 100%;
    aspect-ratio: 800/426;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:48em) {
    #columnHead .columnMv {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#columnHead .columnLead {
    line-height: 1.75
}

@media screen and (max-width:48em) {
    #columnHead .columnLead {
        line-height: 1.5714285714
    }
}

#columnHead .indexContainer {
    padding: 2.4rem 2.4rem 2.8rem;
    margin-block: 4.8rem 2.4rem;
    background-color: #f4f4f4;
    border-radius: 1rem
}

@media screen and (max-width:48em) {
    #columnHead .indexContainer {
        padding: 2rem 2rem 2.4rem;
        margin-block: 4rem 3.3rem
    }
}

#columnHead .indexContainer .indexTtl {
    margin-bottom: 1.8rem;
    font-weight: 700;
    line-height: 1.4444444444;
    font-size: 1.8rem
}

@media screen and (max-width:48em) {
    #columnHead .indexContainer .indexTtl {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.8rem)
    }
}

#columnHead .indexContainer .indexList {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: .25rem
}

#columnHead .indexContainer .indexList a {
    line-height: 2;
    -webkit-transition: color .4s;
    transition: color .4s;
    font-size: 1.4rem
}

@media screen and (max-width:48em) {
    #columnHead .indexContainer .indexList a {
        font-size: clamp(1.2rem, 3.2vw, 1.4rem)
    }
}

@media (hover:hover) {
    #columnHead .indexContainer .indexList a:hover {
        color: #d7063c;
        text-decoration: underline
    }
}

#columnHead .indexContainer .indexList a:focus-visible {
    color: #d7063c;
    text-decoration: underline;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#columnHead .indexContainer .indexList li:not(:last-child) {
    padding-bottom: .5rem;
    border-bottom: .1rem solid #d4d8db
}

#columnHead .indexContainer .indexList li.subList {
    margin-left: 1.3em
}

#columnHead .indexContainer.-visible {
    opacity: 1;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    -webkit-transform: none;
    transform: none
}

/*! /記事詳細タイトル */
/*! 記事詳細 */
#columnContent {
    padding: 0
}

#columnContent .post {
    margin: auto;
    line-height: 1.75;
    color: #333;
    letter-spacing: 0;
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    #columnContent .post {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.6rem)
    }
}

#columnContent .post h2,
#columnContent .post h3,
#columnContent .post h4,
#columnContent .post h5 {
    margin-bottom: 1em;
    font-weight: 700;
    color: #333;
    letter-spacing: 0
}

@media screen and (max-width:48em) {

    #columnContent .post h2,
    #columnContent .post h3,
    #columnContent .post h4,
    #columnContent .post h5 {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#columnContent .post h2 {
    font-size: 3.2rem;
    position: relative;
    padding-left: .5em;
    margin-bottom: 3.2rem;
    line-height: 1.4375;
    text-align: left
}

@media screen and (max-width:48em) {
    #columnContent .post h2 {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #columnContent .post h2 {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#columnContent .post h2::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: .4rem;
    height: 100%;
    margin: auto;
    content: "";
    background-color: #d7063c
}

#columnContent .post h2:not(:first-of-type) {
    margin-top: 9.6rem
}

@media screen and (max-width:48em) {
    #columnContent .post h2:not(:first-of-type) {
        margin-top: min(19.2vw, 14.4rem)
    }
}

#columnContent .post h3 {
    padding: 0;
    font-size: 2.4rem;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {
    #columnContent .post h3 {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #columnContent .post h3 {
        line-height: 1.4444444444
    }
}

#columnContent .post h4 {
    padding: 0;
    font-size: 2rem
}

@media screen and (max-width:48em) {
    #columnContent .post h4 {
        font-size: clamp(1.6rem, 4.2666666667vw, 2rem)
    }
}

#columnContent .post p {
    margin-bottom: 2.5rem;
    line-height: 1.75
}

@media screen and (max-width:48em) {
    #columnContent .post p {
        margin-bottom: min(6.4vw, 4.8rem);
        line-height: 1.7142857143
    }
}

#columnContent .post p q {
    display: block;
    width: 100%;
    padding: .5em 0;
    padding-left: 1.6rem;
    margin: 2.4rem;
    border-left: .6rem solid #989898
}

@media screen and (max-width:48em) {
    #columnContent .post p q {
        padding: 0;
        padding-left: .8rem;
        margin: 2.4rem .5em
    }
}

#columnContent .post a:not(.c_btn) {
    color: #2546aa;
    text-decoration: none
}

#columnContent .post a:not(.c_btn)[target^=_] {
    position: relative;
    padding-right: .3em
}

#columnContent .post a:not(.c_btn)[target^=_]::after {
    position: absolute;
    top: 0;
    right: .25em;
    bottom: 0;
    width: 1em;
    height: 1em;
    margin: auto;
    content: "";
    background-color: #2546aa;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

@media (hover:hover) {
    #columnContent .post a:not(.c_btn):hover {
        text-decoration: underline
    }
}

#columnContent .post a:not(.c_btn):focus-visible {
    text-decoration: underline;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#columnContent .post .floatTxt {
    margin-bottom: 4rem
}

@media screen and (max-width:48em) {
    #columnContent .post .floatTxt {
        margin-bottom: min(12.8vw, 9.6rem)
    }
}

#columnContent .post .floatTxt::after {
    clear: both
}

#columnContent .post .floatTxt p {
    margin-bottom: 0 !important
}

#columnContent .post .floatTxt p+img.-alignleft,
#columnContent .post .floatTxt p+img.-alignright {
    margin-top: 4rem
}

#columnContent .post strong {
    font-weight: 900
}

#columnContent .post blockquote {
    position: relative;
    padding: 6.4rem;
    margin: 8rem auto;
    background: #f4f4f4
}

@media screen and (max-width:48em) {
    #columnContent .post blockquote {
        padding: 3.2rem;
        margin: min(12.8vw, 9.6rem) auto
    }
}

#columnContent .post blockquote::after,
#columnContent .post blockquote::before {
    position: absolute;
    top: 2.86rem;
    left: 2.76rem;
    width: 2.686rem;
    height: 2.544rem;
    margin: auto;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

@media screen and (max-width:48em) {

    #columnContent .post blockquote::after,
    #columnContent .post blockquote::before {
        top: 1.13rem;
        left: .99rem;
        width: 1.934rem;
        height: 1.832rem
    }
}

#columnContent .post blockquote::after {
    top: auto;
    right: 2.76rem;
    bottom: 2.86rem;
    left: auto;
    rotate: 180deg
}

@media screen and (max-width:48em) {
    #columnContent .post blockquote::after {
        top: auto;
        right: .99rem;
        bottom: 1.13rem;
        left: auto
    }
}

#columnContent .post blockquote>p {
    margin-bottom: 0 !important
}

#columnContent .post .c_btn {
    margin: 0 auto 4rem
}

@media screen and (max-width:48em) {
    #columnContent .post .c_btn {
        margin: 0 auto min(12.8vw, 9.6rem)
    }
}

#columnContent .post ul {
    margin: 0 auto 4rem
}

@media screen and (max-width:48em) {
    #columnContent .post ul {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#columnContent .post ul>li {
    position: relative;
    padding-left: 1em;
    text-indent: -1em
}

#columnContent .post ul>li:before {
    margin-right: .3em;
    content: "・"
}

#columnContent .post ul>li:not(:last-child) {
    margin-bottom: .5em
}

#columnContent .post ul>li>ul {
    padding-left: 1em;
    margin: .5em 0
}

#columnContent .post ul>li>ul>li {
    padding-left: 0;
    text-indent: 0;
    list-style-type: circle
}

#columnContent .post ul>li>ul>li::before {
    content: none
}

#columnContent .post ol {
    padding-left: 1em;
    margin: 0 auto 3.2rem;
    margin-left: .5em
}

@media screen and (max-width:48em) {
    #columnContent .post ol {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#columnContent .post ol>li {
    padding-left: 0;
    list-style-type: decimal
}

#columnContent .post dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1em;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto 3.2rem
}

@media screen and (max-width:48em) {
    #columnContent .post dl {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#columnContent .post dl dt {
    width: auto
}

#columnContent .post dl dt::after {
    content: ""
}

@media screen and (max-width:48em) {
    #columnContent .post dl dt::after {
        content: none
    }
}

#columnContent .post dl dd {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2
}

@media screen and (max-width:48em) {
    #columnContent .post dl dd {
        padding-left: 0
    }
}

#columnContent .post iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    aspect-ratio: 16/9;
    margin: 0 auto 4rem;
    border: 0
}

@media screen and (max-width:48em) {
    #columnContent .post iframe {
        margin-bottom: min(10.6666666667vw, 8rem)
    }
}

#columnContent .post img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

#columnContent .post figure {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 4rem
}

@media screen and (max-width:48em) {
    #columnContent .post figure {
        margin-bottom: min(10.6666666667vw, 8rem)
    }
}

#columnContent .post figure figcaption {
    display: block
}

#columnContent .post .tableWrapper {
    margin: 0 auto 4rem
}

@media screen and (max-width:48em) {
    #columnContent .post .tableWrapper {
        padding-bottom: 1rem;
        margin-bottom: min(6.4vw, 4.8rem);
        overflow-x: auto
    }
}

#columnContent .post table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    background: 0 0;
    border: 1px solid #989898
}

@media screen and (max-width:48em) {
    #columnContent .post table {
        width: 80rem
    }
}

#columnContent .post table td,
#columnContent .post table th {
    padding: 1em;
    white-space: nomal;
    vertical-align: top;
    border: 1px solid #989898
}

@media screen and (max-width:48em) {

    #columnContent .post table td,
    #columnContent .post table th {
        padding: min(3.2vw, 2.4rem)
    }
}

#columnContent .post table th {
    padding: min(.9516837482vw, 1.3rem) min(1.4641288433vw, 2rem);
    font-weight: 700;
    color: #fff;
    background-color: #333
}

@media screen and (max-width:48em) {
    #columnContent .post table th {
        padding: min(3.2vw, 2.4rem)
    }
}

#columnContent .post table td {
    background-color: #fff
}

#columnContent .post table.-fixed {
    table-layout: fixed
}

#columnContent .leftImgBox,
#columnContent .rightImgBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(2.9282576867vw, 4rem);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4rem
}

@media screen and (max-width:48em) {

    #columnContent .leftImgBox,
    #columnContent .rightImgBox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: min(4.2666666667vw, 3.2rem) 0;
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#columnContent .leftImgBox>div,
#columnContent .rightImgBox>div {
    width: 50%
}

@media screen and (max-width:48em) {

    #columnContent .leftImgBox>div,
    #columnContent .rightImgBox>div {
        width: 100%
    }
}

#columnContent .leftImgBox .leftImgBox_img,
#columnContent .leftImgBox .rightImgBox_img,
#columnContent .rightImgBox .leftImgBox_img,
#columnContent .rightImgBox .rightImgBox_img {
    line-height: 1
}

#columnContent .leftImgBox .leftImgBox_img img,
#columnContent .leftImgBox .rightImgBox_img img,
#columnContent .rightImgBox .leftImgBox_img img,
#columnContent .rightImgBox .rightImgBox_img img {
    margin-bottom: 0
}

#columnContent .leftImgBox .leftImgBox_txt>:last-child,
#columnContent .leftImgBox .rightImgBox_txt>:last-child,
#columnContent .rightImgBox .leftImgBox_txt>:last-child,
#columnContent .rightImgBox .rightImgBox_txt>:last-child {
    margin-bottom: 0
}

#columnContent .rightImgBox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

#columnContent .c_modal_btn {
    display: block
}

#columnContent .c_modal_btn img {
    margin-bottom: 0
}

/*! /記事詳細 */
#businessAreas {
    padding: 11.2rem 0 0
}

@media screen and (max-width:48em) {
    #businessAreas {
        padding-top: min(13.6vw, 10.2rem)
    }
}

@media screen and (max-width:48em) {
    #businessAreas .c_ttl_32 {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#businessAreas .businessList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4.8rem min(3.513909224vw, 4.8rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:48em) {
    #businessAreas .businessList {
        gap: min(6.4vw, 4.8rem) 0
    }
}

#businessAreas .businessList_item {
    width: calc((100% - min(7.027818448vw, 9.6rem))/ 3)
}

@media screen and (max-width:48em) {
    #businessAreas .businessList_item {
        width: 100%
    }
}

#businessCase {
    padding: 4rem 0
}

@media screen and (max-width:48em) {
    #businessCase {
        padding: min(8.5333333333vw, 6.4rem) 0
    }
}

#businessCase .tabCtrl ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 .2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

#businessCase .tabCtrl ul li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 5.6rem;
    font-weight: 500;
    line-height: 1.3125;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    -webkit-transition: background-color .4s;
    transition: background-color .4s
}

@media screen and (max-width:48em) {
    #businessCase .tabCtrl ul li {
        font-size: clamp(1.3rem, 3.4666666667vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    #businessCase .tabCtrl ul li {
        height: min(17.0666666667vw, 12.8rem);
        line-height: 1.5384615385
    }
}

#businessCase .tabCtrl ul li.is-active {
    pointer-events: none;
    background-color: #d7063c
}

#businessCase .tabCtrl ul li.is-active::after {
    position: absolute;
    right: 0;
    bottom: -.7rem;
    left: 0;
    width: 1.7rem;
    height: .8rem;
    margin: auto;
    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    content: "";
    background-color: #d7063c
}

@media (hover:hover) {
    #businessCase .tabCtrl ul li:hover {
        background-color: #d7063c
    }
}

#businessCase .tabCtrl ul li:focus-visible {
    background-color: #d7063c;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#businessCase .tabCtrl ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

#businessCase .tabBoxT {
    margin-top: 1.6rem !important
}

#businessCase .tabBoxT .listStyle09 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: solid .4rem #d1d1d1
}

#businessCase .tabBoxT .listStyle09>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20%;
    height: min(4.39238653vw, 6rem)
}

#businessCase .tabBoxT .listStyle09>li:not(:nth-of-type(5n)) {
    border-right: solid .1rem #d1d1d1
}

@media screen and (max-width:48em) {
    #businessCase .tabBoxT .listStyle09>li:not(:nth-of-type(5n)) {
        border: 0
    }
}

#businessCase .tabBoxT .listStyle09>li:not(:nth-of-type(-n + 5)) {
    border-top: solid .1rem #d1d1d1
}

@media screen and (max-width:48em) {
    #businessCase .tabBoxT .listStyle09>li:not(:nth-of-type(-n + 5)) {
        border: 0
    }
}

@media screen and (max-width:48em) {
    #businessCase .tabBoxT .listStyle09>li {
        width: 50%;
        height: min(16vw, 12rem)
    }

    #businessCase .tabBoxT .listStyle09>li:not(:nth-last-of-type(-n + 2)) {
        border-bottom: solid .1rem #d1d1d1
    }

    #businessCase .tabBoxT .listStyle09>li:nth-of-type(odd) {
        border-right: solid .1rem #d1d1d1
    }

    #businessCase .tabBoxT .listStyle09>li[style^=cursor] {
        display: none
    }
}

#businessCase .tabBoxT .listStyle09>li a {
    font-size: min(1.1713030747vw, 1.6rem);
    line-height: 1.5;
    color: #2546aa
}

@media (hover:hover) {
    #businessCase .tabBoxT .listStyle09>li a:hover {
        font-weight: 700;
        text-decoration: underline
    }
}

#businessCase .tabBoxT .listStyle09>li a:focus-visible {
    font-weight: 700;
    text-decoration: underline;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#businessCase .tabBoxT .listStyle09>li a.on {
    font-weight: 700;
    text-decoration: underline;
    pointer-events: none
}

@media screen and (max-width:48em) {
    #businessCase .tabBoxT .listStyle09>li a {
        font-size: min(3.2vw, 2.4rem);
        line-height: 1.3;
        text-align: center
    }
}

#businessCase #tab03 .tabBox {
    display: none
}

#businessCase #tab03 #tabA {
    display: block
}

#businessCase #tab03 .tabBox01,
#businessCase #tab03 .tabBox02 {
    display: none
}

#businessCase .listStyle08 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 4rem 0;
    margin: 0;
    border-bottom: solid .1rem #d1d1d1
}

@media screen and (max-width:48em) {
    #businessCase .listStyle08 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: min(11.4666666667vw, 8.6rem) 0 min(10.6666666667vw, 8rem)
    }
}

#businessCase .listStyle08>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33.3333333333%;
    height: auto !important;
    padding: 0 min(2.9282576867vw, 4rem)
}

@media screen and (max-width:48em) {
    #businessCase .listStyle08>li {
        width: 100%
    }
}

@media screen and (max-width:48em) and (max-width:48em) {
    #businessCase .listStyle08>li:not(:first-child) {
        padding-top: min(6.4vw, 4.8rem)
    }
}

#businessCase .listStyle08>li:not(:last-child) {
    border-right: solid .1rem #d1d1d1
}

@media screen and (max-width:48em) {
    #businessCase .listStyle08>li:not(:last-child) {
        padding-bottom: min(10.6666666667vw, 8rem);
        border-right: 0;
        border-bottom: solid .1rem #d1d1d1
    }
}

#businessCase .listStyle08>li span.img {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 2rem;
    line-height: 1
}

@media screen and (max-width:48em) {
    #businessCase .listStyle08>li span.img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-area: a;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
        border: 0
    }
}

#businessCase .listStyle08>li span.ttl {
    display: block;
    margin: 0 auto .8rem;
    font-weight: 700;
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    #businessCase .listStyle08>li span.ttl {
        font-size: clamp(1.3rem, 3.4666666667vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    #businessCase .listStyle08>li span.ttl {
        grid-area: b;
        margin: 0;
        line-height: 1.6153846154;
        text-align: left
    }
}

@media screen and (max-width:48em) {
    #businessCase .listStyle08>li span.txt {
        grid-area: c
    }
}

#businessCase .listStyle08>li a {
    line-height: 1.3125;
    color: #2546aa
}

@media screen and (max-width:48em) {
    #businessCase .listStyle08>li a {
        display: -ms-grid;
        display: grid;
        grid-template-areas: "a b" "a c";
        gap: min(2.1333333333vw, 1.6rem) min(5.3333333333vw, 4rem)
    }

    #businessCase .listStyle08>li span.img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    #businessCase .listStyle08>li span.ttl {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    #businessCase .listStyle08>li span.txt {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }
}

@media (hover:hover) {

    #businessCase .listStyle08>li a:hover .ttl,
    #businessCase .listStyle08>li a:hover .txt {
        text-decoration: underline
    }
}

#businessCase .listStyle08>li a:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#businessCase .listStyle08>li a:focus-visible .ttl,
#businessCase .listStyle08>li a:focus-visible .txt {
    text-decoration: underline
}

#businessCase .listStyle08>li a .txt+.blankLink {
    display: none
}

#businessStory {
    padding: 8rem 0 4rem
}

@media screen and (max-width:48em) {
    #businessStory {
        padding: min(17.0666666667vw, 12.8rem) 0 min(8.5333333333vw, 6.4rem)
    }
}

#businessStory .c_box {
    padding: 3.2rem
}

@media screen and (max-width:48em) {
    #businessStory .c_box {
        padding: min(6.4vw, 4.8rem)
    }
}

#businessStory .c_box .columnRow {
    margin-bottom: 4rem
}

@media screen and (max-width:48em) {
    #businessStory .c_box .columnRow {
        margin-bottom: min(10.6666666667vw, 8rem)
    }
}

#businessStory .c_box .columnRow .columnBlock:first-child {
    padding-right: min(2.3426061493vw, 3.2rem)
}

@media screen and (max-width:48em) {
    #businessStory .c_box .columnRow .columnBlock:first-child {
        padding-right: 0;
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#businessStory .c_box .c_btn {
    margin: min(6.7349926794vw, 9.2rem) auto 0
}

@media screen and (max-width:48em) {
    #businessStory .c_box .c_btn {
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#businessStory .storyList_item:not(:last-child) {
    margin-bottom: 1.6rem
}

@media screen and (max-width:48em) {
    #businessStory .storyList_item:not(:last-child) {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#businessStory .storyList_ttl {
    margin-bottom: .8rem;
    font-weight: 700;
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #businessStory .storyList_ttl {
        margin-bottom: min(2.1333333333vw, 1.6rem);
        line-height: 1.4285714286
    }
}

#businessStory .storyList_ttl a {
    color: #2546aa
}

@media screen and (max-width:48em) {
    #businessStory .storyList p {
        line-height: 1.4285714286
    }
}

#careerContent {
    padding: 6.4rem 0 12.4rem
}

@media screen and (max-width:48em) {
    #careerContent {
        padding: min(8.5333333333vw, 6.4rem) 0 min(19.1733333333vw, 14.38rem)
    }
}

#careerContent #crossTalks.otherTalk {
    padding: 0
}

#careerContent #crossTalks.otherTalk .columnRow.-reversal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#careerInterview {
    padding: 8rem 0;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #careerInterview {
        padding: min(12.8vw, 9.6rem) 0
    }
}

#careerInterview #interviewArchive {
    padding: 0
}

@media screen and (max-width:48em) {
    #businessCase.careerCase {
        padding: min(12.8vw, 9.6rem) 0
    }
}

.requirementsSort {
    padding: 4.8rem 0
}

@media screen and (max-width:48em) {
    .requirementsSort {
        padding-top: min(8.5333333333vw, 6.4rem)
    }
}

article-list::part(List) {
    padding: 0;
    margin: 0;
    list-style: none
}

article-list::part(catList) {
    padding: 6.4rem 0 3.2rem;
    margin: auto
}

@media screen and (max-width:48em) {
    article-list::part(catList) {
        padding: min(12.8vw, 9.6rem) 0
    }
}

article-list::part(tagList) {
    padding: 0 0 6.4rem;
    margin: auto
}

@media screen and (max-width:48em) {
    article-list::part(tagList) {
        padding-bottom: min(12.8vw, 9.6rem)
    }
}

article-list::part(inputList) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.6rem min(4.6852122987vw, 6.4rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    line-height: 1.5;
    list-style: none;
    font-size: 1.6rem
}

@media screen and (max-width:48em) {
    article-list::part(inputList) {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    article-list::part(inputList) {
        gap: min(6.4vw, 4.8rem) min(5.3333333333vw, 4rem)
    }
}

article-list::part(inputList_item) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer !important;
    opacity: 1;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

@media screen and (max-width:48em) {
    article-list::part(inputList_item) {
        width: 100%;
        padding-left: 1em;
        text-indent: -1.5em
    }
}

@media (hover:hover) {
    article-list::part(inputList_item):hover {
        opacity: .7
    }
}

@media screen and (max-width:48em) {
    article-list::part(-tag) {
        width: calc((100% - min(5.3333333333vw, 4rem))/ 2)
    }
}

article-list::part(linkContainer) {
    padding: 6.4rem 0 0;
    border-top: .1rem solid #a8a8a8
}

@media screen and (max-width:48em) {
    article-list::part(linkContainer) {
        padding-top: min(12.8vw, 9.6rem)
    }
}

article-list::part(linkList) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3.2rem min(3.6603221083vw, 5rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1.6rem 0 6.4rem;
    margin: 0;
    list-style: none
}

@media screen and (max-width:48em) {
    article-list::part(linkList) {
        gap: min(8.5333333333vw, 6.4rem) 0;
        padding: min(2.1333333333vw, 1.6rem) 0 min(12.8vw, 9.6rem)
    }
}

article-list::part(linkList_item) {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc((100% - min(3.6603221083vw, 5rem))/ 2);
    padding: 0;
    padding-left: 2.6rem;
    margin: 0;
    line-height: 1.5;
    text-indent: -2.6rem
}

@media screen and (max-width:48em) {
    article-list::part(linkList_item) {
        width: 100%
    }
}

article-list::part(linkList_item)::before {
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    margin: auto;
    margin-right: .8rem;
    vertical-align: sub;
    content: "";
    background-color: #d7063c;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 50%
}

article-list::part(c_ttl_32) {
    font-size: 3.2rem;
    padding: 0;
    margin: 0 auto 2.4rem;
    font-weight: 900;
    line-height: 1.4375;
    letter-spacing: 0
}

@media screen and (max-width:48em) {
    article-list::part(c_ttl_32) {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    article-list::part(c_ttl_32) {
        margin-bottom: min(4.2666666667vw, 3.2rem);
        line-height: 1.4583333333
    }
}

article-list::part(c_ttl_24) {
    font-size: 2.4rem;
    padding: 0;
    margin: 0 auto 2.4rem;
    font-weight: 900;
    line-height: 1.4583333333;
    letter-spacing: 0
}

@media screen and (max-width:48em) {
    article-list::part(c_ttl_24) {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    article-list::part(c_ttl_24) {
        margin-bottom: min(6.4vw, 4.8rem);
        line-height: 1.4444444444
    }
}

article-list::part(c_ttl_16) {
    font-size: 1.6rem;
    padding: 0;
    margin: 0 auto 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0
}

@media screen and (max-width:48em) {
    article-list::part(c_ttl_16) {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    article-list::part(c_ttl_16) {
        margin-bottom: min(6.4vw, 4.8rem);
        line-height: 1.4444444444
    }
}

article-list::part(catBtn) {
    accent-color: #d7063c
}

article-list::part(link) {
    position: relative;
    color: #2546aa;
    text-decoration: none
}

article-list::part(pdfLink) {
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
    text-indent: -1.5em
}

article-list::part(pdfLink)::before {
    display: inline-block;
    width: 1.5rem;
    height: 1.6rem;
    margin: auto;
    margin-right: .5em;
    content: "";
    background: url(/recruit/common/images/icon_pdf.png) no-repeat center/cover
}

article-list::part(pdfList) {
    padding-bottom: 1rem
}

@media screen and (max-width:48em) {
    article-list::part(pdfList) {
        padding-bottom: min(1.6vw, 1.2rem)
    }
}

article-list::part(pdfList_item) {
    margin-bottom: 1.6rem;
    line-height: 1.5
}

@media screen and (max-width:48em) {
    article-list::part(pdfList_item) {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

article-list::part(blankLink) {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: .5em;
    font-style: normal;
    translate: 0 0.15rem
}

article-list::part(blankLink)::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1em;
    height: 1em;
    margin: auto;
    content: "";
    background-color: #2546aa;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

article-list::part(tooltipTxt) {
    position: absolute;
    bottom: 24px;
    left: -50px;
    display: inline-block;
    min-width: 112px;
    padding: 6px 2px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    text-indent: 0;
    pointer-events: none;
    background: #333;
    opacity: 0
}

@media screen and (max-width:48em) {
    article-list::part(tooltipTxt) {
        display: none
    }
}

article-list::part(tooltipTxt)::before {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 0;
    content: "";
    border-color: #333 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#selectionFlow {
    padding: 8rem 0 0
}

@media screen and (max-width:48em) {
    #selectionFlow {
        padding-top: min(12.8vw, 9.6rem)
    }
}

#selectionFlow .c_flowList {
    margin: 4rem auto
}

@media screen and (max-width:48em) {
    #selectionFlow .c_flowList {
        margin: min(8.5333333333vw, 6.4rem) auto min(4.2666666667vw, 3.2rem)
    }
}

#selectionFlow .flowCaution {
    margin-bottom: 1.6rem;
    font-weight: 700
}

@media screen and (max-width:48em) {
    #selectionFlow .flowCaution {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#selectionFaq {
    padding: 8rem 0 11.2rem
}

@media screen and (max-width:48em) {
    #selectionFaq {
        padding: min(13.0666666667vw, 9.8rem) 0 min(21.3333333333vw, 16rem)
    }
}

#selectionFaq .faqContainer+.faqContainer {
    margin-top: 8rem
}

@media screen and (max-width:48em) {
    #selectionFaq .faqContainer+.faqContainer {
        margin-top: min(12.8vw, 9.6rem)
    }
}

#selectionFaq .c_ttl_24 {
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {
    #selectionFaq .c_ttl_24 {
        margin-bottom: min(3.2vw, 2.4rem)
    }
}

#personnel {
    padding: 11.2rem 0 0
}

@media screen and (max-width:48em) {
    #personnel {
        padding-top: min(12.8vw, 9.6rem)
    }
}

#personnel .columnRow {
    gap: 0 min(3.4407027818vw, 4.7rem) !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 2.7rem auto 0
}

@media screen and (max-width:48em) {
    #personnel .columnRow {
        gap: min(8.5333333333vw, 6.4rem) 0 !important;
        margin-top: min(6.4vw, 4.8rem)
    }
}

#personnel .columnRow .columnBlock:first-child {
    width: min(33.1625183016vw, 45.3rem);
    padding-left: min(1.2445095168vw, 1.7rem)
}

#personnel .columnRow .columnBlock:last-child {
    width: 64%;
    max-width: 65.2rem
}

#personnel .personnelList_item {
    padding: 1.6rem 1.6rem 2.1rem;
    border: .1rem solid #c4c4c4;
    border-left: 2.4rem solid #fcb781;
    border-radius: .3rem
}

@media screen and (max-width:48em) {
    #personnel .personnelList_item {
        padding: min(3.2vw, 2.4rem);
        border-left-width: min(4.2666666667vw, 3.2rem);
        border-radius: min(.8vw, .6rem)
    }
}

#personnel .personnelList_item:not(:last-child) {
    margin-bottom: 1rem
}

@media screen and (max-width:48em) {
    #personnel .personnelList_item:not(:last-child) {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#personnel .personnelList_item:nth-of-type(2) {
    border-left-color: #7f91d7
}

#personnel .personnelList_item:nth-of-type(3) {
    border-left-color: #ac7ac4
}

#personnel .personnelList_ttl {
    margin-bottom: .8rem;
    font-weight: 700;
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #personnel .personnelList_ttl {
        margin-bottom: min(2.1333333333vw, 1.6rem);
        line-height: 1.4285714286
    }
}

#educational {
    padding: 8.6rem 0 0
}

@media screen and (max-width:48em) {
    #educational {
        padding-top: min(12.8vw, 9.6rem)
    }
}

#educational .c_ttl_32 {
    margin-bottom: 3.2rem !important
}

@media screen and (max-width:48em) {
    #educational .c_ttl_32 {
        margin-bottom: min(4.2666666667vw, 3.2rem) !important
    }
}

#educational .educationalImg {
    margin: 5.6rem auto
}

@media screen and (max-width:48em) {
    #educational .educationalImg {
        margin: min(6.4vw, 4.8rem) auto min(12.8vw, 9.6rem)
    }
}

#educational .educationalContent {
    padding: 2.4rem;
    border: .2rem solid #d6d6d6;
    border-top: 0;
    border-radius: .3rem
}

@media screen and (max-width:48em) {
    #educational .educationalContent {
        padding: min(6.4vw, 4.8rem) min(3.2vw, 2.4rem)
    }
}

#educational .educationalTtl_h3,
#educational .educationalTtl_h4 {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {

    #educational .educationalTtl_h3,
    #educational .educationalTtl_h4 {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {

    #educational .educationalTtl_h3,
    #educational .educationalTtl_h4 {
        line-height: 1.4444444444
    }
}

#educational .educationalTtl_h3 {
    padding: 1.1rem 2.4rem 1.2rem;
    color: #fff;
    background-color: #d7063c;
    border-radius: .3rem .3rem 0 0
}

@media screen and (max-width:48em) {
    #educational .educationalTtl_h3 {
        padding: min(1.6vw, 1.2rem) min(3.2vw, 2.4rem);
        border-radius: min(.8vw, .6rem) min(.8vw, .6rem) 0 0
    }
}

#educational .educationalTtl_h3.-special {
    margin-top: 4.8rem;
    background-color: #2546aa
}

@media screen and (max-width:48em) {
    #educational .educationalTtl_h3.-special {
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#educational .educationalTtl_h4 {
    padding: 0 1.2rem;
    margin: 0 auto 2.4rem;
    font-weight: 700;
    border-left: .6rem solid #d7063c
}

@media screen and (max-width:48em) {
    #educational .educationalTtl_h4 {
        padding: 0 min(1.6vw, 1.2rem);
        margin-bottom: min(2.1333333333vw, 1.6rem);
        border-left-width: min(1.0666666667vw, .8rem)
    }
}

#educational .educationalTtl_h5 {
    font-size: 1.6rem;
    margin: 0 auto .4rem;
    font-weight: 700;
    line-height: 1.5;
    color: #d7063c
}

@media screen and (max-width:48em) {
    #educational .educationalTtl_h5 {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    #educational .educationalTtl_h5 {
        margin-bottom: min(1.0666666667vw, .8rem);
        line-height: 1.5
    }
}

#educational .educationalTtl_h5.-special {
    color: #2546aa
}

#educational .educationalContent_cat+.educationalContent_cat {
    margin-top: 4.8rem
}

@media screen and (max-width:48em) {
    #educational .educationalContent_cat+.educationalContent_cat {
        margin-top: min(10.6666666667vw, 8rem)
    }
}

#educational .curriculumList {
    padding: 2.4rem;
    margin: 1.6rem auto 0;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #educational .curriculumList {
        padding: min(5.3333333333vw, 4rem);
        margin-top: min(4.2666666667vw, 3.2rem)
    }
}

#educational .curriculumList_item:not(:last-child) {
    margin-bottom: 2.4rem
}

@media screen and (max-width:48em) {
    #educational .curriculumList_item:not(:last-child) {
        margin-bottom: min(5.3333333333vw, 4rem)
    }
}

#welfare {
    padding: 8rem 0
}

@media screen and (max-width:48em) {
    #welfare {
        padding: min(12.8vw, 9.6rem) 0
    }
}

#welfare .welfareList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem min(2.9282576867vw, 4rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3.2rem auto 0
}

@media screen and (max-width:48em) {
    #welfare .welfareList {
        gap: min(4.2666666667vw, 3.2rem) 0;
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#welfare .welfareList_item {
    width: calc((100% - min(5.8565153734vw, 8rem))/ 3);
    padding: 2.4rem min(2.3426061493vw, 3.2rem);
    border-radius: 1.7rem
}

@media screen and (max-width:48em) {
    #welfare .welfareList_item {
        width: 100%;
        padding: min(6.4vw, 4.8rem) min(3.2vw, 2.4rem);
        border-radius: min(4.5333333333vw, 3.4rem)
    }
}

#welfare .welfareList_item:last-child {
    background-color: #fff5f8
}

#welfare .welfareList_item .-txtCaution {
    display: block;
    margin: auto;
    font-weight: 400;
    line-height: 1.4285714286;
    font-size: 1.4rem
}

@media screen and (max-width:48em) {
    #welfare .welfareList_item .-txtCaution {
        font-size: clamp(1.2rem, 3.2vw, 1.4rem)
    }
}

@media screen and (max-width:48em) {
    #welfare .welfareList_item .-txtCaution {
        line-height: 1.4166666667
    }
}

#woman {
    padding: 11.2rem 0 0
}

@media screen and (max-width:48em) {
    #woman {
        padding-top: min(12.8vw, 9.6rem)
    }
}

#woman .c_sliderContainer {
    margin: 8rem auto 0
}

@media screen and (max-width:48em) {
    #woman .c_sliderContainer {
        margin-top: min(12.8vw, 9.6rem)
    }

    #woman .c_sliderContainer .c_slider {
        padding: 0 min(4.2666666667vw, 3.2rem)
    }

    #woman .c_sliderContainer .c_slider .splide__arrow--prev {
        left: min(-4vw, -3rem)
    }

    #woman .c_sliderContainer .c_slider .splide__arrow--next {
        right: min(-4vw, -3rem)
    }
}

#woman .c_sliderContainer .contentInner {
    max-width: 108rem
}

#woman .c_ttl_24 {
    margin-bottom: 3.2rem
}

#childcare {
    padding: 8rem 0 0
}

@media screen and (max-width:48em) {
    #childcare {
        padding-top: min(12.8vw, 9.6rem)
    }
}

#childcare .c_ttl_24 {
    margin-bottom: 2.4rem
}

@media screen and (max-width:48em) {
    #childcare .c_ttl_24 {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#childcare .c_sliderContainer {
    margin: 8rem auto 0
}

#childcare .c_sliderContainer .c_ttl_24 {
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {
    #childcare .c_sliderContainer .c_ttl_24 {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#childcare .c_sliderContainer .contentInner {
    max-width: 108rem
}

#childcare .childcareContent {
    margin: 0 auto 8rem
}

@media screen and (max-width:48em) {
    #childcare .childcareContent {
        margin-bottom: min(12.8vw, 9.6rem)
    }
}

#childcare .childcareImg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4.8rem auto
}

@media screen and (max-width:48em) {
    #childcare .childcareImg {
        display: block;
        margin: min(6.4vw, 4.8rem) auto
    }
}

#childcare .childcareImg_item {
    width: 50%;
    max-width: 26.3rem
}

@media screen and (max-width:48em) {
    #childcare .childcareImg_item {
        width: min(71.5573333333vw, 53.668rem);
        margin-right: auto;
        margin-left: auto
    }
}

#childcare .childcareImg_item:first-child {
    max-width: 33.758rem;
    margin-right: min(6.4714494876vw, 8.84rem)
}

@media screen and (max-width:48em) {
    #childcare .childcareImg_item:first-child {
        margin-right: auto;
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#childcare .tableCaption {
    margin: 0 auto 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: left
}

@media screen and (max-width:48em) {
    #childcare .tableCaption {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #childcare .scrollTable {
        padding-right: min(8.5333333333vw, 6.4rem);
        margin-left: min(4.2666666667vw, 3.2rem)
    }
}

#childcare .scrollTable td,
#childcare .scrollTable th {
    line-height: 1.5
}

#childcare .scrollTable thead th {
    padding-top: 1.1rem;
    padding-bottom: 1.5rem
}

@media screen and (max-width:48em) {
    #childcare .scrollTable thead th:nth-of-type(2) {
        position: sticky;
        top: 0;
        left: min(40vw, 30rem);
        z-index: 4
    }

    #childcare .scrollTable thead th:nth-of-type(2)::before {
        position: absolute;
        top: 0;
        left: -.1rem;
        width: .1rem;
        height: 100%;
        margin: auto;
        content: "";
        background-color: #d6d6d6
    }

    #childcare .scrollTable thead th:nth-of-type(2)::after {
        position: absolute;
        top: 0;
        right: -.1rem;
        width: .1rem;
        height: 100%;
        margin: auto;
        content: "";
        background-color: #d6d6d6
    }
}

#childcare .scrollTable tbody th {
    text-align: center
}

#childcare .scrollTable tbody td {
    padding: 1.5rem min(2.3426061493vw, 3.2rem) 1.6rem min(2.3426061493vw, 3.2rem);
    text-align: right
}

#childcare .scrollTable tbody td:nth-of-type(1) {
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

@media screen and (max-width:48em) {
    #childcare .scrollTable tbody td:first-of-type {
        position: sticky;
        top: 0;
        left: min(40vw, 30rem);
        z-index: 1
    }

    #childcare .scrollTable tbody td:first-of-type::before {
        position: absolute;
        top: 0;
        left: -.1rem;
        width: .1rem;
        height: 100%;
        margin: auto;
        content: "";
        background-color: #d6d6d6
    }

    #childcare .scrollTable tbody td:first-of-type::after {
        position: absolute;
        top: 0;
        right: -.1rem;
        width: .1rem;
        height: 100%;
        margin: auto;
        content: "";
        background-color: #d6d6d6
    }
}

#childcare .childcareTable {
    max-width: 120rem;
    margin: auto
}

@media screen and (max-width:48em) {
    #childcare .childcareTable thead th {
        width: min(26.6666666667vw, 20rem)
    }
}

#childcare .childcareTable thead th:first-child {
    width: 30rem
}

@media screen and (max-width:48em) {
    #childcare .childcareTable thead th:first-child {
        width: min(40vw, 30rem)
    }
}

#childcare .childcareTable thead th:nth-child(2) {
    width: 10rem
}

@media screen and (max-width:48em) {
    #childcare .childcareTable thead th:nth-child(2) {
        width: min(16vw, 12rem)
    }
}

#childcare .graphContent {
    max-width: 120rem;
    margin: auto
}

#childcare .graphContent+.graphContent {
    margin-top: 7.2rem
}

@media screen and (max-width:48em) {
    #childcare .graphContent+.graphContent {
        margin-top: min(10.6666666667vw, 8rem)
    }
}

#childcare .graphContent .legendList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 3.2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto 2.4rem
}

@media screen and (max-width:48em) {
    #childcare .graphContent .legendList {
        gap: 0 min(10.9333333333vw, 8.2rem);
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#childcare .graphContent .legendList_item {
    position: relative;
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #childcare .graphContent .legendList_item {
        line-height: 1.4285714286
    }
}

#childcare .graphContent .legendList_item::before {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 1rem;
    content: "";
    background-color: #d7063c;
    border: .2rem solid #d7063c;
    border-radius: .3rem
}

@media screen and (max-width:48em) {
    #childcare .graphContent .legendList_item::before {
        width: min(3.2vw, 2.4rem);
        height: min(3.2vw, 2.4rem);
        margin-right: min(1.3333333333vw, 1rem);
        border-width: min(.5333333333vw, .4rem);
        border-radius: min(.8vw, .6rem)
    }
}

#childcare .graphContent .legendList_item:nth-child(2)::before {
    background-color: transparent
}

#childcare .graphContent .legendList_item:nth-child(3)::before {
    background-color: transparent;
    border-color: #2546aa
}

@media screen and (max-width:48em) {
    #childcare .graphContent .graphImg {
        position: relative;
        padding-right: min(4.2666666667vw, 3.2rem);
        margin-left: min(4.2666666667vw, 3.2rem);
        overflow-x: auto
    }

    #childcare .graphContent .graphImg:after {
        position: sticky;
        left: 1em;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 1em 0;
        font-size: 80%;
        text-align: left;
        content: "※横にスクロールしてご覧ください"
    }

    #childcare .graphContent .graphImg picture {
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    #childcare .graphContent .graphImg picture::after {
        position: absolute;
        top: 0;
        left: 100%;
        width: min(4.2666666667vw, 3.2rem);
        height: 1px;
        content: "";
        background-color: transparent
    }

    #childcare .graphContent .graphImg img {
        width: min(160vw, 120rem);
        max-width: inherit
    }
}

#childcare .childcareList {
    padding: .8rem 0 0;
    margin: 0 auto
}

#childcare .childcareList_item:not(:last-child) {
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {
    #childcare .childcareList_item:not(:last-child) {
        margin-bottom: min(8.5333333333vw, 6.4rem)
    }
}

#childcare .childInterview {
    padding: 8rem 0
}

@media screen and (max-width:48em) {
    #childcare .childInterview {
        padding: min(12.8vw, 9.6rem) 0
    }
}

#childcare .childInterview .c_ttl_24 {
    margin-bottom: 5.4rem
}

@media screen and (max-width:48em) {
    #childcare .childInterview .c_ttl_24 {
        width: 100%;
        margin-bottom: min(6.6666666667vw, 5rem)
    }
}

#childcare .childInterview p {
    width: 100%
}

#employment {
    padding: 8rem 0 4rem
}

@media screen and (max-width:48em) {
    #employment {
        padding: min(12.8vw, 9.6rem) 0 min(6.4vw, 4.8rem)
    }
}

@media screen and (max-width:48em) {
    #employment .c_ttl_32 {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#employment .employmentGraph {
    max-width: 67.4rem;
    margin: 4rem auto 1.6rem
}

@media screen and (max-width:48em) {
    #employment .employmentGraph {
        margin: min(6.4vw, 4.8rem) auto min(4.2666666667vw, 3.2rem)
    }
}

#employment .employmentGraph .c_ttl_24 {
    text-align: center
}

@media screen and (max-width:48em) {
    #employment .employmentGraph .c_ttl_24 {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#employment .graphCaution {
    max-width: 52.7rem;
    margin: auto
}

#employment+#environmentRelevance {
    padding-top: 8rem
}

@media screen and (max-width:48em) {
    #employment+#environmentRelevance {
        padding-top: min(12.8vw, 9.6rem)
    }
}

#workstyleCard.diverSityCard {
    padding: 4rem 0 0
}

@media screen and (max-width:48em) {
    #workstyleCard.diverSityCard {
        padding-top: min(12.8vw, 9.6rem)
    }
}

#workstyleCard.diverSityCard .workstyleList_item:nth-child(n+3):nth-child(-n+5) {
    width: calc((100% - 8rem)/ 3)
}

@media screen and (max-width:48em) {
    #workstyleCard.diverSityCard .workstyleList_item:nth-child(n+3):nth-child(-n+5) {
        width: 100%
    }
}

#environmentContent {
    padding: 11.2rem 0 0
}

@media screen and (max-width:48em) {
    #environmentContent {
        padding-top: min(22.6666666667vw, 17rem)
    }
}

#environmentContent .c_btn {
    max-width: 30.4rem
}

#environmentGallery {
    padding: 11.2rem 0 0
}

@media screen and (max-width:48em) {
    #environmentGallery {
        padding-top: min(17.04vw, 12.78rem)
    }
}

#environmentGallery .galleryColumn {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "label1 label3" "label2 label3";
    -ms-grid-rows: 1fr 1.6rem 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: min(28.1112737921vw, 38.4rem) 2.4rem 1fr;
    grid-template-columns: min(28.1112737921vw, 38.4rem) 1fr;
    gap: 1.6rem 2.4rem;
    height: 100%;
    margin: 1.6rem auto 0
}

@media screen and (max-width:48em) {
    #environmentGallery .galleryColumn {
        gap: min(4.2666666667vw, 3.2rem) 0;
        margin-top: min(4.2666666667vw, 3.2rem)
    }
}

#environmentGallery .galleryColumn:first-of-type {
    grid-template-areas: "label1 label2" "label1 label3";
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-top: 4rem
}

@media screen and (max-width:48em) {
    #environmentGallery .galleryColumn:first-of-type {
        margin-top: min(4.2666666667vw, 3.2rem)
    }
}

#environmentGallery .galleryColumn:not(:has(figure:nth-child(3))) {
    grid-template-areas: "label1 label2";
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

#environmentGallery .galleryColumn:not(:has(figure:nth-child(2))) {
    grid-template-areas: "label1";
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

#environmentGallery .galleryColumn.-right {
    grid-template-areas: "label1 label2" "label1 label3";
    -ms-grid-columns: 1fr min(28.1112737921vw, 38.4rem);
    grid-template-columns: 1fr min(28.1112737921vw, 38.4rem)
}

#environmentGallery .galleryColumn.-right {
    grid-template-areas: "label1 label2" "label1 label3";
    -ms-grid-columns: 1fr min(28.1112737921vw, 38.4rem);
    grid-template-columns: 1fr min(28.1112737921vw, 38.4rem)
}

@media screen and (max-width:48em) {
    #environmentGallery .galleryColumn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

#environmentGallery .galleryColumn figure:nth-of-type(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: label1
}

#environmentGallery .galleryColumn figure:nth-of-type(2) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: label2
}

#environmentGallery .galleryColumn figure:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    grid-area: label3
}

#environmentGallery .galleryColumn figure figcaption {
    font-size: 1.4rem;
    margin: .6rem auto 0;
    line-height: 1.4285714286
}

@media screen and (max-width:48em) {
    #environmentGallery .galleryColumn figure figcaption {
        font-size: clamp(1.2rem, 3.2vw, 1.4rem)
    }
}

@media screen and (max-width:48em) {
    #environmentGallery .galleryColumn figure figcaption {
        margin-top: min(2.1333333333vw, 1.6rem);
        line-height: 1.4166666667
    }
}

#environmentRelevance {
    padding: 11.2rem 0
}

@media screen and (max-width:48em) {
    #environmentRelevance {
        padding: min(12.8vw, 9.6rem) 0 min(21.3333333333vw, 16rem)
    }
}

#workstyleCulture,
#workstyleSkillup {
    padding: 8rem 0 4rem
}

@media screen and (max-width:48em) {

    #workstyleCulture,
    #workstyleSkillup {
        padding: min(12.8vw, 9.6rem) 0 min(6.4vw, 4.8rem)
    }
}

#workstyleCulture .skillupList,
#workstyleSkillup .skillupList {
    margin: 3.2rem auto 0
}

@media screen and (max-width:48em) {

    #workstyleCulture .skillupList,
    #workstyleSkillup .skillupList {
        margin-top: min(6.4vw, 4.8rem)
    }
}

#workstyleCulture .skillupList_item .c_ttl_24,
#workstyleSkillup .skillupList_item .c_ttl_24 {
    margin-bottom: 1.6rem
}

@media screen and (max-width:48em) {

    #workstyleCulture .skillupList_item .c_ttl_24,
    #workstyleSkillup .skillupList_item .c_ttl_24 {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#workstyleCulture .skillupList_item:not(:last-child),
#workstyleSkillup .skillupList_item:not(:last-child) {
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {

    #workstyleCulture .skillupList_item:not(:last-child),
    #workstyleSkillup .skillupList_item:not(:last-child) {
        margin-bottom: min(7.4666666667vw, 5.6rem)
    }
}

#workstyleCard {
    padding: 4rem 0
}

@media screen and (max-width:48em) {
    #workstyleCard {
        padding: min(6.4vw, 4.8rem) 0
    }
}

@media screen and (max-width:48em) {
    #workstyleCard .workstyleCard_txt {
        line-height: 1.5
    }
}

#workstyleCard .workstyleList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 120rem;
    margin: 4rem auto 0
}

@media screen and (max-width:48em) {
    #workstyleCard .workstyleList {
        gap: min(4.2666666667vw, 3.2rem) 0;
        margin-top: min(12.8vw, 9.6rem)
    }
}

#workstyleCard .workstyleList_item {
    width: calc((100% - 4rem)/ 2)
}

@media screen and (max-width:48em) {
    #workstyleCard .workstyleList_item {
        width: 100%
    }
}

#workstyleCard .workstyleList_item.c_box {
    padding: 2.4rem 3.2rem
}

@media screen and (max-width:48em) {
    #workstyleCard .workstyleList_item.c_box {
        padding: min(6.4vw, 4.8rem) min(3.2vw, 2.4rem);
        border-radius: min(4.5333333333vw, 3.4rem)
    }
}

#workstyleCard .workstyleList .-arrowLink {
    display: block;
    margin: 1.6rem 0 0
}

@media screen and (max-width:48em) {
    #workstyleCard .workstyleList .-arrowLink {
        margin-top: min(2.1333333333vw, 1.6rem)
    }
}

#workstyleCulture {
    padding: 4rem 0
}

@media screen and (max-width:48em) {
    #workstyleCulture {
        padding: min(6.4vw, 4.8rem) 0
    }
}

#idealLead {
    padding: 4rem 0 0;
    line-height: 1.75
}

@media screen and (max-width:48em) {
    #idealLead {
        padding-top: min(8.5333333333vw, 6.4rem);
        line-height: 1.5
    }
}

#idealBackbone {
    padding: 5.2rem 0
}

@media screen and (max-width:48em) {
    #idealBackbone {
        padding: min(10.6666666667vw, 8rem) 0
    }
}

#idealBackbone .backboneList {
    padding: 0;
    margin: auto
}

#idealBackbone .backboneList_item {
    padding: 0 3.1rem;
    border-top: .1rem solid #d6d6d6
}

@media screen and (max-width:48em) {
    #idealBackbone .backboneList_item {
        padding: 0
    }
}

#idealBackbone .backboneList_item:last-child {
    border-bottom: .1rem solid #d6d6d6
}

#idealBackbone .backboneList_ttl {
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 3.18rem 0;
    padding-right: 2em;
    margin: auto;
    cursor: pointer
}

@media screen and (max-width:48em) {
    #idealBackbone .backboneList_ttl {
        padding: min(4.2666666667vw, 3.2rem) 0;
        padding-right: 2em
    }
}

#idealBackbone .backboneList_ttl::before {
    margin-right: .3em;
    color: #d7063c;
    content: counter(number, decimal-leading-zero) ".";
    counter-increment: number 1
}

#idealBackbone .backboneList_txt {
    padding: .82rem 0 3.18rem
}

@media screen and (max-width:48em) {
    #idealBackbone .backboneList_txt {
        padding: min(2.1333333333vw, 1.6rem) 0 min(4.2666666667vw, 3.2rem)
    }
}

#idealStatue {
    padding: 3.179rem 0
}

@media screen and (max-width:48em) {
    #idealStatue {
        padding: min(6.4vw, 4.8rem) 0
    }
}

#idealStatue .idealStatue_img {
    width: min(31.1859443631vw, 42.6rem);
    margin: auto
}

@media screen and (max-width:48em) {
    #idealStatue .idealStatue_img {
        width: auto;
        margin-bottom: min(8.5333333333vw, 6.4rem)
    }
}

#idealStatue .idealList_item:not(:last-child) {
    margin-bottom: 2.4rem
}

@media screen and (max-width:48em) {
    #idealStatue .idealList_item:not(:last-child) {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#idealStatue .c_ttl_18 {
    margin-bottom: .6rem
}

@media screen and (max-width:48em) {
    #idealStatue .c_ttl_18 {
        margin-bottom: min(1.6vw, 1.2rem)
    }
}

#memberList {
    padding: 2.1rem 0 5.1rem;
    margin-top: 4rem;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #memberList {
        padding: min(8.5333333333vw, 6.4rem) 0;
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#memberList .memberTtl {
    width: 100%;
    margin: 0 auto 2.4rem;
    font-weight: 700;
    color: #d7063c
}

@media screen and (max-width:48em) {
    #memberList .memberTtl {
        margin: 0 0 min(6.4vw, 4.8rem)
    }
}

#memberList .memberTtl_en {
    font-size: 4.8rem;
    line-height: 1.4583333333;
    letter-spacing: 0
}

@media screen and (max-width:48em) {
    #memberList .memberTtl_en {
        font-size: clamp(3rem, 8vw, 4.8rem)
    }
}

@media screen and (max-width:48em) {
    #memberList .memberTtl_en {
        line-height: 1.4666666667
    }
}

#memberList .memberTtl_jp {
    font-size: 2.4rem;
    display: block;
    margin-top: 0;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {
    #memberList .memberTtl_jp {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #memberList .memberTtl_jp {
        line-height: 1.4444444444
    }
}

#memberList .memberList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(3.8067349927vw, 5.2rem);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:48em) {
    #memberList .memberList {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: min(6.4vw, 4.8rem) 0
    }
}

#memberList .memberList_item {
    width: calc((100% - min(3.8067349927vw, 5.2rem) * 3)/ 4)
}

#memberList .memberList_item .memberImg_name {
    font-size: 2.4rem;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {
    #memberList .memberList_item .memberImg_name {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #memberList .memberList_item .memberImg_name {
        line-height: 1.4444444444
    }
}

@media screen and (max-width:48em) {
    #memberList .memberList_item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 0 min(6.4vw, 4.8rem);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%
    }

    #memberList .memberList_item .memberImg {
        width: 55%;
        margin: 0
    }

    #memberList .memberList_item .memberTxt {
        width: 100%
    }

    #memberList .memberList_item .memberImg_name {
        margin-bottom: min(1.6vw, 1.2rem);
        font-size: min(4.8vw, 3.6rem);
        text-align: left
    }
}

#memberList .memberList_txt {
    font-size: 1.4rem;
    line-height: 1.4285714286
}

@media screen and (max-width:48em) {
    #memberList .memberList_txt {
        font-size: clamp(1.3rem, 3.4666666667vw, 1.4rem)
    }
}

@media screen and (max-width:48em) {
    #memberList .memberList_txt {
        line-height: 1.3846153846
    }
}

#pageRecruit .memberImg {
    max-width: 20rem;
    margin: auto;
    margin-bottom: 1rem
}

@media screen and (max-width:48em) {
    #pageRecruit .memberImg {
        margin-bottom: 0
    }
}

#pageRecruit .memberImg img {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

#pageRecruit .memberImg_cat {
    display: block;
    margin-bottom: 1.2rem;
    line-height: 1.5;
    text-align: center
}

@media screen and (max-width:48em) {
    #pageRecruit .memberImg_cat {
        margin-bottom: 0;
        line-height: 1.4285714286;
        text-align: left
    }
}

#pageRecruit .memberImg_name {
    display: block;
    margin-bottom: .8rem;
    font-weight: 700;
    line-height: 1.4583333333;
    text-align: center
}

@media screen and (max-width:48em) {
    #pageRecruit .memberImg_name {
        margin-bottom: min(1.6vw, 1.2rem)
    }
}

#talkSection {
    padding: 7.5rem 0 0
}

@media screen and (max-width:48em) {
    #talkSection {
        padding: min(10.6666666667vw, 8rem) 0 0
    }
}

#talkSection .talkContent {
    padding: 0
}

#talkSection .talkContent:not(:last-child) {
    margin-bottom: 7.5rem
}

@media screen and (max-width:48em) {
    #talkSection .talkContent:not(:last-child) {
        margin-bottom: min(12.8vw, 9.6rem)
    }
}

#talkSection .talkContent:last-child {
    padding-bottom: 0
}

#talkSection .talkContent .talkTtl {
    font-size: 3.2rem;
    position: relative;
    padding: 0;
    padding-left: 2em;
    margin: 0 0 4.5rem;
    font-weight: 700;
    line-height: 1.4375;
    color: #d7063c;
    text-indent: -1.8em
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .talkTtl {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .talkTtl {
        margin-bottom: min(4.2666666667vw, 3.2rem);
        line-height: 1.4583333333
    }
}

#talkSection .talkContent .talkTtl::before {
    margin-right: .3em;
    font-weight: 700;
    line-height: 1.4464285714;
    content: "Q" counter(number, decimal) ".";
    counter-increment: number 1;
    font-size: 5.6rem
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .talkTtl::before {
        font-size: clamp(3.2rem, 8.5333333333vw, 5.6rem)
    }
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .talkTtl::before {
        line-height: 1.4375
    }
}

@media not screen and (max-width:48em) {
    #talkSection .talkContent .columnRow {
        display: block
    }

    #talkSection .talkContent .columnRow::after {
        clear: both;
        content: ""
    }
}

#talkSection .talkContent .columnRow .columnBlock:first-child {
    float: left
}

#talkSection .talkContent .columnRow .columnBlock:first-child figure {
    translate: min(-6.0761346999vw, -8.3rem) 0;
    margin-bottom: 1em
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .columnRow .columnBlock:first-child figure {
        translate: 0;
        margin-bottom: 0
    }
}

#talkSection .talkContent .columnRow .columnBlock:last-child {
    width: 100%
}

@media not screen and (max-width:48em) {
    #talkSection .talkContent .columnRow.-reversal .columnBlock:first-child {
        float: right
    }
}

#talkSection .talkContent .columnRow.-reversal .columnBlock:first-child figure {
    translate: min(6.0761346999vw, 8.3rem) 0
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .columnRow.-reversal .columnBlock:first-child figure {
        translate: 0
    }
}

#talkSection .talkContent .columnRow.-column {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#talkSection .talkContent .columnRow.-column .columnBlock {
    width: 100%
}

#talkSection .talkContent .columnRow.-column .columnBlock:first-child {
    position: relative;
    left: 50%;
    float: none;
    width: 100vw !important;
    max-width: 136.6rem;
    margin-bottom: 5.6rem;
    translate: -50% 0
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .columnRow.-column .columnBlock:first-child {
        position: relative;
        left: 0;
        margin-bottom: 0;
        margin-left: -4.5%;
        translate: none
    }
}

#talkSection .talkContent .columnRow.-column .columnBlock:first-child figure {
    translate: none
}

#talkSection .talkContent .talkList {
    margin: auto
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .talkList {
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#talkSection .talkContent .talkList_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(2.3426061493vw, 3.2rem);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .talkList_item {
        gap: 0 min(4.2666666667vw, 3.2rem)
    }
}

#talkSection .talkContent .talkList_item:not(:first-child) {
    margin-top: 6.6rem
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .talkList_item:not(:first-child) {
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#talkSection .talkContent .talkList_item dt {
    width: 10rem
}

#talkSection .talkContent .talkList_item dt figcaption {
    margin: 1.2rem auto 0
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .talkList_item dt {
        width: min(16vw, 12rem)
    }

    #talkSection .talkContent .talkList_item dt figcaption {
        margin-top: min(1.0666666667vw, .8rem)
    }
}

#talkSection .talkContent .talkList_item dd {
    width: calc(100% - 10rem - min(2.3426061493vw, 3.2rem));
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #talkSection .talkContent .talkList_item dd {
        width: calc(100% - min(20.2666666667vw, 15.2rem));
        line-height: 1.5
    }
}

#talkSection .talkContent .talkList_item .memberImg {
    margin-bottom: 0
}

#talkSection .talkContent .talkList_item .memberImg .memberImg_name {
    margin-bottom: 0
}

#crossTalks.otherTalk {
    padding: 8rem 0
}

@media screen and (max-width:48em) {
    #crossTalks.otherTalk {
        padding: min(21.3333333333vw, 16rem) 0
    }
}

#crossTalks.otherTalk .c_ttl_32,
#crossTalks.otherTalk p {
    width: 100%
}

#crossTalks {
    padding: 7.4rem 0 0
}

@media screen and (max-width:48em) {
    #crossTalks {
        padding: min(8.5333333333vw, 6.4rem) 0 0
    }
}

#crossTalks p {
    line-height: 1.5
}

#crossTalks .columnRow {
    gap: 0
}

#crossTalks .columnRow .columnBlock:last-child {
    padding-left: 3.2rem
}

@media screen and (max-width:48em) {
    #crossTalks .columnRow .columnBlock:last-child {
        padding-left: 0;
        margin-top: min(6.4vw, 4.8rem)
    }
}

#crossTalks .columnRow.-reversal .columnBlock:last-child {
    padding-right: 3.2rem;
    padding-left: 0
}

@media screen and (max-width:48em) {
    #crossTalks .columnRow.-reversal .columnBlock:last-child {
        padding-right: 0;
        margin-top: min(6.4vw, 4.8rem)
    }
}

#crossTalks .columnRow:not(:last-child) {
    margin-bottom: 9.6rem
}

@media screen and (max-width:48em) {
    #crossTalks .columnRow:not(:last-child) {
        margin-bottom: min(12.7733333333vw, 9.58rem)
    }
}

#crossTalks .c_btn {
    margin-top: 4rem
}

@media screen and (max-width:48em) {
    #crossTalks .c_btn {
        margin-top: min(10.6666666667vw, 8rem)
    }
}

#crossTalks .bb .c_ttl_32 {
    width: 100%
}

#crossTalks .bb p {
    width: 100%
}

#interviewArchive {
    padding: 8rem 0 0
}

@media screen and (max-width:48em) {
    #interviewArchive {
        padding-top: min(12.7733333333vw, 9.58rem)
    }
}

#interviewArchive .c_ttl_h2 {
    margin-bottom: 4rem
}

@media screen and (max-width:48em) {
    #interviewArchive .c_ttl_h2 {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

@media screen and (max-width:48em) {
    #interviewArchive .c_ttl_h2+p {
        font-size: min(4.2666666667vw, 3.2rem);
        line-height: 1.5
    }
}

#interviewArchive .c_catList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:48em) {
    #interviewArchive .c_catList {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

#interviewArchive .c_catList_item {
    width: calc((100% - min(1.756954612vw, 2.4rem) * 3)/ 4);
    min-width: 22rem
}

@media screen and (max-width:48em) {
    #interviewArchive .c_catList_item {
        width: calc((100% - min(6.1333333333vw, 4.6rem))/ 2);
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
}

#interviewArchive .c_card {
    display: none
}

#interviewArchive .c_card.-visible {
    display: block
}

#interviewMovie {
    padding: 14.6rem 0 0
}

@media screen and (max-width:48em) {
    #interviewMovie {
        padding-top: min(17.0666666667vw, 12.8rem)
    }
}

#interviewMovie .movie_ttl {
    font-size: 3.2rem;
    margin-bottom: 2.6rem;
    font-weight: 900;
    line-height: 1.4375;
    text-align: center;
    letter-spacing: 0
}

@media screen and (max-width:48em) {
    #interviewMovie .movie_ttl {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #interviewMovie .movie_ttl {
        margin-bottom: min(6.4vw, 4.8rem);
        line-height: 1.4583333333
    }
}

#interviewMovie .frameWrapper {
    max-width: 76.8rem;
    margin: 0 auto 1rem
}

@media screen and (max-width:48em) {
    #interviewMovie .frameWrapper {
        min-height: auto;
        margin-bottom: min(2.1333333333vw, 1.6rem)
    }
}

#interviewMovie .frameWrapper iframe {
    width: 100%;
    height: auto !important;
    aspect-ratio: 16/9
}

#interviewMovie .-txtCaution {
    width: 100%;
    margin: auto;
    text-align: center
}

@media screen and (max-width:48em) {
    #interviewMovie .-txtCaution {
        font-size: min(3.2vw, 2.4rem);
        text-align: left
    }
}

#interviewRelevance {
    padding: 9.4rem 0 12.2rem
}

@media screen and (max-width:48em) {
    #interviewRelevance {
        padding: min(17.0666666667vw, 12.8rem) 0
    }
}

#pageRecruit .relevanceBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 0 2.4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:48em) {
    #pageRecruit .relevanceBox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0
    }
}

#pageRecruit .relevanceBox_img {
    width: min(27.0863836018vw, 37rem)
}

@media screen and (max-width:48em) {
    #pageRecruit .relevanceBox_img {
        width: 100%;
        margin-top: min(4.2666666667vw, 3.2rem)
    }
}

#pageRecruit .relevanceBox_txt {
    width: calc(100% - min(28.8433382138vw, 39.4rem))
}

@media screen and (max-width:48em) {
    #pageRecruit .relevanceBox_txt {
        display: contents;
        width: 100%
    }

    #pageRecruit .relevanceBox_txt p {
        width: 100%
    }
}

#pageRecruit .relevanceBox_ttl {
    font-size: 2.4rem;
    width: 100%;
    margin-bottom: 1.6rem;
    font-weight: 700;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {
    #pageRecruit .relevanceBox_ttl {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .relevanceBox_ttl {
        margin-bottom: min(2.1333333333vw, 1.6rem);
        line-height: 1.4444444444
    }
}

#pageRecruit .relevanceBox .c_btn {
    margin: 3.2rem 0 0 auto
}

@media screen and (max-width:48em) {
    #pageRecruit .relevanceBox .c_btn {
        -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
        order: 100;
        margin: auto;
        margin: min(6.4vw, 4.8rem) auto 0
    }
}

#pageRecruit .relevanceBox p {
    line-height: 1.75
}

#pageRecruit .c_prof {
    min-width: min(32.3572474378vw, 44.2rem);
    max-width: 61%;
    padding: min(2.3426061493vw, 3.2rem) min(2.9282576867vw, 4rem);
    color: #fff;
    background-color: #333
}

@media screen and (max-width:48em) {
    #pageRecruit .c_prof {
        width: 100%;
        min-width: auto;
        max-width: inherit;
        padding: min(3.2vw, 2.4rem)
    }
}

#pageRecruit .c_prof_day {
    margin-bottom: min(.5856515373vw, .8rem) !important;
    font-size: min(1.1713030747vw, 1.6rem);
    line-height: 1.5;
    color: #bcbcbc
}

@media screen and (max-width:48em) {
    #pageRecruit .c_prof_day {
        margin-bottom: min(1.6vw, 1.2rem) !important;
        font-size: min(3.7333333333vw, 2.8rem);
        line-height: 1.4285714286
    }
}

#pageRecruit .c_prof_cat {
    margin-bottom: 0 !important;
    font-size: min(1.756954612vw, 2.4rem);
    font-weight: 700;
    line-height: 1.4583333333
}

@media screen and (max-width:48em) {
    #pageRecruit .c_prof_cat {
        margin-bottom: min(1.6vw, 1.2rem) !important;
        font-size: min(4.2666666667vw, 3.2rem);
        line-height: 1.4444444444
    }
}

#pageRecruit .c_prof_name {
    margin-bottom: min(.8052708638vw, 1.1rem) !important;
    font-size: min(2.3426061493vw, 3.2rem);
    font-weight: 700;
    line-height: 1.4375
}

@media screen and (max-width:48em) {
    #pageRecruit .c_prof_name {
        margin-bottom: min(1.6vw, 1.2rem) !important;
        font-size: min(6.4vw, 4.8rem);
        line-height: 1.4583333333
    }
}

#pageRecruit .c_prof_txt {
    font-size: min(1.1713030747vw, 1.6rem);
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #pageRecruit .c_prof_txt {
        font-size: min(3.7333333333vw, 2.8rem);
        line-height: 1.4285714286
    }
}

#pageRecruit .c_prof .tooltip.-invert {
    color: #00d3d3
}

#pageRecruit .c_prof .tooltip.-invert i::after {
    background-color: #00d3d3 !important
}

#profCard {
    position: relative;
    z-index: 5;
    margin-top: -5%
}

@media screen and (max-width:48em) {
    #profCard {
        margin-top: min(2.1333333333vw, 1.6rem)
    }
}

#interviewIntro {
    padding: 9.6rem 0 11.2rem
}

@media screen and (max-width:48em) {
    #interviewIntro {
        padding: min(8.5333333333vw, 6.4rem) 0 min(17.0666666667vw, 12.8rem)
    }
}

#interviewIntro .columnRow {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:48em) {
    #interviewIntro .columnRow {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: min(6.4vw, 4.8rem) 0 !important
    }
}

#interviewIntro .columnRow:first-child .columnBlock {
    max-width: 60rem
}

#interviewIntro .columnRow:first-child .columnBlock+.columnBlock {
    max-width: 46.2rem;
    margin-left: 7.8rem
}

@media screen and (max-width:48em) {
    #interviewIntro .columnRow:first-child .columnBlock+.columnBlock {
        max-width: inherit;
        margin-left: auto
    }
}

#interviewIntro .columnRow:not(:last-child) {
    margin-bottom: 5.44rem
}

@media screen and (max-width:48em) {
    #interviewIntro .columnRow:not(:last-child) {
        margin-bottom: min(11.1466666667vw, 8.36rem)
    }
}

#interviewIntro .columnRow:nth-last-child(2) {
    margin-bottom: 8rem
}

@media screen and (max-width:48em) {
    #interviewIntro .columnRow:nth-last-child(2) {
        margin-bottom: min(14.1333333333vw, 10.6rem)
    }
}

#interviewIntro .columnRow:nth-last-child(2) p {
    line-height: 2
}

@media screen and (max-width:48em) {
    #interviewIntro .columnRow:nth-last-child(2) p {
        line-height: 2
    }
}

#interviewIntro .columnRow .columnBlock {
    width: 100%
}

#interviewIntro .careerList {
    padding-top: .9rem;
    margin: auto
}

@media screen and (max-width:48em) {
    #interviewIntro .careerList {
        padding-top: 0
    }
}

#interviewIntro .careerList_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1.9rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5
}

#interviewIntro .careerList_item:not(:last-child) {
    margin-bottom: 1.5rem
}

#interviewIntro .careerList_item dt {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 6rem
}

@media screen and (max-width:48em) {
    #interviewIntro .careerList_item dt {
        width: min(16vw, 12rem)
    }
}

#interviewIntro .careerList_item dd {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#interviewIntro .careerList_item dd a {
    color: #2546aa
}

@media (hover:hover) {
    #interviewIntro .careerList_item dd a:hover {
        text-decoration: underline
    }
}

#interviewIntro .careerList_item dd a:focus-visible {
    text-decoration: underline;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

@media screen and (max-width:48em) {
    #interviewIntro .careerList_item {
        gap: 0 min(4.2666666667vw, 3.2rem)
    }

    #interviewIntro .careerList_item:not(:last-child) {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#voice_content {
    padding: 11.2rem 0
}

@media screen and (max-width:48em) {
    #voice_content {
        padding: min(17.0666666667vw, 12.8rem) 0
    }
}

#voice_content .voiceContent {
    max-width: 108rem;
    margin: auto
}

#voice_content .voiceContent.-large {
    max-width: inherit
}

#voice_content .voiceContent.-large h2 {
    max-width: 108rem;
    margin: 0 auto 4rem
}

@media screen and (max-width:48em) {
    #voice_content .voiceContent.-large h2 {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#voice_content .voiceContent.-large .columnRow {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#voice_content .voiceContent.-large .columnRow .columnBlock {
    max-width: 54rem
}

#voice_content .voiceContent.-large .columnRow .columnBlock:last-child {
    max-width: 51.4rem;
    margin-left: min(6.2957540264vw, 8.6rem)
}

@media screen and (max-width:48em) {
    #voice_content .voiceContent.-large .columnRow .columnBlock:last-child {
        max-width: inherit;
        margin-top: min(6.32vw, 4.74rem);
        margin-left: auto
    }
}

#voice_content .voiceContent .columnRow {
    margin-bottom: 8rem
}

@media screen and (max-width:48em) {
    #voice_content .voiceContent .columnRow {
        margin-bottom: min(12.5333333333vw, 9.4rem)
    }
}

#voice_content .voiceContent .columnRow .columnBlock {
    width: 100%
}

@media screen and (max-width:48em) {
    #voice_content .voiceContent .columnRow:nth-child(2) {
        margin-bottom: min(17.0666666667vw, 12.8rem)
    }
}

#voice_content .voiceContent h2 {
    margin-bottom: 4rem
}

@media screen and (max-width:48em) {
    #voice_content .voiceContent h2 {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

@media screen and (max-width:48em) {
    #voice_content .voiceContent p {
        line-height: 2
    }
}

#voice_content .bgHighlight {
    padding: 12rem 0 8rem;
    margin-top: -4rem;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #voice_content .bgHighlight {
        padding: min(8.5333333333vw, 6.4rem) 0 min(7.7333333333vw, 5.8rem);
        margin-top: 0
    }
}

#timetable {
    position: relative;
    padding: 0
}

#timetable .time_content {
    position: relative;
    top: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 72.5rem;
    padding: 8rem 0;
    color: #fff;
    background: url(/recruit/interview/images/voice01_img002.png) no-repeat center/cover
}

#timetable .time_content::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    content: "";
    background-color: rgba(0, 0, 0, .76)
}

@media screen and (max-width:48em) {
    #timetable .time_content {
        position: relative;
        padding: min(10.6666666667vw, 8rem) 0
    }
}

#timetable .c_ttl_intro {
    margin-bottom: 4rem;
    color: #fff
}

@media screen and (max-width:48em) {
    #timetable .c_ttl_intro {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#timetable .c_ttl_intro::before {
    background-color: #fff
}

#timetable .columnRow {
    gap: 0 3.2rem !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#timetable .columnRow .columnBlock:last-child {
    max-width: 54rem
}

@media screen and (max-width:48em) {
    #timetable .columnRow .columnBlock:last-child {
        max-width: inherit
    }
}

#timetable .timeLine {
    margin: auto
}

@media screen and (max-width:48em) {
    #timetable .timeLine {
        margin-bottom: min(10.6666666667vw, 8rem)
    }
}

#timetable .timeLine_item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 2.8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 2.5rem;
    margin-bottom: 2.6rem;
    line-height: 1.5
}

@media screen and (max-width:60.625em) {
    #timetable .timeLine_item {
        min-height: 7.5rem
    }
}

@media screen and (max-width:48em) {
    #timetable .timeLine_item {
        gap: 0 min(5.8666666667vw, 4.4rem);
        min-height: min(18.6666666667vw, 14rem);
        padding-left: min(6.6666666667vw, 5rem);
        margin-bottom: min(1.6vw, 1.2rem)
    }
}

#timetable .timeLine_item:last-child {
    margin-bottom: 0
}

#timetable .timeLine_item:last-child::after {
    content: none
}

#timetable .timeLine_item dt {
    font-weight: 700;
    line-height: 1.4444444444;
    font-size: 1.8rem
}

@media screen and (max-width:48em) {
    #timetable .timeLine_item dt {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.8rem)
    }
}

@media screen and (max-width:48em) {
    #timetable .timeLine_item dt {
        line-height: 1.5
    }
}

#timetable .timeLine_item dd {
    font-size: 1.6rem;
    font-weight: 400
}

@media screen and (max-width:48em) {
    #timetable .timeLine_item dd {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.6rem)
    }
}

@media screen and (max-width:48em) {
    #timetable .timeLine_item dd {
        line-height: 1.4285714286
    }
}

#timetable .timeLine_item::after,
#timetable .timeLine_item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    background-color: #fff
}

#timetable .timeLine_item::before {
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%
}

@media screen and (max-width:48em) {
    #timetable .timeLine_item::before {
        top: 2%;
        width: min(3.2vw, 2.4rem);
        height: min(3.2vw, 2.4rem)
    }
}

#timetable .timeLine_item::after {
    top: 60%;
    bottom: auto;
    left: .6rem;
    width: .2rem;
    height: 200%
}

@media screen and (max-width:60.625em) {
    #timetable .timeLine_item::after {
        height: 120%
    }
}

@media screen and (max-width:48em) {
    #timetable .timeLine_item::after {
        top: 60%;
        left: min(1.3333333333vw, 1rem);
        height: 107%
    }
}

#timetable a:not(.c_btn) {
    color: #00d3d3
}

#timetable a:not(.c_btn) .blankLink::after {
    background-color: #00d3d3 !important
}

#timetable .c_btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: inherit;
    margin: 4rem 0 0
}

@media screen and (max-width:48em) {
    #timetable .c_btn {
        margin-top: min(10.6666666667vw, 8rem)
    }
}

body.-voice1 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice01_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice1 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice01_img002_sp.png")
    }
}

body.-voice2 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice02_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice2 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice02_img002_sp.png")
    }
}

body.-voice3 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice03_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice3 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice03_img002_sp.png")
    }
}

body.-voice4 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice04_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice4 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice04_img002_sp.png")
    }
}

body.-voice5 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice05_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice5 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice05_img002_sp.png")
    }
}

body.-voice6 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice06_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice6 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice06_img002_sp.png")
    }
}

body.-voice7 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice07_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice7 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice07_img002_sp.png")
    }
}

body.-voice8 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice08_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice8 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice08_img002_sp.png")
    }
}

body.-voice9 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice09_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice9 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice09_img002_sp.png")
    }
}

body.-voice10 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice10_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice10 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice10_img002_sp.png")
    }
}

body.-voice11 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice11_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice11 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice11_img002_sp.png")
    }
}

body.-voice12 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice12_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice12 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice12_img002_sp.png")
    }
}

body.-voice13 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice13_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice13 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice13_img002_sp.png")
    }
}

body.-voice14 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice14_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice14 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice14_img002_sp.png")
    }
}

body.-voice15 #timetable .time_content {
    background-image: url("/recruit/interview/images/voice15_img002.png")
}

@media screen and (max-width:48em) {
    body.-voice15 #timetable .time_content {
        background-image: url("/recruit/interview/images/voice15_img002_sp.png")
    }
}

#favorit {
    padding: 0 0 11.2rem
}

@media screen and (max-width:48em) {
    #favorit {
        padding: min(1.3333333333vw, 1rem) 0 min(17.1733333333vw, 12.88rem)
    }
}

@media screen and (max-width:48em) {
    #favorit .c_ttl_voice_sub {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #favorit .c_ttl_voice_main {
        margin-bottom: min(3.7333333333vw, 2.8rem)
    }
}

@media screen and (max-width:48em) {
    #favorit .columnRow {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }
}

#favorit .columnRow:not(:last-child) {
    margin-bottom: 10.5rem
}

@media screen and (max-width:48em) {
    #favorit .columnRow:not(:last-child) {
        margin-bottom: min(12.8vw, 9.6rem)
    }
}

#favorit .columnRow .columnBlock:last-child {
    padding-left: min(2.635431918vw, 3.6rem)
}

@media screen and (max-width:48em) {
    #favorit .columnRow .columnBlock:last-child {
        padding-left: 0;
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#favorit .columnRow.-reversal .columnBlock:last-child {
    padding-right: min(2.635431918vw, 3.6rem);
    padding-left: 0
}

@media screen and (max-width:48em) {
    #favorit .columnRow.-reversal .columnBlock:last-child {
        padding-right: 0
    }
}

#favorit .c_ttl_voice_sub {
    margin-bottom: 4rem
}

@media screen and (max-width:48em) {
    #favorit .c_ttl_voice_sub {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#otherInterview {
    padding: 8rem 0 7.9rem;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #otherInterview {
        padding: min(12.8vw, 9.6rem) 0
    }
}

#otherInterview .otherInterview_ttl {
    font-size: 3.2rem;
    margin-bottom: 10rem;
    font-weight: 700;
    line-height: 1.4375
}

@media screen and (max-width:48em) {
    #otherInterview .otherInterview_ttl {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #otherInterview .otherInterview_ttl {
        margin-bottom: min(8.5333333333vw, 6.4rem);
        line-height: 1.4583333333
    }
}

#otherInterview .c_slider {
    max-width: 111.2rem;
    padding: 0 1.6rem;
    margin: auto
}

@media screen and (max-width:48em) {
    #otherInterview .c_slider {
        padding: 0
    }
}

@media screen and (max-width:48em) {
    #otherInterview .c_card .c_card_cat {
        font-size: min(2.9333333333vw, 2.2rem)
    }
}

#guideGeneral {
    padding: 11.2rem 0 0
}

@media screen and (max-width:48em) {
    #guideGeneral {
        padding-top: min(12.2666666667vw, 9.2rem)
    }
}

#pageRecruit .guidelinesTable {
    margin: 3.1rem auto 0
}

@media screen and (max-width:48em) {
    #pageRecruit .guidelinesTable {
        margin-top: min(6.32vw, 4.74rem)
    }
}

#pageRecruit .guidelinesTable th {
    width: 24rem;
    vertical-align: top
}

@media screen and (max-width:48em) {
    #pageRecruit .guidelinesTable th {
        width: 100%
    }
}

#pageRecruit .guidelinesTable td,
#pageRecruit .guidelinesTable th {
    padding: 1.6rem
}

@media screen and (max-width:48em) {

    #pageRecruit .guidelinesTable td,
    #pageRecruit .guidelinesTable th {
        padding: min(1.6vw, 1.2rem) min(3.2vw, 2.4rem);
        line-height: 1.5
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .guidelinesTable td {
        padding: min(2.1333333333vw, 1.6rem) min(3.2vw, 2.4rem)
    }
}

#pageRecruit .guidelinesTable .u_ul li {
    line-height: 1.75
}

@media screen and (max-width:48em) {
    #pageRecruit .guidelinesTable .u_ul li {
        line-height: 1.5
    }
}

#pageRecruit .guidelinesTable .u_ul li:not(:last-child) {
    margin-bottom: 0
}

#pageRecruit .guidelinesTable .u_dl_item dd,
#pageRecruit .guidelinesTable .u_dl_item dt {
    line-height: 1.75
}

@media screen and (max-width:48em) {

    #pageRecruit .guidelinesTable .u_dl_item dd,
    #pageRecruit .guidelinesTable .u_dl_item dt {
        line-height: 1.5
    }
}

#pageRecruit .guidelinesTable .u_dl_item dd .-small {
    display: block;
    font-size: 1.4rem
}

@media screen and (max-width:48em) {
    #pageRecruit .guidelinesTable .u_dl_item dd .-small {
        font-size: clamp(1.4rem, 3.7333333333vw, 1.4rem)
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .guidelinesTable .u_dl_item dd {
        width: 100%
    }
}

#pageRecruit .guidelinesTable .u_dl_item:not(:last-child) {
    margin-bottom: 1.2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .guidelinesTable .u_dl_item:not(:last-child) {
        margin-bottom: min(3.2vw, 2.4rem)
    }
}

#pageRecruit .guidelinesTable .u_dl+p {
    margin-top: 1.6rem
}

@media screen and (max-width:48em) {
    #pageRecruit .guidelinesTable .u_dl+p {
        margin-top: min(3.2vw, 2.4rem)
    }
}

#pageRecruit .cautionDl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

@media screen and (max-width:48em) {
    #pageRecruit .cautionDl {
        display: inline
    }
}

#pageRecruit .cautionDl dt::before {
    content: "※"
}

#pageRecruit .cautionDl dd,
#pageRecruit .cautionDl dt {
    line-height: 1.75
}

@media screen and (max-width:48em) {

    #pageRecruit .cautionDl dd,
    #pageRecruit .cautionDl dt {
        display: inline;
        line-height: 1.5
    }
}

#guideSupport {
    padding: 6.85rem 0 0
}

@media screen and (max-width:48em) {
    #guideSupport {
        padding-top: min(10.7466666667vw, 8.06rem)
    }
}

#guideGuidance {
    padding: 8.05rem 0 0
}

@media screen and (max-width:48em) {
    #guideGuidance {
        padding-top: min(10.8vw, 8.1rem)
    }
}

#guideGuidance .u_dl {
    margin: 3.2rem auto 0
}

@media screen and (max-width:48em) {
    #guideGuidance .u_dl {
        margin-top: min(6.4vw, 4.8rem)
    }
}

#guideGuidance .u_dl_item:not(:last-child) {
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {
    #guideGuidance .u_dl_item:not(:last-child) {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#guideGuidance .u_dl_item dt {
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    line-height: 1.4444444444
}

@media screen and (max-width:48em) {
    #guideGuidance .u_dl_item dt {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.8rem)
    }
}

@media screen and (max-width:48em) {
    #guideGuidance .u_dl_item dt {
        line-height: 1.5
    }
}

@media screen and (max-width:48em) {
    #guideGuidance .u_dl_item dd {
        width: 100%
    }
}

#guideGuidance .entryContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(2.9282576867vw, 4rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin: 4.8rem auto 0
}

@media screen and (max-width:48em) {
    #guideGuidance .entryContainer {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: min(6.4vw, 4.8rem) 0;
        margin-top: min(10.6666666667vw, 8rem)
    }
}

#guideGuidance .entryContainer+P {
    position: relative;
    z-index: 5;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 1.6rem auto 0
}

@media screen and (max-width:48em) {
    #guideGuidance .entryContainer+P {
        margin-top: min(4.2666666667vw, 3.2rem);
        text-align: left
    }
}

#guideGuidance .entryContainer .c_btn[href="/"] {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4
}

#guideFlow {
    padding: 11.2rem 0 0
}

@media screen and (max-width:48em) {
    #guideFlow {
        padding-top: min(10.6666666667vw, 8rem)
    }
}

#guideSchedule {
    padding: 8rem 0 0
}

@media screen and (max-width:48em) {
    #guideSchedule {
        padding-top: min(10.6666666667vw, 8rem)
    }
}

#guideFaq {
    padding: 8rem 0 11.2rem
}

@media screen and (max-width:48em) {
    #guideFaq {
        padding: min(12.8vw, 9.6rem) 0
    }
}

#guideFaq .c_ttl_24 {
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {
    #guideFaq .c_ttl_24 {
        margin-bottom: min(3.2vw, 2.4rem)
    }
}

#guideFaq .faqContainer {
    margin-bottom: 8rem
}

@media screen and (max-width:48em) {
    #guideFaq .faqContainer {
        margin-bottom: min(12.8vw, 9.6rem)
    }
}

#internshipFeature {
    padding: 4rem 0 0
}

@media screen and (max-width:48em) {
    #internshipFeature {
        padding: min(8.5333333333vw, 6.4rem) 0 0
    }
}

#internshipFeature .c_card_container {
    padding: 1rem 0 0;
    counter-reset: number 0
}

@media screen and (max-width:48em) {
    #internshipFeature .c_card_container {
        padding-top: min(5.3333333333vw, 4rem)
    }
}

@media screen and (max-width:75em) {
    #internshipFeature .c_card_container>* {
        width: calc((100% - min(7.1742313324vw, 9.8rem))/ 3) !important
    }
}

@media screen and (max-width:48em) {
    #internshipFeature .c_card_container>* {
        width: 100% !important
    }
}

#internshipFeature .c_card_container .c_card_column {
    position: relative
}

@media screen and (max-width:48em) {
    #internshipFeature .c_card_container .c_card_column {
        padding: min(4.2666666667vw, 3.2rem)
    }
}

#internshipFeature .c_card_container .c_card_column span {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 13.6rem;
    height: 3.2rem;
    padding: .1em 0 0;
    margin: auto;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    letter-spacing: .04em;
    background-color: #d7063c;
    border-radius: 1.7rem 0 1.7rem 0
}

@media screen and (max-width:48em) {
    #internshipFeature .c_card_container .c_card_column span {
        width: min(33.0666666667vw, 24.8rem);
        height: min(8.5333333333vw, 6.4rem);
        padding-top: 0;
        border-radius: min(4.5333333333vw, 3.4rem) 0 min(4.5333333333vw, 3.4rem) 0
    }
}

#internshipFeature .c_card_container .c_card_column span::after {
    padding-bottom: .2em;
    margin-left: .15em;
    line-height: 1.45;
    vertical-align: middle;
    content: counter(number, decimal-leading-zero);
    counter-increment: number 1;
    font-size: 2.4rem
}

@media screen and (max-width:48em) {
    #internshipFeature .c_card_container .c_card_column span::after {
        font-size: clamp(2rem, 5.3333333333vw, 2.4rem)
    }
}

#internshipFeature .c_card_container .c_card_column p {
    margin-top: 2.4rem;
    line-height: 1.75
}

@media screen and (max-width:48em) {
    #internshipFeature .c_card_container .c_card_column p {
        margin-top: min(4.2666666667vw, 3.2rem);
        line-height: 1.5
    }
}

#internshipSkill {
    padding: 11.6rem 0 0
}

@media screen and (max-width:48em) {
    #internshipSkill {
        padding-top: min(14.9333333333vw, 11.2rem)
    }
}

#internshipSkill .c_btn {
    margin: 4rem auto 0
}

@media screen and (max-width:48em) {
    #internshipSkill .c_btn {
        margin-top: min(6.4vw, 4.8rem)
    }
}

#internshipCourse {
    padding: 11.2rem 0 0
}

@media screen and (max-width:48em) {
    #internshipCourse {
        padding-top: min(17.3333333333vw, 13rem)
    }
}

#internshipCourse .courseContainer+.courseContainer {
    margin: 6.4rem auto 0
}

@media screen and (max-width:48em) {
    #internshipCourse .courseContainer+.courseContainer {
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#internshipCourse .courseContainer h3.c_ttl_24+p {
    margin: .6rem 0 2.4rem
}

@media screen and (max-width:48em) {
    #internshipCourse .courseContainer h3.c_ttl_24+p {
        margin: 0 0 min(6.4vw, 4.8rem)
    }
}

#internshipCourse .courseList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3.2rem min(3.4407027818vw, 4.7rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 120rem;
    margin: auto
}

@media screen and (max-width:75.625em) {
    #internshipCourse .courseList {
        padding: 0 1.6rem
    }
}

@media screen and (max-width:48em) {
    #internshipCourse .courseList {
        gap: min(4.2666666667vw, 3.2rem) 0;
        padding: 0 min(4.2666666667vw, 3.2rem)
    }
}

#internshipCourse .courseList_item {
    width: calc((100% - min(3.4407027818vw, 4.7rem))/ 2)
}

@media screen and (max-width:48em) {
    #internshipCourse .courseList_item {
        width: 100%
    }
}

#internshipCourse .courseList_item p {
    max-width: 51.3rem;
    margin-right: auto;
    margin-left: auto
}

#internshipCourse .-txtCaution {
    padding-left: 1.3em;
    margin: 4rem auto 1.6rem;
    font-weight: 700;
    text-indent: -1.3em
}

@media screen and (max-width:48em) {
    #internshipCourse .-txtCaution {
        margin: min(6.4vw, 4.8rem) auto min(4.2666666667vw, 3.2rem)
    }
}

#internshipCourse .c_btn {
    margin: 0 auto 1.6rem
}

@media screen and (max-width:48em) {
    #internshipCourse .c_btn {
        margin: 0 auto min(4.2666666667vw, 3.2rem)
    }
}

#internshipVoice {
    padding: 11.2rem 0 11.17rem
}

@media screen and (max-width:48em) {
    #internshipVoice {
        padding: min(14.9333333333vw, 11.2rem) 0 min(12.8266666667vw, 9.62rem)
    }
}

#internshipVoice .voiceList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6.4rem min(3.4407027818vw, 4.7rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 2.4rem 0 0;
    padding-bottom: 6.4rem
}

@media screen and (max-width:48em) {
    #internshipVoice .voiceList {
        padding-top: min(6.4vw, 4.8rem)
    }
}

#internshipVoice .voiceList_item {
    position: relative;
    width: calc((100% - min(3.513909224vw, 4.8rem) * 2)/ 3);
    padding: 2.4rem 2.3rem;
    border: .3rem solid #c4c4c4;
    border-radius: 1.7rem
}

@media screen and (max-width:48em) {
    #internshipVoice .voiceList_item {
        width: 100%
    }
}

#internshipVoice .voiceList_item::after,
#internshipVoice .voiceList_item::before {
    position: absolute;
    right: 10rem;
    bottom: -.3rem;
    width: 5.746rem;
    height: .3rem;
    margin: auto;
    content: "";
    background-color: #fff
}

#internshipVoice .voiceList_item::after {
    background-color: #c4c4c4;
    rotate: 30deg;
    -webkit-transform-origin: left;
    transform-origin: left
}

#workstyle {
    padding: 5.2rem 0 0
}

@media screen and (max-width:48em) {
    #workstyle {
        padding-top: min(8.5333333333vw, 6.4rem)
    }
}

#jobTab {
    padding: 6.4rem 0 0
}

@media screen and (max-width:48em) {
    #jobTab {
        padding-top: min(10.6666666667vw, 8rem)
    }
}

#jobTab .c_tab .c_tab_list {
    margin: 0 auto 8rem
}

@media screen and (max-width:48em) {
    #jobTab .c_tab .c_tab_list {
        margin-bottom: min(12.8vw, 9.6rem)
    }
}

#jobTab .jobHead .c_ttl_32 {
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {
    #jobTab .jobHead .c_ttl_32 {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#jobTab .jobContent {
    margin: 0 auto 8rem
}

@media screen and (max-width:48em) {
    #jobTab .jobContent {
        margin-bottom: min(8.5333333333vw, 6.4rem)
    }
}

#jobTab .jobContent .-txtCaution {
    font-size: 1.4rem;
    line-height: 1.4285714286
}

@media screen and (max-width:48em) {
    #jobTab .jobContent .-txtCaution {
        font-size: clamp(1.2rem, 3.2vw, 1.4rem)
    }
}

@media screen and (max-width:48em) {
    #jobTab .jobContent .-txtCaution {
        line-height: 1.4166666667
    }
}

#jobTab .jobContent .c_ttl_24.-lineTtl {
    margin-bottom: 2.4rem
}

@media screen and (max-width:48em) {
    #jobTab .jobContent .c_ttl_24.-lineTtl {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

#jobTab .c_flow {
    margin-top: 4.3rem
}

@media screen and (max-width:48em) {
    #jobTab .c_flow {
        margin-top: min(4.2666666667vw, 3.2rem)
    }
}

#jobTab .flowMovie {
    max-width: 82.8rem;
    margin: 5.6rem auto 0
}

#jobTab .flowMovie .frameWrapper {
    line-height: 1
}

@media screen and (max-width:48em) {
    #jobTab .flowMovie .frameWrapper {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #jobTab .flowMovie {
        padding-bottom: min(4.2666666667vw, 3.2rem);
        margin-top: min(10.6666666667vw, 8rem)
    }
}

#jobTab .devTable {
    margin-bottom: 0
}

#jobTab .devTable thead th {
    color: #fff;
    background-color: #333
}

#jobTab .devTable thead th:first-of-type {
    width: 32rem
}

#jobTab .devTable thead th:nth-of-type(2) {
    width: 88rem
}

#jobTab .devTable tbody th {
    padding-top: 1.6rem;
    padding-bottom: 1.5rem;
    vertical-align: middle
}

@media screen and (max-width:48em) {
    #jobTab .devTable tbody th {
        padding: min(1.6vw, 1.2rem) min(3.2vw, 2.4rem)
    }
}

#jobTab .devTable tbody td {
    padding-left: min(1.756954612vw, 2.4rem)
}

@media screen and (max-width:48em) {
    #jobTab .devTable tbody td {
        padding: min(1.6vw, 1.2rem) min(3.2vw, 2.4rem)
    }
}

#jobTab .c_sliderContainer .contentInner {
    max-width: 108rem;
    margin: auto
}

#jobTab .c_sliderContainer .c_ttl_24 {
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {
    #jobTab .c_sliderContainer .c_ttl_24 {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#jobTab .careerStepList {
    margin: 2.4rem auto
}

@media screen and (max-width:48em) {
    #jobTab .careerStepList {
        margin: min(4.2666666667vw, 3.2rem) auto
    }
}

#jobTab .careerStepList_item {
    position: relative;
    line-height: 1.5;
    font-weight: 700
}

@media screen and (max-width:48em) {
    #jobTab .careerStepList_item {
        line-height: 1.5
    }
}

#jobTab .careerStepList_item::before {
    margin-right: .1em;
    line-height: 1.4583333333;
    color: #d7063c;
    font-weight: 700;
    content: counter(number, decimal-leading-zero) ".";
    counter-increment: number 1;
    font-size: 2.4rem
}

@media screen and (max-width:48em) {
    #jobTab .careerStepList_item::before {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #jobTab .careerStepList_item::before {
        line-height: 1.4444444444
    }
}

#jobTab .careerStepList_item:not(:last-child) {
    margin-bottom: 1.6rem
}

@media screen and (max-width:48em) {
    #jobTab .careerStepList_item:not(:last-child) {
        margin-bottom: min(2.1333333333vw, 1.6rem)
    }
}

#jobTab .stepContent {
    max-width: 120rem;
    padding: 0;
    margin: 4.8rem auto 0;
    background-color: #f4f4f4;
    border-radius: 1.6rem
}

@media screen and (max-width:48em) {
    #jobTab .stepContent {
        margin-top: min(6.4vw, 4.8rem);
        border-radius: 0
    }
}

#jobTab .childTable {
    margin-bottom: 0
}

#jobTab .childTable thead th {
    padding: 1.6rem 1.6rem 2rem;
    color: #fff;
    background-color: #333
}

@media screen and (max-width:48em) {
    #jobTab .childTable thead th {
        width: min(52vw, 39rem)
    }

    #jobTab .childTable thead th:first-of-type {
        width: min(34.6666666667vw, 26rem)
    }
}

#jobTab .childTable thead th:last-of-type {
    background-color: #d7063c;
    color: #fff
}

#jobTab .childTable tbody th {
    padding: 1.6rem;
    vertical-align: top
}

@media screen and (max-width:48em) {
    #jobTab .childTable tbody th {
        padding: min(1.6vw, 1.2rem) min(3.2vw, 2.4rem)
    }
}

#jobTab .childTable tbody td {
    padding: 1.6rem;
    vertical-align: top
}

@media screen and (max-width:48em) {
    #jobTab .childTable tbody td {
        padding: min(1.6vw, 1.2rem) min(3.2vw, 2.4rem)
    }
}

#jobTab .childTable tbody td.-color {
    background-color: #fff5f8
}

#jobTab .childTable tbody td .-txtCaution {
    font-size: 1.2rem
}

@media screen and (max-width:48em) {
    #jobTab .childTable tbody td .-txtCaution {
        font-size: clamp(1.2rem, 3.2vw, 1.2rem)
    }
}

#pageRecruit .leadBtns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 min(2.9282576867vw, 4rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:48em) {
    #pageRecruit .leadBtns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: min(6.4vw, 4.8rem) 0
    }
}

@media screen and (max-width:48em) {
    #pageRecruit .leadBtns .c_btn:not(:last-of-type) {
        margin-bottom: 0
    }
}

#pageRecruit .leadBtns .c_btn[href="/"] {
    pointer-events: none;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4
}

#newgradLead {
    padding: 6.4rem 0 0
}

@media screen and (max-width:48em) {
    #newgradLead {
        padding: min(6.9333333333vw, 5.2rem) 0 0
    }
}

#newgradLead .newgradLeadTtl {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 min(7.7598828697vw, 10.6rem);
    margin: 0 auto 4.8rem;
    font-weight: 900;
    line-height: 1.4411764706;
    font-size: 3.4rem;
    text-align: center
}

@media screen and (max-width:48em) {
    #newgradLead .newgradLeadTtl {
        font-size: clamp(2.4rem, 6.4vw, 3.4rem)
    }
}

@media screen and (max-width:48em) {
    #newgradLead .newgradLeadTtl {
        padding: 0 min(13.3333333333vw, 10rem);
        margin-bottom: min(4vw, 3rem);
        line-height: 1.4583333333
    }
}

#newgradLead .newgradLeadTtl::after,
#newgradLead .newgradLeadTtl::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(5.8565153734vw, 8rem);
    height: .2rem;
    margin: auto;
    content: "";
    background-color: #333
}

@media screen and (max-width:48em) {

    #newgradLead .newgradLeadTtl::after,
    #newgradLead .newgradLeadTtl::before {
        width: min(10.6666666667vw, 8rem)
    }
}

#newgradLead .newgradLeadTtl::after {
    right: 0;
    left: auto
}

#newgradLead p {
    line-height: 2.1875 !important;
    text-align: center
}

#newgradLead p:not(:last-child) {
    margin-bottom: 2em !important
}

@media screen and (max-width:48em) {
    #newgradLead p {
        line-height: 2.8571428571 !important
    }

    #newgradLead p:not(:last-child) {
        margin-bottom: 2.5em !important
    }
}

#newgradLead .leadBtns {
    margin: 11.7rem auto 0
}

@media screen and (max-width:48em) {
    #newgradLead .leadBtns {
        margin-top: min(12.8vw, 9.6rem)
    }
}

#newgradContent {
    padding: 11.2rem 0
}

@media screen and (max-width:48em) {
    #newgradContent {
        padding: min(12.8vw, 9.6rem) 0 min(16.9866666667vw, 12.74rem)
    }
}

#newgradSlider {
    padding-top: 80px;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #newgradSlider {
        padding-top: min(21.3333333333vw, 16rem)
    }
}

#newgradSlider .columSlideContainer {
    max-width: 1224px
}

#otherInterview {
    background-color: #fff
}

#otherInterview .sliderTtl {
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
    font-weight: 900;
    line-height: 1.4375
}

@media screen and (max-width:48em) {
    #otherInterview .sliderTtl {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #otherInterview .sliderTtl {
        max-width: inherit;
        padding-right: 0;
        margin-bottom: min(6.4vw, 4.8rem);
        line-height: 1.4583333333
    }
}

#otherInterview .sliderTtl+p {
    padding-right: 35.8rem;
    margin-bottom: 5.2rem
}

@media screen and (max-width:48em) {
    #otherInterview .sliderTtl+p {
        max-width: inherit;
        padding-right: 0
    }
}

#otherInterview .c_slider.-topArrow .splide__arrows .splide__arrow--next,
#otherInterview .c_slider.-topArrow .splide__arrows .splide__arrow--prev {
    border: .1rem solid #d7063c
}

#otherInterview .c_slider.-topArrow .pagerBarBg {
    background-color: #d6d6d6
}

@media screen and (max-width:48em) {
    #otherInterview .c_btn.-small {
        min-width: min(66.6666666667vw, 50rem);
        max-width: 25rem
    }
}

#newgradIllusts {
    padding: 8rem 0;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #newgradIllusts {
        padding: min(12.8vw, 9.6rem) 0
    }
}

#newgradIllusts .illustList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4.8rem min(2.196193265vw, 3rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 3.8rem auto 0
}

@media screen and (max-width:48em) {
    #newgradIllusts .illustList {
        gap: min(8.5333333333vw, 6.4rem) 0;
        margin-top: min(20.8vw, 15.6rem)
    }
}

#newgradIllusts .illustList_item {
    width: calc((100% - min(2.196193265vw, 3rem) * 2)/ 3)
}

@media screen and (max-width:75em) {
    #newgradIllusts .illustList_item {
        width: calc((100% - min(2.196193265vw, 3rem))/ 2)
    }
}

@media screen and (max-width:48em) {
    #newgradIllusts .illustList_item {
        width: 100%
    }
}

#newgradIllusts .illustList_item figcaption {
    margin: min(1.1713030747vw, 1.6rem) 0 0
}

@media screen and (max-width:48em) {
    #newgradIllusts .illustList_item figcaption {
        margin-top: min(4.2666666667vw, 3.2rem)
    }
}

#newgradIntro {
    padding: 11.2rem 0
}

@media screen and (max-width:48em) {
    #newgradIntro {
        padding: min(12.8vw, 9.6rem) 0
    }
}

#newgradIntro .relevanceBox .c_btn {
    margin-top: 0 !important
}

@media screen and (max-width:48em) {
    #newgradIntro .relevanceBox .c_btn {
        margin-top: min(6.4vw, 4.8rem) !important
    }
}

#recruitBunners {
    padding: 0 0
}

#recruitBunners .bunnerList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3rem min(7.027818448vw, 9.6rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 89.6rem;
    margin: 0 auto
}

@media screen and (max-width:48em) {
    #recruitBunners .bunnerList {
        gap: min(6.4vw, 4.8rem) 0
    }
}

#recruitBunners .bunnerList_item {
    width: calc((100% - min(7.027818448vw, 9.6rem) * 1)/ 2)
}

@media screen and (max-width:48em) {
    #recruitBunners .bunnerList_item {
        width: 100%
    }
}

#recruitBunners .bunnerList_item img {
    width: 100%;
    height: auto
}

#recruitBunners .bunnerList_item a {
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

@media (hover:hover) {
    #recruitBunners .bunnerList_item a:hover {
        opacity: .3
    }
}

#recruitBunners .bunnerList_item a:focus-visible {
    opacity: .3;
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#recruitBunners .bunnerList_item a.-disable {
    pointer-events: none;
    opacity: .3
}

#voiceGraph {
    padding: 4.8rem 0;
    margin: 6.4rem auto 0;
    background-color: #f4f4f4
}

@media screen and (max-width:48em) {
    #voiceGraph {
        padding: min(10.6666666667vw, 8rem) 0;
        margin-top: min(12.8vw, 9.6rem)
    }
}

#voiceGraph .voiceGraphContainer {
    display: -ms-grid;
    display: grid;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem min(2.3426061493vw, 3.2rem);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:48em) {
    #voiceGraph .voiceGraphContainer {
        -ms-grid-columns: (minmax(0, 1fr))[1];
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: min(8.5333333333vw, 6.4rem) 0
    }
}

#voiceGraph .voiceGraphContainer>div {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -ms-grid-row-span: 3;
    grid-row: span 3;
    gap: 0
}

@media screen and (max-width:48em) {
    #voiceGraph .voiceGraphContainer>div {
        display: block
    }

    #voiceGraph .voiceGraphContainer>div:first-child figure figcaption {
        margin-bottom: -1em
    }
}

#voiceGraph .voiceGraphContainer figure {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    gap: 1.9rem;
    width: 100%;
    padding: 2.4rem;
    background-color: #fff
}

@media screen and (max-width:48em) {
    #voiceGraph .voiceGraphContainer figure {
        display: block
    }
}

#voiceGraph .voiceGraphContainer figure img {
    margin: auto
}

@media screen and (max-width:48em) {
    #voiceGraph .voiceGraphContainer figure {
        width: 100%;
        max-height: inherit;
        padding: min(3.7333333333vw, 2.8rem)
    }
}

#voiceGraph .voiceGraphContainer figure figcaption {
    width: 100%;
    text-align: left
}

@media screen and (max-width:48em) {
    #voiceGraph .voiceGraphContainer figure figcaption {
        margin-bottom: min(2.9333333333vw, 2.2rem)
    }
}

#voiceGraph .voiceGraphContainer .graphNoteList {
    margin-top: 1.6rem
}

@media screen and (max-width:48em) {
    #voiceGraph .voiceGraphContainer .graphNoteList {
        margin-top: min(4.2666666667vw, 3.2rem)
    }
}

#voiceGraph .voiceGraphContainer .graphNoteList li {
    position: relative;
    padding-left: 2.9em;
    line-height: 1.4285714286;
    text-align: left;
    text-indent: -2.9em;
    font-size: 1.4rem
}

@media screen and (max-width:48em) {
    #voiceGraph .voiceGraphContainer .graphNoteList li {
        font-size: clamp(1.2rem, 3.2vw, 1.4rem)
    }
}

@media screen and (max-width:48em) {
    #voiceGraph .voiceGraphContainer .graphNoteList li {
        line-height: 1.4166666667
    }
}

#voiceGraph .voiceGraphContainer .graphNoteList li:not(:last-child) {
    margin-bottom: 0
}

#voiceGraph .voiceGraphContainer .graphNoteList li::before {
    content: "（※）"
}

#voiceRanking {
    padding: 8rem 0 11.2rem
}

@media screen and (max-width:48em) {
    #voiceRanking {
        padding: min(12.8vw, 9.6rem) 0
    }
}

#voiceRanking .rankingContent+.rankingContent {
    margin-top: 4.5rem
}

@media screen and (max-width:48em) {
    #voiceRanking .rankingContent+.rankingContent {
        margin-top: min(10.6666666667vw, 8rem)
    }
}

#voiceRanking .rankingList {
    margin: 0 auto
}

#voiceRanking .rankingList_item:not(:last-child) {
    margin-bottom: 2.4rem
}

@media screen and (max-width:48em) {
    #voiceRanking .rankingList_item:not(:last-child) {
        margin-bottom: min(6.4vw, 4.8rem)
    }
}

#voiceRanking .rankingList_ttl {
    position: relative;
    margin-bottom: .8rem;
    font-weight: 700;
    line-height: 1.4444444444;
    font-size: 1.8rem
}

@media screen and (max-width:48em) {
    #voiceRanking .rankingList_ttl {
        font-size: clamp(1.6rem, 4.2666666667vw, 1.8rem)
    }
}

@media screen and (max-width:48em) {
    #voiceRanking .rankingList_ttl {
        line-height: 1.5
    }
}

#voiceRanking .rankingList_ttl::before {
    margin-right: 1.2rem;
    line-height: 1.5;
    color: #d7063c;
    content: "No." counter(number, decimal);
    counter-increment: number 1;
    font-size: 2.4rem
}

@media screen and (max-width:48em) {
    #voiceRanking .rankingList_ttl::before {
        font-size: clamp(1.8rem, 4.8vw, 2.4rem)
    }
}

@media screen and (max-width:48em) {
    #voiceRanking .rankingList_ttl::before {
        margin-right: min(2.1333333333vw, 1.6rem);
        line-height: 1.4444444444
    }
}

#voiceRanking .u_ul li {
    line-height: 1.5
}

@media screen and (max-width:48em) {
    #voiceRanking .u_ul li {
        line-height: 1.5
    }
}

#voiceRanking .u_ul li:not(:last-child) {
    margin-bottom: 0
}

#voiceRanking .crossTalk {
    gap: 0 3.2rem !important;
    margin: 8rem auto 0
}

@media screen and (max-width:48em) {
    #voiceRanking .crossTalk {
        margin-top: min(17.0666666667vw, 12.8rem)
    }

    #voiceRanking .crossTalk .columnBlock.bb>* {
        width: 100%
    }

    #voiceRanking .crossTalk .columnBlock:last-child {
        margin-top: min(6.48vw, 4.86rem)
    }
}

#voiceRanking .crossTalk p {
    line-height: 1.75
}

@media screen and (max-width:48em) {
    #voiceRanking .crossTalk p {
        line-height: 1.5714285714
    }
}

#voiceRanking .crossTalk .c_btn {
    margin-top: 4rem
}

@media screen and (max-width:48em) {
    #voiceRanking .crossTalk .c_btn {
        margin-top: min(10.6933333333vw, 8.02rem)
    }
}

#voiceInterview {
    padding-right: 35.8rem;
    margin-bottom: 4.4rem
}

@media screen and (max-width:48em) {
    #voiceInterview {
        padding-right: 0;
        margin-bottom: min(8.5333333333vw, 6.4rem)
    }
}

#voiceInterview .otherInterview_ttl {
    padding-left: 0;
    margin-bottom: 1.6rem
}

@media screen and (max-width:48em) {
    #voiceInterview .otherInterview_ttl {
        margin-bottom: min(4.2666666667vw, 3.2rem)
    }
}

.voiceInter {
    margin-bottom: 11.2rem
}

@media screen and (max-width:48em) {
    .voiceInter {
        margin-bottom: min(13.3333333333vw, 10rem)
    }
}

#pageRecruit .columnTop .c_btn {
    margin-top: 4.8rem
}

@media screen and (max-width:48em) {
    #pageRecruit .columnTop .c_btn {
        margin-top: min(12.7733333333vw, 9.58rem)
    }
}

#pageRecruit .columnRow {
    gap: 0
}

#pageRecruit .-txtLead {
    margin: 2.4rem auto;
    text-align: left
}

@media screen and (max-width:48em) {
    #pageRecruit .-txtLead {
        margin: min(2.1333333333vw, 1.6rem) auto min(6.4vw, 4.8rem)
    }
}

#pageRecruit .topColumn {
    padding: 8rem 0 0
}

@media screen and (max-width:48em) {
    #pageRecruit .topColumn {
        padding: min(6.4vw, 4.8rem) 0 0
    }
}

#pageRecruit .topColumn #columnSlider {
    padding-top: 3.2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .topColumn #columnSlider {
        padding-top: min(8.5333333333vw, 6.4rem)
    }
}

#pageRecruit .interviewColumn #columnSlider {
    padding-top: 3.2rem
}

@media screen and (max-width:48em) {
    #pageRecruit .interviewColumn #columnSlider {
        padding-top: min(8.5333333333vw, 6.4rem)
    }
}

#recruitTopAbout {
    padding: 8rem 0
}

@media screen and (max-width:48em) {
    #recruitTopAbout {
        padding: min(6.4vw, 4.8rem) 0
    }
}

#recruitTopAbout .columnBlock.bb {
    padding-left: 6rem
}

@media screen and (max-width:48em) {
    #recruitTopAbout .columnBlock.bb {
        padding-left: 0
    }
}

#recruitTopAbout .aboutTxt {
    width: min(30.6734992679vw, 41.9rem)
}

@media screen and (max-width:48em) {
    #recruitTopAbout .aboutTxt {
        width: 100%
    }
}

#recruitTopAbout .aboutImg {
    display: block
}

#recruitTopAbout .aboutImg.-active img {
    scale: none;
    -webkit-transition: scale 1.2s cubic-bezier(0, 0, 0, 1);
    transition: scale 1.2s cubic-bezier(0, 0, 0, 1)
}

#recruitTopAbout .aboutImg img {
    width: 100%;
    height: auto;
    -webkit-filter: drop-shadow(4rem 4rem 8rem rgba(0, 0, 0, 0.2));
    filter: drop-shadow(4rem 4rem 8rem rgba(0, 0, 0, .2));
    scale: 1.2
}

#recruitTopAbout .aboutImg:nth-of-type(1) {
    width: min(41.5878477306vw, 56.809rem);
    margin-right: min(-2.635431918vw, -3.6rem);
    margin-left: auto
}

@media screen and (max-width:48em) {
    #recruitTopAbout .aboutImg:nth-of-type(1) {
        width: min(67.0826666667vw, 50.312rem);
        margin-right: 0
    }
}

#recruitTopAbout .aboutImg:nth-of-type(2) {
    position: relative;
    z-index: 3;
    width: min(34.6617862372vw, 47.348rem);
    margin: min(2.8550512445vw, 3.9rem) 0 min(-3.2210834553vw, -4.4rem) min(-5.710102489vw, -7.8rem)
}

@media screen and (max-width:48em) {
    #recruitTopAbout .aboutImg:nth-of-type(2) {
        width: min(55.912vw, 41.934rem);
        margin: min(4.5333333333vw, 3.4rem) 0 min(-5.3333333333vw, -4rem)
    }
}

#recruitTopAbout .aboutImg:nth-of-type(3) {
    width: min(27.9853587116vw, 38.228rem);
    margin-right: min(-.9516837482vw, -1.3rem);
    margin-left: auto
}

@media screen and (max-width:48em) {
    #recruitTopAbout .aboutImg:nth-of-type(3) {
        width: min(45.1413333333vw, 33.856rem);
        margin-right: min(2.9333333333vw, 2.2rem)
    }
}

#recruitBunner {
    padding: 6.4rem 0
}

@media screen and (max-width:48em) {
    #recruitBunner {
        padding: min(14.9333333333vw, 11.2rem) 0
    }
}

#recruitBunner .columnRow {
    gap: 0 8rem
}

@media screen and (max-width:48em) {
    #recruitBunner .columnRow {
        gap: min(6.4vw, 4.8rem) 0
    }
}

#recruitBunner .columnRow .columnBlock.-active img {
    scale: none;
    -webkit-transition: scale 1.2s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: scale 1.2s cubic-bezier(0, 0, 0, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: scale 1.2s cubic-bezier(0, 0, 0, 1), transform 1s cubic-bezier(.165, .84, .44, 1);
    transition: scale 1.2s cubic-bezier(0, 0, 0, 1), transform 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1)
}

#recruitBunner .bunnerImg {
    position: relative
}

#recruitBunner .bunnerImg picture {
    display: block;
    padding: 0;
    line-height: 0
}

#recruitBunner .bunnerImg.-radius a {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 1.6rem
}

#recruitBunner .bunnerImg.-radius a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    margin: auto;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .35)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .35) 100%);
    opacity: .7;
    -webkit-transition: height .4s;
    transition: height .4s
}

@media (hover:hover) {
    #recruitBunner .bunnerImg.-radius a:hover::after {
        height: 90%
    }
}

#recruitBunner .bunnerImg.-radius a:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#recruitBunner .bunnerImg.-radius a:focus-visible::after {
    height: 90%
}

#recruitBunner .bunnerImg img {
    width: 100%;
    height: auto;
    aspect-ratio: 560/340;
    -o-object-fit: cover;
    object-fit: cover;
    scale: 1.2
}

#recruitBunner .bunnerImg .bunnerImg_txt {
    position: absolute;
    right: 2.4rem;
    bottom: 2.4rem;
    z-index: 5
}

@media screen and (max-width:48em) {
    #recruitBunner .bunnerImg .bunnerImg_txt {
        right: min(4vw, 3rem);
        bottom: min(4vw, 3rem)
    }
}

#recruitTopBusiness {
    padding: 12rem 0
}

@media screen and (max-width:48em) {
    #recruitTopBusiness {
        padding: min(21.3333333333vw, 16rem) 0
    }
}

@media screen and (max-width:48em) {
    #recruitTopBusiness picture {
        margin-top: min(8.4533333333vw, 6.34rem)
    }
}

#recruitTopBusiness picture img {
    max-width: 100%
}

@media screen and (max-width:48em) {
    #recruitTopBusiness.columnTop .c_btn {
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#recruitTopEnvironment {
    padding: 12rem 0;
    margin-bottom: 3.2rem
}

@media screen and (max-width:48em) {
    #recruitTopEnvironment {
        padding: min(21.3333333333vw, 16rem) 0;
        margin-bottom: 0
    }
}

#recruitTopEnvironment .c_ttl_top_en {
    line-height: 1
}

#recruitTopEnvironment .columnRow .columnBlock:first-child {
    padding-right: 4.8rem
}

@media screen and (max-width:48em) {
    #recruitTopEnvironment .columnRow .columnBlock:first-child {
        padding-right: 0
    }
}

@media screen and (max-width:48em) {
    #recruitTopEnvironment .columnRow .columnBlock:last-child {
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#recruitTopEnvironment figure {
    display: block;
    overflow: hidden
}

#recruitTopEnvironment figure.-active img {
    scale: none;
    -webkit-transition: scale 1.2s cubic-bezier(0, 0, 0, 1);
    transition: scale 1.2s cubic-bezier(0, 0, 0, 1)
}

#recruitTopEnvironment figure img {
    scale: 1.2
}

#pageRecruit .slideTop {
    position: relative
}

#pageRecruit .slideTop>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: min(79.1361639824vw, 108.1rem);
    margin: auto
}

@media screen and (max-width:48em) {
    #pageRecruit .slideTop>div {
        width: 100%
    }
}

#pageRecruit .slideTop .slideContainer {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding-bottom: 7.2rem;
    margin-right: 0;
    margin-left: calc(50% - 50vw)
}

@media screen and (max-width:48em) {
    #pageRecruit .slideTop .slideContainer {
        padding-bottom: min(12.8vw, 9.6rem)
    }
}

#pageRecruit .slideTop .slideContainer::before {
    position: absolute;
    top: 5.8rem;
    left: 0;
    z-index: -1;
    width: calc(100% - 4.7rem);
    height: 90%;
    margin: auto;
    content: "";
    background-color: rgba(226, 226, 226, .8)
}

@media screen and (max-width:48em) {
    #pageRecruit .slideTop .slideContainer::before {
        top: min(11.7333333333vw, 8.8rem);
        width: 100%;
        height: 94%
    }
}

#pageRecruit .slideTop .slideContainer .contentInner {
    margin-right: 0
}

#pageRecruit .slideTop .slideContainer .slideHead {
    padding-right: 37.8rem
}

@media screen and (max-width:48em) {
    #pageRecruit .slideTop .slideContainer .slideHead {
        padding-right: 0
    }
}

#pageRecruit .slideTop.-reversal .slideContainer {
    margin-right: calc(50% - 50vw);
    margin-left: 0
}

#pageRecruit .slideTop.-reversal .slideContainer::before {
    right: 0;
    left: auto
}

#pageRecruit .slideTop.-reversal .slideContainer .contentInner {
    margin-right: auto;
    margin-left: 0
}

@media not screen and (max-width:48em) {
    #pageRecruit .slideTop.-reversal .slideContainer .contentInner {
        padding: 0 1.6rem
    }
}

#pageRecruit .slideTop.-reversal .slideContainer .slideHead {
    margin-left: min(7.1742313324vw, 9.8rem)
}

@media screen and (max-width:48em) {
    #pageRecruit .slideTop.-reversal .slideContainer .slideHead {
        margin-left: auto
    }
}

#recruitTopInterview {
    padding: 0 0 7.2rem;
    margin-top: 5.62rem
}

@media screen and (max-width:48em) {
    #recruitTopInterview {
        padding-bottom: 0;
        margin-top: min(6.4vw, 4.8rem)
    }
}

#recruitTopInterview .splide__track,
#recruitTopProjects .splide__track {
    overflow: visible
}

#recruitTopInterview .c_slider,
#recruitTopProjects .c_slider {
    margin-top: 7.2rem
}

@media screen and (max-width:48em) {

    #recruitTopInterview .c_slider,
    #recruitTopProjects .c_slider {
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#recruitTopInterview .c_slider.-topArrow .c_slider_arrow,
#recruitTopProjects .c_slider.-topArrow .c_slider_arrow {
    margin-left: 0
}

#recruitTopInterview .c_slider.-topArrow .splide__arrows,
#recruitTopProjects .c_slider.-topArrow .splide__arrows {
    top: -10.2rem
}

#recruitTopInterview .c_slider.-topArrow .c_btn,
#recruitTopProjects .c_slider.-topArrow .c_btn {
    top: -13.2rem;
    right: 0
}

@media screen and (max-width:48em) {

    #recruitTopInterview .c_slider.-topArrow .c_btn,
    #recruitTopProjects .c_slider.-topArrow .c_btn {
        top: auto
    }
}

#recruitLead {
    padding: 8rem 0
}

@media screen and (max-width:48em) {
    #recruitLead {
        padding: 0
    }
}

#recruitLead p {
    font-size: 2rem;
    position: relative;
    font-weight: 700;
    line-height: 3.65;
    color: #000;
    text-align: center;
    letter-spacing: .04em
}

@media screen and (max-width:48em) {
    #recruitLead p {
        font-size: clamp(1.55rem, 4.1333333333vw, 2rem)
    }
}

#recruitLead p:not(:last-child) {
    margin-bottom: 2.5em
}

@media screen and (max-width:48em) {
    #recruitLead p {
        line-height: 3
    }
}

#recruitLead p.scrollIn {
    -webkit-transition: opacity 1.2s ease-out, -webkit-transform 1.2s ease-out;
    transition: opacity 1.2s ease-out, -webkit-transform 1.2s ease-out;
    transition: transform 1.2s ease-out, opacity 1.2s ease-out;
    transition: transform 1.2s ease-out, opacity 1.2s ease-out, -webkit-transform 1.2s ease-out;
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

#recruitLead p.-each~.-each:nth-of-type(1) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

#recruitLead p.-each~.-each:nth-of-type(2) {
    -webkit-transition-delay: 0.8s;
    transition-delay: 0.8s
}

#recruitLead p.-each~.-each:nth-of-type(3) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

#recruitLead p.-each~.-each:nth-of-type(4) {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

#recruitLead p.-each~.-each:nth-of-type(5) {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

#recruitLead p.-each~.-each:nth-of-type(6) {
    -webkit-transition-delay: 2.4s;
    transition-delay: 2.4s
}

#recruitLead p.-each~.-each:nth-of-type(7) {
    -webkit-transition-delay: 2.8s;
    transition-delay: 2.8s
}

#recruitLead p.-each~.-each:nth-of-type(8) {
    -webkit-transition-delay: 3.2s;
    transition-delay: 3.2s
}

#recruitLead p.-each~.-each:nth-of-type(9) {
    -webkit-transition-delay: 3.6s;
    transition-delay: 3.6s
}

#recruitLead p.-each~.-each:nth-of-type(10) {
    -webkit-transition-delay: 4s;
    transition-delay: 4s
}

#recruitLead .largeTxt {
    font-size: 3.2rem;
    margin-bottom: 2.4rem;
    font-weight: 700;
    line-height: 2.28125
}

@media screen and (max-width:48em) {
    #recruitLead .largeTxt {
        font-size: clamp(2.4rem, 6.4vw, 3.2rem)
    }
}

@media screen and (max-width:48em) {
    #recruitLead .largeTxt {
        margin-bottom: min(8.5333333333vw, 6.4rem);
        line-height: 1.5
    }
}

#recruitLead .largeTxt strong {
    display: block;
    font-size: 6.4rem;
    line-height: 1.140625
}

@media screen and (max-width:48em) {
    #recruitLead .largeTxt strong {
        font-size: clamp(4.2rem, 11.2vw, 6.4rem)
    }
}

@media screen and (max-width:48em) {
    #recruitLead .largeTxt strong {
        line-height: 1.5
    }
}

#recruitTopMovie {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 0;
    opacity: .5
}

#recruitTopMovie .movieWrapper {
    width: 100%
}

#recruitTopMovie .movieWrapper video {
    display: block;
    width: 70rem;
    max-width: 100%;
    height: auto;
    margin: auto;
    opacity: 0;
    -webkit-animation: catchfade 1.5s ease 1s 1 forwards;
    animation: catchfade 1.5s ease 1s 1 forwards
}

#recruitMv {
    position: relative;
    padding: 0
}

#recruitMv .mvSlider {
    position: relative;
    padding-top: var(--headerHeight);
    padding-left: 6rem;
    line-height: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(#434343), to(#fff));
    background: linear-gradient(to bottom, #434343 0, #fff 100%)
}

@media screen and (max-width:48em) {
    #recruitMv .mvSlider {
        padding-bottom: min(14.9333333333vw, 11.2rem);
        padding-left: min(4.2666666667vw, 3.2rem)
    }
}

#recruitMv .mvSlider .mvSlider_item img {
    width: 100%;
    height: auto;
    -webkit-transition: scale 6s;
    transition: scale 6s
}

#recruitMv .mvSlider .slick-dots,
#recruitMv .mvSlider .splide__pagination {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.8rem;
    z-index: 5;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.6rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5rem;
    padding: 0
}

@media screen and (max-width:48em) {

    #recruitMv .mvSlider .slick-dots,
    #recruitMv .mvSlider .splide__pagination {
        top: auto;
        right: 0;
        bottom: min(6.32vw, 4.74rem);
        left: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0 min(6.9333333333vw, 5.2rem);
        width: 100%
    }
}

#recruitMv .mvSlider .slick-dots li,
#recruitMv .mvSlider .splide__pagination li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0
}

#recruitMv .mvSlider .slick-dots li button,
#recruitMv .mvSlider .splide__pagination li button {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    color: transparent;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    opacity: .3
}

#recruitMv .mvSlider .slick-dots li button::after,
#recruitMv .mvSlider .splide__pagination li button::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: .7rem;
    height: .7rem;
    margin: auto;
    content: "";
    background-color: #fff;
    border-radius: 50%
}

@media screen and (max-width:48em) {

    #recruitMv .mvSlider .slick-dots li button::after,
    #recruitMv .mvSlider .splide__pagination li button::after {
        width: min(1.8666666667vw, 1.4rem);
        height: min(1.8666666667vw, 1.4rem);
        background-color: #333
    }
}

#recruitMv .mvSlider .slick-dots li button svg,
#recruitMv .mvSlider .splide__pagination li button svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    fill: none;
    stroke: #fff;
    stroke-dasharray: 0, 75.36;
    stroke-width: .05rem;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media screen and (max-width:48em) {

    #recruitMv .mvSlider .slick-dots li button svg,
    #recruitMv .mvSlider .splide__pagination li button svg {
        stroke: #333333
    }
}

#recruitMv .mvSlider .slick-dots li .splide__pagination__page.is-active,
#recruitMv .mvSlider .splide__pagination li .splide__pagination__page.is-active {
    opacity: 1
}

#recruitMv .mvSlider .slick-dots li .splide__pagination__page.is-active svg,
#recruitMv .mvSlider .splide__pagination li .splide__pagination__page.is-active svg {
    -webkit-animation: line_animation01 6s ease-in infinite;
    animation: line_animation01 6s ease-in infinite
}

@-webkit-keyframes line_animation01 {
    0% {
        stroke-dasharray: 0, 75.36
    }

    100% {
        stroke-dasharray: 75.36, 75.36
    }
}

@keyframes line_animation01 {
    0% {
        stroke-dasharray: 0, 75.36
    }

    100% {
        stroke-dasharray: 75.36, 75.36
    }
}

#recruitMv .kv__shutter {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: calc(100% + .1rem);
    overflow: hidden
}

#recruitMv .kv__shutter.-active {
    -webkit-animation: shutter .5s forwards 2.7s;
    animation: shutter .5s forwards 2.7s
}

@-webkit-keyframes shutter {
    100% {
        z-index: -1
    }
}

@keyframes shutter {
    100% {
        z-index: -1
    }
}

@media screen and (max-width:48em) {
    #recruitMv .kv__shutter.-active .kv__shutterBlock:nth-child(1) {
        -webkit-animation: shutterLeftSp 2.3s cubic-bezier(.05, 1, .125, 1) forwards 1.5s;
        animation: shutterLeftSp 2.3s cubic-bezier(.05, 1, .125, 1) forwards 1.5s
    }
}

@-webkit-keyframes shutterLeft {
    100% {
        right: 115%
    }
}

@keyframes shutterLeft {
    100% {
        right: 115%
    }
}

@media not screen and (max-width:48em) {
    #recruitMv .kv__shutter.-active .kv__shutterBlock:nth-child(1) {
        -webkit-animation: shutterLeftSp 2.3s cubic-bezier(.05, 1, .125, 1) forwards 1.5s;
        animation: shutterLeftSp 2.3s cubic-bezier(.05, 1, .125, 1) forwards 1.5s
    }
}

@-webkit-keyframes shutterLeftSp {
    100% {
        right: 160%
    }
}

@keyframes shutterLeftSp {
    100% {
        right: 160%
    }
}

@media screen and (max-width:48em) {
    #recruitMv .kv__shutter.-active .kv__shutterBlock:nth-child(2) {
        -webkit-animation: shutterRightSp 2.3s cubic-bezier(.05, 1, .125, 1) forwards 1.5s;
        animation: shutterRightSp 2.3s cubic-bezier(.05, 1, .125, 1) forwards 1.5s
    }
}

@-webkit-keyframes shutterRight {
    100% {
        left: 115%
    }
}

@keyframes shutterRight {
    100% {
        left: 115%
    }
}

@media not screen and (max-width:48em) {
    #recruitMv .kv__shutter.-active .kv__shutterBlock:nth-child(2) {
        -webkit-animation: shutterRightSp 2.3s cubic-bezier(.05, 1, .125, 1) forwards 1.5s;
        animation: shutterRightSp 2.3s cubic-bezier(.05, 1, .125, 1) forwards 1.5s
    }
}

@-webkit-keyframes shutterRightSp {
    100% {
        left: 160%
    }
}

@keyframes shutterRightSp {
    100% {
        left: 160%
    }
}

#recruitMv .kv__shutter.-active .kv__shutterInner {
    -webkit-animation: shutterLine 1s ease-in-out .5s;
    animation: shutterLine 1s ease-in-out .5s
}

@-webkit-keyframes shutterLine {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@keyframes shutterLine {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

#recruitMv .kv__shutterBlock {
    position: absolute;
    top: 0;
    width: 200%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#434343), to(#fff));
    background: linear-gradient(to bottom, #434343 0, #fff 100%);
    -webkit-transform: translate(0, 0) skewX(-40.89deg);
    transform: translate(0, 0) skewX(-40.89deg)
}

#recruitMv .kv__shutterBlock:nth-child(1) {
    right: 50%
}

#recruitMv .kv__shutterBlock:nth-child(2) {
    left: 49.5%
}

#recruitMv .kv__shutterLine {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    -webkit-transform: skewX(-40.89deg);
    transform: skewX(-40.89deg)
}

#recruitMv .kv__shutterInner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    margin: auto;
    background: #fff
}

#recruitMv .mvCopy {
    position: absolute;
    top: min(2.2327964861vw, 3.05rem);
    right: 0;
    left: min(1.6837481698vw, 2.3rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-left: 0;
    margin: auto;
    mix-blend-mode: overlay
}

@media screen and (max-width:48em) {
    #recruitMv .mvCopy {
        top: min(5.8933333333vw, 4.42rem);
        left: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        margin: auto
    }
}

#recruitMv .mvCopy strong {
    display: block;
    font-size: min(8.345534407vw, 11.4rem);
    font-size: 8.345534407vw;
    font-weight: 700;
    line-height: .9;
    color: #333;
    letter-spacing: .04em;
    mix-blend-mode: overlay
}

@media screen and (max-width:48em) {
    #recruitMv .mvCopy strong {
        padding-left: min(4.8vw, 3.6rem);
        font-size: min(12.8vw, 9.6rem);
        line-height: .9;
        letter-spacing: 0
    }
}

#recruitMv .mvCopy strong.moveTxt.-active>font>font {
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

#recruitMv .mvCopy .mvCopy_img {
    width: 55.6566617862vw !important
}

@media screen and (max-width:48em) {
    #recruitMv .mvCopy .mvCopy_img {
        width: 90% !important
    }
}

#recruitMv .mvCopy p {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0);
    font-size: min(1.756954612vw, 2.4rem);
    font-weight: 700;
    line-height: 2.7916666667;
    color: #fff;
    letter-spacing: .2em;
    -webkit-animation: clipTxt 1.77s cubic-bezier(.24, .13, .26, 1.01) .5s 1 forwards;
    animation: clipTxt 1.77s cubic-bezier(.24, .13, .26, 1.01) .5s 1 forwards;
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

@media screen and (max-width:48em) {
    #recruitMv .mvCopy p {
        font-size: min(4.2666666667vw, 3.2rem);
        line-height: 1;
        letter-spacing: 0
    }
}

#recruitMv .c_scroll {
    position: absolute;
    bottom: 1.94rem;
    left: 2.15rem
}

#recruitMv .c_scroll.-active {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

#recruitTopPersonality {
    padding: 6.38rem 0
}

@media screen and (max-width:48em) {
    #recruitTopPersonality {
        padding: min(14.9333333333vw, 11.2rem) 0
    }
}

#recruitTopPersonality .columnRow .columnBlock:first-child {
    padding-left: 4.8rem
}

@media screen and (max-width:48em) {
    #recruitTopPersonality .columnRow .columnBlock:first-child {
        padding-left: 0
    }
}

@media screen and (max-width:48em) {
    #recruitTopPersonality .columnRow .columnBlock:last-child {
        margin-top: min(8.5333333333vw, 6.4rem)
    }
}

#recruitTopPersonality .c_ttl_top {
    margin-top: -1.7em
}

@media screen and (max-width:48em) {
    #recruitTopPersonality .c_ttl_top {
        margin: 0 0 min(6.4vw, 4.8rem)
    }
}

#recruitTopPersonality figure {
    display: block;
    overflow: hidden
}

#recruitTopPersonality figure.-active img {
    scale: none;
    -webkit-transition: scale 1.2s cubic-bezier(0, 0, 0, 1);
    transition: scale 1.2s cubic-bezier(0, 0, 0, 1)
}

#recruitTopPersonality figure img {
    scale: 1.2
}

#recruitTopProjects {
    padding: 0 0 7.2rem;
    margin: 0 auto
}

@media screen and (max-width:48em) {
    #recruitTopProjects {
        padding: 0 0 min(12.8vw, 9.6rem)
    }
}

#recruitTopProjects .c_card.-project {
    color: #2546aa
}

#recruitTopProjects .c_card.-project .c_card_cap {
    color: #2546aa
}

#recruitTopProjects .c_card.-project .c_card_cap .banner_linkTxt .blankLink::after {
    background-color: #2546aa
}

@media (hover:hover) {
    #recruitTopProjects .c_card.-project:hover .c_card_cap {
        text-decoration: underline
    }
}

#recruitTopProjects .c_card.-project:focus-visible {
    outline: solid .5rem #d7063c;
    outline-offset: 0.3rem
}

#recruitTopProjects .c_card.-project:focus-visible .c_card_cap {
    text-decoration: underline
}