@charset "UTF-8";
/* ============================================
// normalize.css v3.0.2 | MIT License | git.io/normalize
// ==========================================*/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: border-box; /* 2 */
  box-sizing: border-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1.6;
}

a {
  outline: none;
  text-decoration: none;
}

li {
  list-style: none;
}

img {
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

::-moz-selection {
  background: #67bb6d;
  color: #ffffff;
}

::selection {
  background: #67bb6d;
  color: #ffffff;
}

@media (min-device-width: 835px) {
  a[href^="tel:"] {
    cursor: default;
    pointer-events: none;
  }
}
/* ============================================
// BASE
// ==========================================*/
html,
body {
  min-width: 1024px;
}
@media (max-width: 834px) {
  html,
  body {
    min-width: inherit;
  }
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  color: #5d5c5c;
  line-height: 1.6;
  letter-spacing: 0.075em;
  word-break: break-word;
  background: #fcfae8;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media (max-width: 834px) {
  body {
    font-size: 1.4rem;
  }
}

#container {
  width: 100%;
  overflow: hidden;
}

.innerWrap {
  max-width: 1340px;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 0 70px;
}
@media (max-width: 834px) {
  .innerWrap {
    padding: 0 6.25%;
  }
}

main.main,
main.l-main {
  position: relative;
  z-index: 1;
  padding: 80px 0;
}
@media (max-width: 834px) {
  main.main,
  main.l-main {
    padding: 48px 0;
  }
}

a {
  color: #5d5c5c;
  -webkit-transition: opacity 0.24s, color 0.24s, -webkit-filter 0.24s;
  transition: opacity 0.24s, color 0.24s, -webkit-filter 0.24s;
  transition: opacity 0.24s, filter 0.24s, color 0.24s;
  transition: opacity 0.24s, filter 0.24s, color 0.24s, -webkit-filter 0.24s;
}
@media (any-hover: hover) {
  a:hover {
    opacity: 0.8;
  }
}

/* classes */
img {
  max-width: 100%;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.ofi {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
}

@media (min-width: 835px) {
  .ro:hover {
    opacity: 0.8;
    -webkit-transition: all 0.16s linear;
    transition: all 0.16s linear;
  }
}

.ro:hover img {
  opacity: 1;
}

.bold {
  font-weight: bold;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

/* fonts */
.eng {
  font-family: "Nunito", sans-serif;
  font-weight: 700;
  letter-spacing: 0.15em;
  letter-spacing: 0.05em;
}

.mincho {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
  letter-spacing: -0.12em;
}

/* animations */
.anime {
  -webkit-transition: opacity 1s cubic-bezier(0.14, 1, 0.34, 1), -webkit-transform 1s cubic-bezier(0.14, 1, 0.34, 1);
  transition: opacity 1s cubic-bezier(0.14, 1, 0.34, 1), -webkit-transform 1s cubic-bezier(0.14, 1, 0.34, 1);
  transition: transform 1s cubic-bezier(0.14, 1, 0.34, 1), opacity 1s cubic-bezier(0.14, 1, 0.34, 1);
  transition: transform 1s cubic-bezier(0.14, 1, 0.34, 1), opacity 1s cubic-bezier(0.14, 1, 0.34, 1), -webkit-transform 1s cubic-bezier(0.14, 1, 0.34, 1);
}
.anime.-fadeIn {
  opacity: 0.01;
}
.anime.-fadeIn.js-active, .js-active > .anime.-fadeIn {
  opacity: 1;
}
.anime.-fadeInBottom {
  opacity: 0.01;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}
.anime.-fadeInBottom.js-active, .js-active > .anime.-fadeInBottom {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.anime.-fadeInTop {
  opacity: 0.01;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
}
.anime.-fadeInTop.js-active, .js-active > .anime.-fadeInTop {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.anime.-fadeInLeft {
  opacity: 0.01;
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
}
.anime.-fadeInLeft.js-active, .js-active > .anime.-fadeInLeft {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.anime.-fadeInRight {
  opacity: 0.01;
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
}
.anime.-fadeInRight.js-active, .js-active > .anime.-fadeInRight {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

#ot-sdk-btn-floating.ot-floating-button .ot-floating-button__front button {
  outline: none !important;
}

@media (max-width: 834px) {
  .lower-kyujin_d #ot-sdk-btn-floating.ot-floating-button {
    bottom: 85px;
  }
}

/* ============================================
// loading
// ==========================================*/
/* ============================================
// hamburger
// ==========================================*/
.hamburger {
  position: relative;
  position: fixed;
  inset: 0 0 0 0;
  z-index: 999;
  background: #fcfae8;
  visibility: hidden;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-filter: drop-shadow(0px 47px 54px rgba(71, 47, 28, 0.26));
          filter: drop-shadow(0px 47px 54px rgba(71, 47, 28, 0.26));
  overflow: hidden;
}
.hamburger::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  min-width: 1500px;
  aspect-ratio: 1855/459;
  background: url(../img/common/hamburger_menu_bg.png) bottom center/cover no-repeat;
  pointer-events: none;
}
@media (max-width: 834px) {
  .hamburger::before {
    min-width: 720px;
  }
}
.js-loaded .hamburger {
  -webkit-transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: visibility 0.3s ease, transform 0.3s ease;
  transition: visibility 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.hamburger.js-open {
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.hamburger__menu {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 100px;
  overflow-y: auto;
}
@media (max-width: 834px) {
  .hamburger__menu {
    padding: 48px 5%;
  }
}
.hamburger__menu__inner {
  width: 100%;
  max-width: 400px;
  margin: auto;
  z-index: 1;
}
@media (max-width: 834px) {
  .hamburger__menu__inner {
    max-width: 300px;
  }
}
.hamburger__menu__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hamburger__menu__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.hamburger__menu__logo-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  rotate: 0.05deg;
}
.hamburger__menu__logo-prefix {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.6;
}
@media (max-width: 834px) {
  .hamburger__menu__logo-prefix {
    font-size: 1.1rem;
  }
}
.hamburger__menu__logo-name {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.3;
}
@media (max-width: 834px) {
  .hamburger__menu__logo-name {
    font-size: 2.2rem;
  }
}
.hamburger__menu__logo-sub {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  background: #ff9b6a;
  border-radius: 500px;
  padding: 0.2em 0.8em;
}
@media (max-width: 834px) {
  .hamburger__menu__logo-sub {
    font-size: 1.15rem;
  }
}
.hamburger__menu__nav {
  background: #fff;
  border-radius: 40px;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
  border: 1px solid #c8c4a2;
}
@media (max-width: 834px) {
  .hamburger__menu__nav {
    border-radius: 20px;
    padding: 34px 5%;
    margin-top: 24px;
  }
}
.hamburger__menu__nav__list__item:nth-child(n+2) {
  margin-top: 16px;
}
@media (max-width: 834px) {
  .hamburger__menu__nav__list__item:nth-child(n+2) {
    margin-top: 20px;
  }
}
.hamburger__menu__nav__list__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 1.7rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .hamburger__menu__nav__list__item a {
    font-size: 1.5rem;
  }
}
@media (any-hover: hover) {
  .hamburger__menu__nav__list__item a:hover {
    opacity: 1;
  }
  .hamburger__menu__nav__list__item a:hover .hamburger__menu__text {
    color: #0c8546;
  }
}
.hamburger__menu__ico {
  max-width: 1.3em;
  margin-top: -0.2em;
}
@media (max-width: 834px) {
  .hamburger__menu__ico {
    max-width: 1.25em;
    margin-top: -0.4em;
  }
}
.hamburger__menu__ico img {
  aspect-ratio: 1/1;
}
.hamburger__menu__close {
  position: fixed;
  top: 18px;
  right: 24px;
  z-index: 100;
  width: 64px;
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  background: #67bb6d;
  border-radius: 50%;
  pointer-events: auto;
  cursor: pointer;
}
@media (max-width: 834px) {
  .hamburger__menu__close {
    top: 16px;
    right: 16px;
    width: 52px;
  }
}
@media (any-hover: hover) {
  .hamburger__menu__close:hover {
    background: #67bb6d;
    -webkit-filter: saturate(1.2);
            filter: saturate(1.2);
  }
}
.hamburger__menu__close__bar {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}
.hamburger__menu__close__bar:nth-child(1 of .hamburger__menu__close__bar) {
  -webkit-transform: translate(0px, 2px) rotate(45deg);
          transform: translate(0px, 2px) rotate(45deg);
}
.hamburger__menu__close__bar:nth-child(2 of .hamburger__menu__close__bar) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media (max-width: 834px) {
  .hamburger__menu__close__bar {
    width: 16px;
  }
}
.hamburger__menu__close__text {
  font-size: 1.1rem;
  color: #fff;
  line-height: 1;
  margin-top: 14px;
  margin-bottom: -8px;
}
@media (max-width: 834px) {
  .hamburger__menu__close__text {
    font-size: 0.95rem;
    margin-top: 11px;
    margin-bottom: -4px;
  }
}
.hamburger__btn {
  position: fixed;
  top: 18px;
  right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
  z-index: 500;
  background: #67bb6d;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 64px;
  aspect-ratio: 1/1;
}
@media (max-width: 834px) {
  .hamburger__btn {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    top: 16px;
    right: 16px;
    width: 52px;
    gap: 3px;
  }
}
@media (any-hover: hover) {
  .hamburger__btn:hover {
    -webkit-filter: saturate(1.2);
            filter: saturate(1.2);
  }
}
@media (max-width: 1060px) {
  .js-scrolled .hamburger__btn {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
  }
}
.hamburger__btn__bar {
  width: 24px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}
@media (max-width: 834px) {
  .hamburger__btn__bar {
    width: 16px;
  }
}
.hamburger__btn__text {
  font-size: 1.1rem;
  color: #fff;
  line-height: 1;
  margin-top: 4px;
}
@media (max-width: 834px) {
  .hamburger__btn__text {
    font-size: 1rem;
    margin-top: 2px;
  }
}

/*-------------------------------------------------------
form base setting（kyujin.scssと記述被らないように注意）
-------------------------------------------------------*/
body.iPhone select,
body.iPhone input,
body.iPhone textarea {
  font-size: 16px !important;
}

body input,
body button,
body textarea,
body select {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  line-height: inherit;
  text-overflow: "";
}
body input::-ms-expand,
body button::-ms-expand,
body textarea::-ms-expand,
body select::-ms-expand {
  display: none;
}
body input::-ms-reveal,
body button::-ms-reveal,
body textarea::-ms-reveal,
body select::-ms-reveal {
  visibility: hidden;
}
body input::-ms-clear,
body button::-ms-clear,
body textarea::-ms-clear,
body select::-ms-clear {
  visibility: hidden;
}
body input[type=text],
body input[type=submit],
body input[type=search],
body input[type=button],
body select,
body textarea {
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  border: none;
  outline: none;
  transition: all 0.2s;
}
body input[type=search] {
  cursor: auto;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-appearance: textfield;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body input[type=search]:focus {
  outline-offset: -2px;
}
body input[type=search]::-webkit-search-decoration {
  display: none;
}
body select,
body search,
body input {
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 14.5px 17px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  background: #fcfae8;
}
@media (max-width: 834px) {
  body select,
  body search,
  body input {
    padding: 8px 16px !important;
  }
}
@media (max-width: 834px) {
  body select,
  body input[type=text],
  body input[type=search] {
    font-size: 1.6rem;
  }
}
body select {
  padding-right: 64px !important;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
}
body input[type=text],
body input[type=search],
body input[type=submit] {
  padding: 15px 20px !important;
  background: #fcfae8;
}
@media (min-width: 835px) {
  body input[type=text]:hover,
  body input[type=search]:hover,
  body input[type=submit]:hover {
    background: #ffffff;
  }
}
@media (max-width: 834px) {
  body input[type=text],
  body input[type=search],
  body input[type=submit] {
    padding: 14px 16px !important;
  }
}
body input[type=checkbox] {
  display: none;
}
body input[type=checkbox] + label {
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  position: relative;
  cursor: pointer;
  line-height: 1.5;
  padding-left: 22px;
  transition: all 0.2s;
}
@media (max-width: 834px) {
  body input[type=checkbox] + label {
    padding-left: 20px;
  }
}
body input[type=checkbox] + label a:link,
body input[type=checkbox] + label a:visited {
  color: #222;
}
body input[type=checkbox] + label .check {
  position: absolute;
  top: calc(50% - 2px);
  left: 1.3em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
body input[type=checkbox] + label .check:before,
body input[type=checkbox] + label .check:after {
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  content: "";
  position: absolute;
  transition: all 0.2s;
  background: #c8c4a2;
  border-radius: 10px;
  height: 0.214em;
}
body input[type=checkbox] + label .check::before {
  top: 0.1em;
  left: 0;
  width: 0.4em;
  border-radius: 100px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
body input[type=checkbox] + label .check::after {
  top: 0;
  left: 0.15em;
  width: 0.9em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
body input[type=checkbox]:checked + label .check::before,
body input[type=checkbox]:checked + label .check::after {
  background: #f9e165;
}
body input[type=radio] {
  display: none;
}
body input[type=radio] + label {
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  cursor: pointer;
  display: block;
  line-height: 1.5;
  padding: 0 15px 0 1.5em;
  position: relative;
  transition: all 0.2s;
}
body input[type=radio] + label:before, body input[type=radio] + label:after {
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  content: "";
  position: absolute;
  transition: all 0.2s;
}
body input[type=radio] + label:before {
  background: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 50%;
  height: 13px;
  left: 0;
  top: 3px;
  width: 13px;
  z-index: 0;
}
body input[type=radio] + label:after {
  background: #00a1e9;
  border-radius: 50%;
  height: 7px;
  left: 3px;
  opacity: 0;
  top: 6px;
  width: 7px;
  z-index: 2;
}
body input[type=radio] + label a:link,
body input[type=radio] + label a:visited {
  color: #222;
}
body input[type=radio]:checked + label:after {
  opacity: 1;
}

/*------------------------------------------
	form custom setting（適宜変更ください）
------------------------------------------*/
.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 2.1%;
  margin-bottom: 40px;
}
@media (max-width: 834px) {
  .tabs {
    gap: 0 1.4%;
    margin-inline: -3%;
    margin-bottom: 24px;
  }
}
.tabs_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 390px;
  width: 100%;
  min-height: 55px;
  border-radius: 500px;
  background: #d1ceb6;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (max-width: 834px) {
  .tabs_item {
    min-height: 50px;
  }
}
.tabs_item--area::before {
  background: url(../img/common/ico_tab01.png) center center/contain no-repeat;
}
@media (max-width: 834px) {
  .tabs_item--area .text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1.1em;
    aspect-ratio: 1/1;
    background: url(../img/common/ico_tab01.png) center center/contain no-repeat;
    pointer-events: none;
  }
}
.tabs_item--facility::before {
  background: url(../img/common/ico_tab02.png) center center/contain no-repeat;
}
@media (max-width: 834px) {
  .tabs_item--facility .text::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1.1em;
    aspect-ratio: 1/1;
    background: url(../img/common/ico_tab02.png) center center/contain no-repeat;
    pointer-events: none;
  }
}
@media (any-hover: hover) {
  .tabs_item:hover {
    background: #0c8546;
  }
  .tabs_item:hover::after {
    background: #0c8546;
  }
}
.tabs_item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 22px;
  aspect-ratio: 1/1;
}
@media (max-width: 834px) {
  .tabs_item::before {
    content: none;
  }
}
.tabs_item::after {
  content: "";
  position: absolute;
  top: calc(100% - 16px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 16px;
  aspect-ratio: 16/14;
  -webkit-mask: url(../img/common/ico_tab_fukidasi.png) center center/contain no-repeat;
          mask: url(../img/common/ico_tab_fukidasi.png) center center/contain no-repeat;
  background: #d1ceb6;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.tabs_item .text {
  position: relative;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .tabs_item .text {
    font-size: 1.3rem;
    padding-left: 1.5em;
  }
}
.tabs_item.is-active {
  background: #0c8546;
}
.tabs_item.is-active::after {
  top: calc(100% - 4px);
  background: #0c8546;
}

.custom-form {
  position: relative;
  z-index: 1;
  font-weight: 700;
}
.custom-form .tab_contents {
  display: none;
}
.custom-form .tab_contents.is-show {
  display: block;
}
.custom-form .custom-form_parts {
  margin-top: 40px;
}
@media (min-width: 835px) {
  .custom-form .custom-form_parts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4.8%;
  }
}
@media (max-width: 834px) {
  .custom-form .custom-form_parts {
    margin-top: 20px;
  }
}
.custom-form .custom-form_parts:first-child {
  margin-top: 0;
}
.custom-form .custom-form_parts:first-child .parts_ttl, .custom-form .custom-form_parts:last-child .parts_ttl {
  margin-top: 14px;
}
@media (max-width: 834px) {
  .custom-form .custom-form_parts:first-child .parts_ttl, .custom-form .custom-form_parts:last-child .parts_ttl {
    margin-top: 0;
  }
}
.custom-form .parts_ttl {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 128px;
          flex: 0 0 128px;
  position: relative;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #0c8546;
  line-height: 1.6;
  rotate: 0.05deg;
  padding-left: 1.25em;
  margin-top: 10px;
}
@media (max-width: 834px) {
  .custom-form .parts_ttl {
    margin-top: 0;
    font-size: 1.5rem;
  }
}
.custom-form .parts_ttl::before {
  content: "";
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 0.625em;
  aspect-ratio: 1/1;
  background: #ff9b6a;
  border-radius: 50%;
}
.custom-form .form_parts_inner {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 834px) {
  .custom-form .form_parts_inner {
    margin-top: 4px;
  }
}
.custom-form .category_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 834px) {
  .custom-form .category_list {
    gap: 8px;
  }
}
.custom-form .category_list li {
  font-size: 1.4rem;
}
.custom-form .category_list li label {
  display: block;
  padding-left: 1em;
  background: #fff;
  border-radius: 500px;
  border: 1px solid #c8c4a2;
  padding: 0.706em 1.1em 0.767em 3.1em;
}
.custom-form .category_list li label .text {
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.6;
  rotate: 0.05deg;
  display: block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media (any-hover: hover) {
  .custom-form .category_list li label:hover {
    background: #edfbef;
  }
}
.custom-form select,
.custom-form option,
.custom-form .searchWord {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #fff;
  border: 1px solid #c8c4a2;
  border-radius: 500px;
}
.custom-form .searchWord {
  font-size: 1.4rem;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .custom-form .searchWord {
    font-size: 1.6rem;
  }
}
.custom-form .searchWord::-webkit-input-placeholder {
  color: #c8c4a2;
}
.custom-form .searchWord::-moz-placeholder {
  color: #c8c4a2;
}
.custom-form .searchWord:-ms-input-placeholder {
  color: #c8c4a2;
}
.custom-form .searchWord::-ms-input-placeholder {
  color: #c8c4a2;
}
.custom-form .searchWord::placeholder {
  color: #c8c4a2;
}
.custom-form .pull-down {
  position: relative;
  font-size: 1.4rem;
  rotate: 0.05deg;
  line-height: 1.6;
}
.custom-form .pull-down::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 11px;
  aspect-ratio: 11/9;
  background: url(../img/common/ico_pulldown.png) center center/contain no-repeat;
}
@media (max-width: 834px) {
  .custom-form .pull-down::after {
    width: 10px;
    right: 16px;
  }
}
.custom-form input[type=checkbox] + label a:link,
.custom-form input[type=checkbox] + label a:visited {
  color: #222;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (min-width: 835px) {
  .custom-form input[type=checkbox] + label a:link:hover,
  .custom-form input[type=checkbox] + label a:visited:hover {
    color: #67bb6d;
  }
}
.custom-form .selCity-box {
  margin-top: 10px;
}
@media (max-width: 834px) {
  .custom-form .selCity-box {
    margin-top: 8px;
  }
}
.custom-form .selCity_alert {
  color: #67bb6d;
  display: block;
}
@media (max-width: 834px) {
  .custom-form .selCity_alert {
    font-size: 1.4rem;
  }
}
.custom-form input[type=checkbox]:checked + label {
  background: #67bb6d;
  border-color: #67bb6d;
}
.custom-form input[type=checkbox]:checked + label .text {
  color: #fff;
}
.custom-form .-freeword .searchWord {
  margin-top: 0;
}
.custom-form .custom-form_searth_btn {
  margin-top: 50px;
}
@media (max-width: 834px) {
  .custom-form .custom-form_searth_btn {
    margin-top: 24px;
  }
}
.custom-form .btn_cover {
  position: relative;
  z-index: 1;
  max-width: 300px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media (max-width: 834px) {
  .custom-form .btn_cover {
    max-width: 280px;
  }
}
.custom-form .btn_cover input[type=submit] {
  position: relative;
  height: 100%;
  background-color: #ff9b6a;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  padding: 1.394em 1em 1.194em !important;
  rotate: 0.05deg;
  border-radius: 500px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .custom-form .btn_cover input[type=submit]:hover {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-box-shadow: 0 4px 6px rgba(93, 92, 92, 0.1);
            box-shadow: 0 4px 6px rgba(93, 92, 92, 0.1);
  }
  .custom-form .btn_cover input[type=submit]:hover + .icon {
    -webkit-transform: translateY(calc(-50% - 6px));
            transform: translateY(calc(-50% - 6px));
  }
}
.custom-form .btn_cover .icon {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}
@media (max-width: 834px) {
  .custom-form .btn_cover .icon {
    width: 28px;
  }
}
.custom-form .btn_cover .icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0.875em;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/common/ico_search.png) center center/contain no-repeat;
          mask: url(../img/common/ico_search.png) center center/contain no-repeat;
  background: #ff9b6a;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}
.custom-form .form__toggle__input {
  display: none;
}
.custom-form .form__toggle__input.-show {
  display: block;
}

/*--------------------
	page-header
--------------------*/
.page-header {
  position: relative;
}
.page-header::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  min-width: 1500px;
  aspect-ratio: 1855/463;
  background: url(../img/common/page-header_bg.png) bottom center/cover no-repeat;
  pointer-events: none;
}
@media (max-width: 834px) {
  .page-header::before {
    min-width: 600px;
  }
}
.page-header__inner {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 834px) {
  .page-header__inner {
    height: 216px;
    padding-top: 0px;
    margin-left: 68px;
  }
}
.page-header__title {
  z-index: 1;
  margin-bottom: -88px;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  opacity: 0.01;
  -webkit-transition: opacity 1s cubic-bezier(0.14, 1, 0.34, 1), -webkit-transform 1s cubic-bezier(0.14, 1, 0.34, 1);
  transition: opacity 1s cubic-bezier(0.14, 1, 0.34, 1), -webkit-transform 1s cubic-bezier(0.14, 1, 0.34, 1);
  transition: transform 1s cubic-bezier(0.14, 1, 0.34, 1), opacity 1s cubic-bezier(0.14, 1, 0.34, 1);
  transition: transform 1s cubic-bezier(0.14, 1, 0.34, 1), opacity 1s cubic-bezier(0.14, 1, 0.34, 1), -webkit-transform 1s cubic-bezier(0.14, 1, 0.34, 1);
}
@media (max-width: 834px) {
  .page-header__title {
    margin-bottom: -32px;
    text-shadow: 1px 1px 0 #fcfae8, -1px -1px 0 #fcfae8, -1px 1px 0 #fcfae8, 1px -1px 0 #fcfae8, 0px 1px 0 #fcfae8, -1px 0 #fcfae8, -1px 0 0 #fcfae8, 1px 0 0 #fcfae8;
  }
}
.page-header__eng {
  font-size: 6rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  color: #0c8546;
  line-height: 1;
}
@media (max-width: 834px) {
  .page-header__eng {
    font-size: 4rem;
  }
}
.page-header__ja {
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #67bb6d;
  line-height: 1.6;
  text-align: center;
  margin-top: 6px;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .page-header__ja {
    margin-top: 4px;
  }
}
.page-header__logo-box {
  position: absolute;
  top: clamp(64px, 5.5vw, 88px);
  left: 50%;
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 100;
}
@media (max-width: 834px) {
  .page-header__logo-box {
    top: 24px;
    pointer-events: auto;
  }
}
.page-header__logo-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(8px, 0.75vw, 12px);
}
@media (max-width: 834px) {
  .page-header__logo-box a {
    gap: 5px;
  }
}
.page-header__icon {
  position: relative;
  width: clamp(32px, 2.125vw, 34px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #ff9b6a;
}
@media (max-width: 834px) {
  .page-header__icon {
    width: 22px;
  }
}
.page-header__icon::before, .page-header__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: clamp(16px, 1.0625vw, 17px);
  aspect-ratio: 18/6;
  background: #fff;
}
@media (max-width: 834px) {
  .page-header__icon::before, .page-header__icon::after {
    width: 11px;
  }
}
.page-header__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.page-header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-size: clamp(2.2rem, 1.5vw, 2.4rem);
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.4;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .page-header__logo {
    font-size: 1.75rem;
  }
}
.page-header__logo-prefix {
  font-size: clamp(1.15rem, 0.8125vw, 1.3rem);
}
@media (max-width: 834px) {
  .page-header__logo-prefix {
    font-size: 1rem;
  }
}
.page-header__side {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  max-width: clamp(120px, 10vw, 160px);
}
@media (max-width: 1300px) {
  .page-header__side {
    top: 64px;
  }
}
@media (max-width: 834px) {
  .page-header__side {
    max-width: 70.47px;
    top: 6px;
    pointer-events: none;
  }
}
.page-header__side .page-header__illust--ear {
  max-width: clamp(120px, 10vw, 160px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.page-header__side .page-header__illust--ear img {
  aspect-ratio: 236/706;
}
.page-header__side .page-header__illust--person {
  position: absolute;
  bottom: clamp(16px, 2.5vw, 40px);
  left: 0;
  max-width: clamp(120px, 10vw, 160px);
  max-width: 160px;
  opacity: 0.01;
}
@media (max-width: 834px) {
  .page-header__side .page-header__illust--person {
    bottom: 16px;
  }
}
.page-header__side .page-header__illust--person img {
  aspect-ratio: 243/328;
}
.page-header__side .page-header__illust--arm {
  position: absolute;
  bottom: clamp(40px, 3.875vw, 62px);
  right: -12px;
  max-width: clamp(30px, 2.5vw, 40px);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  opacity: 0.01;
}
@media (max-width: 834px) {
  .page-header__side .page-header__illust--arm {
    max-width: 17.4px;
    bottom: 26px;
    right: -5px;
  }
}
.page-header__side .page-header__illust--arm img {
  aspect-ratio: 60/233;
}

.js-loaded .page-header__title {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.js-loaded .page-header__logo-box {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.js-loaded .page-header__side .page-header__illust--ear {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-filter: drop-shadow(0px 47px 22px rgba(71, 47, 28, 0.26));
          filter: drop-shadow(0px 47px 22px rgba(71, 47, 28, 0.26));
  will-change: filter;
}
.js-loaded .page-header__side .page-header__illust--person {
  -webkit-animation: person-slide-left 0.6s ease-out both 0.4s;
          animation: person-slide-left 0.6s ease-out both 0.4s;
}
.js-loaded .page-header__side .page-header__illust--arm {
  -webkit-animation: arm-slide-left 0.6s ease-out both 0.4s, swing-arm 1.2s ease-in-out infinite alternate;
          animation: arm-slide-left 0.6s ease-out both 0.4s, swing-arm 1.2s ease-in-out infinite alternate;
}

.js-scrolled .page-header__logo-box {
  z-index: 1;
}

/*--------------------
	breadcrumb
--------------------*/
.breadcrumb {
  position: relative;
  background: #fff;
  border-radius: 500px;
  margin-inline: 16px;
  border: 1px solid #c8c4a2;
  padding: 0.9em 40px;
  margin-bottom: 60px;
  z-index: 1;
}
@media (max-width: 834px) {
  .breadcrumb {
    padding: 6px 16px;
    margin-inline: 8px;
    margin-bottom: 30px;
  }
}
.breadcrumb_list {
  position: relative;
  z-index: 1;
  overflow-x: auto;
  white-space: nowrap;
}
.breadcrumb_list_item {
  display: inline;
  font-size: 1.2rem;
  font-weight: 400;
  color: #888;
  line-height: 1;
  margin: 0 2px;
}
@media (max-width: 834px) {
  .breadcrumb_list_item {
    font-size: 1rem;
  }
}
.breadcrumb_list_item::after {
  content: ">";
  margin-left: 7px;
}
.breadcrumb_list_item:last-child::after {
  display: none;
}
.breadcrumb_list_item a {
  color: #888;
}

/*--------------------
	common-title
--------------------*/
.common-title__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 834px) {
  .common-title__inner {
    gap: 8px;
  }
}
.common-title__eng {
  font-size: 6rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  color: #0c8546;
  line-height: 1;
}
@media (max-width: 834px) {
  .common-title__eng {
    font-size: 3.4rem;
  }
}
.common-title__ja {
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #67bb6d;
  line-height: 1;
  rotate: 0.05deg;
}
.common-title--white .common-title__eng {
  color: #fff;
}
.common-title--white .common-title__ja {
  color: #fff;
}
.common-title--center .common-title__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.common-title--left .common-title__inner {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.common-title--right .common-title__inner {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/*--------------------
	common-btn
--------------------*/
.common-btn__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.common-btn a {
  position: relative;
  background: #ff9b6a;
  border-radius: 500px;
  max-width: 300px;
  width: 100%;
  min-height: 67px;
  padding: 1em 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #ff9b6a;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .common-btn a {
    max-width: 260px;
    min-height: 60px;
  }
}
@media (any-hover: hover) {
  .common-btn a:hover {
    opacity: 1;
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-box-shadow: 0 4px 6px rgba(93, 92, 92, 0.1);
            box-shadow: 0 4px 6px rgba(93, 92, 92, 0.1);
  }
}
.common-btn__text {
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  rotate: 0.05deg;
}
.common-btn__icon {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
@media (max-width: 834px) {
  .common-btn__icon {
    width: 28px;
  }
}
.common-btn__icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.common-btn__icon--search::before {
  width: 0.875em;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/common/ico_search.png) center center/contain no-repeat;
          mask: url(../img/common/ico_search.png) center center/contain no-repeat;
  background: #ff9b6a;
}
.common-btn__icon--arrow::before {
  width: 0.75em;
  aspect-ratio: 12/10;
  -webkit-mask: url(../img/common/ico_arrow02.png) center center/contain no-repeat;
          mask: url(../img/common/ico_arrow02.png) center center/contain no-repeat;
  background: #ff9b6a;
}
.common-btn--white a {
  background: #67bb6d;
  border-color: #fff;
}
.common-btn--white .common-btn__icon--search::before {
  background: #0c8546;
}
.common-btn--white .common-btn__icon--arrow::before {
  background: #0c8546;
}
.common-btn--center .common-btn__inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.common-btn--right .common-btn__inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.common-btn--left .common-btn__inner {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/*--------------------
	back-page
--------------------*/
.page-back__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-back a {
  position: relative;
  background: #0c8546;
  border-radius: 500px;
  max-width: 300px;
  width: 100%;
  min-height: 67px;
  padding: 1em 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid #0c8546;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .page-back a {
    max-width: 260px;
    min-height: 60px;
  }
}
@media (any-hover: hover) {
  .page-back a:hover {
    opacity: 1;
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-box-shadow: 0 4px 6px rgba(93, 92, 92, 0.1);
            box-shadow: 0 4px 6px rgba(93, 92, 92, 0.1);
  }
}
.page-back__text {
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  rotate: 0.05deg;
}
.page-back__icon {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
@media (max-width: 834px) {
  .page-back__icon {
    width: 28px;
  }
}
.page-back__icon--arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
          transform: translate(-50%, -50%) rotate(180deg);
  width: 0.75em;
  aspect-ratio: 12/10;
  -webkit-mask: url(../img/common/ico_arrow02.png) center center/contain no-repeat;
          mask: url(../img/common/ico_arrow02.png) center center/contain no-repeat;
  background: #0c8546;
}
.page-back--center .page-back__inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-back--right .page-back__inner {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.page-back--left .page-back__inner {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/*--------------------
	詳細ページトップページ遷移イラスト
--------------------*/
.lower-kyujin_d .lower-detail__logo-box, .lower-interview_d .lower-detail__logo-box {
  position: absolute;
  top: clamp(58px, 6.4583333333vw, 124px);
  left: 50%;
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 834px) {
  .lower-kyujin_d .lower-detail__logo-box, .lower-interview_d .lower-detail__logo-box {
    top: 40px;
    left: calc(50% - 1px);
    pointer-events: auto;
  }
}
.lower-kyujin_d .lower-detail__logo-box a, .lower-interview_d .lower-detail__logo-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(7px, 0.625vw, 12px);
}
@media (max-width: 834px) {
  .lower-kyujin_d .lower-detail__logo-box a, .lower-interview_d .lower-detail__logo-box a {
    gap: 5px;
  }
}
.lower-kyujin_d .lower-detail__icon, .lower-interview_d .lower-detail__icon {
  position: relative;
  width: clamp(30px, 1.7708333333vw, 34px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #ff9b6a;
}
@media (max-width: 834px) {
  .lower-kyujin_d .lower-detail__icon, .lower-interview_d .lower-detail__icon {
    width: 22px;
  }
}
.lower-kyujin_d .lower-detail__icon::before, .lower-kyujin_d .lower-detail__icon::after, .lower-interview_d .lower-detail__icon::before, .lower-interview_d .lower-detail__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: clamp(15px, 0.8854166667vw, 17px);
  aspect-ratio: 18/6;
  background: #fff;
}
@media (max-width: 834px) {
  .lower-kyujin_d .lower-detail__icon::before, .lower-kyujin_d .lower-detail__icon::after, .lower-interview_d .lower-detail__icon::before, .lower-interview_d .lower-detail__icon::after {
    width: 11px;
  }
}
.lower-kyujin_d .lower-detail__icon::after, .lower-interview_d .lower-detail__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.lower-kyujin_d .lower-detail__logo, .lower-interview_d .lower-detail__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.4;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-kyujin_d .lower-detail__logo, .lower-interview_d .lower-detail__logo {
    font-size: 1.75rem;
  }
}
.lower-kyujin_d .lower-detail__logo-prefix, .lower-interview_d .lower-detail__logo-prefix {
  font-size: clamp(1.1rem, 0.6770833333vw, 1.3rem);
}
@media (max-width: 834px) {
  .lower-kyujin_d .lower-detail__logo-prefix, .lower-interview_d .lower-detail__logo-prefix {
    font-size: 1rem;
  }
}
.lower-kyujin_d .lower-detail__side, .lower-interview_d .lower-detail__side {
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  max-width: clamp(96px, 8.3333333333vw, 160px);
  z-index: 100;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .lower-kyujin_d .lower-detail__side, .lower-interview_d .lower-detail__side {
    max-width: 70.47px;
    top: 2px;
    pointer-events: none;
  }
}
.lower-kyujin_d .lower-detail__side .lower-detail__illust--ear, .lower-interview_d .lower-detail__side .lower-detail__illust--ear {
  max-width: clamp(96px, 8.3333333333vw, 160px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.lower-kyujin_d .lower-detail__side .lower-detail__illust--ear img, .lower-interview_d .lower-detail__side .lower-detail__illust--ear img {
  aspect-ratio: 236/706;
}
.lower-kyujin_d.js-loaded .lower-detail__logo-box, .lower-interview_d.js-loaded .lower-detail__logo-box {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.lower-kyujin_d.js-loaded .lower-detail__illust--ear, .lower-interview_d.js-loaded .lower-detail__illust--ear {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-filter: drop-shadow(0px 47px 22px rgba(71, 47, 28, 0.26));
          filter: drop-shadow(0px 47px 22px rgba(71, 47, 28, 0.26));
  will-change: filter;
}
.lower-kyujin_d.js-scrolled .lower-detail__side, .lower-interview_d.js-scrolled .lower-detail__side {
  z-index: 2;
}

/* ============================================
// HEADER
// ==========================================*/
.header {
  position: fixed;
  top: 46px;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .header {
    pointer-events: none;
  }
}
.js-scrolled .header {
  top: 0;
  padding-top: 8px;
  padding-inline: 8px;
}
@media (max-width: 834px) {
  .js-scrolled .header {
    padding-top: 6px;
    padding-inline: 6px;
    pointer-events: auto;
  }
}
.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  min-height: 83px;
}
.js-scrolled .header__inner {
  background: #fff;
  border-radius: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-box-shadow: 0 8px 8px rgba(93, 92, 92, 0.1);
          box-shadow: 0 8px 8px rgba(93, 92, 92, 0.1);
}
@media (max-width: 834px) {
  .js-scrolled .header__inner {
    border-radius: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 72px;
  }
}
.header__logo {
  opacity: 0;
  position: absolute;
  top: 26px;
  left: clamp(40px, 3.2vw, 48px);
  pointer-events: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .header__logo {
    top: 24px;
    left: 24px;
  }
}
.js-scrolled .header__logo {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 834px) {
  .js-scrolled .header__logo {
    top: 22px;
    left: 24px;
  }
}
.header__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.header__logo-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  rotate: 0.05deg;
}
.header__logo-prefix {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.6;
}
@media (max-width: 834px) {
  .header__logo-prefix {
    font-size: 1.1rem;
  }
}
.header__logo-name {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.3;
}
@media (max-width: 834px) {
  .header__logo-name {
    font-size: 1.8rem;
  }
}
.header__logo-sub {
  font-size: 1.22rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  background: #ff9b6a;
  border-radius: 500px;
  padding: 0.2em 0.8em;
}
@media (max-width: 834px) {
  .header__logo-sub {
    font-size: 1.1rem;
  }
}
.header__nav {
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-transition: right 0.3s, -webkit-transform 0.3s;
  transition: right 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, right 0.3s;
  transition: transform 0.3s, right 0.3s, -webkit-transform 0.3s;
}
@media (max-width: 834px) {
  .header__nav {
    display: none;
  }
}
.js-scrolled .header__nav {
  right: clamp(40px, 3.2vw, 48px);
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media (max-width: 1060px) {
  .js-scrolled .header__nav {
    display: none;
  }
}
.header__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  gap: clamp(24px, 2.0833333333vw, 40px);
}
.header__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: clamp(1.6rem, 1.21vw, 1.7rem);
  font-weight: 700;
  letter-spacing: 0.075em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .header__item a {
    font-size: 1.5rem;
  }
}
.js-scrolled .header__item a {
  gap: 4px;
}
@media (any-hover: hover) {
  .header__item a:hover {
    opacity: 1;
  }
  .header__item a:hover .header__text {
    color: #0c8546;
  }
}
.header__ico {
  max-width: 1.412em;
}
.header__ico img {
  aspect-ratio: 1/1;
}
.header__text {
  rotate: 0.05deg;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* ============================================
// FOOTER
// ==========================================*/
.footer {
  position: relative;
  background: #0c8546;
  margin-top: -138px;
}
.footer::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  margin-bottom: -1px;
  aspect-ratio: 1500/57;
  background: url(../img/common/footer_shape.svg) left bottom/cover no-repeat;
}
.footer__inner {
  padding-top: 208px;
  padding-bottom: 112px;
}
@media (max-width: 834px) {
  .footer__inner {
    padding-top: 164px;
    padding-bottom: 88px;
  }
}
.footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer__logo-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
}
@media (max-width: 834px) {
  .footer__logo-main {
    gap: 8px;
  }
}
.footer__logo-prefix {
  font-size: 1.6rem;
}
@media (max-width: 834px) {
  .footer__logo-prefix {
    font-size: 1.5rem;
  }
}
.footer__logo-name {
  font-size: 3.2rem;
}
@media (max-width: 834px) {
  .footer__logo-name {
    font-size: 2.4rem;
  }
}
.footer__nav {
  margin-top: 68px;
}
@media (max-width: 834px) {
  .footer__nav {
    margin-top: 24px;
  }
}
.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2.35%;
  background: #eeebd3;
  border-radius: 500px;
  padding: 47px 3%;
}
@media (max-width: 834px) {
  .footer__list {
    border-radius: 25px;
    padding: 24px 5%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 8px 16px;
  }
}
.footer__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: clamp(1.6rem, 1.45vw, 1.7rem);
  font-weight: 700;
  letter-spacing: 0.075em;
}
@media (min-width: 835px) {
  .footer__item a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 834px) {
  .footer__item a {
    font-size: 1.5rem;
    gap: 6px;
  }
}
@media (any-hover: hover) {
  .footer__item a:hover {
    opacity: 1;
  }
  .footer__item a:hover .footer__text {
    color: #0c8546;
  }
}
.footer__ico {
  display: block;
  max-width: 1.412em;
}
@media (max-width: 834px) {
  .footer__ico {
    max-width: 1.3em;
    margin-top: -6px;
  }
}
.footer__ico img {
  aspect-ratio: 1/1;
}
.footer__text {
  rotate: 0.05deg;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.footer__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.5%;
  margin-top: 64px;
}
@media (max-width: 834px) {
  .footer__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 32px;
  }
}
.footer__link-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
}
@media (max-width: 834px) {
  .footer__link-left {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-top: 40px;
  }
}
.footer__link-left .footer__corporate-title {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
}
@media (max-width: 834px) {
  .footer__link-left .footer__corporate-title {
    font-size: 1.5rem;
  }
}
.footer__link-left .footer__corporate-list {
  margin-top: 26px;
}
@media (max-width: 834px) {
  .footer__link-left .footer__corporate-list {
    margin-top: 10px;
  }
}
.footer__link-left .footer__corporate-item {
  position: relative;
  rotate: 0.05deg;
  padding-left: 20px;
}
@media (max-width: 834px) {
  .footer__link-left .footer__corporate-item {
    padding-left: 16px;
  }
}
.footer__link-left .footer__corporate-item:nth-child(n+2) {
  margin-top: 18px;
}
@media (max-width: 834px) {
  .footer__link-left .footer__corporate-item:nth-child(n+2) {
    margin-top: 12px;
  }
}
.footer__link-left .footer__corporate-item::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 11px;
  aspect-ratio: 1/1;
  background: #ff9b6a;
  border-radius: 50%;
}
@media (max-width: 834px) {
  .footer__link-left .footer__corporate-item::before {
    top: 6px;
    width: 9px;
  }
}
.footer__link-left .footer__corporate-item a {
  position: relative;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  rotate: 0.05deg;
  padding-right: 2rem;
}
.footer__link-left .footer__corporate-item a::before {
  content: "";
  position: absolute;
  bottom: 0.1em;
  right: 0;
  width: 1.143em;
  aspect-ratio: 1/1;
  background: url(../img/common/ico_external.png) center center/contain no-repeat;
}
.footer__link-right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (min-width: 835px) {
  .footer__link-right .footer__search-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px 1.5%;
  }
}
.footer__link-right .footer__search-contents:nth-child(n+2) {
  margin-top: 36px;
}
@media (max-width: 834px) {
  .footer__link-right .footer__search-contents:nth-child(n+2) {
    margin-top: 24px;
  }
}
.footer__link-right .footer__search-head {
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  rotate: 0.05deg;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
}
@media (max-width: 834px) {
  .footer__link-right .footer__search-head {
    font-size: 1.5rem;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.footer__link-right .footer__search-em {
  color: #f9e165;
}
.footer__link-right .footer__search-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 834px) {
  .footer__link-right .footer__search-list {
    gap: 6px 16px;
    margin-top: 6px;
  }
}
.footer__link-right .footer__search-item {
  rotate: 0.05deg;
}
.footer__link-right .footer__search-item a {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
}
.footer__bottom {
  position: relative;
  padding-inline: 40px;
  padding-top: 22px;
  padding-bottom: 80px;
}
@media (min-width: 835px) {
  .footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 834px) {
  .footer__bottom {
    padding-inline: 5%;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.footer__bottom::before {
  content: "";
  position: absolute;
  inset: 0 -100vw;
  background: #fcfae8;
  pointer-events: none;
}
.footer__bottom .footer__bottom-ga {
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .footer__bottom .footer__bottom-ga {
    text-align: center;
  }
}
.footer__bottom .footer__bottom-ga a {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #67bb6d;
  line-height: 1.6;
}
@media (max-width: 834px) {
  .footer__bottom .footer__bottom-ga a {
    font-size: 1.2rem;
  }
}
.footer__bottom .footer__bottom-copyright {
  rotate: 0.05deg;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #0c8546;
  line-height: 1.6;
}
@media (max-width: 834px) {
  .footer__bottom .footer__bottom-copyright {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 2px;
  }
}

/* ============================================
// PAGETOP
// ==========================================*/
.pagetop {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 500;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .pagetop {
    bottom: 16px;
    right: 16px;
  }
}
.js-scrolled .pagetop {
  opacity: 1;
  pointer-events: auto;
}
.pagetop a {
  width: 86px;
  aspect-ratio: 1/1;
  background: #fff;
  border: 3px solid #67bb6d;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .pagetop a {
    width: 56px;
    gap: 4px;
    border-width: 2px;
  }
}
@media (any-hover: hover) {
  .pagetop a:hover {
    opacity: 1;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
}
.pagetop__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 10px;
  aspect-ratio: 10/12;
}
@media (max-width: 834px) {
  .pagetop__icon {
    width: 9px;
  }
}
.pagetop__text {
  font-weight: 900;
  letter-spacing: 0.05em;
  color: #67bb6d;
  line-height: 1;
}
@media (max-width: 834px) {
  .pagetop__text {
    font-size: 1.2rem;
  }
}

/* ============================================
// recruit
// ==========================================*/
.recruit {
  position: relative;
  z-index: 2;
}
.recruit__inner {
  max-width: 1340px;
}
.recruit__contents {
  position: relative;
  background: #67bb6d;
  border-radius: 40px;
  padding-top: 84px;
  padding-bottom: 90px;
}
@media (max-width: 834px) {
  .recruit__contents {
    border-radius: 20px;
    padding: 88px 5% 52px;
  }
}
.recruit__contents::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/common/recruit_bg.jpg) center center/cover no-repeat;
  pointer-events: none;
  border-radius: 40px;
}
.recruit__lead {
  position: relative;
  z-index: 1;
  color: #fff;
  rotate: 0.05deg;
  max-width: 520px;
  max-width: clamp(465px, 38.8059701493vw, 520px);
  margin-inline: auto;
  margin-top: 43px;
}
@media (max-width: 834px) {
  .recruit__lead {
    margin-top: 24px;
  }
}
.recruit .common-title {
  position: relative;
  z-index: 1;
}
.recruit .common-btn {
  position: relative;
  z-index: 1;
  margin-top: 45px;
}
@media (max-width: 834px) {
  .recruit .common-btn {
    margin-top: 24px;
  }
}
.recruit__deco {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.recruit__deco-side {
  position: absolute;
  top: calc(50% + 24px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 834px) {
  .recruit__deco-side {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.recruit__deco-side--left {
  left: 0;
}
@media (max-width: 834px) {
  .recruit__deco-side--left {
    top: -18px;
  }
}
.recruit__deco-side--left .recruit__illust--person {
  max-width: clamp(154px, 16.4179104478vw, 220px);
}
@media (max-width: 834px) {
  .recruit__deco-side--left .recruit__illust--person {
    max-width: 79.2px;
  }
}
.recruit__deco-side--left .recruit__illust--person img {
  aspect-ratio: 220/293;
}
.recruit__deco-side--left .recruit__illust--arm {
  position: absolute;
  top: 50%;
  top: calc(50% + 12px);
  right: -12px;
  translate: 0 -50%;
  max-width: clamp(37.8px, 4.0298507463vw, 54px);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-animation: swing-arm 1.2s ease-in-out infinite alternate;
          animation: swing-arm 1.2s ease-in-out infinite alternate;
}
@media (max-width: 834px) {
  .recruit__deco-side--left .recruit__illust--arm {
    max-width: 19.44px;
    top: calc(50% + 4px) !important;
    right: -8px;
  }
}
.recruit__deco-side--left .recruit__illust--arm img {
  aspect-ratio: 54/209;
}
.recruit__deco-side--right {
  right: 0;
}
@media (max-width: 834px) {
  .recruit__deco-side--right {
    top: -17px;
  }
}
.recruit__deco-side--right .recruit__illust--person {
  left: auto;
  right: 0;
  max-width: clamp(154.7px, 16.4925373134vw, 221px);
}
@media (max-width: 834px) {
  .recruit__deco-side--right .recruit__illust--person {
    max-width: 79.56px;
  }
}
.recruit__deco-side--right .recruit__illust--person img {
  aspect-ratio: 221/300;
}
.recruit__deco-side--right .recruit__illust--arm {
  position: absolute;
  top: calc(50% - clamp(16px, 1.7910447761vw, 24px));
  left: clamp(-56px, -4.1vw, -40px);
  translate: 0 -50%;
  max-width: clamp(60.2px, 6.4179104478vw, 86px);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  animation: swing-arm 1.2s ease-in-out infinite alternate-reverse;
}
@media (max-width: 834px) {
  .recruit__deco-side--right .recruit__illust--arm {
    max-width: 30.96px;
    top: calc(50% - 9px);
    left: -21px;
  }
}
.recruit__deco-side--right .recruit__illust--arm img {
  aspect-ratio: 86/261;
}

/* ============================================
// INDEX
// ==========================================*/
.front-page .main {
  padding-top: 0;
}
@media (max-width: 834px) {
  .front-page .main {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@-webkit-keyframes swing-arm {
  0% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  100% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
}
@keyframes swing-arm {
  0% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  100% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
}
.front-page .mv {
  position: relative;
  background: #fcfbe9;
}
.front-page .mv::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1500/453;
  background: url(../img/index/mv_bg.png) center bottom/cover no-repeat;
  pointer-events: none;
  -webkit-transition: 1s;
  transition: 1s;
}
.front-page .mv__inner {
  padding-top: 156px;
  padding-bottom: 42px;
  padding-bottom: clamp(13px, 2.1875vw, 42px);
}
@media (max-width: 1840px) {
  .front-page .mv__inner {
    padding-bottom: clamp(13px, 1.9791666667vw, 38px);
  }
}
@media (max-width: 1580px) {
  .front-page .mv__inner {
    padding-bottom: clamp(13px, 1.6666666667vw, 32px);
  }
}
@media (max-width: 1140px) {
  .front-page .mv__inner {
    padding-bottom: clamp(13px, 1.3541666667vw, 26px);
  }
}
@media (max-width: 834px) {
  .front-page .mv__inner {
    padding-top: 72px;
    padding-bottom: clamp(0px, 0.9592326139vw, 8px);
  }
}
.front-page .mv-card {
  position: relative;
  z-index: 1;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0.01;
}
.front-page .mv-card .infiniteslide_wrap {
  overflow: auto !important;
}
@media (min-width: 835px) {
  .front-page .mv-card .infiniteslide_wrap {
    overflow: visible !important;
  }
}
@media screen and (min-device-width: 768px) {
  .front-page .mv-card .infiniteslide_wrap {
    overflow: visible !important;
  }
}
.front-page .mv-card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.front-page .mv-card__item {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 300px !important;
          flex: 0 0 300px !important;
  margin-right: 40px;
}
@media (max-width: 834px) {
  .front-page .mv-card__item {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 160px !important;
            flex: 0 0 160px !important;
    margin-right: 16px;
  }
}
.front-page .mv-card__item--iguchi a::after, .front-page .mv-card__item--kyoto a::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 194px;
  aspect-ratio: 194/307;
  background: url(../img/index/mv_card_bg01.png) center center/contain no-repeat;
  pointer-events: none;
}
@media (max-width: 834px) {
  .front-page .mv-card__item--iguchi a::after, .front-page .mv-card__item--kyoto a::after {
    width: 97px;
  }
}
.front-page .mv-card__item--mizutani a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 244px;
  aspect-ratio: 244/232;
  background: url(../img/index/mv_card_bg02.png) center center/contain no-repeat;
  pointer-events: none;
}
@media (max-width: 834px) {
  .front-page .mv-card__item--mizutani a::after {
    width: 122px;
  }
}
.front-page .mv-card__item--kids a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 196px;
  aspect-ratio: 196/315;
  background: url(../img/index/mv_card_bg03.png) center center/contain no-repeat;
  pointer-events: none;
}
@media (max-width: 834px) {
  .front-page .mv-card__item--kids a::after {
    width: 98px;
  }
}
.front-page .mv-card__item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 18px;
  background: #fff;
  border: 3px solid #67bb6d;
  border-radius: 40px;
  max-width: 300px;
  width: 100%;
  min-height: 360px;
  padding: 2em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
@media (max-width: 834px) {
  .front-page .mv-card__item a {
    border-radius: 20px;
    gap: 8px;
    border-width: 2px;
    border-radius: 20px;
    max-width: 160px;
    min-height: 192px;
    padding: 16px 5%;
  }
}
@media (any-hover: hover) {
  .front-page .mv-card__item a:hover {
    opacity: 1;
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
  }
}
.front-page .mv-card__item a::before {
  content: "";
  position: absolute;
  bottom: 17px;
  right: 17px;
  width: 28px;
  aspect-ratio: 28/31;
  background: url(../img/index/ico_mv_card.png) center center/contain no-repeat;
  pointer-events: none;
}
@media (max-width: 834px) {
  .front-page .mv-card__item a::before {
    width: 16.8px;
  }
}
@media (max-width: 834px) and (max-width: 834px) {
  .front-page .mv-card__item a::before {
    bottom: 8px;
    right: 8px;
  }
}
.front-page .mv-card__logo {
  z-index: 1;
}
.front-page .mv-card__logo--iguchi {
  max-width: 65px;
}
@media (max-width: 834px) {
  .front-page .mv-card__logo--iguchi {
    max-width: 39px;
  }
}
.front-page .mv-card__logo--iguchi img {
  aspect-ratio: 65/53;
}
.front-page .mv-card__logo--mizutani {
  max-width: 58px;
}
@media (max-width: 834px) {
  .front-page .mv-card__logo--mizutani {
    max-width: 34.8px;
  }
}
.front-page .mv-card__logo--mizutani img {
  aspect-ratio: 1/1;
}
.front-page .mv-card__logo--kids {
  max-width: 74px;
}
@media (max-width: 834px) {
  .front-page .mv-card__logo--kids {
    max-width: 44.4px;
  }
}
.front-page .mv-card__logo--kids img {
  aspect-ratio: 74/81;
}
.front-page .mv-card__logo--kyoto {
  max-width: 70px;
}
@media (max-width: 834px) {
  .front-page .mv-card__logo--kyoto {
    max-width: 49px;
  }
}
.front-page .mv-card__logo--kyoto img {
  aspect-ratio: 70/64;
}
.front-page .mv-card__name {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.4;
  text-align: center;
  z-index: 1;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .front-page .mv-card__name {
    font-size: 1.5rem;
  }
}
@-webkit-keyframes card-show {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.01;
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes card-show {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    opacity: 0.01;
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.front-page .mv-deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.front-page .mv-deco__logo-box {
  position: absolute;
  top: clamp(96px, 6.9333333333vw, 104px);
  left: 50%;
  -webkit-transform: translateX(-300%);
          transform: translateX(-300%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  z-index: 1;
}
@media (max-width: 834px) {
  .front-page .mv-deco__logo-box {
    top: clamp(34px, 6.7146282974vw, 56px);
    width: 100%;
    pointer-events: auto;
  }
}
.front-page .mv-deco__logo-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(10px, 1.2vw, 18px);
}
@media (max-width: 834px) {
  .front-page .mv-deco__logo-box a {
    gap: 6px;
  }
}
.front-page .mv-deco__icon {
  position: relative;
  width: 40px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #ff9b6a;
}
@media (max-width: 834px) {
  .front-page .mv-deco__icon {
    width: 28px;
  }
}
.front-page .mv-deco__icon::before, .front-page .mv-deco__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 18px;
  aspect-ratio: 18/6;
  background: #fff;
}
@media (max-width: 834px) {
  .front-page .mv-deco__icon::before, .front-page .mv-deco__icon::after {
    width: 14px;
  }
}
.front-page .mv-deco__icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.front-page .mv-deco__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.5;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .front-page .mv-deco__logo {
    font-size: 1.8rem;
  }
}
.front-page .mv-deco__logo-prefix {
  font-size: 1.4rem;
}
@media (max-width: 834px) {
  .front-page .mv-deco__logo-prefix {
    font-size: 1.1rem;
  }
}
.front-page .mv-deco__side {
  z-index: 1;
}
.front-page .mv-deco__side--left {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  max-width: clamp(194.4px, 16.2vw, 243px);
}
@media (max-width: 834px) {
  .front-page .mv-deco__side--left {
    max-width: clamp(85.05px, 14.5683453237vw, 121.5px);
    top: 8px;
    pointer-events: none;
  }
}
.front-page .mv-deco__side--left .mv-deco__illust--ear {
  max-width: clamp(188.8px, 15.7333333333vw, 236px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.front-page .mv-deco__side--left .mv-deco__illust--ear img {
  aspect-ratio: 236/706;
}
.front-page .mv-deco__side--left .mv-deco__illust--person {
  position: absolute;
  bottom: clamp(40px, 6.6666666667vw, 100px);
  left: 0;
  max-width: 243px;
  opacity: 0.01;
}
@media (max-width: 834px) {
  .front-page .mv-deco__side--left .mv-deco__illust--person {
    bottom: clamp(16px, 3.8369304556vw, 32px);
  }
}
.front-page .mv-deco__side--left .mv-deco__illust--person img {
  aspect-ratio: 243/328;
}
.front-page .mv-deco__side--left .mv-deco__illust--arm {
  position: absolute;
  bottom: clamp(96px, 8.8666666667vw, 133px);
  right: -13px;
  max-width: clamp(48px, 4vw, 60px);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  opacity: 0.01;
}
@media (max-width: 834px) {
  .front-page .mv-deco__side--left .mv-deco__illust--arm {
    max-width: clamp(21px, 3.5971223022vw, 30px);
    bottom: clamp(57px, 9.9520383693vw, 83px);
    right: clamp(-9px, -0.9vw, -5px);
    bottom: clamp(29px, 5.7553956835vw, 48px);
  }
}
.front-page .mv-deco__side--left .mv-deco__illust--arm img {
  aspect-ratio: 60/233;
}
.front-page .mv-deco__side--right {
  position: absolute;
  top: 45px;
  right: 0;
  width: 100%;
  max-width: clamp(195.2px, 16.2666666667vw, 244px);
}
@media (max-width: 834px) {
  .front-page .mv-deco__side--right {
    max-width: clamp(85.4px, 14.6282973621vw, 122px);
    top: 8px;
    pointer-events: none;
  }
}
.front-page .mv-deco__side--right .mv-deco__illust--ear {
  max-width: clamp(188px, 15.6666666667vw, 235px);
  margin-left: auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.front-page .mv-deco__side--right .mv-deco__illust--ear img {
  aspect-ratio: 235/706;
}
.front-page .mv-deco__side--right .mv-deco__illust--balloon {
  position: absolute;
  top: clamp(178px, 14.0666666667vw, 211px);
  right: 25px;
  max-width: clamp(109.6px, 9.1333333333vw, 137px);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0.01;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
@media (max-width: 834px) {
  .front-page .mv-deco__side--right .mv-deco__illust--balloon {
    top: clamp(86px, 13.1894484412vw, 110px);
    right: 0;
    max-width: clamp(82.2px, 13.1414868106vw, 109.6px);
  }
}
.front-page .mv-deco__side--right .mv-deco__illust--balloon img {
  aspect-ratio: 137/63;
}
.front-page .mv-deco__side--right .mv-deco__illust--person {
  position: absolute;
  bottom: 96px;
  bottom: clamp(40px, 6.4vw, 96px);
  right: 0;
  max-width: clamp(195.2px, 16.2666666667vw, 244px);
  opacity: 0.01;
}
@media (max-width: 834px) {
  .front-page .mv-deco__side--right .mv-deco__illust--person {
    bottom: clamp(16px, 3.8369304556vw, 32px);
  }
}
.front-page .mv-deco__side--right .mv-deco__illust--person img {
  aspect-ratio: 244/335;
}
.front-page .mv-deco__side--right .mv-deco__illust--arm {
  position: absolute;
  bottom: 146px;
  left: -61px;
  bottom: clamp(104px, 9.7333333333vw, 146px);
  left: clamp(-61px, -4.1vw, -48px);
  max-width: clamp(76.8px, 6.4vw, 96px);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  opacity: 0.01;
}
@media (max-width: 834px) {
  .front-page .mv-deco__side--right .mv-deco__illust--arm {
    max-width: clamp(33.6px, 5.7553956835vw, 48px);
    left: clamp(-32px, -3.8vw, -22px);
    bottom: clamp(33px, 6.5947242206vw, 55px);
  }
}
.front-page .mv-deco__side--right .mv-deco__illust--arm img {
  aspect-ratio: 96/292;
}
@-webkit-keyframes person-slide-left {
  0% {
    opacity: 0.01;
    -webkit-transform: translateX(-100%) rotate(-45deg);
            transform: translateX(-100%) rotate(-45deg);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(6deg);
            transform: translateX(0px) rotate(6deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(-6deg);
            transform: translateX(0px) rotate(-6deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
}
@keyframes person-slide-left {
  0% {
    opacity: 0.01;
    -webkit-transform: translateX(-100%) rotate(-45deg);
            transform: translateX(-100%) rotate(-45deg);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(6deg);
            transform: translateX(0px) rotate(6deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(-6deg);
            transform: translateX(0px) rotate(-6deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
}
@-webkit-keyframes person-slide-right {
  0% {
    opacity: 0.01;
    -webkit-transform: translateX(100%) rotate(45deg);
            transform: translateX(100%) rotate(45deg);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(-6deg);
            transform: translateX(0px) rotate(-6deg);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(6deg);
            transform: translateX(0px) rotate(6deg);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
}
@keyframes person-slide-right {
  0% {
    opacity: 0.01;
    -webkit-transform: translateX(100%) rotate(45deg);
            transform: translateX(100%) rotate(45deg);
    -webkit-transform-origin: bottom center;
            transform-origin: bottom center;
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(-6deg);
            transform: translateX(0px) rotate(-6deg);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(6deg);
            transform: translateX(0px) rotate(6deg);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
            transform: translateX(0px) rotate(0deg);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
}
@-webkit-keyframes arm-slide-left {
  0% {
    opacity: 0.01;
    translate: -300% 0;
    rotate: -45deg;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  60% {
    opacity: 1;
    translate: 0 0;
    rotate: 6deg;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  80% {
    opacity: 1;
    translate: 0 0;
    rotate: -6deg;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  100% {
    opacity: 1;
    translate: 0 0;
    rotate: 0;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
}
@keyframes arm-slide-left {
  0% {
    opacity: 0.01;
    translate: -300% 0;
    rotate: -45deg;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  60% {
    opacity: 1;
    translate: 0 0;
    rotate: 6deg;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  80% {
    opacity: 1;
    translate: 0 0;
    rotate: -6deg;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
  100% {
    opacity: 1;
    translate: 0 0;
    rotate: 0;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }
}
@-webkit-keyframes arm-slide-right {
  0% {
    opacity: 0.01;
    translate: 300% 0;
    rotate: 45deg;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  60% {
    opacity: 1;
    translate: 0 0;
    rotate: -6deg;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  80% {
    opacity: 1;
    translate: 0 0;
    rotate: 6deg;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  100% {
    opacity: 1;
    translate: 0 0;
    rotate: 0;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
}
@keyframes arm-slide-right {
  0% {
    opacity: 0.01;
    translate: 300% 0;
    rotate: 45deg;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  60% {
    opacity: 1;
    translate: 0 0;
    rotate: -6deg;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  80% {
    opacity: 1;
    translate: 0 0;
    rotate: 6deg;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
  100% {
    opacity: 1;
    translate: 0 0;
    rotate: 0;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
  }
}
.front-page .mv-message {
  margin-top: 76px;
  padding: 0 70px;
}
@media (max-width: 834px) {
  .front-page .mv-message {
    margin-top: clamp(24px, 5.2757793765vw, 44px);
    padding: 0 3%;
  }
}
.front-page .mv-message__text {
  position: relative;
  z-index: 1;
  max-width: 668px;
  margin-inline: auto;
  opacity: 0.01;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
@media (max-width: 834px) {
  .front-page .mv-message__text {
    max-width: clamp(334px, 60.071942446vw, 501px);
  }
}
.front-page .mv-message__text img {
  aspect-ratio: 668/38;
}
.front-page .mv-message__label {
  max-width: 1106px;
  max-width: clamp(884.8px, 73.7333333333vw, 1106px);
  margin-inline: auto;
  margin-top: 27px;
}
@media (max-width: 834px) {
  .front-page .mv-message__label {
    max-width: clamp(442.4px, 79.5683453237vw, 663.6px);
    margin-top: clamp(12px, 2.8776978417vw, 24px);
  }
}
.front-page .mv-message__label img {
  aspect-ratio: 1106/199;
  -webkit-filter: drop-shadow(0px 15px 16px rgba(71, 47, 28, 0.26));
          filter: drop-shadow(0px 15px 16px rgba(71, 47, 28, 0.26));
}
.front-page .mv-message__illust-group {
  position: relative;
}
.front-page .mv-message__illust {
  position: absolute;
  z-index: 1;
}
.front-page .mv-message__illust--person01 {
  top: -56px;
  left: clamp(0px, 5.8666666667vw, 88px);
  max-width: clamp(134.25px, 11.9333333333vw, 179px);
  opacity: 0.01;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
@media (max-width: 1200px) {
  .front-page .mv-message__illust--person01 {
    left: 0;
  }
}
@media (max-width: 834px) {
  .front-page .mv-message__illust--person01 {
    max-width: 62.65px;
    top: -16px;
    left: -2%;
  }
}
.front-page .mv-message__illust--person01 img {
  aspect-ratio: 179/236;
}
.front-page .mv-message__illust--person02 {
  top: clamp(-98px, -6.6vw, -80px);
  left: calc(50% - clamp(174px, 14.2666666667vw, 214px));
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: clamp(66.75px, 5.9333333333vw, 89px);
  opacity: 0.01;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
@media (max-width: 834px) {
  .front-page .mv-message__illust--person02 {
    max-width: 31.15px;
    top: -32px;
    left: calc(50% - 68px);
  }
}
.front-page .mv-message__illust--person02 img {
  aspect-ratio: 89/193;
}
.front-page .mv-message__illust--person03 {
  top: clamp(-110px, -7.4vw, -72px);
  left: calc(50% + clamp(176px, 14.6666666667vw, 220px));
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  max-width: clamp(95.25px, 8.4666666667vw, 127px);
  opacity: 0.01;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
@media (max-width: 834px) {
  .front-page .mv-message__illust--person03 {
    max-width: 44.45px;
    top: -25px;
    left: calc(50% + 70px);
  }
}
.front-page .mv-message__illust--person03 img {
  aspect-ratio: 127/227;
}
.front-page .mv-message__illust--person04 {
  top: clamp(-118px, -7.9vw, -88px);
  right: clamp(0px, 6.6666666667vw, 100px);
  max-width: clamp(78px, 6.9333333333vw, 104px);
  opacity: 0.01;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
@media (max-width: 1200px) {
  .front-page .mv-message__illust--person04 {
    right: 0;
  }
}
@media (max-width: 834px) {
  .front-page .mv-message__illust--person04 {
    max-width: 36.4px;
    top: -37px;
    right: -2%;
  }
}
.front-page .mv-message__illust--person04 img {
  aspect-ratio: 104/177;
}
.front-page.js-loaded .mv-card {
  -webkit-animation: card-show 0.8s ease both 1s;
          animation: card-show 0.8s ease both 1s;
}
.front-page.js-loaded .mv-deco__logo-box {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.front-page.js-loaded .mv-deco__side--left .mv-deco__illust--ear {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-filter: drop-shadow(0px 47px 22px rgba(71, 47, 28, 0.26));
          filter: drop-shadow(0px 47px 22px rgba(71, 47, 28, 0.26));
  will-change: filter;
}
.front-page.js-loaded .mv-deco__side--left .mv-deco__illust--person {
  -webkit-animation: person-slide-left 0.6s ease-out both 0.4s;
          animation: person-slide-left 0.6s ease-out both 0.4s;
}
.front-page.js-loaded .mv-deco__side--left .mv-deco__illust--arm {
  -webkit-animation: arm-slide-left 0.6s ease-out both 0.4s, swing-arm 1.2s ease-in-out infinite alternate;
          animation: arm-slide-left 0.6s ease-out both 0.4s, swing-arm 1.2s ease-in-out infinite alternate;
}
.front-page.js-loaded .mv-deco__side--right .mv-deco__illust--ear {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-filter: drop-shadow(0px 47px 22px rgba(71, 47, 28, 0.26));
          filter: drop-shadow(0px 47px 22px rgba(71, 47, 28, 0.26));
  will-change: filter;
}
.front-page.js-loaded .mv-deco__side--right .mv-deco__illust--balloon {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}
.front-page.js-loaded .mv-deco__side--right .mv-deco__illust--person {
  -webkit-animation: person-slide-right 0.6s ease-out both 0.4s;
          animation: person-slide-right 0.6s ease-out both 0.4s;
}
.front-page.js-loaded .mv-deco__side--right .mv-deco__illust--arm {
  animation: arm-slide-right 0.6s ease-out both 0.4s, swing-arm 1.2s ease-in-out infinite alternate-reverse;
}
.front-page.js-loaded .mv-message__text {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.front-page.js-loaded .mv-message__illust--person01, .front-page.js-loaded .mv-message__illust--person02, .front-page.js-loaded .mv-message__illust--person03, .front-page.js-loaded .mv-message__illust--person04 {
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0);
}
.front-page .jobs {
  position: relative;
  background: #67bb6d;
}
.front-page .jobs::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  margin-bottom: -1px;
  aspect-ratio: 1500/57;
  background: url(../img/index/jobs_shape.svg) left bottom/cover no-repeat;
}
.front-page .jobs__inner {
  padding-top: 148px;
}
@media (max-width: 834px) {
  .front-page .jobs__inner {
    padding: 80px 2% 0;
  }
}
.front-page .jobs__body {
  background: #fcfae8;
  border-radius: 50px;
  padding: 90px 8.834%;
  margin-top: 42px;
}
@media (max-width: 834px) {
  .front-page .jobs__body {
    border-radius: 25px;
    padding: 30px 5%;
    margin-top: 24px;
  }
}
.front-page .newjobs {
  background: #67bb6d;
}
.front-page .newjobs__inner {
  padding-top: 100px;
  padding-bottom: 140px;
}
@media (max-width: 834px) {
  .front-page .newjobs__inner {
    padding-top: 56px;
    padding-bottom: 64px;
  }
}
.front-page .newjobs__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.4%;
}
@media (max-width: 834px) {
  .front-page .newjobs__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.front-page .newjobs__header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 346px;
          flex: 0 0 346px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 72px;
}
@media (max-width: 834px) {
  .front-page .newjobs__header {
    display: contents;
  }
}
@media (max-width: 834px) {
  .front-page .newjobs__header .common-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.front-page .newjobs__header .common-btn {
  margin-top: auto;
}
@media (max-width: 834px) {
  .front-page .newjobs__header .common-btn {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 24px;
  }
}
@media (max-width: 834px) {
  .front-page .newjobs__header .common-btn__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.front-page .newjobs__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 834px) {
  .front-page .newjobs__body {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 24px;
  }
}
.front-page .newjobs__item {
  position: relative;
}
.front-page .newjobs__item:first-child::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 4px, transparent 4px, transparent 4px) left top/6px 1px repeat-x;
}
.front-page .newjobs__item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 4px, transparent 4px, transparent 4px) left bottom/6px 1px repeat-x;
}
.front-page .newjobs__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4%;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .front-page .newjobs__item a {
    gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (any-hover: hover) {
  .front-page .newjobs__item a:hover {
    opacity: 1;
    gap: 5%;
  }
  .front-page .newjobs__item a:hover .newjobs__date {
    margin-right: 1%;
  }
}
.front-page .newjobs__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15.3%;
          flex: 0 0 15.3%;
  max-width: 120px;
  height: 100%;
}
@media (max-width: 834px) {
  .front-page .newjobs__image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 24.4%;
            flex: 0 0 24.4%;
    max-width: 80px;
  }
}
.front-page .newjobs__image img {
  aspect-ratio: 120/81;
  border-radius: 15px;
}
@media (max-width: 834px) {
  .front-page .newjobs__image img {
    border-radius: 10px;
  }
}
.front-page .newjobs__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.front-page .newjobs__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}
@media (max-width: 834px) {
  .front-page .newjobs__meta {
    gap: 6px;
  }
}
.front-page .newjobs__position-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 6px;
}
@media (max-width: 834px) {
  .front-page .newjobs__position-wrap {
    gap: 4px;
  }
}
.front-page .newjobs__position {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  rotate: 0.05deg;
  background: #0c8546;
  border-radius: 500px;
  padding: 0.429em 1.463em;
}
@media (max-width: 834px) {
  .front-page .newjobs__position {
    font-size: 1.1rem;
  }
}
.front-page .newjobs__date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 116px;
          flex: 0 0 116px;
  position: relative;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  rotate: 0.05deg;
  padding-left: 1.6em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .front-page .newjobs__date {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
            flex: 0 0 100px;
    font-size: 1.2rem;
  }
}
.front-page .newjobs__date::before {
  content: "";
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 1.142em;
  aspect-ratio: 1/1;
  background: url(../img/common/ico_clock.png) center center/contain no-repeat;
}
.front-page .newjobs__description {
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.8;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 6px;
}
@media (max-width: 834px) {
  .front-page .newjobs__description {
    margin-top: 2px;
  }
}
.front-page .interview {
  position: relative;
}
.front-page .interview::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/index/interview_bg.jpg) bottom center/cover no-repeat;
  pointer-events: none;
}
.front-page .interview__inner {
  padding-top: 132px;
  padding-bottom: 140px;
}
@media (max-width: 834px) {
  .front-page .interview__inner {
    padding-top: 56px;
    padding-bottom: 64px;
  }
}
.front-page .interview__contents {
  position: relative;
}
.front-page .interview .swiper-slide-active {
  width: 812px !important;
}
@media (max-width: 834px) {
  .front-page .interview .swiper-slide-active {
    width: 100% !important;
    max-width: 100%;
  }
}
.front-page .interview .swiper-slide-active .interview__text {
  display: block;
}
@media (min-width: 835px) {
  .front-page .interview .swiper-slide-active .interview__text {
    -webkit-animation: show 1s cubic-bezier(0.14, 1, 0.34, 1) 100ms both;
            animation: show 1s cubic-bezier(0.14, 1, 0.34, 1) 100ms both;
  }
}
@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.front-page .interview .swiper-slide-active .interview__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 346px;
          flex: 0 0 346px;
}
@media (max-width: 834px) {
  .front-page .interview .swiper-slide-active .interview__image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.front-page .interview__slider {
  max-width: 270px;
  margin-top: 78px;
}
@media (max-width: 834px) {
  .front-page .interview__slider {
    position: relative;
    max-width: 100%;
    margin-top: 24px;
    margin-inline: auto;
  }
}
.front-page .interview__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 56px;
  min-height: 431px;
}
@media (max-width: 834px) {
  .front-page .interview__slide {
    width: 100% !important;
    max-width: 100%;
    gap: 16px;
    min-height: auto;
  }
}
@media (any-hover: hover) {
  .front-page .interview__slide:hover {
    opacity: 1;
  }
  .front-page .interview__slide:hover .interview__image {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
  }
  .front-page .interview__slide:hover .interview__name {
    color: #0c8546;
  }
}
@media (max-width: 834px) {
  .front-page .interview__slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.front-page .interview__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 410px;
          flex: 0 0 410px;
}
@media (min-width: 835px) {
  .front-page .interview__text {
    display: none;
  }
}
@media (max-width: 834px) {
  .front-page .interview__text {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.front-page .interview__position, .front-page .interview__comment, .front-page .interview__clinic, .front-page .interview__name {
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.6;
  rotate: 0.05deg;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.front-page .interview__position {
  position: relative;
  font-size: 2.2rem;
  padding-left: 1em;
}
@media (max-width: 834px) {
  .front-page .interview__position {
    font-size: 1.5rem;
  }
}
.front-page .interview__position::before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 0.45em;
  aspect-ratio: 1/1;
  background: #ff9b6a;
  border-radius: 50%;
}
@media (max-width: 834px) {
  .front-page .interview__position::before {
    top: 0.55em;
  }
}
.front-page .interview__comment {
  font-size: 2.6rem;
  color: #0c8546;
  margin-top: 40px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
@media (max-width: 834px) {
  .front-page .interview__comment {
    font-size: 1.8rem;
    margin-top: 6px;
  }
}
.front-page .interview__clinic-Wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 50px;
}
@media (max-width: 834px) {
  .front-page .interview__clinic-Wrap {
    margin-top: 12px;
    gap: 6px;
  }
}
.front-page .interview__clinic {
  font-size: 1.3rem;
  color: #fff;
  background: #67bb6d;
  border-radius: 500px;
  padding: 0.693em 1.127em;
}
@media (max-width: 834px) {
  .front-page .interview__clinic {
    font-size: 1.15rem;
  }
}
.front-page .interview__name {
  font-size: 2.8rem;
  margin-top: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .front-page .interview__name {
    font-size: 2rem;
    margin-top: 8px;
  }
}
.front-page .interview__suffix {
  font-size: 1.8rem;
  margin-left: 4px;
}
@media (max-width: 834px) {
  .front-page .interview__suffix {
    font-size: 1.4rem;
  }
}
.front-page .interview__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 270px;
          flex: 0 0 270px;
  border: 3px solid #67bb6d;
  border-radius: 43px;
  -webkit-transition: -webkit-box-flex 0.3s ease, -webkit-transform 0.3s ease;
  transition: -webkit-box-flex 0.3s ease, -webkit-transform 0.3s ease;
  transition: flex 0.3s ease, transform 0.3s ease;
  transition: flex 0.3s ease, transform 0.3s ease, -webkit-box-flex 0.3s ease, -ms-flex 0.3s ease, -webkit-transform 0.3s ease;
  margin-top: auto;
}
@media (max-width: 834px) {
  .front-page .interview__image {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-radius: 23px;
    max-width: clamp(240px, 47.9616306954vw, 400px);
    margin-inline: auto;
  }
}
.front-page .interview__image img {
  aspect-ratio: 340/425;
  border-radius: 40px;
}
@media (max-width: 834px) {
  .front-page .interview__image img {
    border-radius: 20px;
  }
}
.front-page .interview .swiper-button-prev,
.front-page .interview .swiper-button-next {
  top: auto;
  bottom: 9px;
  left: auto;
  background: #67bb6d;
  width: 60px;
  height: 49px;
  margin-top: 0;
  z-index: 51;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 834px) {
  .front-page .interview .swiper-button-prev,
  .front-page .interview .swiper-button-next {
    bottom: -64px;
    width: 56px;
    height: 48px;
  }
}
@media (any-hover: hover) {
  .front-page .interview .swiper-button-prev:hover,
  .front-page .interview .swiper-button-next:hover {
    background: #0c8546;
  }
}
.front-page .interview .swiper-button-prev::before,
.front-page .interview .swiper-button-next::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  aspect-ratio: 12/10;
  -webkit-mask: url(../img/common/ico_arrow02.png) center center/contain no-repeat;
          mask: url(../img/common/ico_arrow02.png) center center/contain no-repeat;
  background: #fff;
}
.front-page .interview .swiper-button-prev::after,
.front-page .interview .swiper-button-next::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 22px;
  background: #fff;
}
.front-page .interview .swiper-button-prev.swiper-button-disabled,
.front-page .interview .swiper-button-next.swiper-button-disabled {
  opacity: 0.7;
}
.front-page .interview .swiper-button-prev {
  border-radius: 100px 0 0 100px;
  right: 60px;
}
@media (max-width: 834px) {
  .front-page .interview .swiper-button-prev {
    right: 56px;
  }
}
.front-page .interview .swiper-button-prev::before {
  left: 23px;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.front-page .interview .swiper-button-prev::after {
  right: -0.5px;
}
.front-page .interview .swiper-button-next {
  border-radius: 0 100px 100px 0;
  right: 0;
}
.front-page .interview .swiper-button-next::before {
  right: 23px;
}
.front-page .interview .swiper-button-next::after {
  left: -0.5px;
}
.front-page .interview .swiper-scrollbar {
  height: 7px;
  background: #67bb6d;
  bottom: 30px;
  width: 45.833333%;
  left: auto;
  right: clamp(144px, 12.6666666667vw, 190px);
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 834px) {
  .front-page .interview .swiper-scrollbar {
    height: 6px;
    bottom: -44px;
    width: 60%;
    left: 0;
    right: auto;
  }
}
.front-page .interview .swiper-scrollbar-drag {
  background: #0c8546;
  z-index: 1;
}
.front-page .interview .common-btn {
  margin-top: 48px;
}
@media (max-width: 834px) {
  .front-page .interview .common-btn {
    margin-top: 88px;
  }
}
@media (max-width: 834px) {
  .front-page .interview .common-btn__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.front-page .clinic__inner {
  padding-top: 138px;
  padding-bottom: 368px;
}
@media (max-width: 834px) {
  .front-page .clinic__inner {
    padding-top: 56px;
    padding-bottom: 400px;
  }
}
.front-page .clinic__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(64px, 6.9333333333vw, 104px);
}
@media (max-width: 834px) {
  .front-page .clinic__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
.front-page .clinic__main-image {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 47.75%;
          flex: 0 0 47.75%;
  max-width: clamp(573px, 38.5882352941vw, 656px);
}
@media (max-width: 834px) {
  .front-page .clinic__main-image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-inline: auto;
    margin-top: 24px;
  }
}
.front-page .clinic__main-image::before {
  content: "";
  position: absolute;
  top: 190px;
  right: clamp(60px, 8vw, 120px);
  width: 100vw;
  min-height: 627px;
  background: #fff;
  border-radius: 0 0 50px 0;
  pointer-events: none;
  z-index: -1;
}
@media (max-width: 834px) {
  .front-page .clinic__main-image::before {
    top: 120px;
    min-height: 320px;
  }
}
.front-page .clinic__main-image img {
  aspect-ratio: 573/405;
  border-radius: 40px;
}
@media (max-width: 834px) {
  .front-page .clinic__main-image img {
    border-radius: 20px;
  }
}
.front-page .clinic__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 834px) {
  .front-page .clinic__text {
    display: contents;
  }
}
@media (max-width: 834px) {
  .front-page .clinic__text .common-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.front-page .clinic__lead {
  rotate: 0.05deg;
  margin-top: 72px;
}
@media (max-width: 834px) {
  .front-page .clinic__lead {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 16px;
  }
}
.front-page .clinic__list {
  margin-top: 45px;
}
@media (max-width: 834px) {
  .front-page .clinic__list {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 16px;
    width: 100%;
  }
}
.front-page .clinic__item {
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  line-height: 1.6;
  background: #fff;
  border: 1px solid #c8c4a2;
  border-radius: 500px;
  rotate: 0.05deg;
  padding: 1.032em 1em 0.9em 3.555555em;
  max-width: 520px;
}
@media (max-width: 834px) {
  .front-page .clinic__item {
    font-size: 1.4rem;
    max-width: 100%;
  }
}
.front-page .clinic__item:nth-child(n+2) {
  margin-top: 10px;
}
@media (max-width: 834px) {
  .front-page .clinic__item:nth-child(n+2) {
    margin-top: 8px;
  }
}
.front-page .clinic__item::before {
  content: "";
  position: absolute;
  top: 1.1em;
  left: 1.666666em;
  width: 1.333em;
  aspect-ratio: 1/1;
}
.front-page .clinic__item--iguchi::before {
  background: url(../img/index/ico_clinic01.png?250627) center center/contain no-repeat;
}
.front-page .clinic__item--kyoto::before {
  background: url(../img/index/ico_clinic02.png?250627) center center/contain no-repeat;
}
.front-page .clinic__item--kids::before {
  background: url(../img/index/ico_clinic03.png?250627) center center/contain no-repeat;
}
.front-page .clinic__item--mizutani::before {
  background: url(../img/index/ico_clinic04.png?250627) center center/contain no-repeat;
}
.front-page .clinic .common-btn {
  margin-top: 60px;
}
@media (max-width: 834px) {
  .front-page .clinic .common-btn {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin-top: 24px;
    width: 100%;
  }
}
@media (max-width: 834px) {
  .front-page .clinic .common-btn__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.front-page .clinic__images {
  position: relative;
}
.front-page .clinic__image {
  position: absolute;
}
.front-page .clinic__image--01 {
  max-width: clamp(241.6px, 20.1333333333vw, 302px);
  top: -10px;
  left: -50px;
}
@media (max-width: 834px) {
  .front-page .clinic__image--01 {
    max-width: 138.92px;
    top: 88px;
    left: -5%;
  }
}
.front-page .clinic__image--01 img {
  aspect-ratio: 302/236;
  border-radius: 30px;
}
@media (max-width: 834px) {
  .front-page .clinic__image--01 img {
    border-radius: 15px;
  }
}
.front-page .clinic__image--02 {
  max-width: clamp(176.8px, 14.7333333333vw, 221px);
  top: -192px;
  left: clamp(240px, 22.8vw, 342px);
}
@media (max-width: 834px) {
  .front-page .clinic__image--02 {
    max-width: 101.66px;
    top: 32px;
    left: calc(50% - clamp(0px, 13.9088729017vw, 116px));
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 570px) {
  .front-page .clinic__image--02 {
    left: calc(50% + 32px);
  }
}
.front-page .clinic__image--02 img {
  aspect-ratio: 221/236;
  border-radius: 30px;
}
@media (max-width: 834px) {
  .front-page .clinic__image--02 img {
    border-radius: 15px;
  }
}
.front-page .clinic__image--03 {
  max-width: clamp(334.4px, 27.8666666667vw, 418px);
  top: 108px;
  right: -68px;
}
@media (max-width: 834px) {
  .front-page .clinic__image--03 {
    max-width: 192.28px;
    top: 268px;
    right: -5%;
  }
}
.front-page .clinic__image--03 img {
  aspect-ratio: 418/288;
  border-radius: 40px;
}
@media (max-width: 834px) {
  .front-page .clinic__image--03 img {
    border-radius: 20px;
  }
}
.front-page .clinic__deco {
  position: absolute;
  inset: 0;
}
.front-page .clinic__deco .clinic__illust {
  position: absolute;
}
.front-page .clinic__deco .clinic__illust img {
  border-radius: 0;
}
.front-page .clinic__deco .clinic__illust--balloon {
  top: -68px;
  left: -186px;
  top: clamp(-68px, -4.6vw, -50px);
  left: clamp(-186px, -12.5vw, -148px);
  max-width: clamp(108px, 9vw, 135px);
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: opacity 0.3s ease 0.6s, -webkit-transform 0.3s ease 0.6s;
  transition: opacity 0.3s ease 0.6s, -webkit-transform 0.3s ease 0.6s;
  transition: opacity 0.3s ease 0.6s, transform 0.3s ease 0.6s;
  transition: opacity 0.3s ease 0.6s, transform 0.3s ease 0.6s, -webkit-transform 0.3s ease 0.6s;
}
@media (max-width: 834px) {
  .front-page .clinic__deco .clinic__illust--balloon {
    max-width: 108px;
    top: -60px;
    left: -118px;
  }
}
.front-page .clinic__deco .clinic__illust--balloon img {
  aspect-ratio: 135/76;
}
.front-page .clinic__deco .clinic__illust--person {
  top: 13px;
  left: clamp(-171px, -11.4vw, -136px);
  max-width: clamp(136.8px, 11.4vw, 171px);
}
@media (max-width: 834px) {
  .front-page .clinic__deco .clinic__illust--person {
    top: 4px;
    left: -78.66px;
    max-width: 78.66px;
  }
}
.front-page .clinic__deco .clinic__illust--person img {
  aspect-ratio: 171/241;
}
.front-page .clinic__deco .clinic__illust--arm {
  position: absolute;
  top: 16px;
  left: clamp(-216px, -14.4vw, -173px);
  max-width: clamp(59.2px, 4.9333333333vw, 74px);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-animation: swing-arm 1.2s ease-in-out infinite alternate;
          animation: swing-arm 1.2s ease-in-out infinite alternate;
}
@media (max-width: 834px) {
  .front-page .clinic__deco .clinic__illust--arm {
    top: 6px;
    left: -98.04px;
    max-width: 34.04px;
  }
}
.front-page .clinic__deco .clinic__illust--arm img {
  aspect-ratio: 74/223;
}
.front-page .clinic .js-active .clinic__illust--balloon {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media (max-width: 834px) {
  .front-page .about__inner {
    padding-top: 56px;
    padding-bottom: 64px;
  }
}
.front-page .about__items {
  margin-top: 80px;
}
@media (min-width: 835px) {
  .front-page .about__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(40px, 4.1333333333vw, 62px);
  }
}
@media (max-width: 834px) {
  .front-page .about__items {
    margin-top: 24px;
  }
}
.front-page .about__item {
  position: relative;
}
@media (max-width: 834px) {
  .front-page .about__item {
    max-width: 448px;
    margin-inline: auto;
  }
}
.front-page .about__item:nth-child(2n+1) .about__title::before {
  background: url(../img/index/ico_about01.png) center center/contain no-repeat;
}
@media (max-width: 834px) {
  .front-page .about__item:nth-child(2n+2) {
    margin-top: 24px;
  }
}
.front-page .about__item:nth-child(2n+2) .about__title::before {
  background: url(../img/index/ico_about02.png) center center/contain no-repeat;
}
.front-page .about__item a {
  position: relative;
  display: block;
}
@media (any-hover: hover) {
  .front-page .about__item a:hover {
    opacity: 1;
  }
  .front-page .about__item a:hover .about__image img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.front-page .about__image {
  max-width: clamp(569px, 37.6470588235vw, 640px);
  overflow: hidden;
  border-radius: 40px;
}
@media (max-width: 834px) {
  .front-page .about__image {
    border-radius: 20px;
  }
}
.front-page .about__image img {
  aspect-ratio: 569/450;
  border-radius: 40px;
}
@media (max-width: 834px) {
  .front-page .about__image img {
    border-radius: 20px;
  }
}
.front-page .about__heading {
  position: absolute;
  top: 0;
  right: -1px;
  background: #fcfae8;
  padding: 5px 8px clamp(26.6px, 2.8358208955vw, 38px) clamp(30.4px, 2.8358208955vw, 38px);
  border-radius: 0 0 0 40px;
  max-height: clamp(320px, 30.5970149254vw, 410px);
  min-width: 89px;
}
@media (max-width: 834px) {
  .front-page .about__heading {
    border-radius: 0 0 0 20px;
    padding: 28px 8px 16px 20px;
    min-width: 65px;
    max-height: clamp(260px, 60.3773584906vw, 320px);
  }
}
.front-page .about__title {
  position: relative;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  min-width: 51px;
  display: block;
}
@media (max-width: 834px) {
  .front-page .about__title {
    min-width: 38px;
  }
}
.front-page .about__title::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 16px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 32px;
  aspect-ratio: 1/1;
}
@media (max-width: 834px) {
  .front-page .about__title::before {
    bottom: calc(100% + 8px);
    width: 20px;
  }
}
.front-page .about__title-eng {
  font-size: 1.4rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  color: #67bb6d;
  line-height: 1;
  display: block;
}
@media (max-width: 834px) {
  .front-page .about__title-eng {
    font-size: 1.2rem;
  }
}
.front-page .about__title-ja {
  font-size: clamp(2.1rem, 1.7910447761vw, 2.4rem);
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #0c8546;
  line-height: 1.2;
  display: block;
  margin-right: 8px;
}
@supports (-webkit-touch-callout: none) {
  .front-page .about__title-ja {
    margin-right: 16px;
  }
}
@media (max-width: 834px) {
  .front-page .about__title-ja {
    font-size: 1.6rem;
    margin-right: 6px;
  }
  @supports (-webkit-touch-callout: none) {
    .front-page .about__title-ja {
      margin-right: 14px;
    }
  }
}

/* ============================================
// RECRUIT
// ==========================================*/
/*--------------------
共通
--------------------*/
.lower-kyujin_l .l-main,
.lower-kyujin_d .l-main,
.lower-whatsnew .l-main {
  padding: 40px 0 80px;
}
@media (max-width: 834px) {
  .lower-kyujin_l .l-main,
  .lower-kyujin_d .l-main,
  .lower-whatsnew .l-main {
    padding: 24px 0 40px;
  }
}
.lower-kyujin_l .breadcrumb,
.lower-kyujin_d .breadcrumb,
.lower-whatsnew .breadcrumb {
  margin-bottom: 0;
}
.lower-kyujin_l .footer,
.lower-kyujin_d .footer,
.lower-whatsnew .footer {
  margin-top: clamp(64px, 5.4166666667vw, 104px);
}
@media (max-width: 834px) {
  .lower-kyujin_l .footer,
  .lower-kyujin_d .footer,
  .lower-whatsnew .footer {
    margin-top: clamp(24px, 5.7553956835vw, 48px);
  }
}
.lower-kyujin_l .footer__inner,
.lower-kyujin_d .footer__inner,
.lower-whatsnew .footer__inner {
  padding-top: 24px;
}
.lower-kyujin_l .kyujin_container,
.lower-kyujin_d .kyujin_container,
.lower-whatsnew .kyujin_container {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.075em;
}
@media (max-width: 834px) {
  .lower-kyujin_l .kyujin_container,
  .lower-kyujin_d .kyujin_container,
  .lower-whatsnew .kyujin_container {
    padding-left: 3%;
    padding-right: 3%;
    font-size: 1.4rem;
  }
}
.lower-kyujin_l .kyujin_container h2,
.lower-kyujin_l .kyujin_container h3,
.lower-kyujin_d .kyujin_container h2,
.lower-kyujin_d .kyujin_container h3,
.lower-whatsnew .kyujin_container h2,
.lower-whatsnew .kyujin_container h3 {
  rotate: 0.05deg;
}
.lower-kyujin_l .kyujin_container a,
.lower-kyujin_d .kyujin_container a,
.lower-whatsnew .kyujin_container a {
  border-radius: 500px;
}
.lower-kyujin_l .kyujin_container .btn,
.lower-kyujin_d .kyujin_container .btn,
.lower-whatsnew .kyujin_container .btn {
  padding: 1.1em 0;
  rotate: 0.05deg;
}
.lower-kyujin_l .kyujin_container .btn.btn_secondary,
.lower-kyujin_d .kyujin_container .btn.btn_secondary,
.lower-whatsnew .kyujin_container .btn.btn_secondary {
  background: #0c8546;
}
.lower-kyujin_l .kyujin_container .btn.btn_external::after,
.lower-kyujin_d .kyujin_container .btn.btn_external::after,
.lower-whatsnew .kyujin_container .btn.btn_external::after {
  top: 11px;
  right: 19px;
}
@media (max-width: 834px) {
  .lower-kyujin_l .kyujin_container .btn.btn_external::after,
  .lower-kyujin_d .kyujin_container .btn.btn_external::after,
  .lower-whatsnew .kyujin_container .btn.btn_external::after {
    top: 22px;
    right: 21px;
  }
}
@media (any-hover: hover) {
  .lower-kyujin_l .kyujin_container .btn:hover,
  .lower-kyujin_d .kyujin_container .btn:hover,
  .lower-whatsnew .kyujin_container .btn:hover {
    opacity: 1;
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-box-shadow: 0 4px 6px rgba(93, 92, 92, 0.1);
            box-shadow: 0 4px 6px rgba(93, 92, 92, 0.1);
  }
}
.lower-kyujin_l .kyujin_container .gMap_link::before,
.lower-kyujin_d .kyujin_container .gMap_link::before,
.lower-whatsnew .kyujin_container .gMap_link::before {
  -webkit-mask: url("../img/kyujin/ico_custom_location_black.png") no-repeat center center/contain;
          mask: url("../img/kyujin/ico_custom_location_black.png") no-repeat center center/contain;
  background: #67bb6d;
}
.lower-kyujin_l .kyujin_container .job_outline_item_ttl,
.lower-kyujin_d .kyujin_container .job_outline_item_ttl,
.lower-whatsnew .kyujin_container .job_outline_item_ttl {
  rotate: 0.05deg;
  display: inline-block;
}
.lower-kyujin_l .kyujin_container .job_employmenttype_list_item,
.lower-kyujin_d .kyujin_container .job_employmenttype_list_item,
.lower-whatsnew .kyujin_container .job_employmenttype_list_item {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #fff;
  line-height: 1.6;
  rotate: 0.05deg;
  background: #0c8546;
  border-radius: 500px;
  padding: 0.429em 1.463em;
  height: auto;
  border: none;
}
@media (max-width: 834px) {
  .lower-kyujin_l .kyujin_container .job_employmenttype_list_item,
  .lower-kyujin_d .kyujin_container .job_employmenttype_list_item,
  .lower-whatsnew .kyujin_container .job_employmenttype_list_item {
    font-size: 1.1rem;
  }
}
.lower-kyujin_l .custom-form .btn_cover input[type=submit],
.lower-kyujin_d .custom-form .btn_cover input[type=submit],
.lower-whatsnew .custom-form .btn_cover input[type=submit] {
  font-size: 1.4rem !important;
}

/*--------------------
求人一覧
--------------------*/
.lower-kyujin_l .search_panel {
  padding: 0;
  margin: 0;
  border: none;
}
.lower-kyujin_l .search-toggle {
  position: relative;
  left: 0;
  top: 0;
  width: auto;
  max-width: inherit;
  background: #67bb6d;
  border-radius: 30px;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: border-radius 0.3s, background 0.2s;
  transition: border-radius 0.3s, background 0.2s;
}
.lower-kyujin_l .search-toggle.js-active {
  border-radius: 30px 30px 0 0;
}
@media (max-width: 834px) {
  .lower-kyujin_l .search-toggle.js-active {
    border-radius: 15px 15px 0 0;
  }
}
@media (max-width: 834px) {
  .lower-kyujin_l .search-toggle {
    margin: 0;
  }
}
@media (any-hover: hover) {
  .lower-kyujin_l .search-toggle:hover {
    opacity: 1;
    background: #0c8546;
  }
}
.lower-kyujin_l .search-toggle .toggle_txt {
  font-size: 1.5rem;
  padding: 1em;
}
@media (max-width: 834px) {
  .lower-kyujin_l .search-toggle .toggle_txt {
    font-size: 1.4rem;
    padding: 0.88em 1em;
  }
}
.lower-kyujin_l .search-toggle .toggle_txt .pannel-open {
  display: block;
}
.lower-kyujin_l .search-toggle .toggle_txt .pannel-close {
  display: none;
}
.lower-kyujin_l .search-toggle .toggle_trigger {
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
  background: none;
}
.lower-kyujin_l .search-toggle .toggle_trigger::before {
  display: none;
}
.lower-kyujin_l .search-toggle .toggle_trigger_txt_ico {
  width: 16px;
  height: 1px;
}
@media (max-width: 834px) {
  .lower-kyujin_l .search-toggle .toggle_trigger_txt_ico {
    width: 12px;
  }
}
.lower-kyujin_l .search-toggle .toggle_trigger_txt_ico:nth-of-type(1) {
  margin: 0;
  -webkit-transform: translateX(-50%) rotate(0deg);
          transform: translateX(-50%) rotate(0deg);
}
.lower-kyujin_l .search-toggle .toggle_trigger_txt_ico:nth-of-type(2) {
  margin: 0;
  -webkit-transform: translateX(-50%) rotate(90deg);
          transform: translateX(-50%) rotate(90deg);
}
.lower-kyujin_l .search-toggle.js-active .toggle_txt .pannel-open {
  display: none;
}
.lower-kyujin_l .search-toggle.js-active .toggle_txt .pannel-close {
  display: block;
}
.lower-kyujin_l .search-toggle.js-active .toggle_trigger_txt_ico:nth-of-type(2) {
  -webkit-transform: translateX(-50%) rotate(0);
          transform: translateX(-50%) rotate(0);
}
.lower-kyujin_l .search_body {
  position: relative;
  z-index: 1;
  border-radius: 0 0 50px 50px;
  padding: 56px 8.834% 64px;
  background: #fff;
  border: 1px solid #67bb6d;
  border-top: none;
}
@media (max-width: 834px) {
  .lower-kyujin_l .search_body {
    padding: 24px 5% 32px;
    border-radius: 0 0 20px 20px;
  }
}
.lower-kyujin_l .job_result_total {
  padding: 44px 0 24px;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-kyujin_l .job_result_total {
    padding: 24px 0 16px;
  }
}
.lower-kyujin_l article.job {
  margin-top: 30px;
  padding: 50px;
  background: #fff;
  border: 1px solid #c8c4a2;
  border-radius: 40px;
}
@media (max-width: 834px) {
  .lower-kyujin_l article.job {
    margin-top: 16px;
    padding: 24px 5%;
    border-radius: 20px;
  }
}
.lower-kyujin_l article.job:first-child {
  margin-top: 0;
}

/*--------------------
求人詳細
--------------------*/
.lower-kyujin_d .pagetop {
  bottom: 272px;
}
@media (max-width: 834px) {
  .lower-kyujin_d .pagetop {
    bottom: 178px;
  }
}
.lower-kyujin_d .pagetop__inner {
  bottom: 92px;
}
@media (max-width: 834px) {
  .lower-kyujin_d .pagetop__inner {
    bottom: 68px;
  }
}
.lower-kyujin_d main.l-main {
  margin-top: 120px;
  padding-bottom: 50px;
}
@media (max-width: 834px) {
  .lower-kyujin_d main.l-main {
    margin-top: 104px;
    padding-bottom: 40px;
  }
}
.lower-kyujin_d main.l-main::before {
  content: "";
  position: absolute;
  top: -120px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 1500px;
  width: 100%;
  aspect-ratio: 1855/463;
  background: url(../img/common/page-header_bg.png) center top/cover no-repeat;
  pointer-events: none;
}
@media (max-width: 834px) {
  .lower-kyujin_d main.l-main::before {
    top: -104px;
    min-width: 520px;
  }
}
.lower-kyujin_d .outline_ttl,
.lower-kyujin_d .appeal_ttl {
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  color: #0c8546;
  line-height: 1;
  padding: 0;
  position: absolute;
  top: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 834px) {
  .lower-kyujin_d .outline_ttl,
  .lower-kyujin_d .appeal_ttl {
    font-size: 2.3rem;
    top: -11.5px;
  }
}
.lower-kyujin_d .outline_ttl::before,
.lower-kyujin_d .appeal_ttl::before {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% + 1.1em);
  height: 4px;
  background: #fff;
  z-index: -1;
}
.lower-kyujin_d .outline_ttl::after,
.lower-kyujin_d .appeal_ttl::after {
  content: none;
}
.lower-kyujin_d .job {
  background: #fff;
  border: 2px solid #67bb6d;
  border-radius: 50px;
  padding: 40px 5% 0;
  margin-bottom: 56px;
  position: relative;
  z-index: 1;
}
@media (max-width: 834px) {
  .lower-kyujin_d .job {
    border-radius: 20px;
    padding: 24px 5% 0;
    margin-bottom: 40px;
  }
}
.lower-kyujin_d .job_body_block:nth-child(n+2) {
  position: relative;
  padding-top: 40px;
  margin: 72px 0;
}
@media (max-width: 834px) {
  .lower-kyujin_d .job_body_block:nth-child(n+2) {
    padding-top: 24px;
    margin: 56px 0;
  }
}
.lower-kyujin_d .job_body_block:nth-child(n+2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 111.5%;
  max-width: 1200px;
  height: 2px;
  background: #67bb6d;
}
@media (max-width: 834px) {
  .lower-kyujin_d .job_body_block:last-child {
    margin: 56px 0 24px;
  }
}
.lower-kyujin_d .tel_link:before {
  -webkit-mask: url("../img/kyujin/ico_custom_tel_color.png") no-repeat center top/contain;
          mask: url("../img/kyujin/ico_custom_tel_color.png") no-repeat center top/contain;
  background: #67bb6d;
}
@media (max-width: 834px) {
  .lower-kyujin_d .tel_link:before {
    top: 0.05em;
  }
}
.lower-kyujin_d .fixed_conversion {
  background: none;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-animation: conversion-up 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
          animation: conversion-up 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.lower-kyujin_d .fixed_conversion::before {
  content: "";
  position: absolute;
  inset: 0 0 -40px 0;
  background: rgba(103, 187, 109, 0.85);
  pointer-events: none;
}
@-webkit-keyframes conversion-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes conversion-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
.lower-kyujin_d .fixed_conversion .phone {
  background: none;
  z-index: 1;
}
@media (max-width: 767px) {
  .lower-kyujin_d .fixed_conversion .phone_num {
    color: #fff;
    font-size: 1.5rem;
  }
  .lower-kyujin_d .fixed_conversion .phone_num::before {
    background: url(../img/kyujin/ico_custom_tel_white.png) center center/contain no-repeat;
  }
}
.lower-kyujin_d .fixed_conversion .phone_notes {
  color: #fff;
}
.lower-kyujin_d .fixed_conversion .conversion .btn_conversion {
  background: #0c8546;
  border-radius: 500px;
}
@media (any-hover: hover) {
  .lower-kyujin_d .fixed_conversion .conversion .btn_conversion:hover {
    opacity: 1;
    background: #ff9b6a;
  }
}
.lower-kyujin_d .fixed_conversion .conversion .btn_conversion::after {
  top: 9px;
  right: 19px;
}
@media (max-width: 834px) {
  .lower-kyujin_d .fixed_conversion .conversion .btn_conversion::after {
    top: 23px;
    right: 17px;
  }
}
.lower-kyujin_d .fixed_conversion .conversion .btn_conversion .conversion_txt {
  rotate: 0.05deg;
}
.lower-kyujin_d .footer__bottom {
  padding-bottom: 107px;
}
@media (max-width: 834px) {
  .lower-kyujin_d .footer__bottom {
    padding-bottom: 91px;
  }
}

/*--------------------
新着求人
--------------------*/
.lower-whatsnew .job {
  margin-top: 30px;
  padding: 40px;
  background: #fff;
  border: 1px solid #c8c4a2;
  border-radius: 40px;
}
@media (max-width: 834px) {
  .lower-whatsnew .job {
    margin-top: 16px;
    padding: 24px 5%;
    border-radius: 20px;
  }
}
.lower-whatsnew .job:first-child {
  margin-top: 0;
}

/*--------------------
job_count_pager
--------------------*/
.job_count_pager .pagination ul {
  gap: 4px;
}
.job_count_pager .pagination ul li a {
  background: #e5e5e5;
}
.job_count_pager .pagination ul li a,
.job_count_pager .pagination ul li em {
  border-radius: 50%;
}
.job_count_pager.contents_bottom {
  padding: 80px 0 0;
}
@media (max-width: 834px) {
  .job_count_pager.contents_bottom {
    padding: 40px 0 0;
  }
}

/* ============================================
// INTERVIEW
// ==========================================*/
.lower-interview_l .l-main {
  padding-bottom: 40px;
}
.lower-interview_l .l-main::before {
  content: "";
  aspect-ratio: 1500/1019;
  background-image: url(../img/common/lower_bg_shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  min-width: 1024px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  pointer-events: none;
}
@media (max-width: 834px) {
  .lower-interview_l .l-main::before {
    min-width: initial;
  }
}
@media (max-width: 834px) {
  .lower-interview_l .l-main {
    padding-bottom: 20px;
  }
}
.lower-interview_l .interview__container {
  max-width: 1240px;
  margin-top: 30px;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__container {
    margin-top: 0;
  }
}
.lower-interview_l .interview__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 5.545%;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list {
    grid-template-columns: 1fr;
  }
}
.lower-interview_l .interview__list__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  margin-bottom: 70px;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item {
    margin-bottom: 40px;
  }
}
.lower-interview_l .interview__list__item a {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media (any-hover: hover) {
  .lower-interview_l .interview__list__item a:hover {
    opacity: 1;
    -webkit-transform: translateY(-2%);
            transform: translateY(-2%);
  }
  .lower-interview_l .interview__list__item a:hover .imgArea .img img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.lower-interview_l .interview__list__item a .imgArea {
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item a .imgArea {
    max-width: 320px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.lower-interview_l .interview__list__item a .imgArea .img {
  overflow: hidden;
  border: solid 3px #67bb6d;
  border-radius: 40px;
  width: 100%;
  max-width: 326px;
  margin: 0 auto;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item a .imgArea .img {
    max-width: 244px;
    border-width: 2px;
    border-radius: 20px;
  }
}
.lower-interview_l .interview__list__item a .imgArea .img img {
  aspect-ratio: 320/400;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.lower-interview_l .interview__list__item a .imgArea .tag {
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0.7em 1.15em;
  border-radius: 30px;
  background-color: #67bb6d;
  position: absolute;
  bottom: -18px;
  left: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item a .imgArea .tag {
    font-size: 1.2rem;
    padding: 0.7em 1em;
  }
}
.lower-interview_l .interview__list__item a .bodyArea {
  display: contents;
}
.lower-interview_l .interview__list__item a .bodyArea .copy {
  color: #0c8546;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 0.5em;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item a .bodyArea .copy {
    font-size: 1.8rem;
  }
}
.lower-interview_l .interview__list__item a .bodyArea .prof .job-employ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.4em;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item a .bodyArea .prof .job-employ {
    font-size: 1.6rem;
  }
}
.lower-interview_l .interview__list__item a .bodyArea .prof .job-employ::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  aspect-ratio: 1/1;
  width: 0.5em;
  border-radius: 50%;
  background-color: #ff9b6a;
  margin-right: 0.5em;
  translate: 0 -10%;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item a .bodyArea .prof .job-employ::before {
    translate: 0 -20%;
  }
}
.lower-interview_l .interview__list__item a .bodyArea .prof .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.lower-interview_l .interview__list__item a .bodyArea .prof .data .name {
  font-size: 1.8rem;
  font-weight: bold;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item a .bodyArea .prof .data .name {
    font-size: 1.5rem;
  }
}
.lower-interview_l .interview__list__item a .bodyArea .prof .data .name span {
  font-size: 1.4rem;
  margin-left: 4px;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item a .bodyArea .prof .data .name span {
    font-size: 1.3rem;
  }
}
.lower-interview_l .interview__list__item a .bodyArea .prof .data .join {
  font-size: 1.4rem;
  font-weight: bold;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-interview_l .interview__list__item a .bodyArea .prof .data .join {
    font-size: 1.3rem;
  }
}
.lower-interview_l .interview__list__item a .bodyArea .prof .data .join::before {
  content: "/";
  margin: 0 4px;
}

.lower-interview_d .interview__main {
  position: relative;
  margin-top: 110px;
  margin-bottom: 120px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main {
    margin-bottom: 60px;
    margin-top: 40px;
  }
}
.lower-interview_d .interview__main__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5%;
  padding-bottom: 140px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 40px;
    padding-right: 5%;
    padding-left: 5%;
  }
}
.lower-interview_d .interview__main__content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100vw;
  min-width: 1024px;
  aspect-ratio: 1500/453;
  background: url(../img/index/mv_bg.png) center bottom/cover no-repeat;
  pointer-events: none;
  z-index: -2;
  translate: -50%;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content::before {
    opacity: 0.5;
    min-width: 570px;
  }
}
.lower-interview_d .interview__main__content .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 46.333333%;
          flex: 0 0 46.333333%;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content .imgArea {
    margin-bottom: 18px;
  }
}
.lower-interview_d .interview__main__content .imgArea .img {
  overflow: hidden;
  border: solid 3px #67bb6d;
  border-radius: 40px;
  width: 100%;
  max-width: 556px;
  margin: 0 auto;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content .imgArea .img {
    max-width: 400px;
    width: calc(100% - 20px);
    border-width: 2px;
    border-radius: 20px;
  }
}
.lower-interview_d .interview__main__content .imgArea .img img {
  aspect-ratio: 550/425;
}
.lower-interview_d .interview__main__content .bodyArea {
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
}
.lower-interview_d .interview__main__content .bodyArea .copy {
  color: #0c8546;
  font-weight: bold;
  font-size: 4.2rem;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 0.8em;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content .bodyArea .copy {
    font-size: 2.2rem;
    width: calc(100% - 80px);
    margin-left: auto;
    margin-right: 10px;
  }
}
.lower-interview_d .interview__main__content .bodyArea .tag {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.6em 1em;
  border-radius: 30px;
  background-color: #67bb6d;
  rotate: 0.05deg;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1em;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content .bodyArea .tag {
    font-size: 1.3rem;
  }
}
.lower-interview_d .interview__main__content .bodyArea .prof .job-employ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 0.4em;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content .bodyArea .prof .job-employ {
    font-size: 1.6rem;
  }
}
.lower-interview_d .interview__main__content .bodyArea .prof .job-employ::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  aspect-ratio: 1/1;
  width: 0.5em;
  border-radius: 50%;
  background-color: #ff9b6a;
  margin-right: 0.5em;
  translate: 0 -10%;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content .bodyArea .prof .job-employ::before {
    translate: 0 -20%;
  }
}
.lower-interview_d .interview__main__content .bodyArea .prof .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.lower-interview_d .interview__main__content .bodyArea .prof .data .name {
  font-size: 1.8rem;
  font-weight: bold;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content .bodyArea .prof .data .name {
    font-size: 1.5rem;
  }
}
.lower-interview_d .interview__main__content .bodyArea .prof .data .name span {
  font-size: 1.4rem;
  margin-left: 4px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content .bodyArea .prof .data .name span {
    font-size: 1.3rem;
  }
}
.lower-interview_d .interview__main__content .bodyArea .prof .data .join {
  font-size: 1.4rem;
  font-weight: bold;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__content .bodyArea .prof .data .join {
    font-size: 1.3rem;
  }
}
.lower-interview_d .interview__main__content .bodyArea .prof .data .join::before {
  content: "/";
  margin: 0 4px;
}
.lower-interview_d .interview__main__profArea {
  position: relative;
  background-color: #67bb6d;
  padding-top: 10px;
  padding-bottom: 80px;
  z-index: 1;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea {
    padding-top: 30px;
    padding-bottom: 50px;
  }
}
.lower-interview_d .interview__main__profArea::before {
  content: "";
  aspect-ratio: 1500/57;
  width: 100vw;
  background-image: url(../img/common/common_shape.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 1px;
  left: 0;
  translate: 0 -100%;
}
.lower-interview_d .interview__main__profArea__inner {
  max-width: 1240px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea__inner {
    padding: 0 4%;
  }
}
.lower-interview_d .interview__main__profArea__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fcfae8;
  border-radius: 50px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 20px;
  }
}
.lower-interview_d .interview__main__profArea__content .prof__hd {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 1em;
  padding: 50px 70px;
  border-right: solid 1px #c8c4a2;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea__content .prof__hd {
    gap: 10px;
    border-right: none;
    border-bottom: solid 1px #c8c4a2;
    padding: 20px 5%;
    padding-right: 100px;
    padding-bottom: 10px;
  }
}
.lower-interview_d .interview__main__profArea__content .prof__hd::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  aspect-ratio: 28/36;
  width: 28px;
  background-image: url(../img/interview/ico_prof.png);
  background-repeat: no-repeat;
  background-size: contain;
  translate: 0 10%;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea__content .prof__hd::before {
    width: 19.6px;
  }
}
.lower-interview_d .interview__main__profArea__content .prof__hd__eng {
  font-family: "Nunito", sans-serif;
  color: #0c8546;
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.6;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea__content .prof__hd__eng {
    font-size: 2.8rem;
    line-height: 1.2;
  }
}
.lower-interview_d .interview__main__profArea__content .prof__hd__ja {
  color: #67bb6d;
  font-weight: bold;
}
.lower-interview_d .interview__main__profArea__content .desc {
  padding: 50px 70px;
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea__content .desc {
    padding: 20px 5%;
    padding-top: 10px;
    padding-bottom: 30px;
  }
}
.lower-interview_d .interview__main__profArea__deco {
  position: absolute;
  top: -150px;
  right: 0;
  width: 100%;
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea__deco {
    top: 0;
  }
}
.lower-interview_d .interview__main__profArea .interview__illust--person {
  position: absolute;
  top: 13px;
  right: 0;
  max-width: clamp(129.6px, 10.8vw, 162px);
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea .interview__illust--person {
    top: 4px;
    max-width: 64.8px;
  }
}
.lower-interview_d .interview__main__profArea .interview__illust--person img {
  aspect-ratio: 162/241;
}
.lower-interview_d .interview__main__profArea .interview__illust--arm {
  position: absolute;
  top: 16px;
  right: clamp(106px, 8.7333333333vw, 131px);
  max-width: clamp(59.2px, 4.9333333333vw, 74px);
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-animation: swing-arm 1.2s ease-in-out infinite alternate;
          animation: swing-arm 1.2s ease-in-out infinite alternate;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__main__profArea .interview__illust--arm {
    top: 6px;
    right: 53px;
    max-width: 29.6px;
  }
}
.lower-interview_d .interview__main__profArea .interview__illust--arm img {
  aspect-ratio: 74/223;
}
.lower-interview_d .interview__topic {
  position: relative;
  margin-bottom: 150px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic {
    margin-bottom: 60px;
  }
}
.lower-interview_d .interview__topic::before {
  content: "";
  aspect-ratio: 1500/1019;
  background-image: url(../img/common/lower_bg_shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  pointer-events: none;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic::before {
    min-width: initial;
  }
}
.lower-interview_d .interview__topic__inner {
  max-width: 1340px;
}
.lower-interview_d .interview__topic__list {
  counter-reset: topic-list;
}
.lower-interview_d .interview__topic__list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.17%;
  padding: 70px 0;
  counter-increment: topic-list;
}
.lower-interview_d .interview__topic__list__item::before {
  content: "";
  width: calc(100% - 91px);
  height: 2px;
  background-color: #b1daaa;
  position: absolute;
  top: 0;
  right: 0;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item::before {
    height: 1px;
    width: calc(100% - 61px);
  }
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 0;
  }
}
.lower-interview_d .interview__topic__list__item .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -50%;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item .ico {
    gap: 8px;
  }
}
.lower-interview_d .interview__topic__list__item .ico::before {
  content: "";
  display: block;
  aspect-ratio: 54/48;
  width: 27px;
  background-image: url(../img/interview/ico_fukidashi.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item .ico::before {
    width: 18.9px;
  }
}
.lower-interview_d .interview__topic__list__item .ico .num::before {
  content: "" counter(topic-list, decimal-leading-zero);
  color: #ff9b6a;
  font-size: 2.4rem;
  font-family: "Nunito", sans-serif;
  font-weight: 900;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item .ico .num::before {
    font-size: 1.8rem;
  }
}
.lower-interview_d .interview__topic__list__item .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item .imgArea {
    margin-bottom: 20px;
  }
}
.lower-interview_d .interview__topic__list__item .imgArea .img {
  width: 100%;
  max-width: 480px;
  border-radius: 40px;
  overflow: hidden;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item .imgArea .img {
    max-width: 260px;
    border-radius: 20px;
    margin: 0 auto;
  }
}
.lower-interview_d .interview__topic__list__item .imgArea .img img {
  aspect-ratio: 480/350;
}
.lower-interview_d .interview__topic__list__item .textArea {
  width: 100%;
}
.lower-interview_d .interview__topic__list__item .textArea .copy {
  color: #0c8546;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item .textArea .copy {
    font-size: 2rem;
    margin-bottom: 12px;
  }
}
.lower-interview_d .interview__topic__list__item .textArea .desc {
  rotate: 0.05deg;
}
.lower-interview_d .interview__topic__list__item:last-child {
  border-bottom: solid 2px #b1daaa;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item:last-child {
    border-width: 1px;
  }
}
.lower-interview_d .interview__topic__list__item:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.lower-interview_d .interview__topic__list__item:nth-child(even)::before {
  right: initial;
  left: 0;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item:nth-child(even)::before {
    left: initial;
    right: 0;
  }
}
.lower-interview_d .interview__topic__list__item:nth-child(even) .ico {
  left: initial;
  right: 0;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item:nth-child(even) .ico {
    right: initial;
    left: 0;
  }
}
@media (max-width: 834px) {
  .lower-interview_d .interview__topic__list__item:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.lower-interview_d .interview__message {
  position: relative;
  background-color: #67bb6d;
  padding-top: 30px;
  padding-bottom: 80px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.lower-interview_d .interview__message::before {
  content: "";
  aspect-ratio: 1500/57;
  width: 100vw;
  background-image: url(../img/common/common_shape.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 1px;
  left: 0;
  translate: 0 -100%;
}
.lower-interview_d .interview__message__inner {
  max-width: 1240px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message__inner {
    padding: 0 4%;
  }
}
.lower-interview_d .interview__message__inner::after {
  content: "";
  aspect-ratio: 179/236;
  width: 179px;
  background-image: url(../img/interview/message_illust.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -144px;
  right: -90px;
  pointer-events: none;
}
@media (max-width: 1440px) {
  .lower-interview_d .interview__message__inner::after {
    right: 5%;
    bottom: -155px;
  }
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message__inner::after {
    width: 80.55px;
    bottom: -86px;
  }
}
.lower-interview_d .interview__message__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.666666%;
  padding: 70px 70px 70px 130px;
  background-color: #fcfae8;
  border-radius: 300px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 5%;
    border-radius: 20px;
  }
}
.lower-interview_d .interview__message__content .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.333333%;
          flex: 0 0 33.333333%;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message__content .imgArea {
    margin-bottom: 20px;
  }
}
.lower-interview_d .interview__message__content .imgArea .img {
  width: 100%;
  max-width: 300px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message__content .imgArea .img {
    max-width: 240px;
    margin: 0 auto;
  }
}
.lower-interview_d .interview__message__content .imgArea .img img {
  aspect-ratio: 300/300;
}
.lower-interview_d .interview__message__content .textArea .message__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 15px;
  margin-bottom: 30px;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message__content .textArea .message__ttl {
    gap: 10px;
    margin-bottom: 20px;
  }
}
.lower-interview_d .interview__message__content .textArea .message__ttl::before {
  content: "";
  width: 45px;
  aspect-ratio: 90/68;
  background-image: url(../img/interview/ico_message.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message__content .textArea .message__ttl::before {
    width: 31.5px;
  }
}
.lower-interview_d .interview__message__content .textArea .message__ttl__eng {
  font-family: "Nunito", sans-serif;
  color: #0c8546;
  font-size: 4.6rem;
  font-weight: 900;
  line-height: 1.6;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message__content .textArea .message__ttl__eng {
    font-size: 2.8rem;
    line-height: 1.2;
  }
}
.lower-interview_d .interview__message__content .textArea .message__ttl__ja {
  color: #67bb6d;
  font-size: 1.6rem;
  font-weight: bold;
}
@media (max-width: 834px) {
  .lower-interview_d .interview__message__content .textArea .message__ttl__ja {
    font-size: 1.4rem;
  }
}
.lower-interview_d .interview__message__content .textArea .desc {
  rotate: 0.05deg;
}
.lower-interview_d .common-btn {
  margin-top: 80px;
}
@media (max-width: 834px) {
  .lower-interview_d .common-btn {
    margin-top: 50px;
  }
}
.lower-interview_d .common-btn a .common-btn__icon {
  right: initial;
  left: 20px;
}
.lower-interview_d .common-btn a .common-btn__icon::before {
  -webkit-transform: translate(-50%, -50%) scaleX(-1);
          transform: translate(-50%, -50%) scaleX(-1);
}
.lower-interview_d .common-btn .date {
  font-size: 1.4rem;
  rotate: 0.05deg;
  margin-top: 20px;
  text-align: center;
}
@media (max-width: 834px) {
  .lower-interview_d .common-btn .date {
    font-size: 1.3rem;
  }
}

/* ============================================
// TRAINING
// ==========================================*/
.lower-training .training__container {
  position: relative;
  margin-top: 20px;
  margin-bottom: 50px;
}
@media (max-width: 834px) {
  .lower-training .training__container {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.lower-training .training__container::before {
  content: "";
  aspect-ratio: 1500/1019;
  background-image: url(../img/common/lower_bg_shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  min-width: 1024px;
  position: absolute;
  top: 40%;
  left: 50%;
  translate: -50% -50%;
  pointer-events: none;
}
@media (max-width: 834px) {
  .lower-training .training__container::before {
    display: none;
  }
}
.lower-training .training__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
  counter-reset: training-list;
}
@media (max-width: 834px) {
  .lower-training .training__list {
    gap: 30px;
  }
}
@media (max-width: 834px) {
  .lower-training .training__list__wrapper {
    padding: 0 4%;
  }
}
.lower-training .training__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.182156%;
  counter-increment: training-list;
  padding: 50px 60px;
  background-color: #fff;
  border: solid 2px #c8c4a2;
  border-radius: 40px;
}
@media (max-width: 834px) {
  .lower-training .training__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    border-radius: 20px;
    border-width: 1px;
  }
}
.lower-training .training__list__item .bodyArea {
  width: 100%;
}
.lower-training .training__list__item .bodyArea .ttlBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
}
@media (max-width: 834px) {
  .lower-training .training__list__item .bodyArea .ttlBox {
    gap: 10px;
    margin-bottom: 14px;
  }
}
.lower-training .training__list__item .bodyArea .ttlBox .ico {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 82px;
          flex: 0 0 82px;
  width: 100%;
  max-width: 82px;
  border: solid 1px #67bb6d;
  border-radius: 15px;
  overflow: hidden;
}
@media (max-width: 834px) {
  .lower-training .training__list__item .bodyArea .ttlBox .ico {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49.2px;
            flex: 0 0 49.2px;
    border-radius: 7px;
  }
}
.lower-training .training__list__item .bodyArea .ttlBox .ico img {
  aspect-ratio: 80/80;
}
.lower-training .training__list__item .bodyArea .ttlBox__ttl {
  -ms-flex-item-align: center;
      align-self: center;
}
.lower-training .training__list__item .bodyArea .ttlBox__ttl .list-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375em;
}
.lower-training .training__list__item .bodyArea .ttlBox__ttl .list-num::before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  aspect-ratio: 1/1;
  width: 0.5em;
  background-color: #ff9b6a;
  border-radius: 50%;
}
.lower-training .training__list__item .bodyArea .ttlBox__ttl .list-num .num::before {
  content: "TRAINING\a" counter(training-list, decimal-leading-zero);
  font-family: "Nunito", sans-serif;
  color: #ff9b6a;
  font-size: 1.4rem;
  font-weight: 900;
}
@media (max-width: 834px) {
  .lower-training .training__list__item .bodyArea .ttlBox__ttl .list-num .num::before {
    font-size: 1.2rem;
  }
}
.lower-training .training__list__item .bodyArea .ttlBox__ttl__h {
  color: #0c8546;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.33;
}
@media (max-width: 834px) {
  .lower-training .training__list__item .bodyArea .ttlBox__ttl__h {
    font-size: 2rem;
  }
}
.lower-training .training__list__item .bodyArea .desc {
  rotate: 0.05deg;
}
@media (max-width: 834px) {
  .lower-training .training__list__item .bodyArea .desc {
    margin-bottom: 20px;
  }
}
.lower-training .training__list__item .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 31.598513%;
          flex: 0 0 31.598513%;
}
.lower-training .training__list__item .imgArea .img {
  width: 100%;
  max-width: 340px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 834px) {
  .lower-training .training__list__item .imgArea .img {
    max-width: 240px;
    border-radius: 10px;
    margin: 0 auto;
  }
}
.lower-training .training__list__item .imgArea .img img {
  aspect-ratio: 340/250;
}

/* ============================================
// MERIT
// ==========================================*/
@media (max-width: 834px) {
  .lower-merit .forPc {
    display: none;
  }
}
.lower-merit .merit__container {
  position: relative;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (max-width: 834px) {
  .lower-merit .merit__container {
    margin-bottom: 0;
  }
}
.lower-merit .merit__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 56px;
}
@media (max-width: 834px) {
  .lower-merit .merit__list {
    gap: 40px;
  }
}
.lower-merit .merit__list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.09836%;
  background-color: #fff;
  padding: 50px 50px 50px 60px;
  border: solid 2px #c8c4a2;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
@media (max-width: 834px) {
  .lower-merit .merit__list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    padding-top: 30px;
    border: solid 1px #c8c4a2;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
.lower-merit .merit__list__item .numBox {
  position: absolute;
  top: -30px;
  left: -10px;
}
@media (max-width: 834px) {
  .lower-merit .merit__list__item .numBox {
    top: -20px;
  }
}
.lower-merit .merit__list__item .numBox .label {
  position: relative;
  font-family: "Nunito", sans-serif;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 900;
  background-color: #67bb6d;
  padding: 0.444444em 1.333333em;
  border-radius: 30px;
}
@media (max-width: 834px) {
  .lower-merit .merit__list__item .numBox .label {
    font-size: 1.4rem;
  }
}
.lower-merit .merit__list__item .numBox .label::before {
  content: "";
  aspect-ratio: 14/13;
  width: 0.888888em;
  background-image: url(../img/merit/ico_triangle.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 1px;
  left: 30px;
  translate: 0 100%;
}
.lower-merit .merit__list__item .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.295081%;
          flex: 0 0 12.295081%;
}
@media (max-width: 834px) {
  .lower-merit .merit__list__item .imgArea {
    margin-bottom: 15px;
  }
}
.lower-merit .merit__list__item .imgArea .img {
  width: 100%;
  max-width: 120px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 834px) {
  .lower-merit .merit__list__item .imgArea .img {
    max-width: 100px;
    margin: 0 auto;
    border-radius: 10px;
  }
}
.lower-merit .merit__list__item .imgArea .img img {
  aspect-ratio: 120/120;
}
.lower-merit .merit__list__item .bodyArea {
  width: 100%;
}
.lower-merit .merit__list__item .bodyArea .hd {
  color: #0c8546;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 18px;
}
@media (max-width: 834px) {
  .lower-merit .merit__list__item .bodyArea .hd {
    font-size: 2rem;
    margin-bottom: 15px;
  }
}
.lower-merit .merit__list__item .bodyArea .desc {
  rotate: 0.05deg;
}
.lower-merit .merit__list__wrapper {
  max-width: 1240px;
}
@media (max-width: 834px) {
  .lower-merit .merit__list__wrapper {
    padding: 0 4%;
  }
}
.lower-merit .merit__separate {
  position: relative;
  padding: 80px 0;
}
.lower-merit .merit__separate::before {
  content: "";
  aspect-ratio: 1500/1019;
  background-image: url(../img/common/lower_bg_shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  min-width: 1024px;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -50%;
  pointer-events: none;
  z-index: -1;
}
@media (max-width: 834px) {
  .lower-merit .merit__separate::before {
    min-width: initial;
    top: 10%;
  }
}
@media (max-width: 834px) {
  .lower-merit .merit__separate {
    padding: 50px 0;
  }
}
.lower-merit .merit__separate__inner {
  max-width: 1240px;
}
@media (max-width: 834px) {
  .lower-merit .merit__separate__inner {
    padding: 0 4%;
  }
}
.lower-merit .merit__separate__inner .imgArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.636363%;
}
@media (max-width: 834px) {
  .lower-merit .merit__separate__inner .imgArea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}
.lower-merit .merit__separate__inner .imgArea .img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 38.181818%;
          flex: 0 0 38.181818%;
  position: relative;
  width: 100%;
  max-width: 420px;
}
@media (max-width: 834px) {
  .lower-merit .merit__separate__inner .imgArea .img {
    max-width: 240px;
  }
}
.lower-merit .merit__separate__inner .imgArea .img:nth-child(1) {
  margin-left: auto;
}
.lower-merit .merit__separate__inner .imgArea .img:nth-child(2) {
  margin-right: auto;
}
.lower-merit .merit__separate__inner .imgArea .img img {
  aspect-ratio: 420/280;
  border-radius: 40px;
}
@media (max-width: 834px) {
  .lower-merit .merit__separate__inner .imgArea .img img {
    border-radius: 20px;
  }
}
.lower-merit .merit__separate__inner .imgArea .img .merit__deco {
  position: absolute;
  bottom: 40px;
  right: 0;
  translate: 100%;
  pointer-events: none;
}
@media (max-width: 834px) {
  .lower-merit .merit__separate__inner .imgArea .img .merit__deco {
    bottom: 20px;
  }
}
.lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust img {
  border-radius: 0;
}
.lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust--person {
  width: clamp(89.05px, 9.1333333333vw, 137px);
}
@media (max-width: 834px) {
  .lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust--person {
    width: 68.5px;
  }
}
.lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust--person img {
  aspect-ratio: 137/193;
}
.lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust--arm {
  position: absolute;
  bottom: 12px;
  left: clamp(74.75px, 7.6666666667vw, 115px);
  -webkit-animation: swing-arm 1.2s ease-in-out infinite alternate;
          animation: swing-arm 1.2s ease-in-out infinite alternate;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  width: clamp(37.7px, 3.8666666667vw, 58px);
}
@media (max-width: 834px) {
  .lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust--arm {
    width: 29px;
    left: 58px;
    bottom: 10px;
  }
}
.lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust--arm img {
  aspect-ratio: 58/178;
}
.lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust--balloon {
  position: absolute;
  top: 10px;
  right: clamp(-13px, -1.3333333333vw, -20px);
  translate: 0 -100%;
  width: clamp(87.75px, 9vw, 135px);
}
@media (max-width: 834px) {
  .lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust--balloon {
    right: -30px;
  }
}
.lower-merit .merit__separate__inner .imgArea .img .merit__deco .merit__illust--balloon img {
  aspect-ratio: 135/76;
}

/* ============================================
// CLINIC
// ==========================================*/
.lower-clinic .clinic__container {
  position: relative;
  margin-top: 30px;
  margin-bottom: 40px;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__container {
    margin: 0;
  }
}
.lower-clinic .clinic__container::before {
  content: "";
  aspect-ratio: 1500/1019;
  background-image: url(../img/common/lower_bg_shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100vw;
  min-width: 1024px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  pointer-events: none;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__container::before {
    display: none;
  }
}
.lower-clinic .clinic__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list {
    gap: 30px;
  }
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list__wrapper {
    padding: 0 4%;
  }
}
.lower-clinic .clinic__list__item {
  background-color: #fff;
  border-radius: 40px;
  overflow: hidden;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list__item {
    border-radius: 20px;
  }
}
.lower-clinic .clinic__list__item .ttlArea {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #67bb6d;
  z-index: 1;
  min-height: 83px;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list__item .ttlArea {
    min-height: 66px;
  }
}
.lower-clinic .clinic__list__item .ttlArea::before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: solid 2px #67bb6d;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list__item .ttlArea::before {
    border-width: 1px;
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
}
.lower-clinic .clinic__list__item .ttlArea .logo {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 98px;
          flex: 0 0 98px;
  height: auto;
  background-color: #fcfae8;
  z-index: 1;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list__item .ttlArea .logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 78px;
            flex: 0 0 78px;
  }
}
.lower-clinic .clinic__list__item .ttlArea .logo .img {
  width: 100%;
  max-width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.lower-clinic .clinic__list__item .ttlArea .logo .img img {
  aspect-ratio: 100/85;
}
.lower-clinic .clinic__list__item .ttlArea .clinic-name {
  -ms-flex-item-align: center;
      align-self: center;
  color: #fff;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.6;
  padding: 0.571428em 0.857142em;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list__item .ttlArea .clinic-name {
    font-size: 1.8rem;
    font-size: clamp(16px, 4.2666666667vw, 20px);
    line-height: 1.5;
  }
}
.lower-clinic .clinic__list__item__box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.64684%;
  padding: 50px 60px;
  border: solid 2px #c8c4a2;
  border-top: none;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list__item__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
    padding-top: 30px;
    border-width: 1px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
  }
}
.lower-clinic .clinic__list__item__box .imgArea {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 35.594795%;
          flex: 0 0 35.594795%;
}
.lower-clinic .clinic__list__item__box .imgArea .img {
  width: 100%;
  max-width: 383px;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list__item__box .imgArea .img {
    max-width: 280px;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}
.lower-clinic .clinic__list__item__box .imgArea .img img {
  aspect-ratio: 383/246;
}
.lower-clinic .clinic__list__item__box .bodyArea {
  width: 100%;
}
.lower-clinic .clinic__list__item__box .bodyArea .desc {
  rotate: 0.05deg;
  margin-bottom: 20px;
}
@media (max-width: 834px) {
  .lower-clinic .clinic__list__item__box .bodyArea .common-btn__inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}/*# sourceMappingURL=style.css.map */