/**
 * 1207 Staff FAQ
 * /staff-faq/
 * 採用FAQページ専用CSS
 */

   1207 FAQ
   /staff-faq/
========================================================= */

/* ---------------------------------------------------------
   FAQ HERO
--------------------------------------------------------- */

.recruit-page .recruit-faq-hero {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 88px 24px 72px;
}


/* ---------------------------------------------------------
   FAQ SECTION
--------------------------------------------------------- */

.recruit-page .recruit-faq-section {
  position: relative;
  padding: 80px 24px 88px;
}

.recruit-page .recruit-faq-section:nth-of-type(even) {
  background: var(--recruit-ivory);
}

.recruit-page .recruit-faq-section:nth-of-type(odd) {
  background: #fff;
}

.recruit-page .recruit-faq-section .daikon-section-heading {
  margin-bottom: 40px !important;
}


/* ---------------------------------------------------------
   FAQ LIST
--------------------------------------------------------- */

.recruit-page .recruit-faq-list {
  width: min(100%, 900px);
  margin: 0 auto !important;
}


/* ---------------------------------------------------------
   FAQ ITEM
--------------------------------------------------------- */

.recruit-page .recruit-faq-item {
  position: relative;
  margin: 0 0 14px;
  padding: 0;
  overflow: hidden;

  border: 1px solid rgba(185, 104, 40, 0.16);
  border-radius: 18px;

  background: #fff;

  box-shadow:
    0 8px 24px rgba(90, 64, 48, 0.055);
}

.recruit-page .recruit-faq-item:last-child {
  margin-bottom: 0;
}


/* ---------------------------------------------------------
   QUESTION
--------------------------------------------------------- */

.recruit-page .recruit-faq-item > summary {
  position: relative;

  display: flex;
  align-items: center;

  min-height: 68px;
  margin: 0;
  padding: 20px 58px 20px 72px;

  color: var(--recruit-brown);

  font-size: 17px;
  font-weight: 700;
  line-height: 1.7;

  cursor: pointer;

  list-style: none;

  transition:
    background-color 0.25s ease,
    color 0.25s ease;
}

.recruit-page .recruit-faq-item > summary::-webkit-details-marker {
  display: none;
}


/* Qマーク */

.recruit-page .recruit-faq-item > summary::before {
  content: "Q";

  position: absolute;
  top: 50%;
  left: 22px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  border-radius: 50%;

  background: var(--recruit-orange-light);
  color: var(--recruit-orange-dark);

  font-size: 16px;
  font-weight: 700;
  line-height: 1;

  transform: translateY(-50%);
}


/* ＋マーク */

.recruit-page .recruit-faq-item > summary::after {
  content: "＋";

  position: absolute;
  top: 50%;
  right: 22px;

  color: var(--recruit-orange-dark);

  font-size: 24px;
  font-weight: 400;
  line-height: 1;

  transform: translateY(-50%);
}


/* 開いた状態 */

.recruit-page .recruit-faq-item[open] > summary {
  background: #fffaf5;
}

.recruit-page .recruit-faq-item[open] > summary::after {
  content: "−";
}


/* ---------------------------------------------------------
   ANSWER
--------------------------------------------------------- */

.recruit-page .recruit-faq-item > p {
  position: relative;

  margin: 0 !important;
  padding: 20px 28px 24px 72px;

  border-top: 1px solid rgba(185, 104, 40, 0.11);

  color: var(--recruit-text);

  font-size: 16px;
  line-height: 1.9;
}


/* Aマーク */

.recruit-page .recruit-faq-item > p::before {
  content: "A";

  position: absolute;
  top: 20px;
  left: 25px;

  color: var(--recruit-orange-dark);

  font-size: 17px;
  font-weight: 700;
  line-height: 1.9;
}


/* ---------------------------------------------------------
   SECTION BUTTON
--------------------------------------------------------- */

.recruit-page .recruit-faq-section__buttons {
  justify-content: center;
  margin-top: 36px;
}

.recruit-page
.recruit-faq-section__buttons
.wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 260px;
  min-height: 54px;

  padding: 13px 28px;

  border: 1px solid var(--recruit-orange-dark);
  border-radius: 999px;

  background: #fff;
  color: var(--recruit-brown);

  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;

  text-decoration: none;

  box-shadow:
    0 6px 16px rgba(90, 64, 48, 0.07);

  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.recruit-page
.recruit-faq-section__buttons
.wp-block-button__link:hover,
.recruit-page
.recruit-faq-section__buttons
.wp-block-button__link:focus-visible {
  background: var(--recruit-orange-dark);
  color: #fff;

  transform: translateY(-2px);

  box-shadow:
    0 10px 22px rgba(185, 104, 40, 0.18);
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-hero {
    padding: 64px 16px 52px;
  }

  .recruit-page .recruit-faq-section {
    padding: 60px 16px 68px;
  }

  .recruit-page
  .recruit-faq-section
  .daikon-section-heading {
    margin-bottom: 30px !important;
  }

  .recruit-page .recruit-faq-item {
    margin-bottom: 12px;
    border-radius: 16px;
  }

  .recruit-page .recruit-faq-item > summary {
    min-height: 62px;

    padding:
      18px
      48px
      18px
      58px;

    font-size: 16px;
    line-height: 1.65;
  }

  .recruit-page
  .recruit-faq-item
  > summary::before {
    left: 16px;

    width: 30px;
    height: 30px;

    font-size: 14px;
  }

  .recruit-page
  .recruit-faq-item
  > summary::after {
    right: 16px;
    font-size: 21px;
  }

  .recruit-page .recruit-faq-item > p {
    padding:
      18px
      18px
      20px
      58px;

    font-size: 15px;
    line-height: 1.85;
  }

  .recruit-page
  .recruit-faq-item
  > p::before {
    top: 18px;
    left: 20px;

    font-size: 16px;
  }

  .recruit-page
  .recruit-faq-section__buttons {
    margin-top: 28px;
  }

  .recruit-page
  .recruit-faq-section__buttons
  .wp-block-button,
  .recruit-page
  .recruit-faq-section__buttons
  .wp-block-button__link {
    width: 100%;
  }

}
/* =========================================================
   1207 FAQ
   13 STILL HAVE QUESTIONS
========================================================= */

.recruit-page .recruit-faq-contact {
  position: relative;
  overflow: hidden;

  max-width: 960px;
  margin: 0 auto;
  padding: 72px 48px;

  border-radius: 30px;

  background:
    linear-gradient(
      135deg,
      var(--recruit-brown) 0%,
      #684936 100%
    );

  text-align: center;

  box-shadow:
    0 20px 48px rgba(90, 64, 48, 0.16);
}

.recruit-page .recruit-faq-contact::before {
  content: "";

  position: absolute;
  top: -100px;
  right: -80px;

  width: 260px;
  height: 260px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.12);

  pointer-events: none;
}

.recruit-page .recruit-faq-contact::after {
  content: "";

  position: absolute;
  bottom: -110px;
  left: -90px;

  width: 250px;
  height: 250px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.045);

  pointer-events: none;
}

.recruit-page .recruit-faq-contact > * {
  position: relative;
  z-index: 1;
}

.recruit-page
.recruit-faq-contact
.recruit-section__eyebrow {
  color: #f1c28f !important;
}

.recruit-page
.recruit-faq-contact
h2 {
  margin: 0;

  color: #fff !important;

  font-size: clamp(28px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.55;
}

.recruit-page
.recruit-faq-contact
.daikon-section-lead {
  max-width: 720px;
  margin: 22px auto 0;

  color: rgba(255, 255, 255, 0.84) !important;

  font-size: 16px;
  line-height: 2;
}

.recruit-page .recruit-faq-contact__buttons {
  display: flex;
  justify-content: center;
  gap: 14px;

  margin-top: 34px;
}

.recruit-page
.recruit-faq-contact__buttons
.wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 230px;
  min-height: 54px;

  padding: 13px 26px;

  border-radius: 999px;

  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;

  text-decoration: none;

  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    color 0.25s ease;
}

/* 1つ目 */
.recruit-page
.recruit-faq-contact__buttons
.wp-block-button:first-child
.wp-block-button__link {
  border: 1px solid var(--recruit-orange);
  background: var(--recruit-orange);
  color: #fff;
}

/* 2つ目 */
.recruit-page
.recruit-faq-contact__buttons
.wp-block-button:nth-child(2)
.wp-block-button__link {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: transparent;
  color: #fff;
}


/* =========================================================
   1207 FAQ
   14 NEXT
========================================================= */

.recruit-page .recruit-faq-next {
  position: relative;

  padding: 88px 24px 96px;

  background:
    linear-gradient(
      180deg,
      #fff 0%,
      #fffaf5 50%,
      var(--recruit-ivory) 100%
    );
}

.recruit-page
.recruit-faq-next
.daikon-section-heading {
  margin-bottom: 42px !important;
}


/* ---------------------------------------------------------
   NEXT GRID
--------------------------------------------------------- */


/* ---------------------------------------------------------
   NEXT CARD
--------------------------------------------------------- */

.recruit-page .recruit-faq-next__card {
  position: relative;

  width: 100%;
  min-height: 235px;

  padding: 34px 30px 30px;

  overflow: hidden;

  border: 1px solid rgba(185, 104, 40, 0.15);
  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      #fff 0%,
      #fffaf5 68%,
      var(--recruit-ivory) 100%
    );

  box-shadow:
    0 12px 30px rgba(90, 64, 48, 0.065);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.recruit-page .recruit-faq-next__card::before {
  content: "";

  position: absolute;
  top: 0;
  left: 30px;

  width: 52px;
  height: 4px;

  border-radius: 0 0 4px 4px;

  background: var(--recruit-orange-dark);
}

.recruit-page .recruit-faq-next__card::after {
  content: "";

  position: absolute;
  top: -45px;
  right: -45px;

  width: 130px;
  height: 130px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.07);

  pointer-events: none;
}

.recruit-page .recruit-faq-next__card:hover {
  transform: translateY(-5px);

  border-color: rgba(185, 104, 40, 0.28);

  box-shadow:
    0 18px 40px rgba(90, 64, 48, 0.11);
}


/* ---------------------------------------------------------
   NUMBER
--------------------------------------------------------- */

.recruit-page .recruit-faq-next__number {
  position: relative;
  z-index: 1;

  margin: 0 0 12px;

  color: var(--recruit-orange-dark);

  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.18em;
}


/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.recruit-page
.recruit-faq-next__card
h3 {
  position: relative;
  z-index: 1;

  margin: 0;

  color: var(--recruit-brown);

  font-size: 21px;
  font-weight: 700;
  line-height: 1.55;
}


/* ---------------------------------------------------------
   TEXT
--------------------------------------------------------- */

.recruit-page
.recruit-faq-next__card
h3 + p {
  position: relative;
  z-index: 1;

  margin: 14px 0 0;

  color: var(--recruit-text);

  font-size: 15px;
  line-height: 1.9;
}


/* ---------------------------------------------------------
   LINK
--------------------------------------------------------- */

.recruit-page .recruit-faq-next__link {
  position: relative;
  z-index: 1;

  margin: 20px 0 0 !important;
}

.recruit-page
.recruit-faq-next__link
a {
  color: var(--recruit-orange-dark);

  font-size: 15px;
  font-weight: 700;

  text-decoration: none;

  transition:
    color 0.2s ease;
}

.recruit-page
.recruit-faq-next__link
a:hover,
.recruit-page
.recruit-faq-next__link
a:focus-visible {
  color: var(--recruit-brown);
}


/* =========================================================
   13 / 14 Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  /* 13 */
  .recruit-page .recruit-faq-contact {
    width: calc(100% - 32px);

    padding: 48px 20px 42px;

    border-radius: 24px;
  }

  .recruit-page
  .recruit-faq-contact
  h2 {
    font-size: 25px;
  }

  .recruit-page
  .recruit-faq-contact
  .daikon-section-lead {
    margin-top: 18px;

    font-size: 15px;
    line-height: 1.9;
  }

  .recruit-page
  .recruit-faq-contact__buttons {
    display: grid !important;
    grid-template-columns: 1fr;

    gap: 10px;

    margin-top: 28px;
  }

  .recruit-page
  .recruit-faq-contact__buttons
  .wp-block-button,
  .recruit-page
  .recruit-faq-contact__buttons
  .wp-block-button__link {
    width: 100%;
  }


  /* 14 */
  .recruit-page .recruit-faq-next {
    padding: 64px 16px 72px;
  }

  .recruit-page
  .recruit-faq-next
  .daikon-section-heading {
    margin-bottom: 32px !important;
  }

  .recruit-page .recruit-faq-next__grid {
    display: block !important;

    margin-bottom: 14px !important;
  }

  .recruit-page
  .recruit-faq-next__grid
  > .wp-block-column {
    margin-bottom: 14px;
  }

  .recruit-page
  .recruit-faq-next__grid
  > .wp-block-column:last-child {
    margin-bottom: 0;
  }

  .recruit-page .recruit-faq-next__card {
    min-height: auto;

    padding: 30px 24px 26px;

    border-radius: 19px;
  }

  .recruit-page
  .recruit-faq-next__card::before {
    left: 24px;
    width: 46px;
  }

  .recruit-page
  .recruit-faq-next__card
  h3 {
    font-size: 19px;
  }

  .recruit-page
  .recruit-faq-next__card
  h3 + p {
    font-size: 15px;
  }

}
/* =========================================================
   1207 FAQ
   14 NEXT CARD - Stylish
========================================================= */

.recruit-page .recruit-faq-next__card {
  position: relative;

  width: 100%;
  min-height: 250px;

  padding: 38px 32px 32px;

  overflow: hidden;

  border: 1px solid rgba(185, 104, 40, 0.16);
  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(255, 250, 245, 0.98) 62%,
      rgba(248, 238, 223, 0.98) 100%
    );

  box-shadow:
    0 14px 34px rgba(90, 64, 48, 0.075);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}


/* 上部アクセントライン */


/* 右上の薄い装飾円 */

.recruit-page .recruit-faq-next__card::after {
  content: "";

  position: absolute;
  top: -55px;
  right: -55px;

  width: 160px;
  height: 160px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.055);

  pointer-events: none;
}


/* hover */

.recruit-page .recruit-faq-next__card:hover {
  transform: translateY(-6px);

  border-color: rgba(185, 104, 40, 0.3);

  box-shadow:
    0 22px 46px rgba(90, 64, 48, 0.12);
}


/* =========================================================
   背景数字
========================================================= */

.recruit-page .recruit-faq-next__number {
  position: absolute;

  top: -8px;
  right: 18px;

  z-index: 0;

  margin: 0;

  color: rgba(185, 104, 40, 0.09);

  font-size: 100px !important;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.06em;

  pointer-events: none;
}


/* =========================================================
   カード内容
========================================================= */

.recruit-page
.recruit-faq-next__card
h3,

.recruit-page
.recruit-faq-next__card
h3 + p,

.recruit-page
.recruit-faq-next__link {
  position: relative;
  z-index: 1;
}


/* タイトル */

.recruit-page
.recruit-faq-next__card
h3 {
  margin: 0;

  color: var(--recruit-brown);

  font-size: 23px;
  font-weight: 700;
  line-height: 1.55;
  letter-spacing: 0.02em;
}


/* 本文 */


/* リンク */

.recruit-page .recruit-faq-next__link {
  margin: 24px 0 0 !important;
}

.recruit-page
.recruit-faq-next__link
a {
  display: inline-flex;
  align-items: center;
  gap: 6px;

  color: var(--recruit-orange-dark);

  font-size: 15px;
  font-weight: 700;

  text-decoration: none;

  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.recruit-page
.recruit-faq-next__link
a:hover,
.recruit-page
.recruit-faq-next__link
a:focus-visible {
  color: var(--recruit-brown);

  transform: translateX(3px);
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-next__card {
    min-height: auto;

    padding: 32px 24px 28px;

    border-radius: 20px;
  }

  .recruit-page
  .recruit-faq-next__card::before {
    left: 24px;

    width: 50px;
  }

  .recruit-page .recruit-faq-next__number {
    top: -2px;
    right: 14px;

    font-size: 72px !important;
  }

  .recruit-page
  .recruit-faq-next__card
  h3 {
    font-size: 20px;
  }

  .recruit-page
  .recruit-faq-next__card
  h3 + p {
    margin-top: 14px;

    font-size: 15px;
    line-height: 1.85;
  }

  .recruit-page .recruit-faq-next__link {
    margin-top: 20px !important;
  }

}
/* =========================================================
   1207 FAQ NEXT
   Card Link Button
========================================================= */

.recruit-page .recruit-faq-next__link {
  position: relative;
  z-index: 1;

  margin: 26px 0 0 !important;
}


/* ボタン本体 */

.recruit-page
.recruit-faq-next__link
a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 48px;

  padding: 11px 22px;

  border: 1px solid rgba(185, 104, 40, 0.35);
  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      #fff 0%,
      #fff8ef 100%
    );

  color: var(--recruit-orange-dark);

  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;

  text-decoration: none;

  box-shadow:
    0 6px 16px rgba(90, 64, 48, 0.07);

  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}


/* hover */


/* Smartphone */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-next__link {
    margin-top: 22px !important;
  }

  .recruit-page
  .recruit-faq-next__link
  a {
    width: 100%;

    min-height: 50px;

    padding: 12px 18px;

    font-size: 15px;
  }

}
/* =========================================================
   WORKPLACE
   おしゃれなセクション背景
========================================================= */

.recruit-page .recruit-workplace {
  position: relative;
  overflow: hidden;

  padding: 72px 24px 96px;

  background:
    radial-gradient(
      circle at 10% 15%,
      rgba(217, 138, 58, 0.10) 0,
      rgba(217, 138, 58, 0.10) 120px,
      transparent 121px
    ),
    radial-gradient(
      circle at 90% 82%,
      rgba(185, 104, 40, 0.07) 0,
      rgba(185, 104, 40, 0.07) 150px,
      transparent 151px
    ),
    linear-gradient(
      180deg,
      #fffdf9 0%,
      #fff8ef 48%,
      #f8eedf 100%
    ) !important;
}


/* 左上の大きな装飾 */
.recruit-page .recruit-workplace::before {
  content: "";
  position: absolute;

  top: -140px;
  left: -120px;

  width: 330px;
  height: 330px;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      rgba(217, 138, 58, 0.12),
      rgba(245, 223, 199, 0.03)
    );

  pointer-events: none;
}


/* 右下の装飾 */
.recruit-page .recruit-workplace::after {
  content: "";
  position: absolute;

  right: -150px;
  bottom: -130px;

  width: 380px;
  height: 260px;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      rgba(185, 104, 40, 0.08),
      rgba(248, 238, 223, 0.02)
    );

  transform: rotate(-12deg);

  pointer-events: none;
}


/* カードを背景装飾より前面へ */
.recruit-page .recruit-workplace > * {
  position: relative;
  z-index: 1;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-workplace {
    padding: 56px 16px 72px;

    background:
      radial-gradient(
        circle at 8% 10%,
        rgba(217, 138, 58, 0.08) 0,
        rgba(217, 138, 58, 0.08) 80px,
        transparent 81px
      ),
      linear-gradient(
        180deg,
        #fffdf9 0%,
        #fff8ef 50%,
        #f8eedf 100%
      ) !important;
  }

  .recruit-page .recruit-workplace::before {
    top: -90px;
    left: -90px;
    width: 220px;
    height: 220px;
  }

  .recruit-page .recruit-workplace::after {
    right: -110px;
    bottom: -90px;
    width: 260px;
    height: 190px;
  }
}
/* =========================================================
   ENTRY FAQ
   おしゃれな背景
========================================================= */

.recruit-page .recruit-entry__faq {
  position: relative;
  overflow: hidden;

  max-width: 900px;
  margin: 32px auto 0 !important;
  padding: 30px 28px;

  border: 1px solid rgba(185, 104, 40, 0.14);
  border-radius: 24px;

  background:
    radial-gradient(
      circle at 8% 20%,
      rgba(217, 138, 58, 0.10) 0,
      rgba(217, 138, 58, 0.10) 70px,
      transparent 71px
    ),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fffaf5 55%,
      #f8eedf 100%
    );

  box-shadow:
    0 14px 34px rgba(90, 64, 48, 0.07);
}


/* 右上の装飾 */
.recruit-page .recruit-entry__faq::before {
  content: "";
  position: absolute;

  top: -55px;
  right: -55px;

  width: 150px;
  height: 150px;

  border-radius: 50%;

  background:
    rgba(217, 138, 58, 0.08);

  pointer-events: none;
}


/* 左下の装飾 */
.recruit-page .recruit-entry__faq::after {
  content: "";
  position: absolute;

  left: -45px;
  bottom: -55px;

  width: 130px;
  height: 130px;

  border-radius: 50%;

  background:
    rgba(185, 104, 40, 0.05);

  pointer-events: none;
}


/* 中身を装飾より前へ */
.recruit-page .recruit-entry__faq > * {
  position: relative;
  z-index: 1;
}


/* 説明文 */
.recruit-page .recruit-entry__faq-text {
  margin: 0 0 20px !important;

  color: #5a4030 !important;

  font-size: 16px;
  font-weight: 600;
  line-height: 1.8;
}


/* FAQボタン */
.recruit-page .recruit-entry__faq-buttons {
  justify-content: center;
  margin: 0 !important;
}

.recruit-page .recruit-entry__faq-buttons .wp-block-button__link {
  min-width: 220px;

  padding: 12px 28px;

  border: 1px solid #b96828 !important;
  border-radius: 999px !important;

  background: #fff !important;
  color: #5a4030 !important;

  font-size: 15px !important;
  font-weight: 700 !important;

  box-shadow:
    0 6px 16px rgba(90, 64, 48, 0.06);

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}


/* hover */
.recruit-page .recruit-entry__faq-buttons .wp-block-button__link:hover {
  background:
    linear-gradient(
      135deg,
      #d98a3a,
      #b96828
    ) !important;

  color: #fff !important;

  transform: translateY(-2px);

  box-shadow:
    0 10px 22px rgba(185, 104, 40, 0.18);
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-entry__faq {
    margin-top: 24px !important;
    padding: 24px 20px;
    border-radius: 20px;
  }

  .recruit-page .recruit-entry__faq-text {
    margin-bottom: 18px !important;
    font-size: 15px;
    text-align: left !important;
  }

  .recruit-page .recruit-entry__faq-buttons,
  .recruit-page .recruit-entry__faq-buttons .wp-block-button,
  .recruit-page .recruit-entry__faq-buttons .wp-block-button__link {
    width: 100%;
  }
}
/* =========================================================
   1207 FAQ
   02 EXPERIENCE 背景
========================================================= */

.recruit-page .recruit-faq-experience {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #fffdf9 0%,
      #fdf5ec 100%
    );
}

/* 右上の淡い円 */
.recruit-page .recruit-faq-experience::before {
  content: "";

  position: absolute;
  top: -80px;
  right: -80px;

  width: 260px;
  height: 260px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.08);

  pointer-events: none;
}

/* 左下の淡い円 */
.recruit-page .recruit-faq-experience::after {
  content: "";

  position: absolute;
  bottom: -100px;
  left: -90px;

  width: 280px;
  height: 280px;

  border-radius: 50%;

  background: rgba(185, 104, 40, 0.05);

  pointer-events: none;
}

/* 中身を背景より前に出す */
.recruit-page .recruit-faq-experience > * {
  position: relative;
  z-index: 1;
}


/* スマホ */
@media screen and (max-width: 781px) {
  .recruit-page .recruit-faq-experience {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-experience::before {
    width: 180px;
    height: 180px;
    top: -50px;
    right: -50px;
  }

  .recruit-page .recruit-faq-experience::after {
    width: 200px;
    height: 200px;
    bottom: -70px;
    left: -60px;
  }
}
/* =========================================================
   1207 FAQ
   03 WORK 背景 - 濃いめ
========================================================= */

.recruit-page .recruit-faq-work {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #f8ead9 0%,
      #f2dfc8 100%
    );
}


/* 左上のオレンジ装飾 */
.recruit-page .recruit-faq-work::before {
  content: "";

  position: absolute;
  top: -90px;
  left: -90px;

  width: 290px;
  height: 290px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.14);

  pointer-events: none;
}


/* 右下のオリーブ装飾 */
.recruit-page .recruit-faq-work::after {
  content: "";

  position: absolute;
  right: -110px;
  bottom: -110px;

  width: 310px;
  height: 310px;

  border-radius: 50%;

  background: rgba(115, 133, 104, 0.09);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page .recruit-faq-work > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-work
.recruit-faq-item {
  border-color: rgba(185, 104, 40, 0.20);

  background: rgba(255, 252, 248, 0.97);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* ボタンとの間隔 */
.recruit-page
.recruit-faq-work
.recruit-faq-section__buttons {
  margin-top: 36px;
}


/* Smartphone */
@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-work {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-work::before {
    top: -60px;
    left: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-work::after {
    right: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

}
/* =========================================================
   1207 FAQ
   04 WORK STYLE 背景
========================================================= */

.recruit-page .recruit-faq-workstyle {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #f6e3d2 0%,
      #efd3bb 100%
    );
}


/* 右上の装飾 */
.recruit-page .recruit-faq-workstyle::before {
  content: "";

  position: absolute;
  top: -90px;
  right: -90px;

  width: 290px;
  height: 290px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.14);

  pointer-events: none;
}


/* 左下の装飾 */
.recruit-page .recruit-faq-workstyle::after {
  content: "";

  position: absolute;
  left: -110px;
  bottom: -110px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(140, 96, 63, 0.08);

  pointer-events: none;
}


/* 中身を前面に */
.recruit-page .recruit-faq-workstyle > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-workstyle
.recruit-faq-item {
  border-color: rgba(185, 104, 40, 0.22);

  background: rgba(255, 250, 246, 0.96);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* ボタン余白 */
.recruit-page
.recruit-faq-workstyle
.recruit-faq-section__buttons {
  margin-top: 36px;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-workstyle {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-workstyle::before {
    top: -60px;
    right: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-workstyle::after {
    left: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

  .recruit-page
  .recruit-faq-workstyle
  .recruit-faq-section__buttons {
    margin-top: 28px;
  }

}
/* =========================================================
   1207 FAQ
   05 WORKPLACE 背景
========================================================= */

.recruit-page .recruit-faq-workplace {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #ece7de 0%,
      #e3dbcf 100%
    );
}


/* 左上の装飾 */
.recruit-page .recruit-faq-workplace::before {
  content: "";

  position: absolute;
  top: -90px;
  left: -90px;

  width: 290px;
  height: 290px;

  border-radius: 50%;

  background: rgba(115, 133, 104, 0.12);

  pointer-events: none;
}


/* 右下の装飾 */
.recruit-page .recruit-faq-workplace::after {
  content: "";

  position: absolute;
  right: -110px;
  bottom: -110px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(185, 104, 40, 0.08);

  pointer-events: none;
}


/* 中身を前面に */
.recruit-page .recruit-faq-workplace > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-workplace
.recruit-faq-item {
  border-color: rgba(120, 104, 84, 0.22);

  background: rgba(255, 253, 250, 0.96);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* ボタン余白 */
.recruit-page
.recruit-faq-workplace
.recruit-faq-section__buttons {
  margin-top: 36px;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-workplace {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-workplace::before {
    top: -60px;
    left: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-workplace::after {
    right: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

  .recruit-page
  .recruit-faq-workplace
  .recruit-faq-section__buttons {
    margin-top: 28px;
  }

}
/* =========================================================
   1207 FAQ
   06 LEARNING 背景
========================================================= */

.recruit-page .recruit-faq-learning {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #e8eadf 0%,
      #dfe2d2 100%
    );
}


/* 右上のグリーン装飾 */
.recruit-page .recruit-faq-learning::before {
  content: "";

  position: absolute;
  top: -95px;
  right: -90px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(115, 133, 104, 0.16);

  pointer-events: none;
}


/* 左下のベージュ装飾 */
.recruit-page .recruit-faq-learning::after {
  content: "";

  position: absolute;
  left: -110px;
  bottom: -110px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(185, 104, 40, 0.07);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page .recruit-faq-learning > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-learning
.recruit-faq-item {
  border-color: rgba(115, 133, 104, 0.24);

  background: rgba(255, 253, 249, 0.96);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* 開いた時 */
.recruit-page
.recruit-faq-learning
.recruit-faq-item[open] > summary {
  background: #f4f5ed;
}


/* ボタン余白 */
.recruit-page
.recruit-faq-learning
.recruit-faq-section__buttons {
  margin-top: 36px;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-learning {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-learning::before {
    top: -60px;
    right: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-learning::after {
    left: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

  .recruit-page
  .recruit-faq-learning
  .recruit-faq-section__buttons {
    margin-top: 28px;
  }

}
/* =========================================================
   1207 FAQ
   07 CAREER 背景
========================================================= */

.recruit-page .recruit-faq-career {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #e7dfd6 0%,
      #dcd1c5 100%
    );
}


/* 右上のモカ装飾 */
.recruit-page .recruit-faq-career::before {
  content: "";

  position: absolute;
  top: -95px;
  right: -90px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(140, 96, 63, 0.14);

  pointer-events: none;
}


/* 左下のグリーン寄り装飾 */
.recruit-page .recruit-faq-career::after {
  content: "";

  position: absolute;
  left: -110px;
  bottom: -110px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(115, 133, 104, 0.08);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page .recruit-faq-career > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-career
.recruit-faq-item {
  border-color: rgba(120, 96, 76, 0.24);

  background: rgba(255, 252, 249, 0.96);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* 開いた時 */
.recruit-page
.recruit-faq-career
.recruit-faq-item[open] > summary {
  background: #f3ede7;
}


/* ボタン余白 */
.recruit-page
.recruit-faq-career
.recruit-faq-section__buttons {
  margin-top: 36px;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-career {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-career::before {
    top: -60px;
    right: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-career::after {
    left: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

  .recruit-page
  .recruit-faq-career
  .recruit-faq-section__buttons {
    margin-top: 28px;
  }

}
/* =========================================================
   1207 FAQ
   08 FAMILY & MOTIVATION 背景
========================================================= */

.recruit-page .recruit-faq-motivation {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #f1ddd3 0%,
      #e8cfc2 100%
    );
}


/* 左上のアプリコット装飾 */
.recruit-page .recruit-faq-motivation::before {
  content: "";

  position: absolute;
  top: -90px;
  left: -90px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.13);

  pointer-events: none;
}


/* 右下のくすみピンク装飾 */
.recruit-page .recruit-faq-motivation::after {
  content: "";

  position: absolute;
  right: -110px;
  bottom: -110px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(168, 103, 92, 0.10);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page .recruit-faq-motivation > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-motivation
.recruit-faq-item {
  border-color: rgba(168, 103, 92, 0.20);

  background: rgba(255, 251, 248, 0.97);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* 開いた時 */
.recruit-page
.recruit-faq-motivation
.recruit-faq-item[open] > summary {
  background: #f8eee9;
}


/* ボタン余白 */
.recruit-page
.recruit-faq-motivation
.recruit-faq-section__buttons {
  margin-top: 36px;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-motivation {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-motivation::before {
    top: -60px;
    left: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-motivation::after {
    right: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

  .recruit-page
  .recruit-faq-motivation
  .recruit-faq-section__buttons {
    margin-top: 28px;
  }

}
/* =========================================================
   1207 FAQ
   09 VISIT 背景
========================================================= */

.recruit-page .recruit-faq-visit {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #eee4d5 0%,
      #e4d8c5 100%
    );
}


/* 右上のグリーン装飾 */
.recruit-page .recruit-faq-visit::before {
  content: "";

  position: absolute;
  top: -90px;
  right: -90px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(115, 133, 104, 0.13);

  pointer-events: none;
}


/* 左下のオレンジ装飾 */
.recruit-page .recruit-faq-visit::after {
  content: "";

  position: absolute;
  left: -110px;
  bottom: -110px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.09);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page .recruit-faq-visit > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-visit
.recruit-faq-item {
  border-color: rgba(145, 118, 88, 0.22);

  background: rgba(255, 253, 249, 0.97);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* 開いた時 */
.recruit-page
.recruit-faq-visit
.recruit-faq-item[open] > summary {
  background: #f6f1e8;
}


/* ボタン余白 */
.recruit-page
.recruit-faq-visit
.recruit-faq-section__buttons {
  margin-top: 36px;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-visit {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-visit::before {
    top: -60px;
    right: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-visit::after {
    left: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

  .recruit-page
  .recruit-faq-visit
  .recruit-faq-section__buttons {
    margin-top: 28px;
  }

}
/* =========================================================
   1207 FAQ
   10 APPLICATION 背景
========================================================= */

.recruit-page .recruit-faq-application {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #efd9c4 0%,
      #e5c8ad 100%
    );
}


/* 左上のオレンジ装飾 */
.recruit-page .recruit-faq-application::before {
  content: "";

  position: absolute;
  top: -90px;
  left: -90px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.15);

  pointer-events: none;
}


/* 右下のブラウン装飾 */
.recruit-page .recruit-faq-application::after {
  content: "";

  position: absolute;
  right: -110px;
  bottom: -110px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(140, 96, 63, 0.09);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page .recruit-faq-application > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-application
.recruit-faq-item {
  border-color: rgba(185, 104, 40, 0.22);

  background: rgba(255, 251, 247, 0.97);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* 開いた時 */
.recruit-page
.recruit-faq-application
.recruit-faq-item[open] > summary {
  background: #f8eee4;
}


/* ボタン余白 */
.recruit-page
.recruit-faq-application
.recruit-faq-section__buttons {
  margin-top: 36px;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-application {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-application::before {
    top: -60px;
    left: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-application::after {
    right: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

  .recruit-page
  .recruit-faq-application
  .recruit-faq-section__buttons {
    margin-top: 28px;
  }

}
/* =========================================================
   1207 FAQ
   11 CONDITIONS 背景
========================================================= */

.recruit-page .recruit-faq-conditions {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #eee1c8 0%,
      #e3d0ad 100%
    );
}


/* 右上のゴールド系装飾 */
.recruit-page .recruit-faq-conditions::before {
  content: "";

  position: absolute;
  top: -90px;
  right: -90px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(190, 145, 74, 0.14);

  pointer-events: none;
}


/* 左下のブラウン装飾 */
.recruit-page .recruit-faq-conditions::after {
  content: "";

  position: absolute;
  left: -110px;
  bottom: -110px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(140, 96, 63, 0.08);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page .recruit-faq-conditions > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-conditions
.recruit-faq-item {
  border-color: rgba(170, 126, 66, 0.22);

  background: rgba(255, 252, 247, 0.97);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* 開いた時 */
.recruit-page
.recruit-faq-conditions
.recruit-faq-item[open] > summary {
  background: #f7f0e2;
}


/* ボタン余白 */
.recruit-page
.recruit-faq-conditions
.recruit-faq-section__buttons {
  margin-top: 36px;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-conditions {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-conditions::before {
    top: -60px;
    right: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-conditions::after {
    left: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

  .recruit-page
  .recruit-faq-conditions
  .recruit-faq-section__buttons {
    margin-top: 28px;
  }

}
/* =========================================================
   1207 FAQ
   12 OTHER 背景
========================================================= */

.recruit-page .recruit-faq-other {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #e8dfd6 0%,
      #d9cdc1 100%
    );
}


/* 左上のブラウン装飾 */
.recruit-page .recruit-faq-other::before {
  content: "";

  position: absolute;
  top: -90px;
  left: -90px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(140, 96, 63, 0.13);

  pointer-events: none;
}


/* 右下のグリーン装飾 */
.recruit-page .recruit-faq-other::after {
  content: "";

  position: absolute;
  right: -110px;
  bottom: -110px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(115, 133, 104, 0.09);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page .recruit-faq-other > * {
  position: relative;
  z-index: 1;
}


/* FAQカード */
.recruit-page
.recruit-faq-other
.recruit-faq-item {
  border-color: rgba(120, 96, 76, 0.22);

  background: rgba(255, 252, 249, 0.97);

  box-shadow:
    0 10px 28px rgba(90, 64, 48, 0.08);
}


/* 開いた時 */
.recruit-page
.recruit-faq-other
.recruit-faq-item[open] > summary {
  background: #f3ede7;
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-other {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-other::before {
    top: -60px;
    left: -60px;

    width: 200px;
    height: 200px;
  }

  .recruit-page .recruit-faq-other::after {
    right: -70px;
    bottom: -70px;

    width: 220px;
    height: 220px;
  }

}
/* =========================================================
   1207 FAQ
   13 STILL HAVE QUESTIONS 背景
========================================================= */

.recruit-page .recruit-faq-contact-section {
  position: relative;
  overflow: hidden;

  padding: 80px 24px 88px;

  background:
    linear-gradient(
      180deg,
      #f5eee7 0%,
      #eadfd4 100%
    );
}


/* 外側の装飾 */
.recruit-page .recruit-faq-contact-section::before {
  content: "";

  position: absolute;
  top: -90px;
  right: -90px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.10);

  pointer-events: none;
}

.recruit-page .recruit-faq-contact-section::after {
  content: "";

  position: absolute;
  left: -100px;
  bottom: -100px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(115, 133, 104, 0.07);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page
.recruit-faq-contact-section
> * {
  position: relative;
  z-index: 1;
}


/* =========================================================
   CONTACT PANEL
========================================================= */

.recruit-page .recruit-faq-contact {
  position: relative;
  overflow: hidden;

  max-width: 960px;
  margin: 0 auto;

  padding: 58px 48px;

  border-radius: 30px;

  background:
    linear-gradient(
      135deg,
      #5a4030 0%,
      #6a4935 100%
    );

  box-shadow:
    0 20px 48px rgba(90, 64, 48, 0.16);
}


/* 右上の淡い円 */
.recruit-page .recruit-faq-contact::before {
  content: "";

  position: absolute;
  top: -90px;
  right: -70px;

  width: 240px;
  height: 240px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.13);

  pointer-events: none;
}


/* 左下の淡い円 */
.recruit-page .recruit-faq-contact::after {
  content: "";

  position: absolute;
  left: -80px;
  bottom: -100px;

  width: 250px;
  height: 250px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.045);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page
.recruit-faq-contact
> * {
  position: relative;
  z-index: 1;
}


/* =========================================================
   BUTTONS
========================================================= */

.recruit-page .recruit-faq-contact__buttons {
  display: flex;
  justify-content: center;
  gap: 14px;

  margin: 0;
}


/* 共通 */
.recruit-page
.recruit-faq-contact__buttons
.wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 230px;
  min-height: 54px;

  padding: 13px 26px;

  border-radius: 999px;

  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;

  text-decoration: none;

  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}


/* 1つ目 */
.recruit-page
.recruit-faq-contact__buttons
.wp-block-button:first-child
.wp-block-button__link {
  border: 1px solid var(--recruit-orange);

  background:
    linear-gradient(
      135deg,
      var(--recruit-orange-dark) 0%,
      var(--recruit-orange) 100%
    );

  color: #fff;

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.12);
}


/* 2つ目 */
.recruit-page
.recruit-faq-contact__buttons
.wp-block-button:nth-child(2)
.wp-block-button__link {
  border: 1px solid rgba(255, 255, 255, 0.72);

  background: rgba(255, 255, 255, 0.04);

  color: #fff;
}


/* hover */
.recruit-page
.recruit-faq-contact__buttons
.wp-block-button__link:hover,
.recruit-page
.recruit-faq-contact__buttons
.wp-block-button__link:focus-visible {
  transform: translateY(-2px);
}

.recruit-page
.recruit-faq-contact__buttons
.wp-block-button:nth-child(2)
.wp-block-button__link:hover,
.recruit-page
.recruit-faq-contact__buttons
.wp-block-button:nth-child(2)
.wp-block-button__link:focus-visible {
  background: rgba(255, 255, 255, 0.12);
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-contact-section {
    padding: 60px 16px 68px;
  }

  .recruit-page .recruit-faq-contact {
    padding: 42px 20px;

    border-radius: 24px;
  }

  .recruit-page .recruit-faq-contact__buttons {
    display: grid !important;
    grid-template-columns: 1fr;

    gap: 10px;
  }

  .recruit-page
  .recruit-faq-contact__buttons
  .wp-block-button,
  .recruit-page
  .recruit-faq-contact__buttons
  .wp-block-button__link {
    width: 100%;
  }

}
/* =========================================================
   1207 FAQ
   14 NEXT 背景
========================================================= */

.recruit-page .recruit-faq-next-section {
  position: relative;
  overflow: hidden;

  padding: 84px 24px 96px;

  background:
    linear-gradient(
      180deg,
      #fffaf4 0%,
      #f5e8d8 100%
    );
}


/* 左上のオレンジ装飾 */
.recruit-page .recruit-faq-next-section::before {
  content: "";

  position: absolute;
  top: -110px;
  left: -100px;

  width: 320px;
  height: 320px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.10);

  pointer-events: none;
}


/* 右下のグリーン装飾 */
.recruit-page .recruit-faq-next-section::after {
  content: "";

  position: absolute;
  right: -130px;
  bottom: -130px;

  width: 360px;
  height: 360px;

  border-radius: 50%;

  background: rgba(115, 133, 104, 0.08);

  pointer-events: none;
}


/* 中身を前面へ */
.recruit-page
.recruit-faq-next-section
> * {
  position: relative;
  z-index: 1;
}


/* =========================================================
   NEXT INNER
========================================================= */

.recruit-page .recruit-faq-next {
  position: relative;

  max-width: 1100px;
  margin: 0 auto;

  padding: 0;
}


/* =========================================================
   GRID
========================================================= */

.recruit-page .recruit-faq-next__grid {
  max-width: 1040px;

  margin: 0 auto 20px !important;

  gap: 20px !important;

  align-items: stretch !important;
}

.recruit-page
.recruit-faq-next__grid:last-child {
  margin-bottom: 0 !important;
}

.recruit-page
.recruit-faq-next__grid
> .wp-block-column {
  display: flex;
}


/* =========================================================
   CARD
========================================================= */

.recruit-page .recruit-faq-next__card {
  position: relative;

  width: 100%;
  min-height: 260px;

  padding: 40px 32px 32px;

  overflow: hidden;

  border: 1px solid rgba(185, 104, 40, 0.18);
  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(255, 249, 242, 0.98) 60%,
      rgba(248, 238, 223, 0.98) 100%
    );

  box-shadow:
    0 14px 34px rgba(90, 64, 48, 0.08);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}


/* 上部アクセントライン */
.recruit-page .recruit-faq-next__card::before {
  content: "";

  position: absolute;
  top: 0;
  left: 32px;

  width: 58px;
  height: 4px;

  border-radius: 0 0 5px 5px;

  background: var(--recruit-orange-dark);
}


/* 右上の装飾円 */
.recruit-page .recruit-faq-next__card::after {
  content: "";

  position: absolute;
  top: -55px;
  right: -55px;

  width: 160px;
  height: 160px;

  border-radius: 50%;

  background: rgba(217, 138, 58, 0.06);

  pointer-events: none;
}


/* hover */
.recruit-page .recruit-faq-next__card:hover {
  transform: translateY(-6px);

  border-color: rgba(185, 104, 40, 0.30);

  box-shadow:
    0 22px 46px rgba(90, 64, 48, 0.12);
}


/* =========================================================
   背景数字
========================================================= */

.recruit-page .recruit-faq-next__number {
  position: absolute;

  top: -8px;
  right: 18px;

  z-index: 0;

  margin: 0 !important;

  color: rgba(185, 104, 40, 0.09);

  font-size: 100px !important;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.06em;

  pointer-events: none;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.recruit-page
.recruit-faq-next__card
h3,
.recruit-page
.recruit-faq-next__card
h3 + p,
.recruit-page
.recruit-faq-next__link {
  position: relative;
  z-index: 1;
}


/* タイトル */
.recruit-page
.recruit-faq-next__card
h3 {
  margin: 0;

  color: var(--recruit-brown);

  font-size: 23px;
  font-weight: 700;
  line-height: 1.55;
}


/* 本文 */
.recruit-page
.recruit-faq-next__card
h3 + p {
  margin: 18px 0 0;

  color: var(--recruit-text);

  font-size: 16px;
  line-height: 1.9;
}


/* =========================================================
   BUTTON
========================================================= */

.recruit-page .recruit-faq-next__link {
  margin: 26px 0 0 !important;
}

.recruit-page
.recruit-faq-next__link
a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 48px;

  padding: 11px 22px;

  border: 1px solid rgba(185, 104, 40, 0.34);
  border-radius: 999px;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fff5e9 100%
    );

  color: var(--recruit-orange-dark);

  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;

  text-decoration: none;

  box-shadow:
    0 6px 16px rgba(90, 64, 48, 0.07);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}


/* hover */
.recruit-page
.recruit-faq-next__link
a:hover,
.recruit-page
.recruit-faq-next__link
a:focus-visible {
  border-color: var(--recruit-orange-dark);

  background:
    linear-gradient(
      135deg,
      var(--recruit-orange-dark) 0%,
      var(--recruit-orange) 100%
    );

  color: #fff;

  transform: translateY(-2px);

  box-shadow:
    0 10px 22px rgba(185, 104, 40, 0.18);
}


/* =========================================================
   Smartphone
========================================================= */

@media screen and (max-width: 781px) {

  .recruit-page .recruit-faq-next-section {
    padding: 64px 16px 72px;
  }

  .recruit-page
  .recruit-faq-next-section::before {
    top: -70px;
    left: -70px;

    width: 220px;
    height: 220px;
  }

  .recruit-page
  .recruit-faq-next-section::after {
    right: -90px;
    bottom: -90px;

    width: 250px;
    height: 250px;
  }

  .recruit-page .recruit-faq-next__grid {
    display: block !important;

    margin-bottom: 14px !important;
  }

  .recruit-page
  .recruit-faq-next__grid
  > .wp-block-column {
    margin-bottom: 14px;
  }

  .recruit-page
  .recruit-faq-next__grid
  > .wp-block-column:last-child {
    margin-bottom: 0;
  }

  .recruit-page .recruit-faq-next__card {
    min-height: auto;

    padding: 34px 24px 28px;

    border-radius: 20px;
  }

  .recruit-page
  .recruit-faq-next__card::before {
    left: 24px;

    width: 50px;
  }

  .recruit-page .recruit-faq-next__number {
    top: -2px;
    right: 14px;

    font-size: 72px !important;
  }

  .recruit-page
  .recruit-faq-next__card
  h3 {
    font-size: 20px;
  }

  .recruit-page
  .recruit-faq-next__card
  h3 + p {
    margin-top: 14px;

    font-size: 15px;
    line-height: 1.85;
  }

  .recruit-page .recruit-faq-next__link {
    margin-top: 22px !important;
  }

  .recruit-page
  .recruit-faq-next__link
  a {
    width: 100%;

    min-height: 50px;

    padding: 12px 18px;
  }

}
/* =========================================================
   1207 FAQ
   14 NEXT CARD 背景透過
========================================================= */

.recruit-page .recruit-faq-next__card {
  position: relative;

  width: 100%;
  min-height: 260px;

  padding: 40px 32px 32px;

  overflow: hidden;

  border: 1px solid rgba(185, 104, 40, 0.22);
  border-radius: 24px;

  background: rgba(255, 255, 255, 0.38);

  box-shadow:
    0 14px 34px rgba(90, 64, 48, 0.08);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background-color 0.28s ease;
}


/* hover */
.recruit-page .recruit-faq-next__card:hover {
  transform: translateY(-6px);

  border-color: rgba(185, 104, 40, 0.34);

  background: rgba(255, 255, 255, 0.55);

  box-shadow:
    0 22px 46px rgba(90, 64, 48, 0.12);
}


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