@charset "UTF-8";
/* resset.dev • v5.0.2 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
     # General elements
     # ================================================================= */
hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
  height: 0;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

details,
main {
  display: block;
  /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item;
  /* Add the correct display in all browsers */
}

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none;
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder;
  /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
  border-style: none;
}

/* # =================================================================
     # Forms
     # ================================================================= */
input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

/* # =================================================================
     # Specify media element style
     # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
     # Accessibility
     # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}

:root {
  --vw: 1vw;
}

@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes line {
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@media only screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
a {
  color: inherit;
  text-decoration: none;
  transition: 0.3s;
}

button {
  transition: 0.3s;
}

.column__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

img,
svg {
  vertical-align: top;
  width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  img {
    image-rendering: -webkit-optimize-contrast;
  }
}
@media only screen and (max-width: 767px) {
  img {
    image-rendering: auto;
  }
}

:root {
  font-size: 62.5%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  :root {
    font-size: calc(0.6944444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  :root {
    font-size: calc(1.2820512821 * var(--vw));
  }
}

html, body {
  height: 100%;
}

body {
  background: #fff;
  color: #4B4B4B;
  font-family: "itc-avant-garde-gothic-pro", Meiryo, "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-feature-settings: "palt";
  transition: 0s;
}
body.is-preload {
  opacity: 0;
}
body.is-preload * {
  transition: none !important;
}
body.is-open-menu {
  overflow: hidden;
}
body > .wrapper {
  min-height: 100%;
  height: auto;
}

html :where(figure) {
  margin-bottom: unset;
}

.wrapper {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
@media only screen and (max-width: 767px) {
  .wrapper {
    padding-bottom: calc(17.9487179487 * var(--vw));
  }
}

.content {
  min-width: 100%;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .content {
    overflow: hidden;
  }
}

.sec {
  position: relative;
}
.sec__in {
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 0 170px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sec__in {
    max-width: calc(100 * var(--vw));
    padding: 0 calc(11.8055555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sec__in {
    max-width: unset;
    width: 100%;
    padding: 0 calc(10.5128205128 * var(--vw));
  }
}

.fixed-btn-sp {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 98;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  height: calc(17.9487179487 * var(--vw));
  margin: 0 auto;
}
.fixed-btn-sp .btn-entry {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E6DB76;
  color: #444;
  font-size: 2.8rem;
  font-weight: 400;
  border-radius: calc(5.1282051282 * var(--vw));
  aspect-ratio: 45/8;
  min-width: 0;
  width: calc(57.6923076923 * var(--vw));
  margin: 0 auto;
}
.fixed-btn-sp .btn-entry::after {
  content: "";
  background: url(../img/common/ico_arrow_btn_04.svg) no-repeat 0 0/100% auto;
  position: absolute;
  top: 0;
  right: calc(7.6923076923 * var(--vw));
  bottom: 0;
  aspect-ratio: 4/7;
  min-width: 0;
  width: calc(1.0256410256 * var(--vw));
  margin: auto 0;
}

@keyframes light {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes pop {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
  transition: 0.3s;
  height: 88px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .header {
    background: rgba(255, 255, 255, 0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .header {
    height: calc(6.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .header {
    height: auto;
  }
}
@media only screen and (min-width: 768px) {
  .header.is-active {
    background: white;
  }
}
.header__in {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 14px 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .header__in {
    padding: 0 calc(0.9722222222 * var(--vw)) 0 calc(2.0833333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .header__in {
    padding: 0 0 0 calc(5.1282051282 * var(--vw));
  }
}
.header__logo {
  position: relative;
  z-index: 99;
  width: 224px;
  padding: 20px 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .header__logo {
    width: calc(15.5555555556 * var(--vw));
    padding: calc(1.3888888889 * var(--vw)) 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .header__logo {
    width: calc(33.9743589744 * var(--vw));
    padding: calc(2.5641025641 * var(--vw)) 0 0 0;
  }
}
.header__logo > a {
  display: block;
}
@media (hover: none) {
  .header__logo > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .header__logo > a:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .header__logo > a:hover {
    opacity: 0.65;
  }
}

.gnavi {
  display: flex;
  flex-wrap: wrap;
  gap: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .gnavi {
    gap: calc(2.4305555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .gnavi {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
}
.gnavi__in {
  position: relative;
  display: contents;
}
@media only screen and (max-width: 767px) {
  .gnavi__in {
    display: block;
    overflow: auto;
    width: 100%;
    max-height: 100vh;
    margin: 0 auto;
    padding: calc(21.5384615385 * var(--vw)) calc(10.5128205128 * var(--vw)) calc(10.5128205128 * var(--vw));
  }
}
.gnavi__overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.95);
  width: 100%;
  height: 100%;
}
.gnavi-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 35px;
  color: #707070;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .gnavi-list {
    gap: calc(2.4305555556 * var(--vw));
    font-size: calc(1.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .gnavi-list {
    display: grid;
    justify-content: normal;
    gap: 0;
    color: #333;
    font-size: 3.2rem;
    font-weight: 400;
    border-top: 1px solid #BEBEBE;
  }
}
.is-light-color .gnavi-list {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .gnavi-list__item {
    position: relative;
    border-bottom: 1px solid #BEBEBE;
    width: 100%;
  }
}
.gnavi-list__item > a {
  display: block;
}
@media only screen and (max-width: 767px) {
  .gnavi-list__item > a {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(12.8205128205 * var(--vw));
    padding: calc(1.2820512821 * var(--vw));
  }
}
@media (hover: none) {
  .gnavi-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .gnavi-list__item > a:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .gnavi-list__item > a:hover {
    opacity: 0.65;
  }
}
@media only screen and (max-width: 767px) {
  .gnavi-list__item:not(.is-parent) > a::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(1.9230769231 * var(--vw));
    bottom: 0;
    pointer-events: none;
    background: url(../img/common/ico_arrow_btn_02.svg) no-repeat 0 0/100% auto;
    aspect-ratio: 7/13;
    min-width: 0;
    width: calc(1.7948717949 * var(--vw));
    height: calc(3.3333333333 * var(--vw));
    margin: auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .gnavi-list__item.is-parent > a {
    height: calc(17.9487179487 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .gnavi .btn-toggle {
    position: absolute;
    top: calc(6.1538461538 * var(--vw));
    right: 0;
    aspect-ratio: 1;
    min-width: 0;
    width: calc(6.1538461538 * var(--vw));
  }
  .gnavi .btn-toggle::before, .gnavi .btn-toggle::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #E57777;
    border-radius: calc(0.2564102564 * var(--vw));
    transition: 0.3s;
    width: calc(4.1025641026 * var(--vw));
    height: calc(0.5128205128 * var(--vw));
    margin: auto;
  }
  .gnavi .btn-toggle::after {
    transform: rotate(90deg);
  }
  .gnavi .btn-toggle.is-open-child-menu::before {
    transform: rotate(360deg);
  }
  .gnavi .btn-toggle.is-open-child-menu::after {
    transform: rotate(360deg);
  }
}
.gnavi__btn-box {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .gnavi__btn-box {
    gap: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .gnavi__btn-box {
    margin: calc(8.4615384615 * var(--vw)) auto 0;
  }
}
.gnavi__btn-box .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: 400;
  border-radius: 40px;
  min-width: 0;
  aspect-ratio: 17/7;
  width: 136px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .gnavi__btn-box .btn {
    border-radius: calc(2.7777777778 * var(--vw));
    width: calc(9.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .gnavi__btn-box .btn {
    position: relative;
    font-size: 2.8rem;
    font-weight: 400;
    border-radius: calc(5.1282051282 * var(--vw));
    aspect-ratio: 45/8;
    min-width: 0;
    width: calc(57.6923076923 * var(--vw));
    margin: 0 auto;
  }
  .gnavi__btn-box .btn::after {
    content: "";
    background: url(../img/common/ico_arrow_btn_01.svg) no-repeat 0 0/100% auto;
    position: absolute;
    top: 0;
    right: calc(7.6923076923 * var(--vw));
    bottom: 0;
    aspect-ratio: 4/7;
    min-width: 0;
    width: calc(1.0256410256 * var(--vw));
    margin: auto 0;
  }
}
@media (hover: none) {
  .gnavi__btn-box .btn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .gnavi__btn-box .btn:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .gnavi__btn-box .btn:hover {
    opacity: 0.65;
  }
}
.gnavi__btn-box .btn-apply {
  background: #E6DB76;
  color: #444;
}
.gnavi__btn-box .btn-contact {
  background: #E57777;
  color: #fff;
}
.gnavi__btn-box .btn-apply--sp {
  background: #E57777;
  color: #fff;
}

.hamburger {
  position: relative;
  position: fixed;
  top: calc(2.5641025641 * var(--vw));
  right: calc(2.5641025641 * var(--vw));
  z-index: 99;
  background: #E57777;
  border-radius: 50%;
  aspect-ratio: 1;
  min-width: 0;
  width: calc(12.8205128205 * var(--vw));
}
.hamburger__in {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  aspect-ratio: 42/29;
  min-width: 0;
  width: calc(5.3846153846 * var(--vw));
  margin: auto;
}
.hamburger span {
  position: absolute;
  right: 0;
  left: 0;
  background: #fff;
  border-radius: calc(0.2564102564 * var(--vw));
  transition: 0.3s;
  width: 100%;
  height: calc(0.3846153846 * var(--vw));
  margin: 0 auto;
}
.hamburger span:nth-of-type(1) {
  top: 0;
}
.hamburger span:nth-of-type(2) {
  top: 50%;
  margin-top: calc(-0.2564102564 * var(--vw));
}
.hamburger span:nth-of-type(3) {
  bottom: 0;
}
body.is-open-menu .hamburger__in span:nth-of-type(1) {
  top: 50%;
  transform: rotate(135deg);
  margin-top: calc(-0.2564102564 * var(--vw));
}
body.is-open-menu .hamburger__in span:nth-of-type(2) {
  opacity: 0;
}
body.is-open-menu .hamburger__in span:nth-of-type(3) {
  top: 50%;
  bottom: unset;
  transform: rotate(225deg);
  margin-top: calc(-0.2564102564 * var(--vw));
}

@media only screen and (min-width: 768px) {
  .child-list {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
@media only screen and (max-width: 767px) {
  .child-list {
    border-top: 1px solid #E3E3E3;
    width: calc(100% - 4.1025641026 * var(--vw));
    margin: calc(-3.2051282051 * var(--vw)) 0 0 auto;
    padding: 0 0 calc(4.1025641026 * var(--vw));
  }
}
.child-list__item:not(:last-of-type) {
  border-bottom: 1px solid #E3E3E3;
}
@media only screen and (max-width: 767px) {
  .child-list__item > a {
    position: relative;
    display: flex;
    align-items: center;
    height: calc(11.5384615385 * var(--vw));
    padding: 0 0 0 calc(2.5641025641 * var(--vw));
  }
  .child-list__item > a::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(1.9230769231 * var(--vw));
    bottom: 0;
    pointer-events: none;
    background: url(../img/common/ico_arrow_btn_03.svg) no-repeat 0 0/100% auto;
    aspect-ratio: 7/13;
    min-width: 0;
    width: calc(1.7948717949 * var(--vw));
    height: calc(3.3333333333 * var(--vw));
    margin: auto 0;
  }
}

.footer {
  background: #535353;
  color: #fff;
  padding: 30px 0 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .footer {
    padding: calc(2.0833333333 * var(--vw)) 0 calc(2.0833333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    padding: calc(9.7435897436 * var(--vw)) 0 calc(2.0512820513 * var(--vw));
  }
}
.footer__logo {
  width: 372px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .footer__logo {
    width: calc(25.8333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .footer__logo {
    width: calc(56.4102564103 * var(--vw));
  }
}
.footer__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 30px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .footer__container {
    margin: calc(2.0833333333 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer__container {
    grid-template-columns: 1fr;
    margin: calc(7.4358974359 * var(--vw)) 0 0;
  }
}
.footer__info .name {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .footer__info .name {
    font-weight: 400;
  }
}
.footer__info .txt {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  margin: 32px 0 0 0;
}
.footer__info .txt::before, .footer__info .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.footer__info .txt::before {
  margin-top: calc((1 - 1.3) * 0.5em);
}
.footer__info .txt::after {
  margin-bottom: calc((1 - 1.3) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .footer__info .txt {
    margin: calc(2.2222222222 * var(--vw)) 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer__info .txt {
    font-size: 2.4rem;
    line-height: 1.6;
    margin: calc(3.8461538462 * var(--vw)) 0 0 0;
  }
  .footer__info .txt::before, .footer__info .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .footer__info .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .footer__info .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
.footer__info .txt + .txt {
  margin: 1.3em 0 0 0;
}
@media only screen and (max-width: 767px) {
  .footer__info .txt + .txt {
    margin: 1.6em 0 0 0;
  }
}
.footer__nav {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  justify-content: space-between;
  padding: 0 0 0 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .footer__nav {
    padding: 0 0 0 calc(3.3333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .footer__nav {
    grid-template-columns: repeat(2, 1fr);
    margin: calc(12.0512820513 * var(--vw)) 0 0;
    padding: 0;
  }
}
.footer .fnav-list {
  display: grid;
  gap: 30px;
  font-size: 1.4rem;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .footer .fnav-list {
    gap: calc(2.0833333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .footer .fnav-list {
    font-size: 2.4rem;
    gap: calc(5.3846153846 * var(--vw));
  }
}
.footer .fnav-list__item::before {
  content: "> ";
}
@media (hover: none) {
  .footer .fnav-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .footer .fnav-list__item > a:active {
    text-decoration: underline;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .footer .fnav-list__item > a:hover {
    text-decoration: underline;
  }
}
.footer .copyright {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  margin: 50px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .footer .copyright {
    margin: calc(3.4722222222 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer .copyright {
    font-size: 2rem;
    margin: calc(17.9487179487 * var(--vw)) 0 0;
  }
}

#TOP .sec {
  position: relative;
  padding: 72px 0 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec {
    padding: calc(5 * var(--vw)) 0 calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec {
    padding: calc(9.2307692308 * var(--vw)) 0 calc(8.2051282051 * var(--vw));
  }
}
#TOP .sec-ttl {
  display: grid;
  gap: 16px;
  text-align: center;
  margin: 0 0 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-ttl {
    gap: calc(1.1111111111 * var(--vw));
    margin: 0 0 calc(3.4722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-ttl {
    gap: calc(2.0512820513 * var(--vw));
    margin: 0 0 calc(8.2051282051 * var(--vw));
  }
}
#TOP .sec-ttl .sub {
  color: #878785;
  font-size: 2.5rem;
  line-height: 1.3;
}
#TOP .sec-ttl .sub::before, #TOP .sec-ttl .sub::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-ttl .sub::before {
  margin-top: calc((1 - 1.3) * 0.5em);
}
#TOP .sec-ttl .sub::after {
  margin-bottom: calc((1 - 1.3) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #TOP .sec-ttl .sub {
    font-size: 2.5rem;
  }
}
#TOP .sec-ttl .main {
  color: #646464;
  font-size: 3.9rem;
  font-weight: 400;
  line-height: 1.3;
}
#TOP .sec-ttl .main::before, #TOP .sec-ttl .main::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-ttl .main::before {
  margin-top: calc((1 - 1.3) * 0.5em);
}
#TOP .sec-ttl .main::after {
  margin-bottom: calc((1 - 1.3) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #TOP .sec-ttl .main {
    font-size: 3.9rem;
  }
}
#TOP .sec-ttl .main > span {
  position: relative;
}
#TOP .sec-ttl .main > span::before {
  content: "";
  position: absolute;
  top: calc(0.5em - 8px);
  left: -18px;
  background: #E57777;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-ttl .main > span::before {
    top: calc(0.5em - 0.5555555556 * var(--vw));
    left: calc(-1.25 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-ttl .main > span::before {
    top: calc(0.125em - 1.0256410256 * var(--vw));
    left: calc(-2.3076923077 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
  }
}
#TOP .btn-box {
  display: flex;
  justify-content: center;
  gap: 64px;
  margin: 48px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .btn-box {
    gap: calc(4.4444444444 * var(--vw));
    margin: calc(3.3333333333 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .btn-box {
    display: grid;
    gap: calc(8.2051282051 * var(--vw));
    width: 100%;
    margin: calc(8.2051282051 * var(--vw)) auto 0;
  }
}
#TOP .btn-box .btn-basic {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E57777;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 400;
  border-radius: 40px;
  aspect-ratio: 5/1;
  min-width: 0;
  width: 400px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .btn-box .btn-basic {
    border-radius: calc(2.7777777778 * var(--vw));
    width: calc(27.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .btn-box .btn-basic {
    border-radius: calc(5.1282051282 * var(--vw));
    width: calc(51.2820512821 * var(--vw));
  }
}
#TOP .btn-box .btn-basic::after {
  content: "";
  position: absolute;
  top: 0;
  right: 60px;
  bottom: 0;
  background: url(../img/common/ico_arrow_btn_01.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 4/7;
  min-width: 0;
  width: 8px;
  height: 14px;
  margin: auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .btn-box .btn-basic::after {
    right: calc(4.1666666667 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
    height: calc(0.9722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .btn-box .btn-basic::after {
    right: calc(7.6923076923 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
    height: calc(1.7948717949 * var(--vw));
  }
}
@media (hover: none) {
  #TOP .btn-box .btn-basic {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .btn-box .btn-basic:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .btn-box .btn-basic:hover {
    opacity: 0.65;
  }
}
#TOP .btn-box .btn-contact {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #4C4C4C;
  font-size: 2.8rem;
  font-weight: 400;
  border: 2px solid #E57777;
  border-radius: 52px;
  aspect-ratio: 52/13;
  min-width: 0;
  width: 416px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .btn-box .btn-contact {
    border-width: calc(0.1388888889 * var(--vw));
    border-radius: calc(3.6111111111 * var(--vw));
    width: calc(28.8888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .btn-box .btn-contact {
    font-size: 3.2rem;
    border-width: 1px;
    border-radius: calc(7.6923076923 * var(--vw));
    aspect-ratio: 616/120;
    width: calc(78.9743589744 * var(--vw));
  }
}
@media (hover: none) {
  #TOP .btn-box .btn-contact {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .btn-box .btn-contact:active {
    background: #E57777;
    color: #fff;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .btn-box .btn-contact:hover {
    background: #E57777;
    color: #fff;
  }
}
#TOP .kv {
  position: relative;
  aspect-ratio: 251/141;
  opacity: 0;
  transition: 1s;
  overflow: hidden;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #TOP .kv {
    aspect-ratio: 780/809;
  }
}
#TOP .kv__in {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  margin: 0 auto;
}
#TOP .kv .swiper {
  width: 100%;
  height: 100%;
}
#TOP .kv .swiper .swiper-slide-active img,
#TOP .kv .swiper .swiper-slide-duplicate-active img,
#TOP .kv .swiper .swiper-slide-prev img {
  animation: zoomUp 7s linear 0s normal both;
}
#TOP .kv .txt-box {
  position: absolute;
  top: calc(13.8888888889 * var(--vw));
  left: calc(7.6388888889 * var(--vw));
}
@media only screen and (max-width: 767px) {
  #TOP .kv .txt-box {
    top: calc(61.5384615385 * var(--vw));
    left: calc(5.3846153846 * var(--vw));
  }
}
#TOP .kv .fade-txt {
  display: inline-block;
  opacity: 0;
  transform: translate(0, 3rem);
}
#TOP .kv.init {
  opacity: 1;
}
#TOP .kv.init .fade-txt-01 {
  animation: fadein 1s ease-out 1s 1 normal forwards;
}
#TOP .kv.init .fade-txt-02 {
  animation: fadein 1s ease-out 2s 1 normal forwards;
}
#TOP .kv.init .fade-txt-03 {
  animation: fadein 1s ease-out 3s 1 normal forwards;
}
#TOP .kv.init .fade-txt-04 {
  animation: fadein 1s ease-out 4s 1 normal forwards;
}
#TOP .kv .heading {
  color: #615F5E;
  font-size: calc(3.3333333333 * var(--vw));
  line-height: 1.4;
  text-shadow: calc(0.2083333333 * var(--vw)) calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(255, 255, 255, 0.8);
  margin: 0 0 calc(1.6666666667 * var(--vw));
}
#TOP .kv .heading::before, #TOP .kv .heading::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .kv .heading::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
#TOP .kv .heading::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #TOP .kv .heading {
    font-size: 6.4rem;
    margin: 0 0 calc(6.1538461538 * var(--vw));
  }
}
#TOP .kv .heading .emphasis {
  position: relative;
  color: #E57777;
}
#TOP .kv .heading .emphasis-line {
  content: "";
  position: absolute;
  top: calc(3.3333333333 * var(--vw));
  left: calc(0.9722222222 * var(--vw));
  background: url(../img/top/orn_kv_txt_01.svg) no-repeat 0 0/100% auto;
  clip-path: inset(0 100% 0 0);
  animation: line 0.5s ease-in-out 3s 1 normal forwards;
  aspect-ratio: 37/4;
  min-width: 0;
  width: calc(10.2777777778 * var(--vw));
}
#TOP .kv .heading .emphasis-in {
  position: relative;
}
#TOP .kv .txt {
  color: #615F5E;
  font-size: calc(1.6666666667 * var(--vw));
  line-height: 1.4;
  text-shadow: calc(0.2083333333 * var(--vw)) calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(255, 255, 255, 0.4);
}
#TOP .kv .txt::before, #TOP .kv .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .kv .txt::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
#TOP .kv .txt::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #TOP .kv .txt {
    font-size: 2.4rem;
    text-shadow: calc(0.3846153846 * var(--vw)) calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(255, 255, 255, 0.4);
  }
}
#TOP .sec-pick-up::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: linear-gradient(135deg, #fff 0%, #e4f8f0 48.28%, #f4e8e4 78.82%, #e7ccc3 100%);
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
#TOP .sec-pick-up .sec__in {
  position: relative;
  padding: 0 153px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .sec__in {
    padding: 0 calc(11.8055555556 * var(--vw) - 1.1805555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .sec__in {
    padding: 0;
  }
}
#TOP .sec-pick-up .job-list {
  padding: 0 17px 112px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list {
    padding: 0 calc(1.1805555556 * var(--vw)) calc(7.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list {
    padding: 0 0 calc(8.2051282051 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__item {
  width: 344px;
  height: auto;
  margin: 0 17px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__item {
    width: calc(23.8888888889 * var(--vw));
    margin: 0 calc(1.1805555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__item {
    width: calc(70.2564102564 * var(--vw));
    margin: 0 calc(7.6923076923 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__item > a {
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow: hidden;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  border-radius: 10px;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__item > a {
    filter: drop-shadow(0px calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
    border-radius: calc(0.6944444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__item > a {
    filter: drop-shadow(0px calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16));
    border-radius: calc(2.5641025641 * var(--vw));
  }
}
@media (hover: none) {
  #TOP .sec-pick-up .job-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .sec-pick-up .job-list__item > a:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .sec-pick-up .job-list__item > a:hover {
    opacity: 0.65;
  }
}
#TOP .sec-pick-up .job-list__header {
  padding: 20px 28px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__header {
    padding: calc(1.3888888889 * var(--vw)) calc(1.9444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__header {
    padding: calc(4.6153846154 * var(--vw)) calc(4.1025641026 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__header .ttl {
  display: -webkit-box;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 3em;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__header .ttl {
    font-size: 2.4rem;
  }
}
#TOP .sec-pick-up .job-list .img {
  overflow: hidden;
  aspect-ratio: 344/216;
  min-width: 0;
}
#TOP .sec-pick-up .job-list .img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
#TOP .sec-pick-up .job-list__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px 28px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__content {
    gap: calc(1.6666666667 * var(--vw));
    padding: calc(1.3888888889 * var(--vw)) calc(1.9444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__content {
    gap: calc(4.1025641026 * var(--vw));
    padding: calc(4.6153846154 * var(--vw)) calc(4.1025641026 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__content .data {
  display: grid;
  grid-template-columns: 80px 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__content .data {
    grid-template-columns: calc(5.5555555556 * var(--vw)) 1fr;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__content .data {
    grid-template-columns: calc(19.7435897436 * var(--vw)) 1fr;
  }
}
#TOP .sec-pick-up .job-list__content .data__ttl {
  position: relative;
  padding: 0 0 0 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__content .data__ttl {
    padding: 0 0 0 calc(1.7361111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__content .data__ttl {
    padding: 0 0 0 calc(5.1282051282 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__content .ico {
  position: absolute;
  top: -4px;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__content .ico {
    top: calc(-0.2777777778 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__content .ico-location {
  width: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__content .ico-location {
    width: calc(1.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__content .ico-location {
    width: calc(3.2051282051 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__content .ico-salary {
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__content .ico-salary {
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__content .ico-salary {
    width: calc(3.5897435897 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__content .ico-time {
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__content .ico-time {
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__content .ico-time {
    width: calc(3.5897435897 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__content .ico-period {
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .job-list__content .ico-period {
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__content .ico-period {
    width: calc(3.5897435897 * var(--vw));
  }
}
#TOP .sec-pick-up .job-list__content .ttl {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}
#TOP .sec-pick-up .job-list__content .ttl::before, #TOP .sec-pick-up .job-list__content .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-pick-up .job-list__content .ttl::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
#TOP .sec-pick-up .job-list__content .ttl::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__content .ttl {
    font-size: 2.4rem;
  }
}
#TOP .sec-pick-up .job-list__content .txt {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}
#TOP .sec-pick-up .job-list__content .txt::before, #TOP .sec-pick-up .job-list__content .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-pick-up .job-list__content .txt::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
#TOP .sec-pick-up .job-list__content .txt::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .job-list__content .txt {
    font-size: 2.4rem;
  }
}
#TOP .sec-pick-up .swiper-pagination {
  top: unset;
  bottom: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-pick-up .swiper-pagination {
    bottom: calc(3.3333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .swiper-pagination {
    display: none;
  }
}
#TOP .sec-pick-up .swiper-pagination-bullet {
  background: #878785;
  opacity: 1;
  width: 16px;
  height: 16px;
  margin: 0 10px;
}
#TOP .sec-pick-up .swiper-pagination-bullet-active {
  background: #E57777;
}
@media only screen and (min-width: 768px) {
  #TOP .sec-pick-up .swiper-button-prev,
  #TOP .sec-pick-up .swiper-button-next {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-pick-up .swiper-button-prev,
  #TOP .sec-pick-up .swiper-button-next {
    background: #fff;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: drop-shadow(0px calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16));
    min-width: 0;
    width: calc(11.5384615385 * var(--vw));
  }
}
#TOP .sec-pick-up .swiper-button-prev::after,
#TOP .sec-pick-up .swiper-button-next::after {
  content: "";
  position: absolute;
  background: url(../img/common/ico_arrow_btn_02.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 7/13;
  min-width: 0;
  width: calc(1.7948717949 * var(--vw));
}
#TOP .sec-pick-up .swiper-button-prev {
  left: calc(7.6923076923 * var(--vw));
  transform: rotate(180deg);
}
#TOP .sec-pick-up .swiper-button-next {
  right: calc(7.6923076923 * var(--vw));
}
#TOP .sec-pick-up .swiper-button-disabled {
  opacity: 0;
}
#TOP .sec-pick-up .btn-box {
  margin-top: auto;
}
#TOP .sec-about .txt {
  font-size: 2.5rem;
  line-height: 1.6;
  text-align: center;
  margin: 64px auto 0;
}
#TOP .sec-about .txt::before, #TOP .sec-about .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-about .txt::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
#TOP .sec-about .txt::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-about .txt {
    margin: calc(4.4444444444 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-about .txt {
    font-size: 2.8rem;
    line-height: 1.7;
    margin: calc(10.2564102564 * var(--vw)) auto 0;
  }
  #TOP .sec-about .txt::before, #TOP .sec-about .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #TOP .sec-about .txt::before {
    margin-top: calc((1 - 1.7) * 0.5em);
  }
  #TOP .sec-about .txt::after {
    margin-bottom: calc((1 - 1.7) * 0.5em);
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .sec__in {
    padding: 0;
  }
}
#TOP .sec-advantage .video-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  justify-content: center;
  margin: 50px auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-advantage .video-box {
    gap: calc(4.1666666667 * var(--vw));
    margin: calc(3.4722222222 * var(--vw)) auto;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .video-box {
    display: flex;
    flex-direction: column;
    gap: calc(8.2051282051 * var(--vw));
    margin: calc(12.3076923077 * var(--vw)) auto;
    padding: 0 calc(5.1282051282 * var(--vw));
  }
}
#TOP .sec-advantage .video-box .video {
  background: #f7f7f7;
  aspect-ratio: 16/9;
  min-width: 0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .video-box .video {
    width: 100%;
  }
}
#TOP .sec-advantage .video-box .video > iframe {
  display: block;
  width: 100%;
  height: 100%;
}
#TOP .sec-advantage .video-box--column2 {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .video-box--column2 {
    gap: calc(4.1025641026 * var(--vw));
  }
}
#TOP .sec-advantage .video-box--column2 .video {
  width: 520px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-advantage .video-box--column2 .video {
    width: calc(36.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .video-box--column2 .video {
    width: 100%;
  }
}
#TOP .sec-advantage .advantage-list {
  display: grid;
  grid-template-columns: repeat(2, 520px);
  gap: 54px 60px;
  counter-reset: advantageNum;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-advantage .advantage-list {
    grid-template-columns: repeat(2, calc(36.1111111111 * var(--vw)));
    gap: calc(3.75 * var(--vw)) calc(4.1666666667 * var(--vw));
  }
}
#TOP .sec-advantage .advantage-list__item {
  counter-increment: advantegeNum;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .advantage-list__item {
    width: calc(78.8461538462 * var(--vw));
    margin: 0 calc(4.6153846154 * var(--vw));
  }
}
#TOP .sec-advantage .advantage-list .ttl {
  position: relative;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 16px;
  padding: 0.25em 0 0 60px;
}
#TOP .sec-advantage .advantage-list .ttl::before, #TOP .sec-advantage .advantage-list .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-advantage .advantage-list .ttl::before {
  margin-top: calc((1 - 1.25) * 0.5em);
}
#TOP .sec-advantage .advantage-list .ttl::after {
  margin-bottom: calc((1 - 1.25) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-advantage .advantage-list .ttl {
    margin-bottom: calc(1.1111111111 * var(--vw));
    padding: 0.25em 0 0 calc(4.1666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .advantage-list .ttl {
    font-size: 3.2rem;
    margin-bottom: calc(4.6153846154 * var(--vw));
    padding: 0.25em 0 0 calc(11.2820512821 * var(--vw));
  }
}
#TOP .sec-advantage .advantage-list .ttl > span::before {
  content: counter(advantegeNum, decimal-leading-zero);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #E57777;
  font-size: 3.9rem;
  line-height: 0.65;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .advantage-list .ttl > span::before {
    font-size: 4.8rem;
  }
}
#TOP .sec-advantage .advantage-list .img {
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-advantage .advantage-list .img {
    border-radius: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .advantage-list .img {
    border-radius: calc(1.0256410256 * var(--vw));
  }
}
#TOP .sec-advantage .advantage-list .txt-box {
  color: #707070;
  padding: 42px 36px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-advantage .advantage-list .txt-box {
    padding: calc(2.9166666667 * var(--vw)) calc(2.5 * var(--vw)) 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .advantage-list .txt-box {
    padding: calc(8.2051282051 * var(--vw)) calc(5.3846153846 * var(--vw)) 0;
  }
}
#TOP .sec-advantage .advantage-list .txt {
  font-size: 1.6rem;
  line-height: 1.5;
}
#TOP .sec-advantage .advantage-list .txt::before, #TOP .sec-advantage .advantage-list .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-advantage .advantage-list .txt::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#TOP .sec-advantage .advantage-list .txt::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #TOP .sec-advantage .advantage-list .txt {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 768px) {
  #TOP .sec-advantage .swiper-wrapper {
    display: contents;
  }
}
#TOP .sec-staffing {
  background: #EFF4F2;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-staffing .sec__in {
    padding: 0 calc(5.1282051282 * var(--vw));
  }
}
#TOP .sec-staffing .staffing-list {
  display: grid;
  grid-template-columns: repeat(3, 344px);
  gap: 32px;
  margin: 64px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-staffing .staffing-list {
    grid-template-columns: repeat(3, calc(23.8888888889 * var(--vw)));
    gap: calc(2.2222222222 * var(--vw));
    margin: calc(4.4444444444 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-staffing .staffing-list {
    grid-template-columns: 1fr;
    gap: calc(8.2051282051 * var(--vw));
    margin: calc(8.2051282051 * var(--vw)) auto 0;
  }
}
#TOP .sec-staffing .staffing-list__item {
  color: #707070;
}
#TOP .sec-staffing .staffing-list__item > a {
  display: block;
  background: #fff;
  filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.16));
  border-radius: 8px;
  height: 100%;
  padding: 32px 42px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-staffing .staffing-list__item > a {
    filter: drop-shadow(calc(0.2083333333 * var(--vw)) calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
    border-radius: calc(0.5555555556 * var(--vw));
    padding: calc(2.2222222222 * var(--vw)) calc(2.9166666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-staffing .staffing-list__item > a {
    display: grid;
    grid-template-columns: calc(17.9487179487 * var(--vw)) 1fr;
    gap: calc(6.1538461538 * var(--vw));
    justify-content: space-between;
    filter: drop-shadow(calc(0.3846153846 * var(--vw)) calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16));
    border-radius: calc(1.0256410256 * var(--vw));
    padding: calc(4.1025641026 * var(--vw)) calc(5.3846153846 * var(--vw));
  }
}
@media (hover: none) {
  #TOP .sec-staffing .staffing-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .sec-staffing .staffing-list__item > a:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .sec-staffing .staffing-list__item > a:hover {
    opacity: 0.65;
  }
}
#TOP .sec-staffing .staffing-list .img {
  aspect-ratio: 1;
  min-width: 0;
  width: 114px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-staffing .staffing-list .img {
    width: calc(7.9166666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-staffing .staffing-list .img {
    width: calc(17.9487179487 * var(--vw));
    margin: 0;
  }
}
#TOP .sec-staffing .staffing-list .txt-box {
  margin: 16px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-staffing .staffing-list .txt-box {
    margin: calc(1.1111111111 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-staffing .staffing-list .txt-box {
    margin: 0;
  }
}
#TOP .sec-staffing .staffing-list .ttl {
  font-size: 2.4rem;
  line-height: 1.25;
  text-align: center;
}
#TOP .sec-staffing .staffing-list .ttl::before, #TOP .sec-staffing .staffing-list .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-staffing .staffing-list .ttl::before {
  margin-top: calc((1 - 1.25) * 0.5em);
}
#TOP .sec-staffing .staffing-list .ttl::after {
  margin-bottom: calc((1 - 1.25) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #TOP .sec-staffing .staffing-list .ttl {
    font-size: 3.2rem;
    font-weight: 400;
    text-align: left;
  }
}
#TOP .sec-staffing .staffing-list .txt {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 16px auto 0;
}
#TOP .sec-staffing .staffing-list .txt::before, #TOP .sec-staffing .staffing-list .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-staffing .staffing-list .txt::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#TOP .sec-staffing .staffing-list .txt::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-staffing .staffing-list .txt {
    margin: calc(1.1111111111 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-staffing .staffing-list .txt {
    font-size: 2.4rem;
    line-height: 1.3;
    margin: calc(4.6153846154 * var(--vw)) 0 0;
  }
  #TOP .sec-staffing .staffing-list .txt::before, #TOP .sec-staffing .staffing-list .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #TOP .sec-staffing .staffing-list .txt::before {
    margin-top: calc((1 - 1.3) * 0.5em);
  }
  #TOP .sec-staffing .staffing-list .txt::after {
    margin-bottom: calc((1 - 1.3) * 0.5em);
  }
}
#TOP .sec-interview {
  background: #CAE6E0;
}
#TOP .sec-interview .txt-box {
  position: relative;
  display: grid;
  grid-template-columns: 0.5fr;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-interview .txt-box {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-interview .container {
    margin: calc(9.2307692308 * var(--vw)) 0 0;
  }
}
#TOP .sec-interview .sec-ttl {
  text-align: left;
  gap: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-interview .sec-ttl {
    gap: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-interview .sec-ttl {
    gap: calc(3.0769230769 * var(--vw));
  }
}
#TOP .sec-interview .sec-ttl .sub {
  position: relative;
}
#TOP .sec-interview .sec-ttl .main > span {
  padding: 0 0 0 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-interview .sec-ttl .main > span {
    padding: 0 0 0 calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-interview .sec-ttl .main > span {
    padding: 0 0 0 calc(2.3076923077 * var(--vw));
  }
}
#TOP .sec-interview .sec-ttl .main > span::before {
  left: 0;
}
#TOP .sec-interview .sec-ttl .main > span::after {
  content: "";
  position: absolute;
  top: -16px;
  left: 0;
  background: #707070;
  width: 80px;
  height: 1px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-interview .sec-ttl .main > span::after {
    top: calc(-1.1111111111 * var(--vw));
    width: calc(5.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-interview .sec-ttl .main > span::after {
    top: calc(-2.0512820513 * var(--vw));
    width: calc(10.2564102564 * var(--vw));
  }
}
#TOP .sec-interview .txt {
  font-size: 2.4rem;
  line-height: 1.6;
}
#TOP .sec-interview .txt::before, #TOP .sec-interview .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-interview .txt::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
#TOP .sec-interview .txt::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
#TOP .sec-interview .img {
  position: absolute;
  top: -72px;
  left: 0;
  overflow: hidden;
  border-radius: 0 0 16px 16px;
  width: 502px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-interview .img {
    top: calc(-5 * var(--vw));
    border-radius: 0 0 calc(1.1111111111 * var(--vw)) calc(1.1111111111 * var(--vw));
    width: calc(34.8611111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-interview .img {
    position: static;
    border-radius: 0 0 calc(2.0512820513 * var(--vw)) calc(2.0512820513 * var(--vw));
    width: 100%;
  }
}
#TOP .sec-client .txt-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 8px;
  overflow: hidden;
  filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.16));
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-client .txt-box {
    border-radius: calc(0.5555555556 * var(--vw));
    filter: drop-shadow(calc(0.2083333333 * var(--vw)) calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-client .txt-box {
    grid-template-columns: 1fr;
    border-radius: calc(1.0256410256 * var(--vw));
    filter: drop-shadow(calc(0.3846153846 * var(--vw)) calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16));
  }
}
#TOP .sec-client .txt-box .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  padding: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-client .txt-box .container {
    padding: calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-client .txt-box .container {
    padding: calc(7.6923076923 * var(--vw)) calc(8.2051282051 * var(--vw)) calc(5.3846153846 * var(--vw));
  }
}
#TOP .sec-client .txt {
  font-size: 2.4rem;
  line-height: 1.6;
}
#TOP .sec-client .txt::before, #TOP .sec-client .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-client .txt::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
#TOP .sec-client .txt::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
#TOP .sec-client .link {
  text-align: right;
  margin: 45px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-client .link {
    margin: calc(3.125 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-client .link {
    margin: calc(5.7692307692 * var(--vw)) 0 0;
  }
}
#TOP .sec-client .link > a {
  position: relative;
  display: inline-block;
  color: #E57777;
  font-size: 2.8rem;
  font-weight: 400;
  padding: 0 50px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-client .link > a {
    padding: 0 calc(3.4722222222 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-client .link > a {
    padding: 0 calc(6.4102564103 * var(--vw)) 0 0;
  }
}
#TOP .sec-client .link > a::after {
  content: "";
  position: absolute;
  top: calc(0.5em - 10px);
  right: 0;
  background: url(../img/common/ico_arrow_btn_02.svg) no-repeat 0 0/100% auto;
  min-width: 0;
  aspect-ratio: 4/7;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-client .link > a::after {
    top: calc(0.5em - 0.6944444444 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-client .link > a::after {
    top: calc(0.5em - 1.2820512821 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
  }
}
#TOP .sec-client .link > a > span {
  display: block;
  line-height: 1.3;
}
#TOP .sec-client .link > a > span::before, #TOP .sec-client .link > a > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-client .link > a > span::before {
  margin-top: calc((1 - 1.3) * 0.5em);
}
#TOP .sec-client .link > a > span::after {
  margin-bottom: calc((1 - 1.3) * 0.5em);
}
@media (hover: none) {
  #TOP .sec-client .link > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .sec-client .link > a:active {
    text-decoration: underline;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .sec-client .link > a:hover {
    text-decoration: underline;
  }
}
#TOP .sec-column .column-list {
  display: grid;
  grid-template-columns: repeat(3, 344px);
  gap: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-column .column-list {
    grid-template-columns: repeat(3, calc(23.8888888889 * var(--vw)));
    gap: calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-column .column-list {
    grid-template-columns: 1fr;
    gap: calc(10.7692307692 * var(--vw));
  }
}
#TOP .sec-column .column-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
#TOP .sec-column .column-list__item .img,
#TOP .sec-column .column-list__item .ttl,
#TOP .sec-column .column-list__item .txt {
  transition: 0.3s;
}
@media (hover: none) {
  #TOP .sec-column .column-list__item {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .sec-column .column-list__item:active .img,
  #TOP .sec-column .column-list__item:active .ttl,
  #TOP .sec-column .column-list__item:active .txt {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .sec-column .column-list__item:hover .img,
  #TOP .sec-column .column-list__item:hover .ttl,
  #TOP .sec-column .column-list__item:hover .txt {
    opacity: 0.65;
  }
}
#TOP .sec-column .column-list__item > a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-column .column-list__item > a {
    border-radius: calc(0.5555555556 * var(--vw));
    filter: drop-shadow(0px calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-column .column-list__item > a {
    display: grid;
    grid-template-columns: calc(25.7692307692 * var(--vw)) 1fr;
    border-radius: calc(1.0256410256 * var(--vw));
  }
}
@media only screen and (min-width: 768px) {
  #TOP .sec-column .column-list .img {
    min-width: 0;
    aspect-ratio: 344/232;
  }
}
#TOP .sec-column .column-list .img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
#TOP .sec-column .column-list .txt-box {
  background: #fff;
  padding: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-column .column-list .txt-box {
    padding: calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-column .column-list .txt-box {
    padding: calc(3.8461538462 * var(--vw));
  }
}
#TOP .sec-column .column-list .txt-box .ttl {
  display: -webkit-box;
  font-size: 1.6rem;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 3em;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-column .column-list .txt-box .ttl {
    font-size: 2.4rem;
  }
}
#TOP .sec-column .column-list .txt-box .txt {
  display: -webkit-box;
  font-size: 1.4rem;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 16px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-column .column-list .txt-box .txt {
    margin: calc(1.1111111111 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-column .column-list .txt-box .txt {
    font-size: 2rem;
    line-height: 1.6;
    margin: calc(8.2051282051 * var(--vw)) 0 0;
  }
  #TOP .sec-column .column-list .txt-box .txt::before, #TOP .sec-column .column-list .txt-box .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #TOP .sec-column .column-list .txt-box .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #TOP .sec-column .column-list .txt-box .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#TOP .sec-column .column-list .txt-box .tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-column .column-list .txt-box .tags {
    gap: calc(0.6944444444 * var(--vw));
    margin: calc(0.9722222222 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-column .column-list .txt-box .tags {
    gap: calc(3.0769230769 * var(--vw));
    margin: calc(3.5897435897 * var(--vw)) auto 0;
  }
}
#TOP .sec-column .column-list .txt-box .tags .tag {
  display: flex;
  justify-content: center;
  align-items: end;
  background: #E5C5BA;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  border-radius: 12px;
  transition: 0.3s;
  min-width: 72px;
  height: 24px;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-column .column-list .txt-box .tags .tag {
    border-radius: calc(0.8333333333 * var(--vw));
    min-width: calc(5 * var(--vw));
    height: calc(1.6666666667 * var(--vw));
    padding: 0 calc(1.3888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-column .column-list .txt-box .tags .tag {
    border-radius: calc(1.5384615385 * var(--vw));
    min-width: calc(11.4102564103 * var(--vw));
    height: calc(4.8717948718 * var(--vw));
    padding: 0 calc(2.5641025641 * var(--vw));
  }
}
@media (hover: none) {
  #TOP .sec-column .column-list .txt-box .tags .tag {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .sec-column .column-list .txt-box .tags .tag:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .sec-column .column-list .txt-box .tags .tag:hover {
    opacity: 0.65;
  }
}
#TOP .sec-news {
  background: #F7EDEA;
}
#TOP .sec-news .news-list {
  display: grid;
  gap: 32px;
  padding: 0 230px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-news .news-list {
    gap: calc(2.2222222222 * var(--vw));
    padding: 0 calc(15.9722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .news-list {
    gap: calc(6.1538461538 * var(--vw));
    padding: 0;
  }
}
#TOP .sec-news .news-list__item {
  position: relative;
  color: #333;
}
#TOP .sec-news .news-list__item > a {
  display: grid;
  grid-template-columns: 127px 147px 1fr;
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-news .news-list__item > a {
    grid-template-columns: calc(8.8194444444 * var(--vw)) calc(10.2083333333 * var(--vw)) 1fr;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .news-list__item > a {
    grid-template-columns: calc(20.5128205128 * var(--vw)) 1fr;
    grid-template-rows: repeat(2, 1fr);
    row-gap: calc(3.8461538462 * var(--vw));
    font-size: 2.4rem;
  }
}
@media (hover: none) {
  #TOP .sec-news .news-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .sec-news .news-list__item > a:active .txt {
    text-decoration: underline;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .sec-news .news-list__item > a:hover .txt {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .date {
    grid-area: 1/1/2/2;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .category {
    grid-area: 1/2/2/3;
  }
}
#TOP .sec-news .category > * {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #646464;
  font-size: 1.2rem;
  font-weight: 400;
  border-radius: 4px;
  transition: 0.3s;
  aspect-ratio: 122/23;
  min-width: 0;
  width: 122px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-news .category > * {
    border-radius: calc(0.2777777778 * var(--vw));
    width: calc(8.4722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .category > * {
    font-size: 2rem;
    aspect-ratio: 5/1;
    border-radius: calc(0.5128205128 * var(--vw));
    width: calc(25.641025641 * var(--vw));
  }
}
@media (hover: none) {
  #TOP .sec-news .category > * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .sec-news .category > *:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .sec-news .category > *:hover {
    opacity: 0.65;
  }
}
#TOP .sec-news .category--recruit > * {
  background: #E5C5BA;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .txt {
    grid-area: 2/1/3/3;
  }
}
@media (hover: none) {
  #TOP .sec-news .txt a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #TOP .sec-news .txt a:active {
    text-decoration: underline;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #TOP .sec-news .txt a:hover {
    text-decoration: underline;
  }
}
#TOP .sec-news .btn-basic::after {
  right: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-news .btn-basic::after {
    right: calc(3.125 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-news .btn-basic::after {
    right: calc(5.7692307692 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-contact {
    padding: calc(9.2307692308 * var(--vw)) 0 calc(17.9487179487 * var(--vw));
  }
}
#TOP .sec-contact .sec-ttl .main {
  color: #000;
}
@media only screen and (max-width: 767px) {
  #TOP .sec-contact .btn-box {
    margin: calc(15.3846153846 * var(--vw)) 0 0;
  }
}
#TOP .sec-contact .txt {
  font-size: 2.4rem;
  line-height: 2;
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
}
#TOP .sec-contact .txt::before, #TOP .sec-contact .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#TOP .sec-contact .txt::before {
  margin-top: calc((1 - 2) * 0.5em);
}
#TOP .sec-contact .txt::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .sec-contact .txt {
    max-width: calc(66.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .sec-contact .txt {
    max-width: 100%;
  }
}
#TOP .video-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  justify-content: center;
  margin: 50px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .video-box {
    gap: calc(4.1666666667 * var(--vw));
    margin: calc(3.4722222222 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #TOP .video-box {
    display: flex;
    flex-direction: column;
    gap: calc(8.2051282051 * var(--vw));
    margin: calc(12.3076923077 * var(--vw)) auto 0;
    padding: 0 calc(5.1282051282 * var(--vw));
  }
}
#TOP .video-box .video__container {
  aspect-ratio: 16/9;
  min-width: 0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #TOP .video-box .video__container {
    width: 100%;
  }
}
#TOP .video-box .video__container > iframe {
  display: block;
  width: 100%;
  height: 100%;
}
#TOP .video-box .video__caption {
  font-size: 2.4rem;
  line-height: 1.25;
  text-align: center;
  margin: 1.6rem 0 0;
}
@media only screen and (max-width: 767px) {
  #TOP .video-box .video__caption {
    font-size: 3.2rem;
  }
}
#TOP .video-box--column2 {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #TOP .video-box--column2 {
    gap: calc(4.1025641026 * var(--vw));
  }
}
#TOP .video-box--column2 .video {
  width: 520px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #TOP .video-box--column2 .video {
    width: calc(36.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #TOP .video-box--column2 .video {
    width: 100%;
  }
}

.PAGE .wrapper {
  padding: 88px 0 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .wrapper {
    padding: calc(6.1111111111 * var(--vw)) 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .wrapper {
    padding: calc(18.5897435897 * var(--vw)) 0 0;
  }
}
.PAGE .sec {
  position: relative;
  padding: 80px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec {
    padding: calc(5.5555555556 * var(--vw)) 0;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec {
    padding: calc(11.5384615385 * var(--vw)) 0 calc(10.2564102564 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec:has(.sidebar__wrap) > .sec__in {
    padding: 0;
  }
}
.PAGE .sec-ttl {
  display: grid;
  gap: 16px;
  text-align: center;
  margin: 0 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-ttl {
    gap: calc(1.1111111111 * var(--vw));
    margin: 0 0 calc(5.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-ttl {
    gap: calc(2.0512820513 * var(--vw));
    margin: 0 0 calc(10.2564102564 * var(--vw));
  }
}
.PAGE .sec-ttl .sub {
  color: #878785;
  font-size: 2.5rem;
  line-height: 1.3;
}
.PAGE .sec-ttl .sub::before, .PAGE .sec-ttl .sub::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.PAGE .sec-ttl .sub::before {
  margin-top: calc((1 - 1.3) * 0.5em);
}
.PAGE .sec-ttl .sub::after {
  margin-bottom: calc((1 - 1.3) * 0.5em);
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-ttl .sub {
    font-size: 2.5rem;
  }
}
.PAGE .sec-ttl .main {
  color: #646464;
  font-size: 3.9rem;
  font-weight: 400;
  line-height: 1.3;
}
.PAGE .sec-ttl .main::before, .PAGE .sec-ttl .main::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.PAGE .sec-ttl .main::before {
  margin-top: calc((1 - 1.3) * 0.5em);
}
.PAGE .sec-ttl .main::after {
  margin-bottom: calc((1 - 1.3) * 0.5em);
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-ttl .main {
    font-size: 4.8rem;
  }
}
.PAGE .sec-ttl .main > span {
  position: relative;
}
.PAGE .sec-ttl .main > span::before {
  content: "";
  position: absolute;
  top: calc(0.5em - 8px);
  left: -18px;
  background: #E57777;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-ttl .main > span::before {
    top: calc(0.5em - 0.5555555556 * var(--vw));
    left: calc(-1.25 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-ttl .main > span::before {
    top: calc(0.5em - 2.0512820513 * var(--vw));
    left: calc(-4.358974359 * var(--vw));
    width: calc(2.0512820513 * var(--vw));
  }
}
.PAGE .sec-ttl--02 {
  position: relative;
  border-bottom: 10px solid #E5C5BA;
  padding: 0 0 12px 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-ttl--02 {
    border-bottom-width: calc(0.6944444444 * var(--vw));
    padding: 0 0 calc(0.8333333333 * var(--vw)) calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-ttl--02 {
    border-bottom-width: calc(1.2820512821 * var(--vw));
    padding: 0 0 calc(1.5384615385 * var(--vw)) calc(4.1025641026 * var(--vw));
  }
}
.PAGE .sec-ttl--02::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 10px;
  background: #e57777;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 8px;
  height: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-ttl--02::before {
    top: calc(0.8333333333 * var(--vw));
    left: calc(0.6944444444 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
    height: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-ttl--02::before {
    top: calc(1.5384615385 * var(--vw));
    left: calc(1.2820512821 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
    height: calc(1.0256410256 * var(--vw));
  }
}
.PAGE .sec-ttl--02 .main {
  font-size: 3.2rem;
  line-height: 1.4;
}
.PAGE .sec-ttl--02 .main::before, .PAGE .sec-ttl--02 .main::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.PAGE .sec-ttl--02 .main::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
.PAGE .sec-ttl--02 .main::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
.PAGE .link-txt {
  text-decoration: underline;
}
@media (hover: none) {
  .PAGE .link-txt {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .PAGE .link-txt:active {
    text-decoration: none;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .PAGE .link-txt:hover {
    text-decoration: none;
  }
}
.PAGE .bg-blue {
  background: #EFF4F2;
}
.PAGE .bg-orange {
  background: #F8F2F2;
}
.PAGE .c-red {
  color: #E57777;
}
.PAGE .kv {
  position: relative;
  overflow: hidden;
  border-bottom: 20px solid;
  border-image-source: linear-gradient(to right, #fff 0%, #e4f8f0 48.28%, #f4e8e4 78.82%, #e7ccc3 100%);
  border-image-slice: 1;
  height: 300px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .kv {
    border-bottom-width: calc(1.3888888889 * var(--vw));
    height: calc(20.8333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .kv {
    border-bottom-width: calc(5.1282051282 * var(--vw));
    height: calc(43.5897435897 * var(--vw));
  }
}
.PAGE .kv > picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.PAGE .kv > picture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.PAGE .kv .sec__in {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
}
.PAGE .kv .page-ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  color: #fff;
  line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .kv .page-ttl {
    gap: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .kv .page-ttl {
    gap: calc(4.6153846154 * var(--vw));
  }
}
.PAGE .kv .page-ttl .main {
  font-size: 4.8rem;
  font-weight: 400;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .kv .page-ttl .main {
    text-shadow: 0px calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .kv .page-ttl .main {
    font-size: 6.4rem;
    text-shadow: 0px calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16);
  }
}
.PAGE .kv .page-ttl .sub {
  font-size: 2.9rem;
  text-shadow: none;
  opacity: 0.64;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .PAGE .kv .page-ttl .sub {
    font-size: 4rem;
  }
}
.PAGE .breadcrumb {
  padding: 40px 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .breadcrumb {
    padding: calc(2.7777777778 * var(--vw)) 0 calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .breadcrumb {
    padding: calc(4.1025641026 * var(--vw)) 0 calc(3.0769230769 * var(--vw));
  }
}
.PAGE .breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1em;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .PAGE .breadcrumb-list {
    font-size: 2.4rem;
  }
}
.PAGE .breadcrumb-list__item {
  line-height: 1.4;
}
.PAGE .breadcrumb-list__item::before, .PAGE .breadcrumb-list__item::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.PAGE .breadcrumb-list__item::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
.PAGE .breadcrumb-list__item::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  .PAGE .breadcrumb-list__item {
    font-size: 2.4rem;
  }
}
.PAGE .breadcrumb-list__item > span {
  position: relative;
  padding: 0 0 0 1.5em;
}
.PAGE .breadcrumb-list__item > span::before {
  content: ">";
  position: absolute;
  top: 0;
  left: 0;
}
.PAGE .sec-apply {
  padding: 100px 0 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-apply {
    padding: calc(6.9444444444 * var(--vw)) 0 calc(4.1666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-apply {
    padding: calc(12.8205128205 * var(--vw)) 0 calc(11.2820512821 * var(--vw));
  }
}
.PAGE .sec-apply .btn-apply {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E5DB76;
  color: #333;
  border-radius: 40px;
  aspect-ratio: 45/8;
  width: 450px;
  min-width: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-apply .btn-apply {
    border-radius: calc(2.7777777778 * var(--vw));
    width: calc(31.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-apply .btn-apply {
    border-radius: calc(5.1282051282 * var(--vw));
    width: calc(57.6923076923 * var(--vw));
  }
}
.PAGE .sec-apply .btn-apply::after {
  content: "";
  position: absolute;
  top: 0;
  right: 60px;
  bottom: 0;
  background: url(../img/common/ico_arrow_btn_04.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 8/14;
  min-width: 0;
  width: 8px;
  height: 14px;
  margin: auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-apply .btn-apply::after {
    right: calc(4.1666666667 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
    height: calc(0.9722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-apply .btn-apply::after {
    right: calc(7.6923076923 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
    height: calc(1.7948717949 * var(--vw));
  }
}
.PAGE .sec-apply .btn-apply > span {
  font-size: 2.8rem;
  font-weight: 400;
}
@media (hover: none) {
  .PAGE .sec-apply .btn-apply {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .PAGE .sec-apply .btn-apply:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .PAGE .sec-apply .btn-apply:hover {
    opacity: 0.65;
  }
}
.PAGE .sec-contact-include {
  padding: 100px 0 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-contact-include {
    padding: calc(6.9444444444 * var(--vw)) 0 calc(4.1666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-contact-include {
    padding: calc(12.8205128205 * var(--vw)) 0 calc(11.2820512821 * var(--vw));
  }
}
.PAGE .sec-contact-include .btn-contact {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E57777;
  color: #fff;
  border-radius: 40px;
  aspect-ratio: 45/8;
  width: 450px;
  min-width: 0;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-contact-include .btn-contact {
    border-radius: calc(2.7777777778 * var(--vw));
    width: calc(31.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-contact-include .btn-contact {
    border-radius: calc(5.1282051282 * var(--vw));
    width: calc(57.6923076923 * var(--vw));
  }
}
.PAGE .sec-contact-include .btn-contact::after {
  content: "";
  position: absolute;
  top: 0;
  right: 60px;
  bottom: 0;
  background: url(../img/common/ico_arrow_btn_01.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 8/14;
  min-width: 0;
  width: 8px;
  height: 14px;
  margin: auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sec-contact-include .btn-contact::after {
    right: calc(4.1666666667 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
    height: calc(0.9722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sec-contact-include .btn-contact::after {
    right: calc(7.6923076923 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
    height: calc(1.7948717949 * var(--vw));
  }
}
.PAGE .sec-contact-include .btn-contact > span {
  font-size: 2.8rem;
  font-weight: 400;
}
@media (hover: none) {
  .PAGE .sec-contact-include .btn-contact {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .PAGE .sec-contact-include .btn-contact:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .PAGE .sec-contact-include .btn-contact:hover {
    opacity: 0.65;
  }
}
.PAGE.ARCHIVES .pagination {
  margin: 90px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.ARCHIVES .pagination {
    margin: calc(6.25 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.ARCHIVES .pagination {
    margin: calc(15.3846153846 * var(--vw)) auto 0;
  }
}
.PAGE.ARCHIVES .pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.ARCHIVES .pagination .page-numbers {
    gap: calc(2.0512820513 * var(--vw)) calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.ARCHIVES .pagination .page-numbers {
    gap: calc(3.0769230769 * var(--vw)) calc(4.1025641026 * var(--vw));
  }
}
.PAGE.ARCHIVES .pagination .page-numbers > li > * {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  color: #646464;
  font-family: Meiryo, "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  aspect-ratio: 1;
  min-width: 0;
  border: 1px solid #E57777;
  border-radius: 50%;
  filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.16));
  width: 56px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.ARCHIVES .pagination .page-numbers > li > * {
    filter: drop-shadow(calc(0.2083333333 * var(--vw)) calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
    width: calc(3.8888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.ARCHIVES .pagination .page-numbers > li > * {
    font-size: 3.5rem;
    filter: drop-shadow(calc(0.3846153846 * var(--vw)) calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16));
    width: calc(10.7692307692 * var(--vw));
  }
}
.PAGE.ARCHIVES .pagination .page-numbers > li > *.current {
  background: #E57777;
  color: #fff;
}
.PAGE.ARCHIVES .pagination .page-numbers > li > *.prev, .PAGE.ARCHIVES .pagination .page-numbers > li > *.next {
  border-color: #fff;
}
.PAGE.ARCHIVES .pagination .page-numbers > li > *.prev::before, .PAGE.ARCHIVES .pagination .page-numbers > li > *.next::before {
  content: "";
  position: relative;
  background: url(../img/common/ico_arrow_btn_02.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 13/21;
  min-width: 0;
  width: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.ARCHIVES .pagination .page-numbers > li > *.prev::before, .PAGE.ARCHIVES .pagination .page-numbers > li > *.next::before {
    width: calc(0.9027777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.ARCHIVES .pagination .page-numbers > li > *.prev::before, .PAGE.ARCHIVES .pagination .page-numbers > li > *.next::before {
    width: calc(2.1794871795 * var(--vw));
  }
}
.PAGE.ARCHIVES .pagination .page-numbers > li > *.prev::before {
  transform: rotate(180deg);
}
.PAGE.SINGLE .page__header {
  position: relative;
  padding: 40px 0 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.SINGLE .page__header {
    padding: calc(2.7777777778 * var(--vw)) 0 calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.SINGLE .page__header {
    padding: 0 0 calc(8.2051282051 * var(--vw));
  }
}
.PAGE.SINGLE .page__header::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, #fff 0%, #e4f8f0 48.28%, #f4e8e4 78.82%, #e7ccc3 100%);
  height: 20px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.SINGLE .page__header::after {
    height: calc(1.3888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.SINGLE .page__header::after {
    height: calc(5.1282051282 * var(--vw));
  }
}
.PAGE.SINGLE .page__header .ttl {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.SINGLE .page__header .ttl {
    gap: calc(0.4166666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.SINGLE .page__header .ttl {
    gap: calc(2.0512820513 * var(--vw));
  }
}
.PAGE.SINGLE .page__header .ttl .sub {
  color: #b3b3b1;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .PAGE.SINGLE .page__header .ttl .sub {
    font-size: 3.2rem;
  }
}
.PAGE.SINGLE .page__header .ttl .main {
  color: #646464;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}
.PAGE.SINGLE .btn-box {
  display: flex;
  justify-content: center;
  margin: 100px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.SINGLE .btn-box {
    margin: calc(6.9444444444 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.SINGLE .btn-box {
    margin: calc(30.7692307692 * var(--vw)) auto 0;
  }
}
.PAGE.SINGLE .btn-basic {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E57777;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 400;
  border-radius: 40px;
  aspect-ratio: 5/1;
  min-width: 0;
  width: 400px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.SINGLE .btn-basic {
    border-radius: calc(2.7777777778 * var(--vw));
    width: calc(27.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.SINGLE .btn-basic {
    border-radius: calc(5.1282051282 * var(--vw));
    width: calc(51.2820512821 * var(--vw));
  }
}
.PAGE.SINGLE .btn-basic::after {
  content: "";
  position: absolute;
  top: 0;
  right: 60px;
  bottom: 0;
  background: url(../img/common/ico_arrow_btn_01.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 4/7;
  min-width: 0;
  width: 8px;
  height: 14px;
  margin: auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE.SINGLE .btn-basic::after {
    right: calc(4.1666666667 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
    height: calc(0.9722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE.SINGLE .btn-basic::after {
    right: calc(7.6923076923 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
    height: calc(1.7948717949 * var(--vw));
  }
}
@media (hover: none) {
  .PAGE.SINGLE .btn-basic {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .PAGE.SINGLE .btn-basic:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .PAGE.SINGLE .btn-basic:hover {
    opacity: 0.65;
  }
}
.PAGE .sidebar__wrap {
  display: grid;
  grid-template-columns: 730px 280px;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sidebar__wrap {
    grid-template-columns: calc(50.6944444444 * var(--vw)) calc(19.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sidebar__wrap {
    grid-template-columns: 1fr;
    gap: calc(17.9487179487 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sidebar__wrap .article {
    padding: 0 calc(10.5128205128 * var(--vw));
  }
}
.PAGE .sidebar {
  color: #707070;
}
@media only screen and (max-width: 767px) {
  .PAGE .sidebar {
    background: #F7EDEA;
    padding: calc(10.2564102564 * var(--vw)) calc(5.1282051282 * var(--vw)) calc(10.2564102564 * var(--vw));
  }
}
.PAGE .sidebar__ttl {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 32px;
}
.PAGE .sidebar__ttl::before, .PAGE .sidebar__ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.PAGE .sidebar__ttl::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
.PAGE .sidebar__ttl::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sidebar__ttl {
    margin: 0 0 calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sidebar__ttl {
    font-size: 3.2rem;
    margin: 0 0 calc(8.2051282051 * var(--vw));
  }
}
.PAGE .sidebar__ttl:not(:first-of-type) {
  margin-top: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .PAGE .sidebar__ttl:not(:first-of-type) {
    margin-top: calc(7.6388888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .PAGE .sidebar__ttl:not(:first-of-type) {
    margin-top: calc(17.9487179487 * var(--vw));
  }
}
.PAGE .sidebar .archive-list {
  display: grid;
  grid-template-columns: 1fr;
}

.sidebar--staff_interview .interview-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--staff_interview .interview-list {
    gap: calc(3.3333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .interview-list {
    grid-template-columns: 1fr;
    gap: calc(10.2564102564 * var(--vw));
  }
}
.sidebar--staff_interview .interview-list__item {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--staff_interview .interview-list__item {
    border-radius: calc(0.6944444444 * var(--vw));
    box-shadow: 0 calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .interview-list__item {
    border-radius: calc(1.2820512821 * var(--vw));
    box-shadow: 0 calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16);
  }
}
.sidebar--staff_interview .interview-list__item > a {
  display: grid;
  grid-template-columns: 100px 1fr;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--staff_interview .interview-list__item > a {
    grid-template-columns: calc(6.9444444444 * var(--vw)) 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .interview-list__item > a {
    grid-template-columns: calc(33.3333333333 * var(--vw)) 1fr;
  }
}
@media (hover: none) {
  .sidebar--staff_interview .interview-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .sidebar--staff_interview .interview-list__item > a:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .sidebar--staff_interview .interview-list__item > a:hover {
    opacity: 0.65;
  }
}
.sidebar--staff_interview .interview__header {
  position: relative;
}
.sidebar--staff_interview .interview__header .img {
  aspect-ratio: 1;
  overflow: hidden;
  min-width: 0;
  width: 100%;
}
.sidebar--staff_interview .interview__header .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.sidebar--staff_interview .interview__header .num {
  position: absolute;
  top: 8px;
  left: 0;
  background: linear-gradient(to right, #fff 0%, #e4f8f0 48.28%, #f4e8e4 78.82%, #e7ccc3 100%);
  color: #878785;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 8px 24px;
}
@media only screen and (min-width: 768px) {
  .sidebar--staff_interview .interview__header .num {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--staff_interview .interview__header .num {
    top: calc(0.5555555556 * var(--vw));
    padding: calc(0.5555555556 * var(--vw)) calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .interview__header .num {
    top: calc(1.5384615385 * var(--vw));
    font-size: 2rem;
    padding: calc(1.0256410256 * var(--vw)) calc(3.0769230769 * var(--vw));
  }
}
.sidebar--staff_interview .interview__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  color: #707070;
  padding: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--staff_interview .interview__content {
    padding: calc(0.9722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .interview__content {
    padding: calc(3.8461538462 * var(--vw));
  }
}
.sidebar--staff_interview .name-box {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-items: flex-end;
}
.sidebar--staff_interview .name-box .name {
  display: -webkit-box;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 400;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .name-box .name {
    font-size: 3.2rem;
  }
}
.sidebar--staff_interview .name-box .category {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CAE6E0;
  font-size: 1.2rem;
  border-radius: 3px;
  aspect-ratio: 83/16;
  min-width: 0;
  width: 83px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--staff_interview .name-box .category {
    border-radius: calc(0.2083333333 * var(--vw));
    width: calc(5.7638888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .name-box .category {
    font-size: 2rem;
    border-radius: calc(0.7692307692 * var(--vw));
    aspect-ratio: 171/35;
    min-width: 0;
    width: calc(21.9230769231 * var(--vw));
  }
}
.sidebar--staff_interview .name-box .category--outsourcing {
  background: #E5C5BA;
}
@media only screen and (min-width: 768px) {
  .sidebar--staff_interview .name-box .category--outsourcing {
    font-size: 1rem;
    white-space: nowrap;
  }
}
.sidebar--staff_interview .name-box .category--temporary {
  background: #CAE6E0;
}
.sidebar--staff_interview .txt-box {
  margin: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--staff_interview .txt-box {
    margin: calc(0.6944444444 * var(--vw)) 0;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .txt-box {
    margin: calc(4.1025641026 * var(--vw)) 0 calc(1.0256410256 * var(--vw));
  }
}
.sidebar--staff_interview .txt-box .txt {
  font-size: 1.4rem;
  line-height: 1.4;
}
.sidebar--staff_interview .txt-box .txt::before, .sidebar--staff_interview .txt-box .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.sidebar--staff_interview .txt-box .txt::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
.sidebar--staff_interview .txt-box .txt::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .txt-box .txt {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  .sidebar--staff_interview .txt-box .txt::before, .sidebar--staff_interview .txt-box .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .sidebar--staff_interview .txt-box .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .sidebar--staff_interview .txt-box .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
.sidebar--staff_interview .link-box {
  text-align: right;
  margin: auto 0 0;
}
@media only screen and (min-width: 768px) {
  .sidebar--staff_interview .link-box {
    display: none;
  }
}
.sidebar--staff_interview .link-box .txt {
  position: relative;
  font-size: 1.6rem;
  padding: 0 24px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--staff_interview .link-box .txt {
    padding: 0 calc(1.6666666667 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .link-box .txt {
    font-size: 2.4rem;
    padding: 0 calc(3.0769230769 * var(--vw)) 0 0;
  }
}
.sidebar--staff_interview .link-box .txt::after {
  content: "";
  position: absolute;
  top: 0.4em;
  right: 0;
  background: url(../img/common/ico_arrow_btn_02.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 8/14;
  min-width: 0;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--staff_interview .link-box .txt::after {
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--staff_interview .link-box .txt::after {
    width: calc(1.2820512821 * var(--vw));
  }
}
.sidebar--staff_interview .link-box .txt > span {
  color: #E57777;
  line-height: 1.375;
  font-weight: 400;
}
.sidebar--staff_interview .link-box .txt > span::before, .sidebar--staff_interview .link-box .txt > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.sidebar--staff_interview .link-box .txt > span::before {
  margin-top: calc((1 - 1.375) * 0.5em);
}
.sidebar--staff_interview .link-box .txt > span::after {
  margin-bottom: calc((1 - 1.375) * 0.5em);
}
.sidebar--column .side-column-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--column .side-column-list {
    gap: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--column .side-column-list {
    gap: calc(10.2564102564 * var(--vw));
  }
}
.sidebar--column .side-column-list__item {
  color: #707070;
}
@media only screen and (max-width: 767px) {
  .sidebar--column .side-column-list__item {
    background: #fff;
  }
}
.sidebar--column .side-column-list__item > a {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--column .side-column-list__item > a {
    grid-template-columns: calc(6.9444444444 * var(--vw)) 1fr;
    gap: calc(0.9722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--column .side-column-list__item > a {
    align-items: flex-start;
    grid-template-columns: calc(28.2051282051 * var(--vw)) 1fr;
    padding: calc(5.1282051282 * var(--vw));
  }
}
.sidebar--column .side-column-list__item .img {
  overflow: hidden;
  aspect-ratio: 1;
  min-width: 0;
  width: 100%;
}
.sidebar--column .side-column-list__item .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .sidebar--column .side-column-list__item .txt-box {
    padding: 0.36em 0 0;
  }
}
.sidebar--column .side-column-list__item .txt-box .date,
.sidebar--column .side-column-list__item .txt-box .ttl {
  font-size: 1.4rem;
  line-height: 1.4;
}
.sidebar--column .side-column-list__item .txt-box .date::before, .sidebar--column .side-column-list__item .txt-box .date::after,
.sidebar--column .side-column-list__item .txt-box .ttl::before,
.sidebar--column .side-column-list__item .txt-box .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.sidebar--column .side-column-list__item .txt-box .date::before,
.sidebar--column .side-column-list__item .txt-box .ttl::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
.sidebar--column .side-column-list__item .txt-box .date::after,
.sidebar--column .side-column-list__item .txt-box .ttl::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  .sidebar--column .side-column-list__item .txt-box .date,
  .sidebar--column .side-column-list__item .txt-box .ttl {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  .sidebar--column .side-column-list__item .txt-box .date::before, .sidebar--column .side-column-list__item .txt-box .date::after,
  .sidebar--column .side-column-list__item .txt-box .ttl::before,
  .sidebar--column .side-column-list__item .txt-box .ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .sidebar--column .side-column-list__item .txt-box .date::before,
  .sidebar--column .side-column-list__item .txt-box .ttl::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .sidebar--column .side-column-list__item .txt-box .date::after,
  .sidebar--column .side-column-list__item .txt-box .ttl::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
.sidebar--column .side-column-list__item .txt-box .ttl {
  margin: 10px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--column .side-column-list__item .txt-box .ttl {
    margin: calc(0.6944444444 * var(--vw)) 0 0;
  }
}
.sidebar--column .side-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 32px 40px;
  color: #707070;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--column .side-tag-list {
    gap: calc(2.2222222222 * var(--vw)) calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--column .side-tag-list {
    gap: calc(6.1538461538 * var(--vw)) calc(5.1282051282 * var(--vw));
    background: #fff;
    padding: calc(5.1282051282 * var(--vw));
  }
}
.sidebar--column .side-tag-list .tag-cloud-link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #CAE6E0;
  font-size: 1.4rem !important;
  border-radius: 6px;
  min-width: 72px;
  height: 32px;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--column .side-tag-list .tag-cloud-link {
    border-radius: calc(0.4166666667 * var(--vw));
    min-width: calc(5 * var(--vw));
    height: calc(2.2222222222 * var(--vw));
    padding: 0 calc(1.3888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--column .side-tag-list .tag-cloud-link {
    font-size: 2rem !important;
    border-radius: calc(0.7692307692 * var(--vw));
    min-width: calc(15.3846153846 * var(--vw));
    height: calc(5.5128205128 * var(--vw));
    padding: 0 calc(2.5641025641 * var(--vw));
  }
}
.sidebar--news .side-news-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--news .side-news-list {
    gap: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--news .side-news-list {
    gap: calc(10.2564102564 * var(--vw));
  }
}
.sidebar--news .side-news-list__item {
  color: #707070;
}
@media only screen and (max-width: 767px) {
  .sidebar--news .side-news-list__item {
    background: #fff;
  }
}
.sidebar--news .side-news-list__item > a {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--news .side-news-list__item > a {
    grid-template-columns: calc(6.9444444444 * var(--vw)) 1fr;
    gap: calc(0.9722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .sidebar--news .side-news-list__item > a {
    align-items: flex-start;
    grid-template-columns: calc(28.2051282051 * var(--vw)) 1fr;
    padding: calc(5.1282051282 * var(--vw));
  }
}
.sidebar--news .side-news-list__item .img {
  overflow: hidden;
  aspect-ratio: 1;
  min-width: 0;
  width: 100%;
}
.sidebar--news .side-news-list__item .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .sidebar--news .side-news-list__item .txt-box {
    padding: 0.36em 0 0;
  }
}
.sidebar--news .side-news-list__item .txt-box .date,
.sidebar--news .side-news-list__item .txt-box .ttl {
  font-size: 1.4rem;
  line-height: 1.4;
}
.sidebar--news .side-news-list__item .txt-box .date::before, .sidebar--news .side-news-list__item .txt-box .date::after,
.sidebar--news .side-news-list__item .txt-box .ttl::before,
.sidebar--news .side-news-list__item .txt-box .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.sidebar--news .side-news-list__item .txt-box .date::before,
.sidebar--news .side-news-list__item .txt-box .ttl::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
.sidebar--news .side-news-list__item .txt-box .date::after,
.sidebar--news .side-news-list__item .txt-box .ttl::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  .sidebar--news .side-news-list__item .txt-box .date,
  .sidebar--news .side-news-list__item .txt-box .ttl {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  .sidebar--news .side-news-list__item .txt-box .date::before, .sidebar--news .side-news-list__item .txt-box .date::after,
  .sidebar--news .side-news-list__item .txt-box .ttl::before,
  .sidebar--news .side-news-list__item .txt-box .ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .sidebar--news .side-news-list__item .txt-box .date::before,
  .sidebar--news .side-news-list__item .txt-box .ttl::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  .sidebar--news .side-news-list__item .txt-box .date::after,
  .sidebar--news .side-news-list__item .txt-box .ttl::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
.sidebar--news .side-news-list__item .txt-box .ttl {
  margin: 10px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .sidebar--news .side-news-list__item .txt-box .ttl {
    margin: calc(0.6944444444 * var(--vw)) 0 0;
  }
}

#JOB_INFORMATION.ARCHIVES .sec-category {
  padding: 40px 0 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-category {
    padding: calc(2.7777777778 * var(--vw)) 0 calc(3.3333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-category {
    padding: calc(5.1282051282 * var(--vw)) 0;
  }
}
#JOB_INFORMATION.ARCHIVES .sec-category .category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-category .category-list {
    gap: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-category .category-list {
    gap: calc(6.4102564103 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-category .btn-category {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ccc;
  font-size: 2rem;
  font-weight: 400;
  border: 2px solid #ccc;
  border-radius: 24px;
  min-width: 140px;
  height: 48px;
  padding: 0 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-category .btn-category {
    border-width: calc(0.1388888889 * var(--vw));
    border-radius: calc(1.6666666667 * var(--vw));
    min-width: calc(9.7222222222 * var(--vw));
    height: calc(3.3333333333 * var(--vw));
    padding: 0 calc(0.8333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-category .btn-category {
    font-size: 3.6rem;
    border-width: calc(0.2564102564 * var(--vw));
    border-radius: calc(4.1025641026 * var(--vw));
    min-width: calc(22.0512820513 * var(--vw));
    height: calc(8.2051282051 * var(--vw));
    padding: 0 calc(2.0512820513 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-category .btn-category.is-all {
  background: #fff;
  color: #E57777;
  border-color: #E57777;
}
#JOB_INFORMATION.ARCHIVES .sec-category .btn-category.is-new {
  background: #E5C5BA;
  border-color: #E5C5BA;
}
#JOB_INFORMATION.ARCHIVES .sec-category .btn-category.is-wanted {
  background: #AFD1F8;
  border-color: #AFD1F8;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information {
  padding-top: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information {
    padding-top: calc(6.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information {
    padding: calc(15.3846153846 * var(--vw)) 0 calc(15.3846153846 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .entry-count {
  display: none;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 400;
  margin: 0 0 50px;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .entry-count::before, #JOB_INFORMATION.ARCHIVES .sec-job_information .entry-count::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .entry-count::before {
  margin-top: calc((1 - 1.3) * 0.5em);
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .entry-count::after {
  margin-bottom: calc((1 - 1.3) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .entry-count {
    margin: 0 0 calc(3.4722222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .entry-count {
    font-size: 3.2rem;
    margin: 0 0 calc(8.9743589744 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .empty-box {
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list {
  display: grid;
  grid-template-columns: repeat(3, 344px);
  gap: 80px 34px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list {
    grid-template-columns: repeat(3, calc(23.8888888889 * var(--vw)));
    gap: calc(5.5555555556 * var(--vw)) calc(2.3611111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list {
    grid-template-columns: 1fr;
    gap: calc(10.2564102564 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__item {
    width: calc(70.2564102564 * var(--vw));
    margin: 0 auto;
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__item > a {
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow: hidden;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  border-radius: 10px;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__item > a {
    filter: drop-shadow(0px calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
    border-radius: calc(0.6944444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__item > a {
    filter: drop-shadow(0px calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16));
    border-radius: calc(2.5641025641 * var(--vw));
  }
}
@media (hover: none) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__item > a:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__item > a:hover {
    opacity: 0.65;
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__header {
  padding: 20px 28px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__header {
    padding: calc(1.3888888889 * var(--vw)) calc(1.9444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__header {
    padding: calc(4.6153846154 * var(--vw)) calc(4.1025641026 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__header .ttl {
  display: -webkit-box;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 400;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 3em;
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__header .ttl {
    font-size: 2.4rem;
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list .img {
  overflow: hidden;
  aspect-ratio: 344/216;
  min-width: 0;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list .img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px 28px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content {
    gap: calc(1.6666666667 * var(--vw));
    padding: calc(1.3888888889 * var(--vw)) calc(1.9444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content {
    gap: calc(4.1025641026 * var(--vw));
    padding: calc(4.6153846154 * var(--vw)) calc(4.1025641026 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .data {
  display: grid;
  grid-template-columns: 80px 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .data {
    grid-template-columns: calc(5.5555555556 * var(--vw)) 1fr;
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .data {
    grid-template-columns: calc(19.7435897436 * var(--vw)) 1fr;
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .data__ttl {
  position: relative;
  padding: 0 0 0 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .data__ttl {
    padding: 0 0 0 calc(1.7361111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .data__ttl {
    padding: 0 0 0 calc(5.1282051282 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico {
  position: absolute;
  top: -4px;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico {
    top: calc(-0.2777777778 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-location {
  width: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-location {
    width: calc(1.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-location {
    width: calc(3.2051282051 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-salary {
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-salary {
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-salary {
    width: calc(3.5897435897 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-time {
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-time {
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-time {
    width: calc(3.5897435897 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-period {
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-period {
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ico-period {
    width: calc(3.5897435897 * var(--vw));
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ttl {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ttl::before, #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ttl::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ttl::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .ttl {
    font-size: 2.4rem;
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt::before, #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt {
    font-size: 2.4rem;
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail {
  position: relative;
  color: #E57777;
  text-align: right;
  margin-top: auto;
  padding: 0 22px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail {
    padding: 0 calc(1.5277777778 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail {
    display: none;
  }
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail > span {
  font-size: 1.6rem;
  line-height: 1.3;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail > span::before, #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail > span::before {
  margin-top: calc((1 - 1.3) * 0.5em);
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail > span::after {
  margin-bottom: calc((1 - 1.3) * 0.5em);
}
#JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  background: url(../img/common/ico_arrow_btn_02.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 8/14;
  min-width: 0;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.ARCHIVES .sec-job_information .job-list__content .txt-detail::before {
    top: calc(-0.0694444444 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .column-wrap {
  display: grid;
  grid-template-columns: 500px 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .column-wrap {
    grid-template-columns: calc(34.7222222222 * var(--vw)) 1fr;
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .column-wrap {
    grid-template-columns: 1fr;
  }
}
#JOB_INFORMATION.SINGLE .img {
  min-width: 0;
}
#JOB_INFORMATION.SINGLE .img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
#JOB_INFORMATION.SINGLE .job-list {
  display: grid;
  grid-template-columns: repeat(3, 344px);
  gap: 34px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list {
    grid-template-columns: repeat(3, calc(23.8888888889 * var(--vw)));
    gap: calc(2.3611111111 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__item > a {
  display: block;
  background: #fff;
  overflow: hidden;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
  border-radius: 10px;
}
@media (hover: none) {
  #JOB_INFORMATION.SINGLE .job-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #JOB_INFORMATION.SINGLE .job-list__item > a:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #JOB_INFORMATION.SINGLE .job-list__item > a:hover {
    opacity: 0.65;
  }
}
#JOB_INFORMATION.SINGLE .job-list__header {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__header {
    margin-bottom: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__header {
    margin-bottom: calc(6.1538461538 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__header .ttl {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 700;
  border-bottom: 3px solid #e57777;
  padding-bottom: 0.25em;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__header .ttl {
    border-bottom-width: calc(0.2083333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__header .ttl {
    font-size: 3.2rem;
    border-bottom-width: calc(0.7692307692 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__content {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 3px 28px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__content {
    gap: calc(2.5 * var(--vw));
    padding: calc(0.2083333333 * var(--vw)) calc(1.9444444444 * var(--vw)) calc(1.3888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content {
    padding: calc(7.6923076923 * var(--vw)) 0 0;
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .data {
  display: grid;
  gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__content .data {
    gap: calc(1.0416666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .data {
    gap: calc(3.8461538462 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .data__ttl {
  position: relative;
  padding: 0 0 0 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__content .data__ttl {
    padding: 0 0 0 calc(1.7361111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .data__ttl {
    padding: 0 0 0 calc(6.4102564103 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .data__ttl::before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  background: #e57777;
  aspect-ratio: 1;
  min-width: 0;
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__content .data__ttl::before {
    top: calc(-0.2083333333 * var(--vw));
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .data__ttl::before {
    top: calc(-0.7692307692 * var(--vw));
    width: calc(4.1025641026 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .data__ttl .ttl {
  font-size: 1.8rem;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .data__ttl .ttl {
    font-size: 2.8rem;
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .ico {
  position: absolute;
  top: -4px;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ico {
    top: calc(-0.2777777778 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .ico-location {
  width: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ico-location {
    width: calc(1.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ico-location {
    width: calc(3.2051282051 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .ico-salary {
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ico-salary {
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ico-salary {
    width: calc(3.5897435897 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .ico-time {
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ico-time {
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ico-time {
    width: calc(3.5897435897 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .ico-period {
  width: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ico-period {
    width: calc(1.25 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ico-period {
    width: calc(3.5897435897 * var(--vw));
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .ttl {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}
#JOB_INFORMATION.SINGLE .job-list__content .ttl::before, #JOB_INFORMATION.SINGLE .job-list__content .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#JOB_INFORMATION.SINGLE .job-list__content .ttl::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
#JOB_INFORMATION.SINGLE .job-list__content .ttl::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .ttl {
    font-size: 2.4rem;
  }
}
#JOB_INFORMATION.SINGLE .job-list__content .txt {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}
#JOB_INFORMATION.SINGLE .job-list__content .txt::before, #JOB_INFORMATION.SINGLE .job-list__content .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#JOB_INFORMATION.SINGLE .job-list__content .txt::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
#JOB_INFORMATION.SINGLE .job-list__content .txt::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #JOB_INFORMATION.SINGLE .job-list__content .txt {
    font-size: 2.4rem;
  }
}

@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .article {
    padding: 0 calc(5.2564102564 * var(--vw));
  }
}
#COLUMN.ARCHIVES .sec-column .column-list {
  display: grid;
  grid-template-columns: repeat(2, 342px);
  gap: 92px 38px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.ARCHIVES .sec-column .column-list {
    grid-template-columns: repeat(2, calc(23.75 * var(--vw)));
    gap: calc(6.3888888889 * var(--vw)) calc(2.6388888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list {
    grid-template-columns: 1fr;
    gap: calc(10.7692307692 * var(--vw));
  }
}
#COLUMN.ARCHIVES .sec-column .column-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #707070;
  cursor: pointer;
}
#COLUMN.ARCHIVES .sec-column .column-list__item .img,
#COLUMN.ARCHIVES .sec-column .column-list__item .ttl,
#COLUMN.ARCHIVES .sec-column .column-list__item .txt {
  transition: 0.3s;
}
@media (hover: none) {
  #COLUMN.ARCHIVES .sec-column .column-list__item {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #COLUMN.ARCHIVES .sec-column .column-list__item:active .img,
  #COLUMN.ARCHIVES .sec-column .column-list__item:active .ttl,
  #COLUMN.ARCHIVES .sec-column .column-list__item:active .txt {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #COLUMN.ARCHIVES .sec-column .column-list__item:hover .img,
  #COLUMN.ARCHIVES .sec-column .column-list__item:hover .ttl,
  #COLUMN.ARCHIVES .sec-column .column-list__item:hover .txt {
    opacity: 0.65;
  }
}
#COLUMN.ARCHIVES .sec-column .column-list__item > a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.ARCHIVES .sec-column .column-list__item > a {
    border-radius: calc(0.6944444444 * var(--vw));
    filter: drop-shadow(0px calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list__item > a {
    display: grid;
    grid-template-columns: 1fr;
    background: #fff;
    border-radius: calc(1.2820512821 * var(--vw));
    padding: calc(5.1282051282 * var(--vw));
  }
}
#COLUMN.ARCHIVES .sec-column .column-list .txt-box {
  padding: 32px 24px 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.ARCHIVES .sec-column .column-list .txt-box {
    padding: calc(2.2222222222 * var(--vw)) calc(1.6666666667 * var(--vw)) calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list .txt-box {
    background: unset;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__header {
    display: grid;
    grid-template-columns: calc(28.2051282051 * var(--vw)) 1fr;
    gap: calc(3.0769230769 * var(--vw));
  }
}
#COLUMN.ARCHIVES .sec-column .column-list .column__header .txt-box {
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__header .img {
    overflow: hidden;
    aspect-ratio: 344/216;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__header .img {
    aspect-ratio: 1;
  }
}
#COLUMN.ARCHIVES .sec-column .column-list .column__header .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#COLUMN.ARCHIVES .sec-column .column-list .column__header .date {
  font-size: 1.6rem;
  line-height: 1.75;
}
#COLUMN.ARCHIVES .sec-column .column-list .column__header .date::before, #COLUMN.ARCHIVES .sec-column .column-list .column__header .date::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#COLUMN.ARCHIVES .sec-column .column-list .column__header .date::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#COLUMN.ARCHIVES .sec-column .column-list .column__header .date::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__header .date {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  #COLUMN.ARCHIVES .sec-column .column-list .column__header .date::before, #COLUMN.ARCHIVES .sec-column .column-list .column__header .date::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #COLUMN.ARCHIVES .sec-column .column-list .column__header .date::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #COLUMN.ARCHIVES .sec-column .column-list .column__header .date::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#COLUMN.ARCHIVES .sec-column .column-list .column__header .ttl {
  display: -webkit-box;
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 3.5em;
  margin: 16px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__header .ttl {
    margin: calc(1.1111111111 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__header .ttl {
    font-size: 2.4rem;
    margin: calc(2.0512820513 * var(--vw)) 0 0;
  }
}
#COLUMN.ARCHIVES .sec-column .column-list .column__content .txt-box {
  padding-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .txt-box {
    padding-top: calc(0.6944444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .txt-box {
    padding-top: calc(5.1282051282 * var(--vw));
  }
}
#COLUMN.ARCHIVES .sec-column .column-list .column__content .txt {
  display: -webkit-box;
  font-size: 1.6rem;
  line-height: 1.75;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 5.25em;
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .txt {
    font-size: 2.4rem;
    line-height: 1.6;
    height: 3.2em;
    margin: 0;
  }
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .txt::before, #COLUMN.ARCHIVES .sec-column .column-list .column__content .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#COLUMN.ARCHIVES .sec-column .column-list .column__content .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 48px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .tags {
    gap: calc(1.1111111111 * var(--vw));
    margin: calc(3.3333333333 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .tags {
    gap: calc(5.1282051282 * var(--vw));
    margin: calc(6.1538461538 * var(--vw)) auto 0;
  }
}
#COLUMN.ARCHIVES .sec-column .column-list .column__content .tags .tag {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CAE6E0;
  font-size: 1.4rem;
  font-weight: 400;
  border-radius: 6px;
  min-width: 72px;
  height: 32px;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .tags .tag {
    border-radius: calc(0.4166666667 * var(--vw));
    min-width: calc(5 * var(--vw));
    height: calc(2.2222222222 * var(--vw));
    padding: 0 calc(1.3888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.ARCHIVES .sec-column .column-list .column__content .tags .tag {
    font-size: 2rem;
    border-radius: calc(0.7692307692 * var(--vw));
    min-width: calc(15.3846153846 * var(--vw));
    height: calc(5.3846153846 * var(--vw));
    padding: 0 calc(2.5641025641 * var(--vw));
  }
}
#COLUMN.SINGLE .article__header {
  margin: 0 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.SINGLE .article__header {
    margin: 0 0 calc(5.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.SINGLE .article__header {
    margin: 0 0 calc(10.2564102564 * var(--vw));
  }
}
#COLUMN.SINGLE .article__header .column-title {
  font-size: 3.6rem;
  line-height: 1.5;
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.SINGLE .article__header .column-title {
    margin-bottom: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.SINGLE .article__header .column-title {
    margin-bottom: calc(3.0769230769 * var(--vw));
  }
}
#COLUMN.SINGLE .article__header .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.SINGLE .article__header .tags {
    gap: calc(1.1111111111 * var(--vw));
    margin-bottom: calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.SINGLE .article__header .tags {
    gap: calc(5.1282051282 * var(--vw));
    margin-bottom: calc(8.2051282051 * var(--vw));
  }
}
#COLUMN.SINGLE .article__header .tags .tag {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CAE6E0;
  font-size: 1.4rem;
  font-weight: 400;
  border-radius: 6px;
  min-width: 72px;
  height: 32px;
  padding: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.SINGLE .article__header .tags .tag {
    border-radius: calc(0.4166666667 * var(--vw));
    min-width: calc(5 * var(--vw));
    height: calc(2.2222222222 * var(--vw));
    padding: 0 calc(1.3888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.SINGLE .article__header .tags .tag {
    font-size: 2rem;
    border-radius: calc(0.7692307692 * var(--vw));
    min-width: calc(15.3846153846 * var(--vw));
    height: calc(5.3846153846 * var(--vw));
    padding: 0 calc(2.5641025641 * var(--vw));
  }
}
#COLUMN.SINGLE .article__header .img {
  aspect-ratio: 730/400;
  width: 100%;
}
#COLUMN.SINGLE .article__header .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#COLUMN.SINGLE .article__content {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  #COLUMN.SINGLE .article__content {
    font-size: 2.4rem;
    line-height: 1.6;
  }
}
#COLUMN.SINGLE .article__content > * + * {
  margin-top: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.SINGLE .article__content > * + * {
    margin-top: calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.SINGLE .article__content > * + * {
    margin-top: calc(8.2051282051 * var(--vw));
  }
}
#COLUMN.SINGLE .article__content h2, #COLUMN.SINGLE .article__content h3, #COLUMN.SINGLE .article__content h4, #COLUMN.SINGLE .article__content h5, #COLUMN.SINGLE .article__content h6 {
  margin-bottom: -32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.SINGLE .article__content h2, #COLUMN.SINGLE .article__content h3, #COLUMN.SINGLE .article__content h4, #COLUMN.SINGLE .article__content h5, #COLUMN.SINGLE .article__content h6 {
    margin-bottom: calc(-2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.SINGLE .article__content h2, #COLUMN.SINGLE .article__content h3, #COLUMN.SINGLE .article__content h4, #COLUMN.SINGLE .article__content h5, #COLUMN.SINGLE .article__content h6 {
    margin-bottom: calc(4.1025641026 * var(--vw));
  }
}
#COLUMN.SINGLE .article__content a {
  color: #E57777;
  text-decoration: none;
}
@media (hover: none) {
  #COLUMN.SINGLE .article__content a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #COLUMN.SINGLE .article__content a:active {
    text-decoration: underline;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #COLUMN.SINGLE .article__content a:hover {
    text-decoration: underline;
  }
}
#COLUMN.SINGLE .article__content .wp-block-image + * {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.SINGLE .article__content .wp-block-image + * {
    margin-top: calc(5.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.SINGLE .article__content .wp-block-image + * {
    margin-top: calc(10.2564102564 * var(--vw));
  }
}
#COLUMN.SINGLE .article__content .link-block {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 24px;
}
#COLUMN.SINGLE .article__content .wp-block-columns + * {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #COLUMN.SINGLE .article__content .wp-block-columns + * {
    margin-top: calc(5.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #COLUMN.SINGLE .article__content .wp-block-columns + * {
    margin-top: calc(10.2564102564 * var(--vw));
  }
}
#NEWS.ARCHIVES .sec-category {
  padding: 40px 0 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.ARCHIVES .sec-category {
    padding: calc(2.7777777778 * var(--vw)) 0 calc(3.3333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-category {
    padding: calc(7.6923076923 * var(--vw)) 0 calc(9.2307692308 * var(--vw));
  }
}
#NEWS.ARCHIVES .sec-category .category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.ARCHIVES .sec-category .category-list {
    gap: calc(3.3333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-category .category-list {
    gap: calc(6.1538461538 * var(--vw));
  }
}
#NEWS.ARCHIVES .sec-category .btn-category {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ccc;
  color: #707070;
  font-size: 2rem;
  font-weight: 400;
  border: 1px solid #ccc;
  border-radius: 6px;
  min-width: 100px;
  height: 50px;
  padding: 0 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.ARCHIVES .sec-category .btn-category {
    border-radius: calc(0.4166666667 * var(--vw));
    min-width: calc(6.9444444444 * var(--vw));
    height: calc(3.4722222222 * var(--vw));
    padding: 0 calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-category .btn-category {
    font-size: 2.8rem;
    border-radius: calc(0.7692307692 * var(--vw));
    min-width: calc(15.3846153846 * var(--vw));
    height: calc(7.6923076923 * var(--vw));
    padding: 0 calc(4.1025641026 * var(--vw));
  }
}
#NEWS.ARCHIVES .sec-category .btn-category.is-all {
  background: #fff;
  border-color: #E57777;
}
#NEWS.ARCHIVES .sec-category .btn-category.is-news {
  background: #CAE6E0;
  border-color: #CAE6E0;
}
#NEWS.ARCHIVES .sec-category .btn-category.is-recruit {
  background: #E5C5BA;
  border-color: #E5C5BA;
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-news {
    padding-top: 0;
  }
}
#NEWS.ARCHIVES .sec-news .news-list {
  color: #646464;
  border-top: 1px solid #878785;
}
#NEWS.ARCHIVES .sec-news .news-list__item {
  border-bottom: 1px solid #878785;
}
#NEWS.ARCHIVES .sec-news .news-list__item > a {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 48px;
  padding: 32px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.ARCHIVES .sec-news .news-list__item > a {
    gap: calc(3.3333333333 * var(--vw));
    padding: calc(2.2222222222 * var(--vw)) 0;
  }
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-news .news-list__item > a {
    grid-template-columns: 1fr;
    gap: calc(5.3846153846 * var(--vw));
    padding: calc(4.1025641026 * var(--vw)) 0;
  }
}
#NEWS.ARCHIVES .sec-news .news-list .news__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.ARCHIVES .sec-news .news-list .news__header {
    gap: calc(3.3333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-news .news-list .news__header {
    gap: calc(3.5897435897 * var(--vw));
  }
}
#NEWS.ARCHIVES .sec-news .news-list .news__header .date {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-news .news-list .news__header .date {
    font-size: 2.8rem;
  }
}
#NEWS.ARCHIVES .sec-news .news-list .news__header .category {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  aspect-ratio: 128/32;
  min-width: 0;
  width: 128px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.ARCHIVES .sec-news .news-list .news__header .category {
    border-radius: calc(0.4166666667 * var(--vw));
    width: calc(8.8888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-news .news-list .news__header .category {
    border-radius: calc(0.7692307692 * var(--vw));
    aspect-ratio: 160/40;
    width: calc(20.5128205128 * var(--vw));
  }
}
#NEWS.ARCHIVES .sec-news .news-list .news__header .category--news {
  background: #CAE6E0;
}
#NEWS.ARCHIVES .sec-news .news-list .news__header .category--recruit {
  background: #E5C5BA;
}
#NEWS.ARCHIVES .sec-news .news-list .news__header .category > span {
  font-size: 1.6rem;
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-news .news-list .news__header .category > span {
    font-size: 2.4rem;
  }
}
#NEWS.ARCHIVES .sec-news .news-list .news__content {
  display: flex;
  align-items: center;
}
#NEWS.ARCHIVES .sec-news .news-list .news__content .ttl {
  font-size: 1.8rem;
  line-height: 1.5;
}
#NEWS.ARCHIVES .sec-news .news-list .news__content .ttl::before, #NEWS.ARCHIVES .sec-news .news-list .news__content .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#NEWS.ARCHIVES .sec-news .news-list .news__content .ttl::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#NEWS.ARCHIVES .sec-news .news-list .news__content .ttl::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #NEWS.ARCHIVES .sec-news .news-list .news__content .ttl {
    font-size: 2.4rem;
    line-height: 1.1;
  }
  #NEWS.ARCHIVES .sec-news .news-list .news__content .ttl::before, #NEWS.ARCHIVES .sec-news .news-list .news__content .ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #NEWS.ARCHIVES .sec-news .news-list .news__content .ttl::before {
    margin-top: calc((1 - 1.1) * 0.5em);
  }
  #NEWS.ARCHIVES .sec-news .news-list .news__content .ttl::after {
    margin-bottom: calc((1 - 1.1) * 0.5em);
  }
}
#NEWS.SINGLE .article__header {
  color: #707070;
  margin: 0 0 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.SINGLE .article__header {
    margin: 0 0 calc(5.5555555556 * var(--vw));
  }
}
#NEWS.SINGLE .article__header .ttl {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.1;
  border-bottom: 1px solid #878785;
  margin: 0 0 64px;
  padding: 0 0 40px;
}
#NEWS.SINGLE .article__header .ttl::before, #NEWS.SINGLE .article__header .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#NEWS.SINGLE .article__header .ttl::before {
  margin-top: calc((1 - 1.1) * 0.5em);
}
#NEWS.SINGLE .article__header .ttl::after {
  margin-bottom: calc((1 - 1.1) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.SINGLE .article__header .ttl {
    margin: 0 0 calc(4.4444444444 * var(--vw));
    padding: 0 0 calc(2.7777777778 * var(--vw));
  }
}
#NEWS.SINGLE .article__header .img {
  aspect-ratio: 730/400;
  min-width: 0;
  width: 100%;
}
#NEWS.SINGLE .article__header .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#NEWS.SINGLE .article__content {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  #NEWS.SINGLE .article__content {
    font-size: 2.4rem;
    line-height: 1.6;
  }
}
#NEWS.SINGLE .article__content > * + * {
  margin-top: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.SINGLE .article__content > * + * {
    margin-top: calc(4.4444444444 * var(--vw));
  }
}
#NEWS.SINGLE .article__content a {
  color: #E57777;
  text-decoration: none;
}
@media (hover: none) {
  #NEWS.SINGLE .article__content a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #NEWS.SINGLE .article__content a:active {
    text-decoration: underline;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #NEWS.SINGLE .article__content a:hover {
    text-decoration: underline;
  }
}
#NEWS.SINGLE .article__content .wp-block-image + * {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.SINGLE .article__content .wp-block-image + * {
    margin-top: calc(5.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #NEWS.SINGLE .article__content .wp-block-image + * {
    margin-top: calc(10.2564102564 * var(--vw));
  }
}
#NEWS.SINGLE .article__content .wp-block-columns + * {
  margin-top: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #NEWS.SINGLE .article__content .wp-block-columns + * {
    margin-top: calc(5.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #NEWS.SINGLE .article__content .wp-block-columns + * {
    margin-top: calc(10.2564102564 * var(--vw));
  }
}

#ABOUT .sec-philosophy {
  background: url(../img/about/orn_philosophy_01.webp) no-repeat center 116px/840px auto;
  padding: 100px 0 140px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-philosophy {
    padding: calc(6.9444444444 * var(--vw)) 0 calc(9.7222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy {
    padding: calc(15.3846153846 * var(--vw)) 0 calc(17.9487179487 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .container {
    display: flex;
    flex-direction: column;
  }
}
#ABOUT .sec-philosophy .catch {
  color: #E57777;
  font-size: 3.2rem;
  line-height: 1.25;
  font-weight: 400;
  text-align: center;
}
#ABOUT .sec-philosophy .catch::before, #ABOUT .sec-philosophy .catch::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#ABOUT .sec-philosophy .catch::before {
  margin-top: calc((1 - 1.25) * 0.5em);
}
#ABOUT .sec-philosophy .catch::after {
  margin-bottom: calc((1 - 1.25) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .catch {
    font-size: 4rem;
    line-height: 1.8;
  }
  #ABOUT .sec-philosophy .catch::before, #ABOUT .sec-philosophy .catch::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #ABOUT .sec-philosophy .catch::before {
    margin-top: calc((1 - 1.8) * 0.5em);
  }
  #ABOUT .sec-philosophy .catch::after {
    margin-bottom: calc((1 - 1.8) * 0.5em);
  }
}
#ABOUT .sec-philosophy .txt {
  font-size: 1.8rem;
  line-height: 1.7;
}
#ABOUT .sec-philosophy .txt::before, #ABOUT .sec-philosophy .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#ABOUT .sec-philosophy .txt::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
#ABOUT .sec-philosophy .txt::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .txt {
    font-size: 2.8rem;
  }
}
#ABOUT .sec-philosophy .txt--01 {
  max-width: 845px;
  margin: 80px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-philosophy .txt--01 {
    margin: calc(5.5555555556 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .txt--01 {
    order: 2;
    margin: calc(11.0256410256 * var(--vw)) auto 0;
  }
}
#ABOUT .sec-philosophy .txt--02 {
  max-width: 845px;
  margin: 90px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-philosophy .txt--02 {
    margin: calc(6.25 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .txt--02 {
    order: 3;
    margin: calc(15.3846153846 * var(--vw)) auto 0;
  }
}
#ABOUT .sec-philosophy .img {
  overflow: hidden;
  border-radius: 20px;
  max-width: 900px;
  margin: 64px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-philosophy .img {
    border-radius: calc(1.3888888889 * var(--vw));
    max-width: 900px;
    margin: calc(4.4444444444 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .img {
    order: 1;
    border-radius: calc(2.5641025641 * var(--vw));
    width: 100%;
    margin: calc(10.2564102564 * var(--vw)) auto 0;
  }
}
#ABOUT .sec-philosophy .column__wrap {
  max-width: 900px;
  margin: 48px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-philosophy .column__wrap {
    max-width: calc(62.5 * var(--vw));
    margin: calc(3.3333333333 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .column__wrap {
    gap: calc(6.1538461538 * var(--vw));
    margin: calc(5.1282051282 * var(--vw)) auto 0;
  }
}
#ABOUT .sec-philosophy .check-box {
  border-radius: 32px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  max-width: 400px;
  padding: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-philosophy .check-box {
    border-radius: calc(2.2222222222 * var(--vw));
    box-shadow: 0px calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16);
    max-width: calc(27.7777777778 * var(--vw));
    padding: calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .check-box {
    border-radius: calc(2.0512820513 * var(--vw));
    box-shadow: 0px calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16);
    max-width: 100%;
    padding: calc(4.1025641026 * var(--vw));
  }
}
#ABOUT .sec-philosophy .check-box__in {
  position: relative;
  padding: 0 0 0 55px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-philosophy .check-box__in {
    padding: 0 0 0 calc(3.8194444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .check-box__in {
    padding: 0 0 0 calc(7.0512820513 * var(--vw));
  }
}
#ABOUT .sec-philosophy .check-box__in::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/about/ico_check_01.svg) no-repeat 0 0/100% auto;
  min-width: 0;
  aspect-ratio: 34/23;
  width: 34px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-philosophy .check-box__in::before {
    width: calc(2.3611111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-philosophy .check-box__in::before {
    width: calc(4.358974359 * var(--vw));
  }
}
#ABOUT .sec-philosophy .check-box .txt span {
  color: #E57777;
  font-weight: 400;
}
#ABOUT .sec-advantage {
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-advantage {
    padding-bottom: calc(27.6923076923 * var(--vw));
  }
}
#ABOUT .sec-advantage .advantage-list {
  display: grid;
  grid-template-columns: repeat(2, 520px);
  gap: 54px 60px;
  counter-reset: advantageNum;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-advantage .advantage-list {
    grid-template-columns: repeat(2, calc(36.1111111111 * var(--vw)));
    gap: calc(3.75 * var(--vw)) calc(4.1666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-advantage .advantage-list {
    grid-template-columns: 1fr;
    gap: calc(14.8717948718 * var(--vw));
  }
}
#ABOUT .sec-advantage .advantage-list__item {
  counter-increment: advantegeNum;
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-advantage .advantage-list__item {
    width: 100%;
    margin: 0 auto;
  }
}
#ABOUT .sec-advantage .advantage-list .ttl {
  position: relative;
  font-size: 2.4rem;
  line-height: 1.25;
  margin-bottom: 16px;
  padding: 0.25em 0 0 60px;
}
#ABOUT .sec-advantage .advantage-list .ttl::before, #ABOUT .sec-advantage .advantage-list .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#ABOUT .sec-advantage .advantage-list .ttl::before {
  margin-top: calc((1 - 1.25) * 0.5em);
}
#ABOUT .sec-advantage .advantage-list .ttl::after {
  margin-bottom: calc((1 - 1.25) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-advantage .advantage-list .ttl {
    margin-bottom: calc(1.1111111111 * var(--vw));
    padding: 0.25em 0 0 calc(4.1666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-advantage .advantage-list .ttl {
    font-size: 3.2rem;
    margin-bottom: calc(4.6153846154 * var(--vw));
    padding: 0.25em 0 0 calc(11.2820512821 * var(--vw));
  }
}
#ABOUT .sec-advantage .advantage-list .ttl > span::before {
  content: counter(advantegeNum, decimal-leading-zero);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #E57777;
  font-size: 3.9rem;
  font-weight: 400;
  line-height: 0.65;
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-advantage .advantage-list .ttl > span::before {
    font-size: 4.8rem;
  }
}
#ABOUT .sec-advantage .advantage-list .img {
  border-radius: 8px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-advantage .advantage-list .img {
    border-radius: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-advantage .advantage-list .img {
    border-radius: calc(1.0256410256 * var(--vw));
  }
}
#ABOUT .sec-advantage .advantage-list .txt-box {
  color: #707070;
  padding: 42px 36px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-advantage .advantage-list .txt-box {
    padding: calc(2.9166666667 * var(--vw)) calc(2.5 * var(--vw)) 0;
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-advantage .advantage-list .txt-box {
    padding: calc(8.2051282051 * var(--vw)) calc(5.3846153846 * var(--vw)) 0;
  }
}
#ABOUT .sec-advantage .advantage-list .txt {
  font-size: 1.6rem;
  line-height: 1.5;
}
#ABOUT .sec-advantage .advantage-list .txt::before, #ABOUT .sec-advantage .advantage-list .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#ABOUT .sec-advantage .advantage-list .txt::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#ABOUT .sec-advantage .advantage-list .txt::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-advantage .advantage-list .txt {
    font-size: 2.4rem;
  }
}
#ABOUT .sec-company-overview .company-overview-box {
  display: grid;
  color: #646464;
  border-top: 1px solid #878785;
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-company-overview .company-overview-box {
    max-width: calc(62.5 * var(--vw));
  }
}
#ABOUT .sec-company-overview .company-overview-box .row {
  display: grid;
  grid-template-columns: 176px 1fr;
  border-bottom: 1px solid #878785;
  padding: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-company-overview .company-overview-box .row {
    grid-template-columns: calc(12.2222222222 * var(--vw)) 1fr;
    padding: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-company-overview .company-overview-box .row {
    grid-template-columns: 1fr;
    gap: calc(5.1282051282 * var(--vw));
    padding: calc(4.1025641026 * var(--vw)) 0;
  }
}
#ABOUT .sec-company-overview .company-overview-box .row > .ttl .txt {
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-company-overview .company-overview-box .row > .data .txt {
    font-size: 2.4rem;
  }
}
#ABOUT .sec-company-overview .company-overview-box .row .txt {
  font-size: 1.8rem;
  line-height: 1.5;
}
#ABOUT .sec-company-overview .company-overview-box .row .txt::before, #ABOUT .sec-company-overview .company-overview-box .row .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#ABOUT .sec-company-overview .company-overview-box .row .txt::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#ABOUT .sec-company-overview .company-overview-box .row .txt::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-company-overview .company-overview-box .row .txt {
    font-size: 3.2rem;
  }
}
#ABOUT .sec-company-overview .company-overview-box .in-dl {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1em;
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-company-overview .company-overview-box .in-dl {
    font-size: 2.4rem;
    padding-bottom: calc(10.2564102564 * var(--vw));
  }
}
#ABOUT .sec-company-overview .company-overview-box .in-dl > .data {
  display: grid;
  grid-template-columns: 1fr 160px;
  gap: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-company-overview .company-overview-box .in-dl > .data {
    grid-template-columns: 1fr calc(11.1111111111 * var(--vw));
    gap: calc(7.6388888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-company-overview .company-overview-box .in-dl > .data {
    grid-template-columns: 1fr;
    gap: calc(4.1025641026 * var(--vw));
  }
}
#ABOUT .sec-company-overview .company-overview-box .btn-map {
  position: relative;
  display: flex;
  align-items: end;
  justify-content: center;
  background: #fff;
  color: #707070;
  font-size: 1.6rem;
  line-height: 1.75;
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  aspect-ratio: 160/31;
  min-width: 0;
  width: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-company-overview .company-overview-box .btn-map {
    border-radius: calc(0.5555555556 * var(--vw));
    box-shadow: 0px calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16);
    width: calc(11.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-company-overview .company-overview-box .btn-map {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 2.4rem;
    border-radius: calc(1.0256410256 * var(--vw));
    aspect-ratio: 240/47;
    width: calc(30.7692307692 * var(--vw));
  }
}
#ABOUT .sec-company-overview .company-overview-box .btn-map .ico {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  aspect-ratio: 12/16;
  min-width: 0;
  width: 12px;
  margin: auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-company-overview .company-overview-box .btn-map .ico {
    left: calc(0.6944444444 * var(--vw));
    width: calc(0.8333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-company-overview .company-overview-box .btn-map .ico {
    left: calc(1.9230769231 * var(--vw));
    width: calc(2.4358974359 * var(--vw));
  }
}
@media (hover: none) {
  #ABOUT .sec-company-overview .company-overview-box .btn-map {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #ABOUT .sec-company-overview .company-overview-box .btn-map:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #ABOUT .sec-company-overview .company-overview-box .btn-map:hover {
    opacity: 0.65;
  }
}
#ABOUT .sec-business-record {
  color: #707070;
}
#ABOUT .sec-business-record .business-record-box {
  border-top: 1px solid #878785;
  border-bottom: 1px solid #878785;
  max-width: 900px;
  margin: 0 auto;
  padding: 28px 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-business-record .business-record-box {
    max-width: calc(62.5 * var(--vw));
    padding: calc(1.9444444444 * var(--vw)) calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-business-record .business-record-box {
    padding: calc(4.6153846154 * var(--vw)) 0;
  }
}
#ABOUT .sec-business-record .column__wrap {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-business-record .column__wrap {
    gap: 0.7em;
  }
}
#ABOUT .sec-business-record .business-record-list {
  display: grid;
  gap: 0.7em;
}
#ABOUT .sec-business-record .business-record-list__item {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.7;
  padding: 0 0 0 0.75em;
}
#ABOUT .sec-business-record .business-record-list__item::before, #ABOUT .sec-business-record .business-record-list__item::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#ABOUT .sec-business-record .business-record-list__item::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
#ABOUT .sec-business-record .business-record-list__item::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-business-record .business-record-list__item {
    font-size: 2.4rem;
  }
}
#ABOUT .sec-business-record .business-record-list__item::before {
  content: "・";
  position: absolute;
  top: 0.35em;
  left: 0;
}
#ABOUT .sec-business-record .txt {
  font-size: 1.8rem;
  line-height: 1.7;
  text-align: right;
  margin: 32px 0 0;
  padding: 0 20px 0 0;
}
#ABOUT .sec-business-record .txt::before, #ABOUT .sec-business-record .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#ABOUT .sec-business-record .txt::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
#ABOUT .sec-business-record .txt::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-business-record .txt {
    margin: calc(2.2222222222 * var(--vw)) 0 0;
    padding: 0 calc(1.3888888889 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-business-record .txt {
    font-size: 2.4rem;
    margin: calc(4.1025641026 * var(--vw)) 0 0;
    padding: 0;
  }
}
#ABOUT .sec-access .access-box {
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-access .access-box {
    max-width: calc(62.5 * var(--vw));
  }
}
#ABOUT .sec-access .gmap {
  border-radius: 21px;
  aspect-ratio: 900/330;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-access .gmap {
    border-radius: calc(1.4583333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-access .gmap {
    border-radius: calc(2.6923076923 * var(--vw));
    aspect-ratio: 616/323;
  }
}
#ABOUT .sec-access .column__wrap {
  justify-content: flex-start;
  gap: 90px;
  border-top: 1px solid #878785;
  border-bottom: 1px solid #878785;
  margin: 48px auto 0;
  padding: 32px 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-access .column__wrap {
    gap: calc(6.25 * var(--vw));
    margin: calc(3.3333333333 * var(--vw)) auto 0;
    padding: calc(4.1025641026 * var(--vw)) calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-access .column__wrap {
    gap: calc(7.1794871795 * var(--vw));
    margin: calc(5.7692307692 * var(--vw)) auto 0;
    padding: calc(4.1025641026 * var(--vw)) 0;
  }
}
#ABOUT .sec-access .txt-box {
  color: #646464;
}
#ABOUT .sec-access .txt-box .ttl {
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight: 400;
}
#ABOUT .sec-access .txt-box .ttl::before, #ABOUT .sec-access .txt-box .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#ABOUT .sec-access .txt-box .ttl::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
#ABOUT .sec-access .txt-box .ttl::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-access .txt-box .ttl {
    font-size: 3.2rem;
  }
}
#ABOUT .sec-access .txt-box .txt {
  margin: 18px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .sec-access .txt-box .txt {
    margin: calc(1.25 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-access .txt-box .txt {
    margin: calc(3.8461538462 * var(--vw)) 0 0;
  }
}
#ABOUT .sec-access .txt-box .txt p {
  font-size: 1.6rem;
  line-height: 1.7;
}
#ABOUT .sec-access .txt-box .txt p::before, #ABOUT .sec-access .txt-box .txt p::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#ABOUT .sec-access .txt-box .txt p::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
#ABOUT .sec-access .txt-box .txt p::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #ABOUT .sec-access .txt-box .txt p {
    font-size: 2.4rem;
  }
}
#ABOUT .video-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
  justify-content: center;
  margin: 50px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .video-box {
    gap: calc(4.1666666667 * var(--vw));
    margin: calc(3.4722222222 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .video-box {
    display: flex;
    flex-direction: column;
    gap: calc(8.2051282051 * var(--vw));
    margin: calc(12.3076923077 * var(--vw)) auto 0;
    padding: 0 calc(5.1282051282 * var(--vw));
  }
}
#ABOUT .video-box .video__container {
  aspect-ratio: 16/9;
  min-width: 0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #ABOUT .video-box .video__container {
    width: 100%;
  }
}
#ABOUT .video-box .video__container > iframe {
  display: block;
  width: 100%;
  height: 100%;
}
#ABOUT .video-box .video__caption {
  font-size: 2.4rem;
  line-height: 1.25;
  text-align: center;
  margin: 1.6rem 0 0;
}
@media only screen and (max-width: 767px) {
  #ABOUT .video-box .video__caption {
    font-size: 3.2rem;
  }
}
#ABOUT .video-box--column2 {
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  #ABOUT .video-box--column2 {
    gap: calc(4.1025641026 * var(--vw));
  }
}
#ABOUT .video-box--column2 .video {
  width: 520px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #ABOUT .video-box--column2 .video {
    width: calc(36.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #ABOUT .video-box--column2 .video {
    width: 100%;
  }
}

#STAFFING .sec-lead {
  padding: 100px 0 200px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-lead {
    padding: calc(6.9444444444 * var(--vw)) 0 calc(13.8888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-lead {
    padding: calc(15.3846153846 * var(--vw)) 0 calc(26.9230769231 * var(--vw));
  }
}
#STAFFING .sec-lead .txt-lead {
  color: #646464;
  font-size: 2.4rem;
  line-height: 2.3;
  text-align: center;
  font-weight: 400;
  letter-spacing: -0.005em;
}
#STAFFING .sec-lead .txt-lead::before, #STAFFING .sec-lead .txt-lead::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-lead .txt-lead::before {
  margin-top: calc((1 - 2.3) * 0.5em);
}
#STAFFING .sec-lead .txt-lead::after {
  margin-bottom: calc((1 - 2.3) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-lead .txt-lead {
    font-size: 3.2rem;
    line-height: 1.75;
    text-align: left;
  }
  #STAFFING .sec-lead .txt-lead::before, #STAFFING .sec-lead .txt-lead::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFFING .sec-lead .txt-lead::before {
    margin-top: calc((1 - 1.75) * 0.5em);
  }
  #STAFFING .sec-lead .txt-lead::after {
    margin-bottom: calc((1 - 1.75) * 0.5em);
  }
}
#STAFFING .sec-lead .img-list {
  display: grid;
  grid-template-columns: repeat(3, 320px);
  gap: 70px;
  margin: 100px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-lead .img-list {
    grid-template-columns: repeat(3, calc(22.2222222222 * var(--vw)));
    gap: calc(4.8611111111 * var(--vw));
    margin: calc(6.9444444444 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-lead .img-list {
    grid-template-columns: 1fr;
    gap: calc(14.8717948718 * var(--vw));
    margin: calc(12.8205128205 * var(--vw)) auto 0;
  }
}
#STAFFING .sec-lead .img-list__item {
  color: #707070;
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-lead .img-list .img {
    width: calc(51.7948717949 * var(--vw));
    margin: 0 auto;
  }
}
#STAFFING .sec-lead .img-list .ttl {
  position: relative;
  text-align: center;
  margin: 45px 0 0;
  padding: 0 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-lead .img-list .ttl {
    margin: calc(3.125 * var(--vw)) 0 0;
    padding: 0 0 calc(1.3888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-lead .img-list .ttl {
    margin: calc(5.7692307692 * var(--vw)) 0 0;
    padding: 0 0 calc(5.1282051282 * var(--vw));
  }
}
#STAFFING .sec-lead .img-list .ttl::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: #E57777;
  border-radius: 50%;
  aspect-ratio: 1;
  min-width: 0;
  width: 8px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-lead .img-list .ttl::after {
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-lead .img-list .ttl::after {
    width: calc(2.0512820513 * var(--vw));
  }
}
#STAFFING .sec-lead .img-list .ttl > span {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 400;
}
#STAFFING .sec-lead .img-list .ttl > span::before, #STAFFING .sec-lead .img-list .ttl > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-lead .img-list .ttl > span::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#STAFFING .sec-lead .img-list .ttl > span::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-lead .img-list .ttl > span {
    font-size: 3.2rem;
  }
}
#STAFFING .sec-lead .img-list .txt {
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 20px 0 0;
}
#STAFFING .sec-lead .img-list .txt::before, #STAFFING .sec-lead .img-list .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-lead .img-list .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFFING .sec-lead .img-list .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-lead .img-list .txt {
    margin: calc(1.3888888889 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-lead .img-list .txt {
    font-size: 2.4rem;
    line-height: 1.6;
    margin: calc(4.4871794872 * var(--vw)) 0 0;
  }
}
#STAFFING .sec-work-style {
  padding-bottom: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style {
    padding-bottom: calc(9.7222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style {
    padding-bottom: calc(17.9487179487 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .sec__in {
    padding: 0 calc(5.2564102564 * var(--vw));
  }
}
#STAFFING .sec-work-style .read-box:not(:first-of-type) {
  margin: 80px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style .read-box:not(:first-of-type) {
    margin: calc(5.5555555556 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box:not(:first-of-type) {
    margin: calc(10.2564102564 * var(--vw)) auto 0;
  }
}
#STAFFING .sec-work-style .read-box__ttl {
  background: #CAE6E0;
  text-align: center;
  border-radius: 10px 10px 0 0;
  padding: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style .read-box__ttl {
    border-radius: calc(0.6944444444 * var(--vw)) calc(0.6944444444 * var(--vw)) 0 0;
    padding: calc(1.3888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box__ttl {
    border-radius: calc(1.2820512821 * var(--vw)) calc(1.2820512821 * var(--vw)) 0 0;
    padding: calc(2.5641025641 * var(--vw));
  }
}
#STAFFING .sec-work-style .read-box__ttl--02 {
  background: #E5C5BA;
}
#STAFFING .sec-work-style .read-box__ttl > span {
  color: #646464;
  font-size: 2.8rem;
  line-height: 1.4;
  font-weight: 400;
}
#STAFFING .sec-work-style .read-box__ttl > span::before, #STAFFING .sec-work-style .read-box__ttl > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-work-style .read-box__ttl > span::before {
  margin-top: calc((1 - 1.4) * 0.5em);
}
#STAFFING .sec-work-style .read-box__ttl > span::after {
  margin-bottom: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box__ttl > span {
    font-size: 3.2rem;
  }
}
#STAFFING .sec-work-style .read-box__content {
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 0 0 10px 10px;
  padding: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style .read-box__content {
    box-shadow: 0 calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16);
    border-radius: 0 0 calc(0.6944444444 * var(--vw)) calc(0.6944444444 * var(--vw));
    padding: calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box__content {
    border-radius: 0 0 calc(1.2820512821 * var(--vw)) calc(1.2820512821 * var(--vw));
    padding: calc(5.1282051282 * var(--vw));
  }
}
#STAFFING .sec-work-style .read-box__content > .inner {
  display: grid;
  grid-template-columns: 560px 420px;
  gap: 54px;
  color: #707070;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style .read-box__content > .inner {
    grid-template-columns: calc(38.8888888889 * var(--vw)) calc(29.1666666667 * var(--vw));
    gap: calc(3.75 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box__content > .inner {
    grid-template-columns: 1fr;
  }
}
#STAFFING .sec-work-style .read-box .txt-box .ttl {
  position: relative;
  margin: 0 0 30px;
  padding: 0 0 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style .read-box .txt-box .ttl {
    margin: 0 0 calc(2.0833333333 * var(--vw));
    padding: 0 0 0 calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .txt-box .ttl {
    margin: 0 0 calc(5.1282051282 * var(--vw));
    padding: 0 0 0 calc(5.1282051282 * var(--vw));
  }
}
#STAFFING .sec-work-style .read-box .txt-box .ttl::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  background: #CAE6E0;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style .read-box .txt-box .ttl::before {
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .txt-box .ttl::before {
    top: 1.2em;
    width: calc(2.0512820513 * var(--vw));
  }
}
#STAFFING .sec-work-style .read-box .txt-box .ttl--02::before {
  background: #E5C5BA;
}
#STAFFING .sec-work-style .read-box .txt-box .ttl > span {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
}
#STAFFING .sec-work-style .read-box .txt-box .ttl > span::before, #STAFFING .sec-work-style .read-box .txt-box .ttl > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-work-style .read-box .txt-box .ttl > span::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#STAFFING .sec-work-style .read-box .txt-box .ttl > span::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .txt-box .ttl > span {
    font-size: 3.2rem;
  }
}
#STAFFING .sec-work-style .read-box .txt-box .txt {
  font-size: 1.6rem;
  line-height: 1.75;
}
#STAFFING .sec-work-style .read-box .txt-box .txt::before, #STAFFING .sec-work-style .read-box .txt-box .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-work-style .read-box .txt-box .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFFING .sec-work-style .read-box .txt-box .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .txt-box .txt {
    font-size: 2.4rem;
  }
}
#STAFFING .sec-work-style .read-box .txt-box .img {
  width: 493px;
  margin: 60px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style .read-box .txt-box .img {
    width: calc(34.2361111111 * var(--vw));
    margin: calc(4.1666666667 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .txt-box .img {
    width: 100%;
    margin: calc(9.2307692308 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .img-box {
    margin: calc(19.2307692308 * var(--vw)) auto 0;
  }
}
#STAFFING .sec-work-style .read-box .img-box .img {
  overflow: hidden;
  border-radius: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style .read-box .img-box .img {
    border-radius: calc(1.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .img-box .img {
    border-radius: calc(2.0512820513 * var(--vw));
  }
}
#STAFFING .sec-work-style .read-box .merit-box {
  display: grid;
  grid-template-columns: 103px 1fr;
  gap: 16px;
  align-items: center;
  margin: 18px auto 0;
  padding: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-work-style .read-box .merit-box {
    grid-template-columns: calc(7.1527777778 * var(--vw)) 1fr;
    gap: calc(1.1111111111 * var(--vw));
    margin: calc(1.25 * var(--vw)) auto 0;
    padding: calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .merit-box {
    grid-template-columns: calc(18.2051282051 * var(--vw)) 1fr;
    gap: calc(4.1025641026 * var(--vw));
    margin: calc(8.9743589744 * var(--vw)) auto 0;
    padding: 0;
  }
}
#STAFFING .sec-work-style .read-box .merit-box .ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CAE6E0;
  color: #646464;
  font-size: 1.8rem;
  font-weight: 400;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .merit-box .ttl {
    font-size: 2.4rem;
  }
}
#STAFFING .sec-work-style .read-box .merit-box--02 .ttl {
  background: #E5C5BA;
}
#STAFFING .sec-work-style .read-box .merit-box .dot-list::before, #STAFFING .sec-work-style .read-box .merit-box .dot-list::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-work-style .read-box .merit-box .dot-list::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFFING .sec-work-style .read-box .merit-box .dot-list::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .merit-box .dot-list::before, #STAFFING .sec-work-style .read-box .merit-box .dot-list::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFFING .sec-work-style .read-box .merit-box .dot-list::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #STAFFING .sec-work-style .read-box .merit-box .dot-list::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#STAFFING .sec-work-style .read-box .merit-box .dot-list__item {
  position: relative;
  font-size: 1.6rem;
  line-height: 1.75;
  padding: 0 0 0 1em;
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-work-style .read-box .merit-box .dot-list__item {
    font-size: 2.4rem;
    line-height: 1.6;
  }
}
#STAFFING .sec-work-style .read-box .merit-box .dot-list__item::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
#STAFFING .sec-start-work {
  padding-bottom: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work {
    padding-bottom: calc(9.7222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work {
    padding-bottom: calc(17.9487179487 * var(--vw));
  }
}
#STAFFING .sec-start-work .flow-box > .ttl {
  color: #646464;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 400;
}
#STAFFING .sec-start-work .flow-box > .ttl::before, #STAFFING .sec-start-work .flow-box > .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-start-work .flow-box > .ttl::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
#STAFFING .sec-start-work .flow-box > .ttl::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-box > .ttl {
    font-size: 3.2rem;
  }
}
#STAFFING .sec-start-work .flow-list {
  counter-reset: flowNum;
  margin: 36px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list {
    margin: calc(2.5 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list {
    margin: calc(9.2307692308 * var(--vw)) auto 0;
  }
}
#STAFFING .sec-start-work .flow-list__item {
  position: relative;
  counter-increment: flowNum;
  padding: 3px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list__item {
    padding: calc(0.2083333333 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list__item {
    padding: calc(0.3846153846 * var(--vw)) 0 0;
  }
}
#STAFFING .sec-start-work .flow-list__item:not(:last-of-type) {
  padding-bottom: 108px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list__item:not(:last-of-type) {
    padding-bottom: calc(7.5 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list__item:not(:last-of-type) {
    padding-bottom: calc(16.4102564103 * var(--vw));
  }
}
#STAFFING .sec-start-work .flow-list__item:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 36px;
  left: 0;
  background: url(../img/common/ico_arrow_flow_01.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 60/33;
  min-width: 0;
  width: 60px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list__item:not(:last-of-type)::after {
    bottom: calc(2.5 * var(--vw));
    width: calc(4.1666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list__item:not(:last-of-type)::after {
    bottom: calc(4.1025641026 * var(--vw));
    width: calc(14.7435897436 * var(--vw));
  }
}
#STAFFING .sec-start-work .flow-list__item > .inner {
  position: relative;
  display: grid;
  grid-template-columns: 103px 1fr;
  gap: 34px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list__item > .inner {
    grid-template-columns: calc(7.1527777778 * var(--vw)) 1fr;
    gap: calc(2.3611111111 * var(--vw));
    border-radius: calc(1.1111111111 * var(--vw));
    box-shadow: 0 calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16);
    padding: calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list__item > .inner {
    display: block;
    border-radius: calc(2.0512820513 * var(--vw));
    box-shadow: 0 calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16);
    padding: calc(5.1282051282 * var(--vw));
  }
}
#STAFFING .sec-start-work .flow-list__item > .inner::before {
  content: "";
  position: absolute;
  top: -3px;
  right: 0;
  left: 0;
  background: #E5C5BA;
  border-radius: 16px 16px 0 0;
  width: 100%;
  margin: 0 auto;
  height: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list__item > .inner::before {
    top: calc(-0.2083333333 * var(--vw));
    border-radius: calc(1.1111111111 * var(--vw)) calc(1.1111111111 * var(--vw)) 0 0;
    height: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list__item > .inner::before {
    top: 0;
    border-radius: calc(2.0512820513 * var(--vw)) calc(2.0512820513 * var(--vw)) 0 0;
    height: calc(2.0512820513 * var(--vw));
  }
}
#STAFFING .sec-start-work .flow-list .number {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #E57777;
  line-height: 1;
  border: 2px solid #E57777;
  border-radius: 50%;
  aspect-ratio: 1;
  min-width: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list .number {
    gap: calc(0.6944444444 * var(--vw));
    border-width: calc(0.1388888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .number {
    gap: calc(1.2820512821 * var(--vw));
    width: calc(13.2051282051 * var(--vw));
  }
}
#STAFFING .sec-start-work .flow-list .number::before {
  content: "STEP";
  font-size: 1.6rem;
  font-weight: 400;
}
#STAFFING .sec-start-work .flow-list .number::after {
  content: counter(flowNum);
  font-size: 4.8rem;
  font-weight: 400;
}
#STAFFING .sec-start-work .flow-list .txt-box {
  position: relative;
  color: #646464;
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .txt-box {
    margin: calc(3.0769230769 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .txt-box > .container {
    display: contents;
  }
}
#STAFFING .sec-start-work .flow-list .txt-box > .ttl {
  position: relative;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 30px;
  padding: 0 0 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list .txt-box > .ttl {
    margin: 0 0 calc(2.0833333333 * var(--vw));
    padding: 0 0 0 calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .txt-box > .ttl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(10.641025641 * var(--vw));
    margin: 0 0 calc(3.8461538462 * var(--vw));
    padding: 0 0 0;
  }
}
#STAFFING .sec-start-work .flow-list .txt-box > .ttl::before {
  content: "";
  position: absolute;
  top: 0.35em;
  left: 0;
  background: #E57777;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list .txt-box > .ttl::before {
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .txt-box > .ttl::before {
    top: 2.2em;
    left: calc(19.358974359 * var(--vw));
    width: calc(2.0512820513 * var(--vw));
  }
}
#STAFFING .sec-start-work .flow-list .txt-box > .ttl > span {
  font-weight: 400;
}
#STAFFING .sec-start-work .flow-list .txt-box > .ttl > span::before, #STAFFING .sec-start-work .flow-list .txt-box > .ttl > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-start-work .flow-list .txt-box > .ttl > span::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#STAFFING .sec-start-work .flow-list .txt-box > .ttl > span::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .txt-box > .ttl > span {
    font-size: 3.2rem;
  }
}
#STAFFING .sec-start-work .flow-list .txt-box > .txt {
  font-size: 1.6rem;
  line-height: 1.75;
}
#STAFFING .sec-start-work .flow-list .txt-box > .txt::before, #STAFFING .sec-start-work .flow-list .txt-box > .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-start-work .flow-list .txt-box > .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFFING .sec-start-work .flow-list .txt-box > .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .txt-box > .txt {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  #STAFFING .sec-start-work .flow-list .txt-box > .txt::before, #STAFFING .sec-start-work .flow-list .txt-box > .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFFING .sec-start-work .flow-list .txt-box > .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #STAFFING .sec-start-work .flow-list .txt-box > .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#STAFFING .sec-start-work .flow-list .color-box {
  background: #F7EDEA;
  color: #707070;
  font-size: 1.6rem;
  line-height: 1.75;
  border-radius: 10px;
  margin: 30px auto 0;
  padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list .color-box {
    border-radius: calc(0.6944444444 * var(--vw));
    margin: calc(2.0833333333 * var(--vw)) auto 0;
    padding: calc(2.0833333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .color-box {
    font-size: 2.4rem;
    line-height: 1.6;
    border-radius: calc(1.2820512821 * var(--vw));
    margin: calc(10.2564102564 * var(--vw)) auto 0;
    padding: calc(2.5641025641 * var(--vw));
  }
}
#STAFFING .sec-start-work .flow-list .color-box > .ttl {
  font-weight: 400;
  margin: 0 0 10px;
}
#STAFFING .sec-start-work .flow-list .color-box > .ttl::before, #STAFFING .sec-start-work .flow-list .color-box > .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-start-work .flow-list .color-box > .ttl::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFFING .sec-start-work .flow-list .color-box > .ttl::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-start-work .flow-list .color-box > .ttl {
    margin: 0 0 calc(0.6944444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .color-box > .ttl {
    margin: 0 0 calc(2.5641025641 * var(--vw));
  }
  #STAFFING .sec-start-work .flow-list .color-box > .ttl::before, #STAFFING .sec-start-work .flow-list .color-box > .ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFFING .sec-start-work .flow-list .color-box > .ttl::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #STAFFING .sec-start-work .flow-list .color-box > .ttl::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#STAFFING .sec-start-work .flow-list .color-box > .txt::before, #STAFFING .sec-start-work .flow-list .color-box > .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-start-work .flow-list .color-box > .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFFING .sec-start-work .flow-list .color-box > .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-start-work .flow-list .color-box > .txt::before, #STAFFING .sec-start-work .flow-list .color-box > .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFFING .sec-start-work .flow-list .color-box > .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #STAFFING .sec-start-work .flow-list .color-box > .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#STAFFING .sec-day-work {
  padding-bottom: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work {
    padding-bottom: calc(9.7222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work {
    padding-bottom: calc(17.9487179487 * var(--vw));
  }
}
#STAFFING .sec-day-work .schedule-box {
  margin: 90px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box {
    margin: calc(6.25 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box {
    margin: calc(11.5384615385 * var(--vw)) auto 0;
  }
}
#STAFFING .sec-day-work .schedule-box > .txt {
  color: #646464;
  font-size: 2rem;
  line-height: 1.6;
  text-align: center;
}
#STAFFING .sec-day-work .schedule-box > .txt::before, #STAFFING .sec-day-work .schedule-box > .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-day-work .schedule-box > .txt::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
#STAFFING .sec-day-work .schedule-box > .txt::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box > .txt {
    font-size: 3.2rem;
    line-height: 1.5;
  }
  #STAFFING .sec-day-work .schedule-box > .txt::before, #STAFFING .sec-day-work .schedule-box > .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFFING .sec-day-work .schedule-box > .txt::before {
    margin-top: calc((1 - 1.5) * 0.5em);
  }
  #STAFFING .sec-day-work .schedule-box > .txt::after {
    margin-bottom: calc((1 - 1.5) * 0.5em);
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 56px;
  margin: 70px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list {
    gap: calc(3.8888888889 * var(--vw));
    margin: calc(4.8611111111 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list {
    margin: calc(11.5384615385 * var(--vw)) auto 0;
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 262px;
  background: #E57777;
  width: 2px;
  height: calc(100% - 25px);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list::before {
    top: calc(1.7361111111 * var(--vw));
    left: calc(18.1944444444 * var(--vw));
    width: calc(0.1388888889 * var(--vw));
    height: calc(100% - 1.7361111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list::before {
    top: 0;
    left: calc(-2.3076923077 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
    height: 100%;
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list__item {
  position: relative;
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list__item {
    padding: 0 0 0 calc(3.2051282051 * var(--vw));
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list__item:last-of-type::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 261px;
  background: #F8F2F2;
  width: 4px;
  height: calc(100% - 25px);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list__item:last-of-type::before {
    top: calc(1.7361111111 * var(--vw));
    left: calc(18.125 * var(--vw));
    width: calc(0.2777777778 * var(--vw));
    height: calc(100% - 1.7361111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list__item:last-of-type::before {
    top: 0;
    left: calc(-2.5641025641 * var(--vw));
    width: calc(2.0512820513 * var(--vw));
    height: 100%;
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list__item > .inner {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 107px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list__item > .inner {
    grid-template-columns: calc(13.8888888889 * var(--vw)) 1fr;
    gap: calc(7.4305555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list__item > .inner {
    grid-template-columns: 1fr;
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list .img-box {
  position: relative;
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .img-box {
    width: calc(20.5128205128 * var(--vw));
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list .img-box .img {
  background: #fff;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  min-width: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .img-box .img {
    filter: drop-shadow(0 calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list .img-box .img--02 {
  margin-top: -128px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .img-box .img--02 {
    margin-top: calc(-8.8888888889 * var(--vw));
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box {
  position: relative;
  color: #707070;
  padding: 18px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box {
    padding: calc(1.25 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box {
    display: grid;
    grid-template-columns: calc(20.5128205128 * var(--vw)) 1fr;
    grid-template-rows: repeat(3, auto);
    column-gap: calc(4.1025641026 * var(--vw));
    padding: calc(1.5384615385 * var(--vw)) 0 0;
  }
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .ttl {
    grid-area: 1/1/2/3;
  }
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .img-box {
    grid-area: 2/1/3/2;
  }
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt {
    grid-area: 2/2/3/3;
  }
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box .color-box {
    grid-area: 3/1/4/3;
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box::before {
  content: "";
  position: absolute;
  top: 14px;
  left: -56px;
  background: #E57777;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box::before {
    top: calc(0.9722222222 * var(--vw));
    left: calc(-3.8888888889 * var(--vw));
    width: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box::before {
    top: 0;
    left: calc(-8.2051282051 * var(--vw));
    width: calc(6.1538461538 * var(--vw));
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .ttl {
  font-size: 2.4rem;
  line-height: 1.1;
  font-weight: 400;
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .ttl::before, #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .ttl::before {
  margin-top: calc((1 - 1.1) * 0.5em);
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .ttl::after {
  margin-bottom: calc((1 - 1.1) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .ttl {
    font-size: 3.2rem;
    margin: 0 0 calc(8.2051282051 * var(--vw));
    padding: 0 0 0 calc(5.1282051282 * var(--vw));
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt {
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 30px auto 0;
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt::before, #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt {
    margin: calc(2.0833333333 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt {
    font-size: 2.4rem;
    line-height: 1.6;
    margin: 0;
    padding: calc(0.641025641 * var(--vw)) 0 0;
  }
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt::before, #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #STAFFING .sec-day-work .schedule-box .schedule-list .txt-box > .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list .color-box {
  position: relative;
  background: #fff;
  border-radius: 10px;
  margin: 30px auto 0;
  padding: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .color-box {
    border-radius: calc(0.6944444444 * var(--vw));
    margin: calc(2.0833333333 * var(--vw)) auto 0;
    padding: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .color-box {
    border-radius: calc(1.2820512821 * var(--vw));
    margin: calc(3.8461538462 * var(--vw)) auto 0;
    padding: calc(2.5641025641 * var(--vw));
  }
}
#STAFFING .sec-day-work .schedule-box .schedule-list .color-box > .txt {
  font-size: 1.6rem;
  line-height: 1.75;
}
#STAFFING .sec-day-work .schedule-box .schedule-list .color-box > .txt::before, #STAFFING .sec-day-work .schedule-box .schedule-list .color-box > .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFFING .sec-day-work .schedule-box .schedule-list .color-box > .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFFING .sec-day-work .schedule-box .schedule-list .color-box > .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFFING .sec-day-work .schedule-box .schedule-list .color-box > .txt {
    font-size: 2.4rem;
    line-height: 1.6;
  }
}

#CLIENT .sec-lead {
  padding: 100px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-lead {
    padding: calc(6.9444444444 * var(--vw)) 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-lead {
    padding: calc(15.3846153846 * var(--vw)) 0 calc(21.1538461538 * var(--vw));
  }
}
#CLIENT .sec-lead .txt-lead {
  color: #646464;
  font-size: 2.4rem;
  line-height: 2.3;
  text-align: center;
  font-weight: 400;
  letter-spacing: -0.005em;
}
#CLIENT .sec-lead .txt-lead::before, #CLIENT .sec-lead .txt-lead::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-lead .txt-lead::before {
  margin-top: calc((1 - 2.3) * 0.5em);
}
#CLIENT .sec-lead .txt-lead::after {
  margin-bottom: calc((1 - 2.3) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-lead .txt-lead {
    font-size: 3.2rem;
    line-height: 1.75;
    text-align: left;
  }
  #CLIENT .sec-lead .txt-lead::before, #CLIENT .sec-lead .txt-lead::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #CLIENT .sec-lead .txt-lead::before {
    margin-top: calc((1 - 1.75) * 0.5em);
  }
  #CLIENT .sec-lead .txt-lead::after {
    margin-bottom: calc((1 - 1.75) * 0.5em);
  }
}
#CLIENT .sec-service {
  padding: 0 0 140px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service {
    padding: 0 0 calc(9.7222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service {
    padding: 0 0 calc(15.3846153846 * var(--vw));
  }
}
#CLIENT .sec-service .service-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service .service-list {
    gap: calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .service-list {
    gap: calc(19.2307692308 * var(--vw));
  }
}
#CLIENT .sec-service .service-list__item {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 64px;
  color: #707070;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service .service-list__item {
    grid-template-columns: calc(19.4444444444 * var(--vw)) 1fr;
    gap: calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .service-list__item {
    grid-template-columns: 1fr;
    gap: calc(5.1282051282 * var(--vw));
  }
}
#CLIENT .sec-service .service-list .img-box .img {
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1;
  min-width: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .service-list .img-box .img {
    width: calc(51.7948717949 * var(--vw));
    margin: 0 auto;
  }
}
#CLIENT .sec-service .service-list .txt-box > .ttl {
  position: relative;
  margin: 0 0 40px;
  padding: 0 0 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service .service-list .txt-box > .ttl {
    margin: 0 0 calc(2.7777777778 * var(--vw));
    padding: 0 0 0 calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .service-list .txt-box > .ttl {
    text-align: center;
    margin: 0 0 calc(4.1025641026 * var(--vw));
    padding: 0 0 calc(4.6153846154 * var(--vw));
  }
}
#CLIENT .sec-service .service-list .txt-box > .ttl::before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0;
  background: #E57777;
  border-radius: 50%;
  min-width: 0;
  aspect-ratio: 1;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service .service-list .txt-box > .ttl::before {
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .service-list .txt-box > .ttl::before {
    top: unset;
    right: 0;
    bottom: 0;
    width: calc(1.0256410256 * var(--vw));
    margin: 0 auto;
  }
}
#CLIENT .sec-service .service-list .txt-box > .ttl > span {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.5;
}
#CLIENT .sec-service .service-list .txt-box > .ttl > span::before, #CLIENT .sec-service .service-list .txt-box > .ttl > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-service .service-list .txt-box > .ttl > span::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#CLIENT .sec-service .service-list .txt-box > .ttl > span::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .service-list .txt-box > .ttl > span {
    font-size: 3.2rem;
  }
}
#CLIENT .sec-service .service-list .txt-box > .txt {
  font-size: 1.6rem;
  line-height: 1.75;
}
#CLIENT .sec-service .service-list .txt-box > .txt::before, #CLIENT .sec-service .service-list .txt-box > .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-service .service-list .txt-box > .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#CLIENT .sec-service .service-list .txt-box > .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .service-list .txt-box > .txt {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  #CLIENT .sec-service .service-list .txt-box > .txt::before, #CLIENT .sec-service .service-list .txt-box > .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #CLIENT .sec-service .service-list .txt-box > .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #CLIENT .sec-service .service-list .txt-box > .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#CLIENT .sec-service .training-box {
  color: #707070;
  margin: 40px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service .training-box {
    margin: calc(2.7777777778 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .training-box {
    margin: calc(12.3076923077 * var(--vw)) 0 0;
  }
}
#CLIENT .sec-service .training-box .heading {
  background: #EFF4F2;
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 0 32px;
  padding: 9px 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service .training-box .heading {
    margin: 0 0 calc(2.2222222222 * var(--vw));
    padding: calc(0.625 * var(--vw)) calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .training-box .heading {
    font-size: 3.2rem;
    margin: 0 0 calc(5.1282051282 * var(--vw));
    padding: calc(2.3076923077 * var(--vw)) calc(3.0769230769 * var(--vw));
  }
}
#CLIENT .sec-service .training-box .row {
  border-bottom: 1px solid #C6C6C6;
  padding: 0 0 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service .training-box .row {
    padding: 0 0 calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .training-box .row {
    padding: 0 0 calc(3.0769230769 * var(--vw));
  }
}
#CLIENT .sec-service .training-box .row + .row {
  margin: 32px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service .training-box .row + .row {
    margin: calc(2.2222222222 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .training-box .row + .row {
    margin: calc(3.0769230769 * var(--vw)) 0 0;
  }
}
#CLIENT .sec-service .training-box .ttl {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 400;
  margin: 0 0 16px;
}
#CLIENT .sec-service .training-box .ttl::before, #CLIENT .sec-service .training-box .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-service .training-box .ttl::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#CLIENT .sec-service .training-box .ttl::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-service .training-box .ttl {
    margin: 0 0 calc(1.1111111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .training-box .ttl {
    font-size: 2.4rem;
    margin: 0 0 calc(3.0769230769 * var(--vw));
  }
}
#CLIENT .sec-service .training-box .desc {
  font-size: 1.6rem;
  line-height: 1.75;
}
#CLIENT .sec-service .training-box .desc::before, #CLIENT .sec-service .training-box .desc::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-service .training-box .desc::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#CLIENT .sec-service .training-box .desc::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-service .training-box .desc {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  #CLIENT .sec-service .training-box .desc::before, #CLIENT .sec-service .training-box .desc::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #CLIENT .sec-service .training-box .desc::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #CLIENT .sec-service .training-box .desc::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#CLIENT .sec-reason {
  padding-bottom: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason {
    padding-bottom: calc(12.5 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason {
    padding-bottom: calc(17.9487179487 * var(--vw));
  }
}
#CLIENT .sec-reason .reason-list {
  counter-reset: reasonNum;
  display: grid;
  gap: 80px;
  padding: 0 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason .reason-list {
    gap: calc(5.5555555556 * var(--vw));
    padding: 0 calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list {
    gap: calc(10.2564102564 * var(--vw));
    padding: 0;
  }
}
#CLIENT .sec-reason .reason-list__item {
  counter-increment: reasonNum;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason .reason-list__item {
    gap: calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list__item {
    flex-direction: column;
    gap: calc(5.1282051282 * var(--vw));
  }
}
@media only screen and (min-width: 768px) {
  #CLIENT .sec-reason .reason-list__item:nth-of-type(even) {
    flex-direction: row-reverse;
    gap: 116px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason .reason-list__item:nth-of-type(even) {
    gap: calc(8.0555555556 * var(--vw));
  }
}
@media only screen and (min-width: 768px) {
  #CLIENT .sec-reason .reason-list__item:nth-of-type(even) .img::before {
    left: 40px;
    right: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason .reason-list__item:nth-of-type(even) .img::before {
    left: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list__item:nth-of-type(even) .img::before {
    left: calc(7.6923076923 * var(--vw));
  }
}
@media only screen and (min-width: 768px) {
  #CLIENT .sec-reason .reason-list__item:nth-of-type(even) .img::after {
    left: 40px;
    right: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason .reason-list__item:nth-of-type(even) .img::after {
    left: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list__item:nth-of-type(even) .img::after {
    left: calc(7.6923076923 * var(--vw));
  }
}
#CLIENT .sec-reason .reason-list .img {
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  width: 280px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason .reason-list .img {
    filter: drop-shadow(0 calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
    width: calc(19.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list .img {
    width: calc(51.7948717949 * var(--vw));
    margin: 0 auto;
  }
}
#CLIENT .sec-reason .reason-list .img::before, #CLIENT .sec-reason .reason-list .img::after {
  position: absolute;
  color: #fff;
  line-height: 1;
  font-weight: 400;
}
#CLIENT .sec-reason .reason-list .img::before {
  top: 50px;
  right: 40px;
  content: "Reason";
  font-size: 3.2rem;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason .reason-list .img::before {
    top: calc(3.4722222222 * var(--vw));
    right: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list .img::before {
    top: calc(10.7692307692 * var(--vw));
    right: calc(7.6923076923 * var(--vw));
    font-size: 4.6rem;
  }
}
#CLIENT .sec-reason .reason-list .img::after {
  top: 105px;
  right: 40px;
  content: counter(reasonNum);
  font-size: 9.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason .reason-list .img::after {
    top: calc(7.2916666667 * var(--vw));
    right: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list .img::after {
    top: calc(20.5128205128 * var(--vw));
    right: calc(7.6923076923 * var(--vw));
    font-size: 13.7rem;
  }
}
#CLIENT .sec-reason .reason-list .txt-box {
  flex: 1;
  color: #646464;
}
#CLIENT .sec-reason .reason-list .ttl {
  display: inline-block;
  background: linear-gradient(transparent 50%, #fff 50%);
  margin: 0 0 40px;
  padding: 0 0 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-reason .reason-list .ttl {
    margin: 0 0 calc(2.7777777778 * var(--vw));
    padding: 0 0 calc(0.6944444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list .ttl {
    display: block;
    background: transparent;
    text-align: center;
    margin: 0 0 calc(8.2051282051 * var(--vw));
    padding: 0;
  }
}
#CLIENT .sec-reason .reason-list .ttl > span {
  font-size: 3.2rem;
  line-height: 1.5;
  font-weight: 400;
}
#CLIENT .sec-reason .reason-list .ttl > span::before, #CLIENT .sec-reason .reason-list .ttl > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-reason .reason-list .ttl > span::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#CLIENT .sec-reason .reason-list .ttl > span::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list .ttl > span > span {
    display: inline-block;
    background: linear-gradient(transparent 50%, #fff 50%);
    padding: 0 calc(5.3846153846 * var(--vw));
  }
}
#CLIENT .sec-reason .reason-list .txt {
  font-size: 1.8rem;
  line-height: 1.7;
}
#CLIENT .sec-reason .reason-list .txt::before, #CLIENT .sec-reason .reason-list .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-reason .reason-list .txt::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
#CLIENT .sec-reason .reason-list .txt::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-reason .reason-list .txt {
    font-size: 2.4rem;
  }
}
#CLIENT .sec-guide {
  color: #646464;
  padding-bottom: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide {
    padding-bottom: calc(9.7222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide {
    padding-bottom: calc(17.9487179487 * var(--vw));
  }
}
#CLIENT .sec-guide .txt--01 {
  font-size: 2rem;
  line-height: 1.6;
  text-align: center;
}
#CLIENT .sec-guide .txt--01::before, #CLIENT .sec-guide .txt--01::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-guide .txt--01::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
#CLIENT .sec-guide .txt--01::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .txt--01 {
    font-size: 2.4rem;
    text-align: left;
  }
}
#CLIENT .sec-guide .guide-box {
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin: 80px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box {
    box-shadow: 0 calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16);
    margin: calc(5.5555555556 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box {
    border-radius: calc(1.2820512821 * var(--vw));
    box-shadow: 0 calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16);
    margin: calc(10.2564102564 * var(--vw)) 0 0;
  }
}
#CLIENT .sec-guide .guide-box__header {
  display: grid;
  grid-template-columns: 1fr 550px;
  background: #CAE6E0;
  height: 330px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box__header {
    grid-template-columns: 1fr calc(38.1944444444 * var(--vw));
    height: calc(22.9166666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__header {
    grid-template-columns: 1fr;
    height: auto;
    padding: 0 0 calc(5.1282051282 * var(--vw));
  }
}
#CLIENT .sec-guide .guide-box__header--02 {
  background: #E5C5BA;
}
#CLIENT .sec-guide .guide-box__header--03 {
  background: #caeefb;
}
#CLIENT .sec-guide .guide-box__header .txt-box {
  padding: 40px 52px 40px 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box__header .txt-box {
    padding: calc(2.7777777778 * var(--vw)) calc(3.6111111111 * var(--vw)) calc(2.7777777778 * var(--vw)) calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__header .txt-box {
    padding: calc(5.1282051282 * var(--vw)) calc(5.3846153846 * var(--vw));
  }
}
#CLIENT .sec-guide .guide-box__header .ttl {
  position: relative;
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__header .ttl {
    text-align: center;
  }
}
#CLIENT .sec-guide .guide-box__header .ttl::before {
  content: "";
  position: absolute;
  top: 18px;
  left: -24px;
  background: #fff;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box__header .ttl::before {
    top: calc(1.25 * var(--vw));
    left: calc(-1.6666666667 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__header .ttl::before {
    display: none;
  }
}
#CLIENT .sec-guide .guide-box__header .ttl > span {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1.25;
}
#CLIENT .sec-guide .guide-box__header .ttl > span::before, #CLIENT .sec-guide .guide-box__header .ttl > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-guide .guide-box__header .ttl > span::before {
  margin-top: calc((1 - 1.25) * 0.5em);
}
#CLIENT .sec-guide .guide-box__header .ttl > span::after {
  margin-bottom: calc((1 - 1.25) * 0.5em);
}
@media only screen and (min-width: 768px) {
  #CLIENT .sec-guide .guide-box__header--02 .ttl > span {
    font-size: 3.1rem;
  }
}
#CLIENT .sec-guide .guide-box__header .txt--02 {
  font-size: 2rem;
  line-height: 1.6;
  font-weight: 400;
  margin: 36px 0 0;
}
#CLIENT .sec-guide .guide-box__header .txt--02::before, #CLIENT .sec-guide .guide-box__header .txt--02::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-guide .guide-box__header .txt--02::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
#CLIENT .sec-guide .guide-box__header .txt--02::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box__header .txt--02 {
    margin: calc(2.5 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__header .txt--02 {
    font-size: 2.4rem;
    margin: calc(6.1538461538 * var(--vw)) 0 0;
  }
}
#CLIENT .sec-guide .guide-box__header .txt--03 {
  font-size: 1.6rem;
  line-height: 1.75;
  margin: 36px 0 0;
}
#CLIENT .sec-guide .guide-box__header .txt--03::before, #CLIENT .sec-guide .guide-box__header .txt--03::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-guide .guide-box__header .txt--03::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#CLIENT .sec-guide .guide-box__header .txt--03::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box__header .txt--03 {
    margin: calc(2.5 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__header .txt--03 {
    font-size: 2.4rem;
    line-height: 1.6;
    margin: calc(4.6153846154 * var(--vw)) 0 0;
  }
  #CLIENT .sec-guide .guide-box__header .txt--03::before, #CLIENT .sec-guide .guide-box__header .txt--03::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #CLIENT .sec-guide .guide-box__header .txt--03::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #CLIENT .sec-guide .guide-box__header .txt--03::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__header .img {
    padding: 0 calc(5.3846153846 * var(--vw));
  }
}
#CLIENT .sec-guide .guide-box__content {
  background: #fff;
  color: #646464;
  padding: 64px 56px 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box__content {
    padding: calc(4.4444444444 * var(--vw)) calc(3.8888888889 * var(--vw)) calc(5.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__content {
    padding: calc(5.1282051282 * var(--vw)) calc(5.3846153846 * var(--vw));
  }
}
#CLIENT .sec-guide .guide-box__content .merit-box {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box__content .merit-box {
    grid-template-columns: calc(10.4166666667 * var(--vw)) 1fr;
    gap: calc(3.3333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__content .merit-box {
    grid-template-columns: 1fr;
    gap: calc(7.1794871795 * var(--vw));
  }
}
#CLIENT .sec-guide .guide-box__content .merit-box > .ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #CAE6E0;
  font-size: 2.3rem;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__content .merit-box > .ttl {
    width: calc(23.0769230769 * var(--vw));
    margin: 0 auto;
  }
}
#CLIENT .sec-guide .guide-box__content .merit-box > .ttl--02 {
  background: #E5C5BA;
}
#CLIENT .sec-guide .guide-box__content .merit-box > .ttl--03 {
  background: #caeefb;
}
#CLIENT .sec-guide .guide-box__content .merit-list {
  counter-reset: meritNum;
}
#CLIENT .sec-guide .guide-box__content .merit-list__item {
  counter-increment: meritNum;
}
#CLIENT .sec-guide .guide-box__content .merit-list__item:not(:first-of-type) {
  margin: 80px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box__content .merit-list__item:not(:first-of-type) {
    margin: calc(5.5555555556 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__content .merit-list__item:not(:first-of-type) {
    margin: calc(16.9230769231 * var(--vw)) 0 0;
  }
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl {
  position: relative;
  font-weight: 400;
  margin: 0 0 32px;
  padding: 0 0 0 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl {
    margin: 0 0 calc(2.2222222222 * var(--vw));
    padding: 0 0 0 calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl {
    margin: 0 0 calc(4.1025641026 * var(--vw));
    padding: 0 0 0 calc(11.2820512821 * var(--vw));
  }
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl::before {
  content: counter(meritNum, decimal-leading-zero);
  position: absolute;
  bottom: 0;
  left: 0;
  color: #75CBB8;
  font-size: 4rem;
  line-height: 0.55;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl::before {
    font-size: 5.6rem;
  }
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl--02::before {
  color: #E5C5BA;
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl--03::before {
  color: #caeefb;
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl > span {
  font-size: 2.4rem;
  line-height: 1.1;
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl > span::before, #CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl > span::before {
  margin-top: calc((1 - 1.1) * 0.5em);
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl > span::after {
  margin-bottom: calc((1 - 1.1) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__content .merit-list__item > .ttl > span {
    font-size: 3.2rem;
  }
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .txt {
  font-size: 1.6rem;
  line-height: 1.5;
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .txt::before, #CLIENT .sec-guide .guide-box__content .merit-list__item > .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .txt::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#CLIENT .sec-guide .guide-box__content .merit-list__item > .txt::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-guide .guide-box__content .merit-list__item > .txt {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  #CLIENT .sec-guide .guide-box__content .merit-list__item > .txt::before, #CLIENT .sec-guide .guide-box__content .merit-list__item > .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #CLIENT .sec-guide .guide-box__content .merit-list__item > .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #CLIENT .sec-guide .guide-box__content .merit-list__item > .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#CLIENT .sec-flow {
  padding-bottom: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow {
    padding-bottom: calc(9.7222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow {
    padding-bottom: calc(17.9487179487 * var(--vw));
  }
}
#CLIENT .sec-flow .flow-box > .ttl {
  color: #646464;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 400;
}
#CLIENT .sec-flow .flow-box > .ttl::before, #CLIENT .sec-flow .flow-box > .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-flow .flow-box > .ttl::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
#CLIENT .sec-flow .flow-box > .ttl::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
#CLIENT .sec-flow .flow-list {
  counter-reset: flowNum;
  margin: 36px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list {
    margin: calc(2.5 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list {
    margin: calc(9.2307692308 * var(--vw)) auto 0;
  }
}
#CLIENT .sec-flow .flow-list__item {
  position: relative;
  counter-increment: flowNum;
  padding: 3px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list__item {
    padding: calc(0.2083333333 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list__item {
    padding: calc(0.3846153846 * var(--vw)) 0 0;
  }
}
#CLIENT .sec-flow .flow-list__item:not(:last-of-type) {
  padding-bottom: 108px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list__item:not(:last-of-type) {
    padding-bottom: calc(7.5 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list__item:not(:last-of-type) {
    padding-bottom: calc(16.4102564103 * var(--vw));
  }
}
#CLIENT .sec-flow .flow-list__item:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 36px;
  left: 0;
  background: url(../img/common/ico_arrow_flow_01.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 60/33;
  min-width: 0;
  width: 60px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list__item:not(:last-of-type)::after {
    bottom: calc(2.5 * var(--vw));
    width: calc(4.1666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list__item:not(:last-of-type)::after {
    bottom: calc(4.1025641026 * var(--vw));
    width: calc(14.7435897436 * var(--vw));
  }
}
#CLIENT .sec-flow .flow-list__item > .inner {
  position: relative;
  display: grid;
  grid-template-columns: 103px 1fr;
  gap: 34px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list__item > .inner {
    grid-template-columns: calc(7.1527777778 * var(--vw)) 1fr;
    gap: calc(2.3611111111 * var(--vw));
    border-radius: calc(1.1111111111 * var(--vw));
    box-shadow: 0 calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16);
    padding: calc(2.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list__item > .inner {
    display: block;
    border-radius: calc(2.0512820513 * var(--vw));
    box-shadow: 0 calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16);
    padding: calc(5.1282051282 * var(--vw));
  }
}
#CLIENT .sec-flow .flow-list__item > .inner::before {
  content: "";
  position: absolute;
  top: -3px;
  right: 0;
  left: 0;
  background: #E5C5BA;
  border-radius: 16px 16px 0 0;
  width: 100%;
  margin: 0 auto;
  height: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list__item > .inner::before {
    top: calc(-0.2083333333 * var(--vw));
    border-radius: calc(1.1111111111 * var(--vw)) calc(1.1111111111 * var(--vw)) 0 0;
    height: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list__item > .inner::before {
    top: 0;
    border-radius: calc(2.0512820513 * var(--vw)) calc(2.0512820513 * var(--vw)) 0 0;
    height: calc(2.0512820513 * var(--vw));
  }
}
#CLIENT .sec-flow .flow-list .number {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #E57777;
  line-height: 1;
  border: 2px solid #E57777;
  border-radius: 50%;
  aspect-ratio: 1;
  min-width: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list .number {
    gap: calc(0.6944444444 * var(--vw));
    border-width: calc(0.1388888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .number {
    gap: calc(1.2820512821 * var(--vw));
    width: calc(13.2051282051 * var(--vw));
  }
}
#CLIENT .sec-flow .flow-list .number::before {
  content: "STEP";
  font-size: 1.6rem;
  font-weight: 400;
}
#CLIENT .sec-flow .flow-list .number::after {
  content: counter(flowNum);
  font-size: 4.8rem;
  font-weight: 400;
}
#CLIENT .sec-flow .flow-list .txt-box {
  position: relative;
  color: #646464;
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .txt-box {
    margin: calc(3.0769230769 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .txt-box > .container {
    display: contents;
  }
}
#CLIENT .sec-flow .flow-list .txt-box > .ttl {
  position: relative;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 30px;
  padding: 0 0 0 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list .txt-box > .ttl {
    margin: 0 0 calc(2.0833333333 * var(--vw));
    padding: 0 0 0 calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .txt-box > .ttl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(10.641025641 * var(--vw));
    margin: 0 0 calc(3.8461538462 * var(--vw));
    padding: 0 0 0;
  }
}
#CLIENT .sec-flow .flow-list .txt-box > .ttl::before {
  content: "";
  position: absolute;
  top: 0.35em;
  left: 0;
  background: #E57777;
  aspect-ratio: 1;
  border-radius: 50%;
  min-width: 0;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list .txt-box > .ttl::before {
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .txt-box > .ttl::before {
    top: 2.1em;
    left: calc(19.358974359 * var(--vw));
    width: calc(2.0512820513 * var(--vw));
  }
}
#CLIENT .sec-flow .flow-list .txt-box > .ttl > span {
  font-weight: 400;
}
#CLIENT .sec-flow .flow-list .txt-box > .ttl > span::before, #CLIENT .sec-flow .flow-list .txt-box > .ttl > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-flow .flow-list .txt-box > .ttl > span::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#CLIENT .sec-flow .flow-list .txt-box > .ttl > span::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .txt-box > .ttl > span {
    flex: 1;
    font-size: 3.2rem;
  }
}
#CLIENT .sec-flow .flow-list .txt-box > .txt {
  font-size: 1.6rem;
  line-height: 1.75;
}
#CLIENT .sec-flow .flow-list .txt-box > .txt::before, #CLIENT .sec-flow .flow-list .txt-box > .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-flow .flow-list .txt-box > .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#CLIENT .sec-flow .flow-list .txt-box > .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .txt-box > .txt {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  #CLIENT .sec-flow .flow-list .txt-box > .txt::before, #CLIENT .sec-flow .flow-list .txt-box > .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #CLIENT .sec-flow .flow-list .txt-box > .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #CLIENT .sec-flow .flow-list .txt-box > .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#CLIENT .sec-flow .flow-list .color-box {
  background: #F7EDEA;
  color: #707070;
  font-size: 1.6rem;
  line-height: 1.75;
  border-radius: 10px;
  margin: 30px auto 0;
  padding: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list .color-box {
    border-radius: calc(0.6944444444 * var(--vw));
    margin: calc(2.0833333333 * var(--vw)) auto 0;
    padding: calc(2.0833333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .color-box {
    font-size: 2.4rem;
    line-height: 1.6;
    border-radius: calc(1.2820512821 * var(--vw));
    margin: calc(10.2564102564 * var(--vw)) auto 0;
    padding: calc(2.5641025641 * var(--vw));
  }
}
#CLIENT .sec-flow .flow-list .color-box > .ttl {
  font-weight: 400;
  margin: 0 0 10px;
}
#CLIENT .sec-flow .flow-list .color-box > .ttl::before, #CLIENT .sec-flow .flow-list .color-box > .ttl::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-flow .flow-list .color-box > .ttl::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#CLIENT .sec-flow .flow-list .color-box > .ttl::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #CLIENT .sec-flow .flow-list .color-box > .ttl {
    margin: 0 0 calc(0.6944444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .color-box > .ttl {
    margin: 0 0 calc(2.5641025641 * var(--vw));
  }
  #CLIENT .sec-flow .flow-list .color-box > .ttl::before, #CLIENT .sec-flow .flow-list .color-box > .ttl::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #CLIENT .sec-flow .flow-list .color-box > .ttl::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #CLIENT .sec-flow .flow-list .color-box > .ttl::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#CLIENT .sec-flow .flow-list .color-box > .txt::before, #CLIENT .sec-flow .flow-list .color-box > .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#CLIENT .sec-flow .flow-list .color-box > .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#CLIENT .sec-flow .flow-list .color-box > .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #CLIENT .sec-flow .flow-list .color-box > .txt::before, #CLIENT .sec-flow .flow-list .color-box > .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #CLIENT .sec-flow .flow-list .color-box > .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #CLIENT .sec-flow .flow-list .color-box > .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .sec__in {
    padding: 0 calc(5.1282051282 * var(--vw));
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list {
  display: grid;
  grid-template-columns: repeat(3, 344px);
  gap: 80px 36px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list {
    grid-template-columns: repeat(3, calc(23.8888888889 * var(--vw)));
    gap: calc(5.5555555556 * var(--vw)) calc(2.5 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list {
    grid-template-columns: 1fr;
    gap: calc(10.2564102564 * var(--vw));
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list__item {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list__item {
    border-radius: calc(0.6944444444 * var(--vw));
    box-shadow: 0 calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16);
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list__item {
    border-radius: calc(1.2820512821 * var(--vw));
    box-shadow: 0 calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16);
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list__item > a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list__item > a {
    display: grid;
    grid-template-columns: calc(33.3333333333 * var(--vw)) 1fr;
  }
}
@media (hover: none) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list__item > a:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview-list__item > a:hover {
    opacity: 0.65;
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__header {
  position: relative;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__header .img {
  aspect-ratio: 344/216;
  overflow: hidden;
  min-width: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__header .img {
    aspect-ratio: 1;
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__header .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__header .num {
  position: absolute;
  top: 8px;
  left: 0;
  background: linear-gradient(to right, #fff 0%, #e4f8f0 48.28%, #f4e8e4 78.82%, #e7ccc3 100%);
  color: #878785;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 14px 24px 6px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__header .num {
    top: calc(0.5555555556 * var(--vw));
    padding: calc(0.9722222222 * var(--vw)) calc(1.6666666667 * var(--vw)) calc(0.4166666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__header .num {
    top: calc(1.5384615385 * var(--vw));
    font-size: 2rem;
    padding: calc(1.5384615385 * var(--vw)) calc(3.0769230769 * var(--vw)) calc(0.5128205128 * var(--vw));
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  color: #707070;
  padding: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__content {
    padding: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .interview__content {
    padding: calc(3.8461538462 * var(--vw));
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  justify-items: flex-end;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .name {
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .name::before, #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .name::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .name::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .name::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .name {
    display: -webkit-box;
    font-size: 3.2rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .category {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #CAE6E0;
  font-size: 1.4rem;
  border-radius: 6px;
  aspect-ratio: 140/32;
  min-width: 0;
  width: 140px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .category {
    border-radius: calc(0.4166666667 * var(--vw));
    width: calc(9.7222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .category {
    font-size: 2rem;
    border-radius: calc(0.7692307692 * var(--vw));
    aspect-ratio: 171/35;
    width: calc(21.9230769231 * var(--vw));
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .category--outsourcing {
  background: #CAE6E0;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .name-box .category--temporary {
  background: #E5C5BA;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box {
  margin: 40px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box {
    margin: calc(2.7777777778 * var(--vw)) 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box {
    margin: calc(4.1025641026 * var(--vw)) 0 calc(1.0256410256 * var(--vw));
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt {
  font-size: 1.6rem;
  line-height: 1.75;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt::before, #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt::before, #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .txt-box .txt::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box {
  text-align: right;
  margin: auto 0 0;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt {
  position: relative;
  font-size: 1.6rem;
  padding: 0 24px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt {
    padding: 0 calc(1.6666666667 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt {
    font-size: 2.4rem;
    padding: 0 calc(3.0769230769 * var(--vw)) 0 0;
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt::after {
  content: "";
  position: absolute;
  top: 0.1em;
  right: 0;
  background: url(../img/common/ico_arrow_btn_02.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 8/14;
  min-width: 0;
  width: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt::after {
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt::after {
    width: calc(1.2820512821 * var(--vw));
  }
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt > span {
  color: #E57777;
  line-height: 1.375;
  font-weight: 400;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt > span::before, #STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt > span::before {
  margin-top: calc((1 - 1.375) * 0.5em);
}
#STAFF_INTERVIEW.ARCHIVES .sec-staff_interview .link-box .txt > span::after {
  margin-bottom: calc((1 - 1.375) * 0.5em);
}
#STAFF_INTERVIEW.SINGLE .article {
  color: #707070;
}
#STAFF_INTERVIEW.SINGLE .article .img {
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 73/40;
  min-width: 0;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article .img {
    border-radius: calc(0.6944444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .img {
    aspect-ratio: 616/380;
    border-radius: calc(1.2820512821 * var(--vw));
  }
}
#STAFF_INTERVIEW.SINGLE .article .img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
#STAFF_INTERVIEW.SINGLE .article__header {
  background: #EFF4F2;
  border-radius: 10px;
  margin: 30px 0 0;
  padding: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article__header {
    border-radius: calc(0.6944444444 * var(--vw));
    margin: calc(2.0833333333 * var(--vw)) 0 0;
    padding: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article__header {
    border-radius: calc(1.2820512821 * var(--vw));
    margin: calc(3.8461538462 * var(--vw)) 0 0;
    padding: calc(5.1282051282 * var(--vw)) calc(2.5641025641 * var(--vw));
  }
}
#STAFF_INTERVIEW.SINGLE .article__header .name-box {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 40px;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article__header .name-box {
    gap: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article__header .name-box {
    gap: calc(5.1282051282 * var(--vw));
  }
}
#STAFF_INTERVIEW.SINGLE .article__header .name-box .category {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  font-size: 1.6rem;
  aspect-ratio: 140/32;
  border-radius: 6px;
  min-width: 0;
  width: 140px;
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article__header .name-box .category {
    font-size: 2.4rem;
    border-radius: calc(0.7692307692 * var(--vw));
    aspect-ratio: 187/43;
    width: calc(23.9743589744 * var(--vw));
  }
}
#STAFF_INTERVIEW.SINGLE .article__header .name-box .name {
  font-size: 3.2rem;
  font-weight: 400;
}
#STAFF_INTERVIEW.SINGLE .article__header .txt-box {
  margin: 24px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article__header .txt-box {
    margin: calc(1.6666666667 * var(--vw)) auto 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article__header .txt-box {
    margin: calc(3.0769230769 * var(--vw)) auto 0;
  }
}
#STAFF_INTERVIEW.SINGLE .article__header .txt-box .txt {
  font-size: 1.8rem;
  line-height: 1.5;
}
#STAFF_INTERVIEW.SINGLE .article__header .txt-box .txt::before, #STAFF_INTERVIEW.SINGLE .article__header .txt-box .txt::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFF_INTERVIEW.SINGLE .article__header .txt-box .txt::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
#STAFF_INTERVIEW.SINGLE .article__header .txt-box .txt::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article__header .txt-box .txt {
    font-size: 2.4rem;
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list {
  counter-reset: faqNum;
  margin: 45px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list {
    margin: calc(3.125 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list {
    margin: calc(10.2564102564 * var(--vw)) 0 0;
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list__item {
  counter-increment: faqNum;
  display: grid;
  gap: 64px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item {
    gap: calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item {
    gap: calc(9.2307692308 * var(--vw));
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list__item:not(:first-of-type) {
  margin: 80px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item:not(:first-of-type) {
    margin: calc(5.5555555556 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item:not(:first-of-type) {
    margin: calc(19.2307692308 * var(--vw)) 0 0;
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap {
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap {
    gap: calc(2.0833333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap {
    flex-direction: column;
    gap: calc(5.1282051282 * var(--vw));
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap .img {
  width: 292px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap .img {
    width: calc(20.2777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap .img {
    order: 1;
    width: 100%;
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap .answer {
  width: 408px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap .answer {
    width: calc(28.3333333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list__item .img__wrap .answer {
    order: 2;
    width: 100%;
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list__item:nth-child(even) .img {
  order: 1;
}
#STAFF_INTERVIEW.SINGLE .article .faq-list__item:nth-child(even) .answer {
  order: 2;
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .question {
  position: relative;
  padding: 0 0 0 104px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list .question {
    padding: 0 0 0 calc(7.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list .question {
    padding: 0 0 0 calc(19.8717948718 * var(--vw));
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .question::before {
  content: "Q" counter(faqNum) ".";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to right bottom, #fff 0%, #b7f0d9 48.28%, #f8d2c4 71.73%, #d8b2a6 100%);
  color: #fff;
  font-size: 3.2rem;
  font-weight: 400;
  border-radius: 509%;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
  aspect-ratio: 1;
  min-width: 0;
  width: 64px;
  height: fit-content;
  margin: auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list .question::before {
    filter: drop-shadow(0 calc(0.2083333333 * var(--vw)) calc(0.4166666667 * var(--vw)) rgba(0, 0, 0, 0.16));
    width: calc(4.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list .question::before {
    font-size: 4.8rem;
    filter: drop-shadow(0 calc(0.3846153846 * var(--vw)) calc(0.7692307692 * var(--vw)) rgba(0, 0, 0, 0.16));
    width: calc(12.8205128205 * var(--vw));
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .question > span {
  font-size: 2.4rem;
  line-height: 2;
  font-weight: 400;
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .question > span::before, #STAFF_INTERVIEW.SINGLE .article .faq-list .question > span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .question > span::before {
  margin-top: calc((1 - 2) * 0.5em);
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .question > span::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list .question > span {
    font-size: 3.2rem;
    line-height: 1.5;
  }
  #STAFF_INTERVIEW.SINGLE .article .faq-list .question > span::before, #STAFF_INTERVIEW.SINGLE .article .faq-list .question > span::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFF_INTERVIEW.SINGLE .article .faq-list .question > span::before {
    margin-top: calc((1 - 1.5) * 0.5em);
  }
  #STAFF_INTERVIEW.SINGLE .article .faq-list .question > span::after {
    margin-bottom: calc((1 - 1.5) * 0.5em);
  }
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .answer {
  font-size: 1.6rem;
  line-height: 1.75;
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .answer::before, #STAFF_INTERVIEW.SINGLE .article .faq-list .answer::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .answer::before {
  margin-top: calc((1 - 1.75) * 0.5em);
}
#STAFF_INTERVIEW.SINGLE .article .faq-list .answer::after {
  margin-bottom: calc((1 - 1.75) * 0.5em);
}
@media only screen and (max-width: 767px) {
  #STAFF_INTERVIEW.SINGLE .article .faq-list .answer {
    font-size: 2.4rem;
    line-height: 1.6;
  }
  #STAFF_INTERVIEW.SINGLE .article .faq-list .answer::before, #STAFF_INTERVIEW.SINGLE .article .faq-list .answer::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  #STAFF_INTERVIEW.SINGLE .article .faq-list .answer::before {
    margin-top: calc((1 - 1.6) * 0.5em);
  }
  #STAFF_INTERVIEW.SINGLE .article .faq-list .answer::after {
    margin-bottom: calc((1 - 1.6) * 0.5em);
  }
}

.FORM legend {
  display: table;
  padding: 0;
}
.FORM fieldset {
  display: inline-block;
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0.01em 0 0 0;
}
.FORM body:not(:-moz-handler-blocked) fieldset {
  display: table-cell;
}
.FORM .input-txt,
.FORM .txtarea,
.FORM .select {
  border: 1px solid #878785;
  border-radius: 3px;
  width: 100%;
  padding: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .input-txt,
  .FORM .txtarea,
  .FORM .select {
    border-radius: calc(0.2083333333 * var(--vw));
    padding: calc(0.2083333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .input-txt,
  .FORM .txtarea,
  .FORM .select {
    border-radius: calc(0.7692307692 * var(--vw));
    padding: calc(0.7692307692 * var(--vw));
  }
}
.FORM .input-txt--short {
  width: 7em;
}
.FORM .select {
  -webkit-appearance: auto;
  width: auto;
  padding-right: 1.5em;
}
.FORM .table-box {
  width: 900px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .table-box {
    width: calc(62.5 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .table-box {
    width: 100%;
  }
}
.FORM .table-box + .table-box {
  margin-top: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .table-box + .table-box {
    margin-top: calc(4.1666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .table-box + .table-box {
    margin-top: calc(15.3846153846 * var(--vw));
  }
}
.FORM .table-box__ttl {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .table-box__ttl {
    margin-bottom: calc(1.3888888889 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .table-box__ttl {
    font-size: 3.6rem;
    margin-bottom: 1em;
  }
}
.FORM .privacy-box {
  font-size: 1.8rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .FORM .privacy-box {
    font-size: 3.2rem;
  }
}
.FORM .privacy-box > .txt {
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 767px) {
  .FORM .privacy-box > .txt {
    text-align: left;
  }
}
.FORM .privacy-box > .container {
  font-size: 1.6rem;
  text-align: left;
  border: 1px solid #878785;
  overflow: auto;
  height: 250px;
  margin-bottom: 2em;
  padding: 1.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .privacy-box > .container {
    height: calc(17.3611111111 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .privacy-box > .container {
    font-size: 3.2rem;
    height: calc(64.1025641026 * var(--vw));
    padding: 1em;
  }
}
.FORM .privacy-box > .container .ttl {
  font-weight: 400;
  border-bottom: 4px solid #E57777;
  margin: 0 0 1em;
  padding: 0 0 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .privacy-box > .container .ttl {
    border-bottom-width: calc(0.2777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .privacy-box > .container .ttl {
    border-bottom-width: calc(1.0256410256 * var(--vw));
  }
}
.FORM .privacy-box > .container .num-list {
  list-style: none;
}
.FORM .privacy-box > .container .num-list > li:not(:first-of-type) {
  margin-top: 1em;
}
.FORM .privacy-box > .container > * + * {
  margin-top: 1.5em;
}
.FORM .btn-box {
  gap: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .btn-box {
    gap: calc(2.0833333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .btn-box {
    flex-direction: column;
    align-items: center;
    gap: calc(3.8461538462 * var(--vw));
  }
}
.FORM .btn-box .btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ccc;
  color: #333;
  font-size: 2.4rem;
  font-weight: 400;
  border-radius: 40px;
  aspect-ratio: 5/1;
  min-width: 0;
  width: 320px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .btn-box .btn {
    border-radius: calc(2.7777777778 * var(--vw));
    width: calc(22.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .btn-box .btn {
    font-size: 2.8rem;
    border-radius: calc(5.1282051282 * var(--vw));
    width: calc(51.2820512821 * var(--vw));
  }
}
.FORM .btn-box .btn:disabled {
  opacity: 0.6;
}
.FORM .btn-box .btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 60px;
  bottom: 0;
  background: url(../img/common/ico_arrow_btn_04.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 8/14;
  min-width: 0;
  width: 8px;
  margin: auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .btn-box .btn::after {
    right: calc(4.1666666667 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .btn-box .btn::after {
    right: calc(7.6923076923 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
  }
}
@media (hover: none) {
  .FORM .btn-box .btn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .FORM .btn-box .btn:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .FORM .btn-box .btn:hover {
    opacity: 0.65;
  }
}
.FORM .btn-box .btn-submit {
  background: #E57777;
  color: #fff;
}
.FORM .btn-box .btn-submit::after {
  background-image: url(../img/common/ico_arrow_btn_01.svg);
}
.FORM .btn-box .btn-submit:disabled {
  background: #ccc;
  color: #333;
}
.FORM .btn-box .btn-submit:disabled::after {
  display: none;
}
.FORM .table {
  color: #646464;
  font-size: 1.8rem;
  border-top: 1px solid #878785;
}
@media only screen and (max-width: 767px) {
  .FORM .table {
    font-size: 3.2rem;
  }
}
.FORM .table__row {
  display: grid;
  grid-template-columns: 280px 1fr;
  align-items: center;
  border-bottom: 1px solid #878785;
  padding: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .table__row {
    grid-template-columns: 280px 1fr;
    padding: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .table__row {
    grid-template-columns: 1fr;
    padding: calc(4.6153846154 * var(--vw)) 0;
  }
}
.FORM .table__ttl {
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .FORM .table__ttl {
    margin-bottom: 0.5em;
  }
}
.FORM .table__ttl.is-required {
  display: flex;
  align-items: center;
}
.FORM .table__ttl.is-required::after {
  content: "必須";
  background: #F37480;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 3px;
  margin-left: 1.5em;
  padding: 0.2em 0.5em;
}
@media only screen and (max-width: 767px) {
  .FORM .table__ttl.is-required::after {
    font-size: 2.4rem;
    margin-left: 1em;
  }
}
.FORM .input-checkbox > span,
.FORM .input-radio > span {
  display: inline-block;
  margin-right: 1em;
}
.FORM .input-check + .input-check {
  margin-left: 1em;
}
.FORM .input-check-label {
  position: relative;
  display: inline-block;
}
.FORM .input-check-label::before {
  content: "";
  display: inline-block;
  margin-left: 0.25em;
}
.FORM .error {
  color: #dc3232;
  margin-top: 0.5em;
}
.FORM .wpcf7-response-output {
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  .FORM .wpcf7-response-output {
    font-size: 3.6rem;
  }
}
.FORM #wpcf7cpcnf {
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  .FORM #wpcf7cpcnf {
    font-size: 3.6rem;
  }
}
.FORM #wpcf7cpcnf .wpcf7cp-btns {
  text-align: center;
}
.FORM #wpcf7cpcnf table {
  color: #646464;
  font-size: 1.8rem;
  border-top: 1px solid #878785;
  width: 900px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM #wpcf7cpcnf table {
    width: calc(62.5 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM #wpcf7cpcnf table {
    font-size: 3.6rem;
    width: 100%;
  }
}
.FORM #wpcf7cpcnf table tr {
  display: grid;
  grid-template-columns: 280px 1fr;
  align-items: center;
  border-bottom: 1px solid #878785;
  padding: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM #wpcf7cpcnf table tr {
    grid-template-columns: calc(19.4444444444 * var(--vw)) 1fr;
    padding: calc(1.6666666667 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM #wpcf7cpcnf table tr {
    grid-template-columns: 1fr;
    padding: calc(6.1538461538 * var(--vw)) 0;
  }
}
.FORM #wpcf7cpcnf table th,
.FORM #wpcf7cpcnf table td {
  text-align: left;
}
.FORM #wpcf7cpcnf table th {
  font-weight: 400;
}
.FORM .wpcf7cp-cfm-edit-btn,
.FORM .wpcf7cp-cfm-submit-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ccc;
  color: #333;
  font-size: 2.4rem;
  font-weight: 400;
  border-radius: 40px;
  aspect-ratio: 5/1;
  min-width: 0;
  width: 320px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .wpcf7cp-cfm-edit-btn,
  .FORM .wpcf7cp-cfm-submit-btn {
    border-radius: calc(2.7777777778 * var(--vw));
    width: calc(22.2222222222 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .wpcf7cp-cfm-edit-btn,
  .FORM .wpcf7cp-cfm-submit-btn {
    font-size: 2.8rem;
    border-radius: calc(5.1282051282 * var(--vw));
    width: calc(51.2820512821 * var(--vw));
  }
}
.FORM .wpcf7cp-cfm-edit-btn::after,
.FORM .wpcf7cp-cfm-submit-btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 60px;
  bottom: 0;
  background: url(../img/common/ico_arrow_btn_04.svg) no-repeat 0 0/100% auto;
  aspect-ratio: 8/14;
  min-width: 0;
  width: 8px;
  margin: auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .FORM .wpcf7cp-cfm-edit-btn::after,
  .FORM .wpcf7cp-cfm-submit-btn::after {
    right: calc(4.1666666667 * var(--vw));
    width: calc(0.5555555556 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  .FORM .wpcf7cp-cfm-edit-btn::after,
  .FORM .wpcf7cp-cfm-submit-btn::after {
    right: calc(7.6923076923 * var(--vw));
    width: calc(1.0256410256 * var(--vw));
  }
}
@media (hover: none) {
  .FORM .wpcf7cp-cfm-edit-btn,
  .FORM .wpcf7cp-cfm-submit-btn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .FORM .wpcf7cp-cfm-edit-btn:active,
  .FORM .wpcf7cp-cfm-submit-btn:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  .FORM .wpcf7cp-cfm-edit-btn:hover,
  .FORM .wpcf7cp-cfm-submit-btn:hover {
    opacity: 0.65;
  }
}
@media only screen and (max-width: 767px) {
  .FORM .wpcf7cp-cfm-edit-btn {
    margin-right: 0;
  }
}
.FORM .wpcf7cp-cfm-submit-btn {
  background: #E57777;
  color: #fff;
}
.FORM .wpcf7cp-cfm-submit-btn::after {
  background-image: url(../img/common/ico_arrow_btn_01.svg);
}
.FORM .valid-box:has(.wpcf7-not-valid-tip) .error-message {
  display: block;
}
.FORM .valid-box .wpcf7-not-valid-tip {
  display: none;
}
.FORM .valid-box .error-message {
  display: none;
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
}

#CONTACT.TOP .confirm-box {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 1.5em;
}
#CONTACT.TOP .thanks-box {
  font-size: 1.8rem;
  text-align: center;
}
#CONTACT.TOP .thanks-box .ttl {
  margin-bottom: 1em;
}

#ENTRY.TOP .confirm-box {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 1.5em;
}
#ENTRY.TOP .thanks-box {
  font-size: 1.8rem;
  text-align: center;
}
#ENTRY.TOP .thanks-box .ttl {
  margin-bottom: 1em;
}

#PRIVACY-POLICY ol {
  list-style-type: none;
}
#PRIVACY-POLICY .sec-privacy {
  color: #646464;
  font-size: 1.6rem;
  line-height: 1.75;
}
@media only screen and (max-width: 767px) {
  #PRIVACY-POLICY .sec-privacy {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY-POLICY .sec-privacy .sec__in {
    padding: 0 calc(5.2564102564 * var(--vw));
  }
}
#PRIVACY-POLICY .sec-privacy .privacy-box {
  width: 900px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #PRIVACY-POLICY .sec-privacy .privacy-box {
    width: calc(62.5 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY-POLICY .sec-privacy .privacy-box {
    width: 100%;
  }
}
#PRIVACY-POLICY .sec-privacy .privacy-box > * + * {
  margin-top: 1.5em;
}
#PRIVACY-POLICY .sec-privacy .privacy-box + .privacy-box {
  margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #PRIVACY-POLICY .sec-privacy .privacy-box + .privacy-box {
    margin-top: calc(6.9444444444 * var(--vw));
  }
}
#PRIVACY-POLICY .sec-privacy .sec-ttl {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #PRIVACY-POLICY .sec-privacy .sec-ttl {
    margin-bottom: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #PRIVACY-POLICY .sec-privacy .sec-ttl {
    margin-bottom: calc(10.2564102564 * var(--vw));
  }
}
@media only screen and (min-width: 768px) {
  #PRIVACY-POLICY .sec-privacy .sec-ttl .main {
    font-size: 3.2rem;
  }
}
#PRIVACY-POLICY .sec-privacy .sub-ttl {
  color: #646464;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: 400;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  #PRIVACY-POLICY .sec-privacy .sub-ttl {
    font-size: 3.6rem;
  }
}
#PRIVACY-POLICY .sec-privacy ul li + li, #PRIVACY-POLICY .sec-privacy ol li + li {
  margin-top: 1em;
}
#PRIVACY-POLICY .sec-privacy ul li li, #PRIVACY-POLICY .sec-privacy ol li li {
  margin-top: 1em;
}
#PRIVACY-POLICY .sec-privacy .latin-list {
  counter-reset: latin;
  list-style: none;
}
#PRIVACY-POLICY .sec-privacy .latin-list > li {
  position: relative;
  counter-increment: latin;
  padding-left: 1.5em;
}
#PRIVACY-POLICY .sec-privacy .latin-list > li::before {
  content: counter(latin, lower-alpha) ".";
  position: absolute;
  top: 0;
  left: 0;
}
#PRIVACY-POLICY .sec-privacy .latin-list-2 {
  counter-reset: latin2;
}
#PRIVACY-POLICY .sec-privacy .latin-list-2 > li {
  position: relative;
  counter-increment: latin2;
  padding-left: 1.5em;
}
#PRIVACY-POLICY .sec-privacy .latin-list-2 > li::before {
  content: counter(latin2, lower-alpha) ") ";
  position: absolute;
  top: 0;
  left: 0;
}
#PRIVACY-POLICY .sec-privacy .bracket-num-list {
  counter-reset: bracketNum;
}
#PRIVACY-POLICY .sec-privacy .bracket-num-list > li {
  counter-increment: bracketNum;
  position: relative;
  padding-left: 2.5em;
}
#PRIVACY-POLICY .sec-privacy .bracket-num-list > li::before {
  content: "（" counter(bracketNum) "）";
  position: absolute;
  top: 0;
  left: 0;
}
#PRIVACY-POLICY .sec-privacy .bracket-num-list-2 {
  counter-reset: bracketNum;
}
#PRIVACY-POLICY .sec-privacy .bracket-num-list-2 > li {
  counter-increment: bracketNum;
  position: relative;
  padding-left: 1.5em;
}
#PRIVACY-POLICY .sec-privacy .bracket-num-list-2 > li::before {
  content: counter(bracketNum) "）";
  position: absolute;
  top: 0;
  left: 0;
}
#PRIVACY-POLICY .sec-privacy .circle-num-list {
  counter-reset: circleNum;
}
#PRIVACY-POLICY .sec-privacy .circle-num-list > li {
  counter-increment: circleNum;
  position: relative;
  padding-left: 1.5em;
}
#PRIVACY-POLICY .sec-privacy .circle-num-list > li::before {
  content: counter(circleNum);
  position: absolute;
  top: 0.25em;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 50%;
  aspect-ratio: 1;
  border: 1px solid;
  min-width: 0;
  width: 1.2em;
  height: 1.2em;
  padding: 0.2em 0 0;
}
#PRIVACY-POLICY .sec-privacy .dot-list > li {
  position: relative;
  padding-left: 1em;
}
#PRIVACY-POLICY .sec-privacy .dot-list > li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

#SITEMAP .sec-sitemap {
  color: #646464;
  font-size: 1.8rem;
}
@media only screen and (max-width: 767px) {
  #SITEMAP .sec-sitemap {
    font-size: 2.8rem;
  }
}
#SITEMAP .category-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #SITEMAP .category-list {
    gap: calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #SITEMAP .category-list {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(7.6923076923 * var(--vw));
  }
}
#SITEMAP .category-list__item {
  font-weight: 400;
}
#SITEMAP .category-list__item > a {
  display: block;
  text-indent: -0.9em;
  margin-left: 0.9em;
}
#SITEMAP .category-list__item > a::before {
  content: "> ";
}
@media (hover: none) {
  #SITEMAP .category-list__item > a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #SITEMAP .category-list__item > a:active {
    text-decoration: underline;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #SITEMAP .category-list__item > a:hover {
    text-decoration: underline;
  }
}
#SITEMAP .page-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.75em 0 0;
  padding: 0 0 0 1em;
}
#SITEMAP .page-list__item {
  font-size: 1.6rem;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  #SITEMAP .page-list__item {
    font-size: 2.8rem;
  }
}
#SITEMAP .page-list__item:not(:first-of-type) {
  margin-top: 0.5em;
}
#SITEMAP .page-list__item > a {
  display: block;
}
#SITEMAP .page-list__item > a::before {
  content: "> ";
}

#FAQ .sec-faq + .sec-faq {
  padding-bottom: 0;
}
#FAQ .sec-faq .faq-box__row {
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-bottom: 1px solid #C6C6C6;
  padding: 50px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #FAQ .sec-faq .faq-box__row {
    gap: calc(2.0833333333 * var(--vw));
    padding: calc(3.4722222222 * var(--vw)) calc(2.7777777778 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #FAQ .sec-faq .faq-box__row {
    gap: calc(3.8461538462 * var(--vw));
    padding: calc(6.4102564103 * var(--vw)) 0;
  }
}
#FAQ .sec-faq .faq-box__q, #FAQ .sec-faq .faq-box__a {
  position: relative;
  font-size: 2rem;
  padding: 15px 0 10px 75px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #FAQ .sec-faq .faq-box__q, #FAQ .sec-faq .faq-box__a {
    padding: calc(1.0416666667 * var(--vw)) 0 calc(0.6944444444 * var(--vw)) calc(5.2083333333 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #FAQ .sec-faq .faq-box__q, #FAQ .sec-faq .faq-box__a {
    font-size: 2.4rem;
    padding: calc(1.5384615385 * var(--vw)) 0 calc(1.0256410256 * var(--vw)) calc(9.6153846154 * var(--vw));
  }
}
#FAQ .sec-faq .faq-box__q::before, #FAQ .sec-faq .faq-box__a::before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  font-size: 3.2rem;
  line-height: 1;
  border-radius: 50%;
  aspect-ratio: 1;
  min-width: 0;
  width: 55px;
  height: 55px;
  padding: 15px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #FAQ .sec-faq .faq-box__q::before, #FAQ .sec-faq .faq-box__a::before {
    width: calc(3.8194444444 * var(--vw));
    height: calc(3.8194444444 * var(--vw));
    padding: calc(1.0416666667 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #FAQ .sec-faq .faq-box__q::before, #FAQ .sec-faq .faq-box__a::before {
    width: calc(7.0512820513 * var(--vw));
    height: calc(7.0512820513 * var(--vw));
    padding: calc(1.9230769231 * var(--vw)) 0 0;
  }
}
#FAQ .sec-faq .faq-box__q::before {
  content: "Q";
  background: #E57777;
}
#FAQ .sec-faq .faq-box__a::before {
  content: "A";
  background: #707070;
}
#FAQ .sec-faq .faq-box__a > * + * {
  margin: 22px 0 0;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #FAQ .sec-faq .faq-box__a > * + * {
    margin: calc(1.5277777778 * var(--vw)) 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #FAQ .sec-faq .faq-box__a > * + * {
    margin: calc(2.8205128205 * var(--vw)) 0 0;
  }
}
#FAQ .sec-faq .faq-box .btn-apply {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E6DB76;
  color: #444;
  font-size: 1.4rem;
  font-weight: 400;
  border-radius: 40px;
  aspect-ratio: 17/7;
  min-width: 0;
  width: 136px;
}
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  #FAQ .sec-faq .faq-box .btn-apply {
    border-radius: calc(2.7777777778 * var(--vw));
    width: calc(9.4444444444 * var(--vw));
  }
}
@media only screen and (max-width: 767px) {
  #FAQ .sec-faq .faq-box .btn-apply {
    font-size: 2.8rem;
    border-radius: calc(10.2564102564 * var(--vw));
    width: calc(34.8717948718 * var(--vw));
    height: calc(10.2564102564 * var(--vw));
  }
}
@media (hover: none) {
  #FAQ .sec-faq .faq-box .btn-apply {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  #FAQ .sec-faq .faq-box .btn-apply:active {
    opacity: 0.65;
  }
}
@media (-ms-high-contrast: none), (-ms-high-contrast: active), (-moz-touch-enabled: 0), (hover: hover) {
  #FAQ .sec-faq .faq-box .btn-apply:hover {
    opacity: 0.65;
  }
}

/*# sourceMappingURL=style.css.map */