@charset "UTF-8";
/* アヴァンセアジル社用 css */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");
/* line 7, style.scss */
:root {
  --main-color: #118b63;
  --main-color-dark: #3e429b;
  --main-color-font: #574fcc;
  --emphasis-color: #b71a3f;
  --base-color: #f4f4f4; }

/* line 15, style.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

/* line 21, style.scss */
a {
  color: var(--main-color); }

/* ---------------------------------------common set */
/* -------------------------
   共通設定
------------------------- */
/* line 31, style.scss */
html {
  font-size: 1px;
  /* PC基準: 1rem = 1rem */
  overscroll-behavior: none;
  scroll-behavior: smooth; }

/* hover / focus */
/* line 38, style.scss */
a:hover,
a:focus-visible {
  opacity: 0.8; }

/* active */
/* line 44, style.scss */
a:active {
  transform: translateY(0);
  box-shadow: 0 0.3rem 0.8rem rgba(0, 0, 0, 0.2); }

/* line 49, style.scss */
img {
  vertical-align: baseline; }

/* -------------------------
   スマホ（$301C767px）
   → 375px幅を基準に拡大
------------------------- */
@media screen and (max-width: 767px) {
  /* line 58, style.scss */
  html {
    font-size: calc(100vw / 480); } }
/* -------------------------
   タブレット（768$301C1180px）
   → デザイン幅1140px基準で縮小
------------------------- */
@media (min-width: 768px) and (max-width: 1240px) {
  /* line 68, style.scss */
  html {
    font-size: calc(100vw / 1240); } }
/* line 73, style.scss */
img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }

/* line 78, style.scss */
body {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
  line-height: 200%;
  font-weight: 500;
  color: #000000;
  font-size: 16rem;
  letter-spacing: 0.05em; }

/* line 88, style.scss */
a {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }

/* 表示切り替え用 */
/* line 95, style.scss */
.sp-only {
  display: none; }
  @media screen and (max-width: 767px) {
    /* line 95, style.scss */
    .sp-only {
      display: block; } }

/* line 102, style.scss */
.pc-only {
  display: block; }
  @media screen and (max-width: 767px) {
    /* line 102, style.scss */
    .pc-only {
      display: none; } }

/*----------------- fade */
/* line 111, style.scss */
.fade {
  opacity: 0;
  -webkit-transition: 0.6s linear;
  transition: 0.6s linear; }

/* line 116, style.scss */
.fade.active {
  opacity: 1; }

/* line 119, style.scss */
.fade-l {
  position: relative;
  opacity: 0;
  -webkit-transform: translate(-40rem, 0);
  transform: translate(-40rem, 0);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out; }

/* line 127, style.scss */
.fade-l.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

/* line 132, style.scss */
.fade-r {
  position: relative;
  opacity: 0;
  -webkit-transform: translate(40rem, 0);
  transform: translate(40rem, 0);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out; }

/* line 140, style.scss */
.fade-r.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

/* line 145, style.scss */
.fade-t {
  position: relative;
  opacity: 0;
  -webkit-transform: translate(0, -40rem);
  transform: translate(0, -40rem);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out; }

/* line 153, style.scss */
.fade-t.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

/* line 158, style.scss */
.fade-b {
  position: relative;
  opacity: 0;
  -webkit-transform: translate(0, 40rem);
  transform: translate(0, 40rem);
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out; }

/* line 166, style.scss */
.fade-b.active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0); }

/* line 171, style.scss */
.fade-w {
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  -webkit-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  opacity: 0; }

/* line 178, style.scss */
.fade-z {
  -webkit-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
  -webkit-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
  opacity: 0; }

/* line 185, style.scss */
.fade-w.active,
.fade-z.active {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1; }

/* ヘルパー */
/* line 194, style.scss */
.hp_mbss {
  margin-bottom: 8rem; }

/* line 198, style.scss */
.hp_mbs {
  margin-bottom: 16rem; }

/* line 202, style.scss */
.hp_mbm {
  margin-bottom: 24rem; }

/* line 206, style.scss */
.hp_mbl {
  margin-bottom: 40rem; }

/* line 210, style.scss */
.hp_mbll {
  margin-bottom: 80rem; }

/* line 214, style.scss */
.hp_mbxl {
  margin-bottom: 100rem; }

/* line 218, style.scss */
.hp_en {
  font-family: "Roboto Condensed", sans-serif; }

/* line 222, style.scss */
.hp_center {
  text-align: center; }

/* line 226, style.scss */
.hp_right {
  text-align: right; }

/* line 230, style.scss */
.hp_highlight {
  color: var(--main-color); }

/* line 234, style.scss */
.hp_txt-l {
  font-size: 18rem; }

/* line 238, style.scss */
.hp_txt-m {
  font-size: 16rem; }

/* line 242, style.scss */
.hp_txt-s {
  font-size: 14rem;
  font-weight: 400; }

/* line 247, style.scss */
.hp_grbg {
  background: var(--base-color); }

/* コンテナ */
/* line 253, style.scss */
.cont__inner__wide {
  max-width: 1200rem;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    /* line 253, style.scss */
    .cont__inner__wide {
      width: 90%; } }

/* line 261, style.scss */
.cont__inner__slim {
  max-width: 980rem;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    /* line 261, style.scss */
    .cont__inner__slim {
      width: 90%; } }

/* ボタンコンテナ */
/* line 271, style.scss */
.btn-container__double {
  display: flex;
  justify-content: space-between;
  gap: 120rem;
  padding: 0 80rem; }
  @media screen and (max-width: 767px) {
    /* line 271, style.scss */
    .btn-container__double {
      flex-direction: column;
      gap: 40rem; } }

/* line 282, style.scss */
.btn-container__harf {
  width: 40%;
  margin-left: auto; }
  @media screen and (max-width: 767px) {
    /* line 282, style.scss */
    .btn-container__harf {
      width: 100%; } }

/* button ボタン */
/* line 292, style.scss */
.button--entry {
  position: relative;
  background: linear-gradient(90deg, #8fc218 0%, #08835b 100%);
  color: #fff;
  padding: 4rem 48rem;
  border: none;
  border-radius: 4rem;
  font-size: 14rem;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.3s; }
  /* line 303, style.scss */
  .button--entry.base {
    font-size: 16rem;
    width: 280px;
    padding: 16px;
    text-align: center; }
    /* line 308, style.scss */
    .button--entry.base::before {
      content: "";
      width: 32rem;
      height: 32rem;
      position: absolute;
      right: 10rem;
      top: 50%;
      transform: translateY(-50%);
      background: url("../img/arrow_next.svg") center;
      background-size: contain;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease; }
  /* line 322, style.scss */
  .button--entry:hover {
    background: linear-gradient(90deg, #8fc218 100%, #08835b 0%); }

/* line 327, style.scss */
.button--register {
  position: relative;
  background: linear-gradient(90deg, #ff7b0e 0%, #ec0757 100%);
  color: #fff;
  padding: 4rem 48rem;
  border: none;
  border-radius: 4rem;
  font-size: 14rem;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.3s; }
  /* line 338, style.scss */
  .button--register.base {
    font-size: 16rem;
    width: 280px;
    padding: 16px;
    text-align: center; }
    /* line 343, style.scss */
    .button--register.base::before {
      content: "";
      width: 32rem;
      height: 32rem;
      position: absolute;
      right: 10rem;
      top: 50%;
      transform: translateY(-50%);
      background: url("../img/arrow_next.svg") center;
      background-size: contain;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease; }
@media screen and (max-width: 400px) {
    .jobs__buttons .button--register.base {
      padding: 8px 30px 8px 25px;
	  line-height: 20px;
	}
    .jobs__buttons .button--register.base::before {
      right: 0;
	}
}

  /* line 357, style.scss */
  .button--register:hover {
    background: linear-gradient(90deg, #ff7b0e 100%, #ec0757 0%); }
.footer__buttons .button--register {
  padding: 4rem 13rem;
}

/* line 362, style.scss */
.link-button__wrap {
  width: 100%;
  border-bottom: solid 1px #000000; }

/* line 366, style.scss */
.link-button {
  position: relative;
  text-align: right; }
  /* line 369, style.scss */
  .link-button.hp_line {
    border-bottom: solid 1px #000000;
    width: 100%;
    padding: 24rem 0; }
  /* line 374, style.scss */
  .link-button .link-button__more {
    font-style: normal;
    font-weight: 500;
    font-size: 14rem;
    line-height: 250%;
    text-align: center;
    letter-spacing: 0.25em;
    color: #000000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    column-gap: 8rem;
    margin-left: auto; }
    /* line 389, style.scss */
    .link-button .link-button__more.hp_slim {
      justify-content: center; }
    /* line 392, style.scss */
    .link-button .link-button__more::after {
      content: "";
      display: block;
      width: 54rem;
      height: 54rem;
      background: url("../img/link_arrow.svg") center no-repeat;
      background-size: contain;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease; }
      @media screen and (max-width: 767px) {
        /* line 392, style.scss */
        .link-button .link-button__more::after {
          width: 50rem;
          height: 50rem; } }
    /* line 406, style.scss */
    .link-button .link-button__more:hover {
      color: var(--main-color); }
      /* line 408, style.scss */
      .link-button .link-button__more:hover::after {
        transform: translateX(20rem); }

/* heading タイトル */
/* line 417, style.scss */
.section-title__lv1 {
  font-weight: 500;
  font-size: 80rem;
  color: var(--main-color);
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1; }
  /* line 423, style.scss */
  .section-title__lv1 span {
    display: block;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 15rem;
    line-height: 250%;
    color: #000000;
    letter-spacing: 0.2em;
    padding-left: 4rem; }
  @media screen and (max-width: 767px) {
    /* line 417, style.scss */
    .section-title__lv1 {
      font-size: 60rem;
      text-align: center; } }

/* line 440, style.scss */
.section-title__lv2 {
  font-weight: 700;
  font-size: 21rem;
  line-height: 40px;
  letter-spacing: 0.1em;
  color: var(--main-color); }

/* line 448, style.scss */
.title__lv3 {
  font-weight: 700;
  font-size: 18rem;
  line-height: 40px;
  letter-spacing: 0.1em;
  color: var(--main-color); }

/* card カード */
/* line 458, style.scss */
.card {
  display: block; }
  /* line 459, style.scss */
  .card a {
    text-decoration: none;
    color: #000000;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease; }
    /* line 464, style.scss */
    .card a:hover {
      text-decoration: underline;
      color: var(--main-color); }
      /* line 468, style.scss */
      .card a:hover .card__image img {
        transform: scale(1.1); }
  /* line 475, style.scss */
  .card.hp_slim {
    width: 260rem; }
  @media screen and (max-width: 767px) {
    /* line 458, style.scss */
    .card {
      width: 100%; }
      /* line 480, style.scss */
      .card.hp_slim {
        width: 100%; } }
  /* line 484, style.scss */
  .card .card__image {
    position: relative;
    aspect-ratio: 3 / 2;
    margin-bottom: 8rem;
    padding: 0 20rem;
    background: url("../img/color_rectangle.svg") center no-repeat;
    background-size: 100% auto;
    overflow: hidden; }
    @media screen and (max-width: 767px) {
      /* line 484, style.scss */
      .card .card__image {
        margin: 0 20rem; } }
    /* line 495, style.scss */
    .card .card__image img {
      width: 100%;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease; }
  /* line 501, style.scss */
  .card .card__txt {
    padding: 0 20rem; }
  /* line 504, style.scss */
  .card .card__item-date {
    font-weight: 400;
    font-size: 12px;
    color: #767676;
    padding: 0 20rem; }

/* デコレーションライン */
/* line 513, style.scss */
.title-decoration-line {
  height: 126rem;
  width: 2rem;
  background: var(--main-color);
  margin: -60rem auto 0 auto; }
  @media screen and (max-width: 767px) {
    /* line 513, style.scss */
    .title-decoration-line {
      margin-top: -40rem; } }

/* line 523, style.scss */
.el_title-decoration-line {
  height: 126rem;
  width: 2rem;
  background: var(--main-color);
  margin: -60rem auto 40rem auto; }
  @media screen and (max-width: 767px) {
    /* line 523, style.scss */
    .el_title-decoration-line {
      margin-top: -40rem; } }

/* Ordered List（順序付きリスト）」 */
/* line 534, style.scss */
.ordered-list {
  padding-left: 1.5em; }
  /* line 536, style.scss */
  .ordered-list li {
    position: relative;
    list-style-type: none;
    font-weight: 400; }
    /* line 540, style.scss */
    .ordered-list li::before {
      position: absolute;
      right: calc(100% + 0.5rem);
      /* 0.5remは連番とテキストとの余白 */
      content: "(" counter(list-item) ")"; }

/* ul 定義リスト */
/* line 549, style.scss */
ul.el_list {
  list-style: none; }
  /* line 552, style.scss */
  ul.el_list li {
    text-indent: -1em;
    padding-left: 1em;
    padding-top: 4rem;
    padding-bottom: 4rem; }
  /* line 559, style.scss */
  ul.el_list li::before {
    content: "・"; }

/* dl 定義リスト */
/* line 566, style.scss */
.description-list {
  display: flex;
  flex-wrap: wrap; }
  /* line 569, style.scss */
  .description-list dt {
    width: 120rem;
    padding: 16rem 0;
    border-bottom: solid 1px #000000;
    font-weight: 700; }
  /* line 575, style.scss */
  .description-list dd {
    width: calc(100% - 120rem);
    padding: 16rem 0;
    border-bottom: solid 1px #000000; }

/* line 582, style.scss */
.description-list__wide {
  width: 100%;
  margin: 0 auto; }
  /* line 585, style.scss */
  .description-list__wide .description-list__item {
    position: relative;
    width: 100%;
    display: flex;
    padding: 24rem 0;
    border-bottom: 1px solid #c8c8c8; }
    @media screen and (max-width: 767px) {
      /* line 585, style.scss */
      .description-list__wide .description-list__item {
        padding: 16rem 0; } }
    /* line 594, style.scss */
    .description-list__wide .description-list__item::before {
      content: "";
      position: absolute;
      width: 260rem;
      height: 1px;
      background: var(--main-color);
      left: 0;
      bottom: -1px; }
      @media screen and (max-width: 767px) {
        /* line 594, style.scss */
        .description-list__wide .description-list__item::before {
          width: 160rem; } }
  /* line 607, style.scss */
  .description-list__wide .description-list__label {
    flex: 0 0 260rem;
    font-weight: bold;
    padding-left: 10rem; }
    @media screen and (max-width: 767px) {
      /* line 607, style.scss */
      .description-list__wide .description-list__label {
        flex: 0 0 160rem; } }

/* 汎用セクション */
/* line 619, style.scss */
.el_read {
  margin-bottom: 40rem; }

/* line 622, style.scss */
.el_section {
  margin-bottom: 40rem; }
  /* line 624, style.scss */
  .el_section .el_section__title {
    font-weight: 700;
    font-size: 20rem;
    margin-bottom: 24rem; }
    @media screen and (max-width: 767px) {
      /* line 624, style.scss */
      .el_section .el_section__title {
        margin-bottom: 16rem; } }
  /* line 632, style.scss */
  .el_section .el_section__sub-title {
    font-weight: 700;
    font-size: 18rem;
    margin-bottom: 8rem; }
    @media screen and (max-width: 767px) {
      /* line 632, style.scss */
      .el_section .el_section__sub-title {
        font-size: 16rem; } }
  /* line 640, style.scss */
  .el_section p {
    font-weight: 400; }

/* ---------------------------------------original set */
/* -------------------------
   ヘッダー
------------------------- */
/* line 650, style.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.1);
  z-index: 1000; }

/* line 660, style.scss */
.header__inner {
  margin: 0 auto;
  padding: 9rem 30rem;
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* line 668, style.scss */
.header__logo {
  display: block;
  max-width: 208rem; }
  /* line 672, style.scss */
  .header__logo a {
    display: block; }

/* line 677, style.scss */
.header__nav {
  display: flex;
  align-items: center;
  gap: 30rem; }

/* line 683, style.scss */
.header__nav-list {
  display: flex;
  list-style: none;
  gap: 30rem; }

/* line 689, style.scss */
.header__nav-link {
  display: block;
  text-decoration: none;
  color: #333;
  transition: color 0.3s;
  padding: 8rem 0;
  font-size: 14rem; }

/* line 698, style.scss */
.header__buttons {
  display: flex;
  gap: 10rem; }

/* line 703, style.scss */
.header__hamburger {
  display: none; }

@media screen and (max-width: 767px) {
  /* line 708, style.scss */
  .header__hamburger {
    display: none;
    flex-direction: column;
    gap: 5rem;
    cursor: pointer;
    padding: 10rem; }

  /* line 716, style.scss */
  .header__hamburger-line {
    width: 25rem;
    height: 3rem;
    background: #333;
    transition: all 0.3s; }

  /* line 723, style.scss */
  .header__hamburger.is-active .header__hamburger-line:nth-child(1) {
    transform: translateY(8rem) rotate(45deg); }

  /* line 727, style.scss */
  .header__hamburger.is-active .header__hamburger-line:nth-child(2) {
    opacity: 0; }

  /* line 731, style.scss */
  .header__hamburger.is-active .header__hamburger-line:nth-child(3) {
    transform: translateY(-8rem) rotate(-45deg); }

  /* line 735, style.scss */
  .header__inner {
    padding: 15rem 20rem; }

  /* line 739, style.scss */
  .header__nav {
    position: fixed;
    top: 60rem;
    left: 0;
    width: 100%;
    height: calc(100vh - 60px);
    background: #fff;
    flex-direction: column;
    padding: 30rem;
    transform: translateX(-100%);
    transition: transform 0.3s; }

  /* line 752, style.scss */
  .header__nav.is-active {
    transform: translateX(0); }

  /* line 756, style.scss */
  .header__nav-list {
    flex-direction: column;
    gap: 20rem;
    width: 100%; }

  /* line 762, style.scss */
  .header__buttons {
    flex-direction: column;
    gap: 24rem;
    width: 100%; }

  /* line 768, style.scss */
  .header__button {
    width: 100%;
    text-align: center; }

  /* line 773, style.scss */
  .header__hamburger {
    display: flex; } }
/* Hero */
/* line 779, style.scss */
.hero {
  margin-top: 66rem;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0 46rem; }
  @media screen and (max-width: 767px) {
    /* line 779, style.scss */
    .hero {
      padding: 0 0; } }

/* line 790, style.scss */
.hero__decoration-shape_01 {
  position: absolute;
  left: 0;
  top: 0;
  width: 607rem;
  height: 660rem;
  background: url("../img/main-image.svg") center no-repeat;
  z-index: 2; }

@media screen and (max-width: 767px) {
  /* line 801, style.scss */
  .hero__decoration-shape_01 {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 80rem;
    width: 300rem;
    height: 330rem;
    background: url("../img/main-image.svg") center no-repeat;
    z-index: 2; } }
/* ---------------------------------------  フッター */
/* line 815, style.scss */
.footer {
  background: var(--main-color);
  color: #fff;
  padding: 52rem 0; }

/* line 821, style.scss */
.footer__inner {
  max-width: 1200rem;
  margin: 0 auto;
  padding: 0 46rem; }

/* line 827, style.scss */
.footer__nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40rem;
  margin-bottom: 40rem; }

@media screen and (max-width: 767px) {
  /* line 835, style.scss */
  .footer__nav {
    display: block;
    position: relative; } }
/* line 841, style.scss */
.footer__nav-title {
  font-size: 16rem;
  font-weight: bold;
  margin-bottom: 15rem; }

/* line 847, style.scss */
.footer__nav-list {
  list-style: none; }
  @media screen and (max-width: 767px) {
    /* line 847, style.scss */
    .footer__nav-list {
      width: 50%;
      margin-bottom: 60rem; } }

/* line 855, style.scss */
.footer__nav-item {
  margin-bottom: 20rem; }

/* line 859, style.scss */
.footer__nav-link {
  color: #fff;
  text-decoration: none;
  font-size: 14rem; }

/* line 865, style.scss */
.footer__nav-link:hover {
  opacity: 0.7; }

/* line 869, style.scss */
.footer__copyright {
  text-align: center;
  font-size: 12rem;
  opacity: 0.7;
  padding-top: 30rem; }

/* line 876, style.scss */
.footer__buttons {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 20rem;
  width: 160rem;
  margin-left: auto;
  margin-bottom: 40rem; }
  @media screen and (max-width: 767px) {
    /* line 876, style.scss */
    .footer__buttons {
      position: absolute;
      right: 0;
      top: 0; } }

/* line 891, style.scss */
.footer__button {
  padding: 15rem 40rem;
  border: none;
  border-radius: 30rem;
  font-size: 16rem;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.3s; }

/* line 902, style.scss */
.footer__button:hover {
  opacity: 0.8; }

/* line 906, style.scss */
.footer__button--register {
  background: #ff6b3d;
  color: #fff; }

/* line 911, style.scss */
.footer__button--entry {
  background: #7eb843;
  color: #fff; }

/* line 916, style.scss */
.footer__iso {
  padding-top: 40rem; }

/* ---------------------------------------  ページトップへボタン */
/* line 922, style.scss */
.scroll-top__wrap {
  padding: 60rem 46rem; }

/* line 925, style.scss */
.scroll-top {
  display: block;
  position: relative;
  margin-left: auto;
  width: 50rem;
  height: 50rem;
  background: #d9d9d9;
  color: #fff;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 20rem;
  transition: opacity 0.3s; }

/* line 942, style.scss */
.scroll-top:hover {
  opacity: 0.8; }

/* ---------------------------------------  TOP メインビジュアル */
/* line 948, style.scss */
.hero__decoration-shape_02 {
  position: absolute;
  right: 170rem;
  top: 380rem;
  width: 75rem;
  height: 75rem;
  background: url("../img/image_triangle_01.svg") center no-repeat; }

/* line 957, style.scss */
.hero__decoration-shape_03 {
  position: absolute;
  right: 91rem;
  top: 610rem;
  width: 34rem;
  height: 34rem;
  background: url("../img/image_triangle_01.svg") center no-repeat; }

/* line 966, style.scss */
.hero__decoration-shape_04 {
  position: absolute;
  right: 52rem;
  bottom: 10rem;
  width: 62rem;
  height: 62rem;
  background: url("../img/image_triangle_02.svg") center no-repeat; }

/* line 975, style.scss */
.hero__inner {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 760rem;
  padding-bottom: 290rem; }
  @media screen and (max-width: 767px) {
    /* line 975, style.scss */
    .hero__inner {
      height: 580rem;
      max-width: 100%;
      overflow: hidden; } }

/* line 992, style.scss */
.hero__title {
  font-weight: 700;
  font-size: 3.3vw;
  line-height: 220%;
  letter-spacing: 0.2em;
  padding-left: 9vw; }
  @media screen and (max-width: 767px) {
    /* line 992, style.scss */
    .hero__title {
      font-size: 28rem;
      padding-left: 20rem; } }

/* line 1004, style.scss */
.hero__catchphrase {
  position: absolute;
  right: 0;
  bottom: 214rem;
  font-size: 8.5vw;
  font-weight: 700;
  color: #f0f0f0;
  font-family: "Roboto Condensed", sans-serif;
  z-index: 0;
  letter-spacing: 0; }
  @media screen and (max-width: 767px) {
    /* line 1004, style.scss */
    .hero__catchphrase {
      bottom: 139rem;
      text-align: right;
      font-size: 69rem;
      line-height: 1;
      padding-right: 8rem; }
      /* line 1020, style.scss */
      .hero__catchphrase span {
        display: block; } }

/* 動き設定用 */
/* 共通初期状態 */
/* line 1029, style.scss */
[class^="hero__decoration-shape"] {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease; }

/* 左右に少しずらす（交互に） */
/* line 1035, style.scss */
.hero__decoration-shape_01,
.hero__decoration-shape_03 {
  transform: translateX(-20px); }

/* line 1040, style.scss */
.hero__decoration-shape_02,
.hero__decoration-shape_04 {
  transform: translateX(20px); }

/* 表示状態 */
/* line 1046, style.scss */
[class^="hero__decoration-shape"].is-show {
  opacity: 1;
  transform: translateX(0); }

/* ---------------------------------------  セクション */
/* line 1053, style.scss */
.section {
  padding: 80rem 46rem; }
  @media screen and (max-width: 767px) {
    /* line 1053, style.scss */
    .section {
      padding: 80rem 24rem; } }

/* line 1060, style.scss */
.section__inner {
  max-width: 1200rem;
  margin: 0 auto; }

/* line 1065, style.scss */
.section__header {
  margin-bottom: 32rem; }

/* ---------------------------------------  TOP お役立ち情報 */
@media screen and (max-width: 767px) {
  /* line 1071, style.scss */
  section.tips {
    margin-top: -70rem; } }

/* line 1076, style.scss */
.tips__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30rem; }
  @media screen and (max-width: 767px) {
    /* line 1080, style.scss */
    .tips__list.tips__list__all {
      grid-template-columns: repeat(1, 1fr); } }

/* line 1087, style.scss */
.tips__wrap {
  display: flex; }
  /* line 1089, style.scss */
  .tips__wrap .section__header {
    width: 210rem; }
  /* line 1092, style.scss */
  .tips__wrap .tips__list {
    width: calc(100% - 234rem); }
  @media screen and (max-width: 767px) {
    /* line 1087, style.scss */
    .tips__wrap {
      display: block; }
      /* line 1098, style.scss */
      .tips__wrap .section__header {
        width: 100%; }
      /* line 1101, style.scss */
      .tips__wrap .tips__list {
        width: 100%; } }

/* line 1107, style.scss */
.tips__btn {
  width: calc(100% - 720rem);
  padding-left: 120rem;
  margin-left: auto; }

@media screen and (max-width: 767px) {
  /* line 1114, style.scss */
  .tips__btn {
    width: 75%;
    display: flex;
    align-items: flex-end;
    padding-left: 0;
    flex-direction: column;
    margin-left: auto; } }
/* ---------------------------------------  TOP お仕事一覧 */
/* line 1126, style.scss */
.jobs {
  background: #f5f5f5;
  position: relative; }
  /* line 1129, style.scss */
  .jobs .jobs__decoration-shape_01 {
    content: "";
    position: absolute;
    right: 46rem;
    top: -50rem;
    width: 290rem;
    height: 222rem;
    background: url("../img/image_triangle_03.svg") center no-repeat;
    background-size: contain; }

/* line 1141, style.scss */
.jobs__decoration {
  position: absolute;
  bottom: 30rem;
  right: 30rem; }

/* line 1147, style.scss */
.jobs__decoration-shape {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid; }

/* line 1154, style.scss */
.jobs__decoration-shape:nth-child(1) {
  border-width: 0 80rem 80rem 0;
  border-color: transparent #c8dc8f transparent transparent; }

/* line 1159, style.scss */
.jobs__decoration-shape:nth-child(2) {
  top: 90rem;
  left: 90rem;
  border-width: 0 60rem 60rem 0;
  border-color: transparent #7eb843 transparent transparent; }

/* line 1166, style.scss */
.jobs__item {
  width: 300px;
  background: #fff;
  border-radius: 8rem;
  padding: 16px; }

/* line 1173, style.scss */
.jobs__item-image {
  width: 100%; }

/* line 1177, style.scss */
.jobs__item-content {
  padding: 16rem 0 0 0; }

/* line 1181, style.scss */
.jobs__item-tag {
  display: inline-block;
  color: var(--main-color);
  margin-bottom: 10rem; }

/* line 1189, style.scss */
.jobs__item-title {
  font-size: 18rem;
  font-weight: bold;
  margin-bottom: 15rem; }

/* line 1195, style.scss */
.jobs__item-details {
  margin-bottom: 8rem;
  font-size: 14rem; }
  /* line 1198, style.scss */
  .jobs__item-details dt {
    font-weight: 600;
    display: inline; }
  /* line 1202, style.scss */
  .jobs__item-details dd {
    font-weight: 400;
    display: inline; }

/* line 1208, style.scss */
.jobs__buttons {
  display: flex;
  justify-content: center;
  gap: 20rem;
  margin-top: 40rem; }

/* ---------------------------------------  TOP データ紹介 */
/* line 1217, style.scss */
#data {
  position: relative; }
  /* line 1219, style.scss */
  #data .data__decoration-shape_01 {
    content: "";
    position: absolute;
    right: 46rem;
    top: -60rem;
    width: 115rem;
    height: 115rem;
    background: url("../img/image_triangle_04.svg") center no-repeat;
    background-size: contain; }

/* line 1230, style.scss */
.data__content {
  display: flex;
  gap: 60rem; }

/* line 1235, style.scss */
.data__wrap {
  display: flex; }
  /* line 1237, style.scss */
  .data__wrap .section__header {
    width: 250rem; }
  /* line 1240, style.scss */
  .data__wrap .data__content {
    width: 500rem;
    padding-right: 148rem; }
  /* line 1244, style.scss */
  .data__wrap .data__btn {
    width: calc(100% - 720rem);
    display: flex;
    align-items: center;
    padding-left: 120rem;
    flex-direction: column; }

@media screen and (max-width: 767px) {
  /* line 1254, style.scss */
  .data__wrap {
    display: flex;
    flex-direction: column;
    gap: 40rem; }
    /* line 1258, style.scss */
    .data__wrap .section__header {
      width: 100%; }
    /* line 1261, style.scss */
    .data__wrap .data__content {
      width: 100%;
      padding-right: 0; }
    /* line 1265, style.scss */
    .data__wrap .data__btn {
      width: 75%;
      display: flex;
      align-items: flex-end;
      padding-left: 0;
      flex-direction: column;
      margin-left: auto; } }
/* ---------------------------------------  TOP 人材をお探しの企業様へ */
/* line 1278, style.scss */
.solution {
  background: var(--base-color); }

/* line 1282, style.scss */
.solution__decoration-text {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 96rem;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 40rem; }

/* line 1292, style.scss */
.solution__content {
  display: flex; }
  /* line 1294, style.scss */
  .solution__content .solution__txt {
    width: 750rem;
    padding-right: 148rem; }
  /* line 1298, style.scss */
  .solution__content .solution__link-list {
    width: calc(100% - 720rem);
    display: flex;
    align-items: center;
    padding-left: 120rem;
    flex-direction: column; }

@media screen and (max-width: 767px) {
  /* line 1308, style.scss */
  .solution__decoration-text {
    font-size: 60rem;
    margin-bottom: 40rem; }

  /* line 1312, style.scss */
  .solution__content {
    flex-direction: column;
    gap: 40rem; }
    /* line 1315, style.scss */
    .solution__content .solution__txt {
      width: 100%;
      padding-right: 0; }
    /* line 1319, style.scss */
    .solution__content .solution__link-list {
      width: 75%;
      padding: 0;
      margin-left: auto; } }
/* --------------------------------------- 
下層ページ共通
--------------------------------------- */
/* line 1330, style.scss */
.page-hero {
  background: url("../img/page-hero_bg.svg") right center no-repeat var(--base-color);
  background-size: contain;
  margin-top: 66rem;
  padding: 60rem 0; }
  @media screen and (max-width: 767px) {
    /* line 1330, style.scss */
    .page-hero {
      background: url("../img/page-hero_bg_sp.svg") right center no-repeat var(--base-color);
      background-size: contain;
      padding: 60rem 24rem; } }
  /* line 1342, style.scss */
  .page-hero .page-hero__inner {
    max-width: 1200rem;
    margin: 0 auto;
    padding: 0 46rem; }
    @media screen and (max-width: 767px) {
      /* line 1342, style.scss */
      .page-hero .page-hero__inner {
        padding: 0; } }

/* line 1351, style.scss */
.page-title {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: 80rem;
  line-height: 1;
  color: var(--main-color); }
  /* line 1357, style.scss */
  .page-title span {
    display: block;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 500;
    font-size: 15rem;
    line-height: 250%;
    letter-spacing: 0.2em;
    color: #000000; }
  @media screen and (max-width: 767px) {
    /* line 1351, style.scss */
    .page-title {
      font-size: 44rem; } }

/* line 1372, style.scss */
main.page-contents {
  min-height: calc(100vh - 713rem);
  padding: 60rem 0 0; }
  @media screen and (max-width: 767px) {
    /* line 1372, style.scss */
    main.page-contents {
      padding: 40rem 0 0; } }

/* --------------------------------------- 共通セクション */
/* line 1382, style.scss */
.base-section {
  max-width: 1200rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0 46rem; }
  @media screen and (max-width: 767px) {
    /* line 1382, style.scss */
    .base-section {
      padding: 0 24rem; } }
  /* line 1391, style.scss */
  .base-section.hp_bottom-line {
    border-bottom: solid 1px var(--main-color); }
  /* line 1394, style.scss */
  .base-section.hp_slim {
    max-width: 1040rem; }

/* --------------------------------------- 共通 メディア */
/* line 1401, style.scss */
.media__header {
  padding: 60rem 0;
  text-align: center; }

/* line 1406, style.scss */
.media__container {
  margin-bottom: 100rem; }
  /* line 1408, style.scss */
  .media__container.hp_nomb {
    margin-bottom: 0; }

/* line 1413, style.scss */
.media-block {
  display: flex;
  align-items: flex-start;
  gap: 40rem;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    /* line 1413, style.scss */
    .media-block {
      flex-direction: column; } }
  /* line 1423, style.scss */
  .media-block.fr {
    flex-direction: row-reverse; }
    @media screen and (max-width: 767px) {
      /* line 1423, style.scss */
      .media-block.fr {
        flex-direction: column; } }

/* line 1432, style.scss */
.media-block__figure {
  width: calc(50% - 20rem);
  background: url(../img/color_rectangle.svg) center no-repeat;
  background-size: contain;
  padding: 0 24rem 34rem 32rem; }
  @media screen and (max-width: 767px) {
    /* line 1432, style.scss */
    .media-block__figure {
      width: 100%; } }
  /* line 1440, style.scss */
  .media-block__figure img {
    width: 100%; }

/* line 1445, style.scss */
.media-block__body {
  width: calc(50% - 20rem); }
  @media screen and (max-width: 767px) {
    /* line 1445, style.scss */
    .media-block__body {
      width: 100%; } }
  /* line 1450, style.scss */
  .media-block__body.hp_no-figure {
    width: 100%; }

/* line 1455, style.scss */
.catchphrase_lv1 {
  font-weight: 700;
  font-size: 48rem;
  line-height: 175%;
  letter-spacing: 0.1em; }
  /* line 1460, style.scss */
  .catchphrase_lv1 span {
    color: #08835b; }
  @media screen and (max-width: 767px) {
    /* line 1455, style.scss */
    .catchphrase_lv1 {
      font-size: 32rem;
      text-align: center; } }

/* --------------------------------------- 
個別ページ　サービスの特徴
--------------------------------------- */
/* line 1473, style.scss */
.service-intro_header {
  padding: 60rem 0;
  text-align: center; }

/* line 1478, style.scss */
.service-intro__container {
  margin-bottom: 100rem; }

/* line 1482, style.scss */
.service-intro__detail {
  position: relative;
  background: var(--base-color);
  padding: 60rem;
  margin-bottom: 80rem; }
  @media screen and (max-width: 767px) {
    /* line 1482, style.scss */
    .service-intro__detail {
      padding: 24rem; } }
  /* line 1490, style.scss */
  .service-intro__detail::before {
    content: "";
    position: absolute;
    top: -30rem;
    left: 50%;
    transform: translateX(-50%);
    width: 68rem;
    height: 62rem;
    background: url("../img/image_triangle_05.svg") center no-repeat;
    background-size: contain; }

/* line 1504, style.scss */
.service__decoration-shape_06::before {
  content: "";
  position: absolute;
  right: 0;
  top: 60rem;
  width: 255rem;
  height: 200rem;
  background: url("../img/image_triangle_06.svg") center no-repeat;
  background-size: contain; }
  @media screen and (max-width: 767px) {
    /* line 1504, style.scss */
    .service__decoration-shape_06::before {
      width: 126rem;
      height: 100rem; } }

/* --------------------------------------- 
個別ページ　流れ
--------------------------------------- */
/* line 1524, style.scss */
.flow-intro {
  padding-left: 33%;
  padding-bottom: 80rem;
  background: url("../img/image_triangle_03.svg") left top no-repeat;
  background-size: 320rem; }
  @media screen and (max-width: 767px) {
    /* line 1524, style.scss */
    .flow-intro {
      padding-left: 24rem;
      background: url("../img/image_triangle_03.svg") left bottom no-repeat;
      background-size: 120rem;
      padding-bottom: 100rem; } }

/* line 1536, style.scss */
.flow__container {
  padding: 80rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32rem; }
  @media screen and (max-width: 767px) {
    /* line 1536, style.scss */
    .flow__container {
      flex-direction: column; } }

/* line 1547, style.scss */
.flow-card {
  width: calc((100% / 3) - 24rem);
  background: #ffffff;
  text-align: center;
  position: relative;
  padding: 16rem 0 78rem 0; }
  @media screen and (max-width: 767px) {
    /* line 1547, style.scss */
    .flow-card {
      width: 100%; } }
  /* line 1556, style.scss */
  .flow-card::before {
    content: "";
    width: 32rem;
    height: 32rem;
    position: absolute;
    left: 6rem;
    top: 6rem;
    background: url("../img/image_triangle_07.svg") left top no-repeat;
    background-size: contain; }
  /* line 1566, style.scss */
  .flow-card .link-button {
    position: absolute;
    bottom: 28rem;
    left: 50%;
    transform: translateX(-50%);
    width: 50%; }

/* line 1575, style.scss */
.flow-card__step-num {
  color: var(--main-color);
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 500;
  font-size: 16px; }
  /* line 1581, style.scss */
  .flow-card__step-num span {
    font-size: 48px;
    display: block;
    padding-top: 4rem; }

/* line 1588, style.scss */
.flow-card__title {
  padding: 16rem 0; }

/* line 1592, style.scss */
.flow-card__figure {
  width: 100%;
  aspect-ratio: 2 / 1;
  margin-bottom: 16rem; }

/* line 1598, style.scss */
.flow-card__txt {
  text-align: left;
  padding: 0 24rem;
  margin-bottom: 24rem; }

/* --------------------------------------- 
個別ページ　利用者の声
--------------------------------------- */
/* line 1609, style.scss */
.voice-index__unit a {
  text-decoration: none;
  color: #000000; }

/* line 1614, style.scss */
.voice-index {
  display: block;
  margin-bottom: 80rem; }
  /* line 1618, style.scss */
  .voice-index .voice-index__inner {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: solid 1px var(--main-color);
    padding-bottom: 40rem; }
    @media screen and (max-width: 767px) {
      /* line 1618, style.scss */
      .voice-index .voice-index__inner {
        flex-direction: column;
        gap: 24rem; } }
  /* line 1632, style.scss */
  .voice-index .voice-index__figure {
    width: 390rem;
    background: url(../img/color_rectangle.svg) center no-repeat;
    background-size: 100% auto;
    padding: 0 24rem; }
    @media screen and (max-width: 767px) {
      /* line 1632, style.scss */
      .voice-index .voice-index__figure {
        width: 80%;
        margin: 0 auto; } }
    /* line 1641, style.scss */
    .voice-index .voice-index__figure img {
      width: 100%; }
  /* line 1646, style.scss */
  .voice-index .voice-index__body {
    width: calc(100% - 430rem); }
    /* line 1648, style.scss */
    .voice-index .voice-index__body.hp_no-figure {
      width: 100%; }
    @media screen and (max-width: 767px) {
      /* line 1646, style.scss */
      .voice-index .voice-index__body {
        width: 100%;
        text-align: center; } }
  /* line 1657, style.scss */
  .voice-index .voice-index__btn {
    width: 100%; }
    /* line 1659, style.scss */
    .voice-index .voice-index__btn .link-button {
      margin-left: auto;
      width: 200rem; }
  /* line 1665, style.scss */
  .voice-index:hover {
    color: var(--main-color); }
    /* line 1667, style.scss */
    .voice-index:hover .link-button__more {
      color: var(--main-color); }
      /* line 1669, style.scss */
      .voice-index:hover .link-button__more::after {
        transform: translateX(20rem); }

/* line 1676, style.scss */
.voice-index__figure__wide {
  width: calc(50% - 30rem);
  background: url(../img/color_rectangle.svg) center no-repeat;
  background-size: 100% auto;
  padding: 0 24rem; }
  @media screen and (max-width: 767px) {
    /* line 1676, style.scss */
    .voice-index__figure__wide {
      width: 60%;
      margin: 0 auto; } }
  /* line 1686, style.scss */
  .voice-index__figure__wide img {
    width: 100%; }

/* line 1691, style.scss */
.voice-index__position {
  color: var(--main-color);
  margin-bottom: 16rem; }

/* line 1696, style.scss */
.voice-index__phrase {
  font-weight: 700;
  font-size: 24rem;
  line-height: 200%;
  letter-spacing: 0.2em;
  margin-bottom: 12rem; }
  @media screen and (max-width: 767px) {
    /* line 1696, style.scss */
    .voice-index__phrase {
      font-size: 20rem; } }

/* line 1707, style.scss */
.voice-index__date {
  font-size: 12rem;
  line-height: 175%;
  letter-spacing: 0.1em;
  color: #c8c8c8;
  margin-bottom: 16rem; }

/* line 1715, style.scss */
.voice-index__detail {
  color: var(--main-color); }

/* --------------------------------------- 
個別ページ　会社概要
--------------------------------------- */
/* line 1723, style.scss */
.company-section_header {
  padding: 60rem 0;
  text-align: center; }
  @media screen and (max-width: 767px) {
    /* line 1723, style.scss */
    .company-section_header {
      padding: 24rem 0; } }

/* line 1731, style.scss */
.company-intro {
  margin-bottom: 120rem; }
  @media screen and (max-width: 767px) {
    /* line 1731, style.scss */
    .company-intro {
      margin-bottom: 60rem; } }

/* line 1737, style.scss */
.company-intro__inner {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 767px) {
    /* line 1737, style.scss */
    .company-intro__inner {
      flex-direction: column; } }

/* line 1746, style.scss */
.company-intro__logo {
  width: 50%;
  padding: 0 10%; }
  @media screen and (max-width: 767px) {
    /* line 1746, style.scss */
    .company-intro__logo {
      width: 65%;
      padding: 40rem 0; } }

/* line 1755, style.scss */
.company-intro__txt {
  width: 50%;
  border-left: solid 1px #000000;
  padding: 24rem 0 24rem 40rem; }
  @media screen and (max-width: 767px) {
    /* line 1755, style.scss */
    .company-intro__txt {
      width: 100%;
      padding: 24rem;
      border-left: none; } }

/* line 1766, style.scss */
.company-intro__txt__main {
  font-weight: 700;
  font-size: 44px;
  line-height: 175%;
  margin-bottom: 40rem; }
  @media screen and (max-width: 767px) {
    /* line 1766, style.scss */
    .company-intro__txt__main {
      font-size: 28px;
      text-align: center; } }
  /* line 1775, style.scss */
  .company-intro__txt__main span {
    color: var(--main-color); }

/* line 1780, style.scss */
.company-about__wrap {
  position: relative; }
  /* line 1782, style.scss */
  .company-about__wrap .company__decoration-shape_01 {
    content: "";
    position: absolute;
    left: 0;
    top: -240rem;
    width: 325rem;
    height: 347rem;
    background: url("../img/company/ecoration-shape_01.svg") center no-repeat;
    background-size: contain; }
    @media screen and (max-width: 767px) {
      /* line 1782, style.scss */
      .company-about__wrap .company__decoration-shape_01 {
        left: 0;
        top: -115rem;
        width: 163rem;
        height: 170rem; } }

/* line 1800, style.scss */
.company-about {
  padding: 80rem; }
  @media screen and (max-width: 767px) {
    /* line 1800, style.scss */
    .company-about {
      padding: 60rem 24rem; } }
  /* line 1805, style.scss */
  .company-about .company-about__txt {
    padding-top: 24rem; }

/* line 1810, style.scss */
.company-informaton {
  padding-left: 80rem;
  padding-right: 80rem;
  margin-bottom: 120rem; }
  @media screen and (max-width: 767px) {
    /* line 1810, style.scss */
    .company-informaton {
      padding: 24rem;
      margin-bottom: 80rem; } }

/* line 1821, style.scss */
.gmap iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 5;
  border: 0; }
  @media screen and (max-width: 767px) {
    /* line 1821, style.scss */
    .gmap iframe {
      aspect-ratio: 88 / 103; } }

/* line 1834, style.scss */
.company-access__txt {
  padding: 40rem 80rem 80rem 80rem; }
  @media screen and (max-width: 767px) {
    /* line 1834, style.scss */
    .company-access__txt {
      padding: 24rem; } }

/* --------------------------------------- 
個別ページ　データ紹介
--------------------------------------- */
/* 全体 */
/* line 1846, style.scss */
.data-page {
  display: flex;
  flex-wrap: wrap;
  gap: 60rem 3%;
  justify-content: space-between; }

/* 共通 */
/* line 1854, style.scss */
.data-section {
  display: flex;
  flex-direction: column;
  background: var(--base-color); }

/* line 1860, style.scss */
.data-title {
  background: #ffffff;
  padding: 8rem 0; }

/* line 1865, style.scss */
.data-box {
  padding: 24rem;
  justify-content: center;
  align-items: center;
  flex-direction: column; }

/* レイアウト幅指定 */
/* line 1873, style.scss */
.data-section.full {
  flex: 0 0 100%; }

/* line 1877, style.scss */
.data-section.half {
  flex: 0 0 48%; }

/* line 1881, style.scss */
.data-section.third {
  flex: 0 0 31%; }

/* line 1885, style.scss */
.data-box .number-of-employees {
  max-width: 677rem;
  margin: 0 auto; }

/* line 1892, style.scss */
.half .data-box p {
  display: block;
  text-align: center; }
  /* line 1895, style.scss */
  .half .data-box p img {
    width: 85%; }
    @media screen and (max-width: 767px) {
      /* line 1895, style.scss */
      .half .data-box p img {
        width: 100%; } }

@media screen and (max-width: 767px) {
  /* line 1906, style.scss */
  .data-section.full,
  .data-section.half,
  .data-section.third {
    flex: 0 0 100%; }

  /* line 1912, style.scss */
  .data-page {
    gap: 30rem;
    padding: 0 16px; } }
/* --------------------------------------- 
個別ページ　FAQ
--------------------------------------- */
/* line 1924, style.scss */
#faq-b .faq-index .faq-index__list {
  position: relative;
  list-style: none;
  border-bottom: 1px solid #c8c8c8; }
  /* line 1928, style.scss */
  #faq-b .faq-index .faq-index__list::before {
    content: "";
    position: absolute;
    width: 260rem;
    height: 1px;
    background: var(--main-color);
    left: 0;
    bottom: -1px; }
    @media screen and (max-width: 767px) {
      /* line 1928, style.scss */
      #faq-b .faq-index .faq-index__list::before {
        width: 160rem; } }
  /* line 1940, style.scss */
  #faq-b .faq-index .faq-index__list .question {
    position: relative;
    width: 100%;
    padding: 16rem 48rem;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      /* line 1940, style.scss */
      #faq-b .faq-index .faq-index__list .question {
        padding: 16rem 48rem; } }
    /* line 1950, style.scss */
    #faq-b .faq-index .faq-index__list .question::after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 40rem;
      height: 40rem;
      background: url("../img/open.svg") center no-repeat;
      background-size: contain;
      -webkit-transition: 0.3s ease;
      transition: 0.3s ease; }
    /* line 1963, style.scss */
    #faq-b .faq-index .faq-index__list .question span {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 40rem;
      height: 40rem;
      font-size: 18px;
      text-align: center;
      line-height: 40rem;
      color: #ffffff;
      font-family: "Roboto Condensed", sans-serif;
      background: linear-gradient(271.71deg, #118b63 -16.21%, #81bc20 48.55%); }
    /* line 1982, style.scss */
    #faq-b .faq-index .faq-index__list .question:hover {
      color: var(--main-color); }
  /* line 1987, style.scss */
  #faq-b .faq-index .faq-index__list .answer {
    display: none;
    margin-bottom: 24rem;
    padding: 24rem;
    background-color: var(--base-color);
    font-weight: 400; }
  /* line 1996, style.scss */
  #faq-b .faq-index .faq-index__list.is-active .question::after {
    background: url("../img/close.svg") center no-repeat;
    background-size: contain; }
/* line 2004, style.scss */
#faq-b .faq-index {
  padding: 0 0 24rem 0; }

/* --------------------------------------- 
個別ページ　FAQ インデックスバージョン
--------------------------------------- */
/* line 2014, style.scss */
.faq__ver-a .faq-index .faq-index__list {
  position: relative;
  list-style: none; }
  /* line 2018, style.scss */
  .faq__ver-a .faq-index .faq-index__list .question {
    position: relative;
    width: 100%;
    padding: 16rem 48rem;
    cursor: pointer; }
    @media screen and (max-width: 767px) {
      /* line 2018, style.scss */
      .faq__ver-a .faq-index .faq-index__list .question {
        padding: 16rem 48rem; } }
    /* line 2028, style.scss */
    .faq__ver-a .faq-index .faq-index__list .question span {
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 40rem;
      height: 40rem;
      font-size: 18px;
      text-align: center;
      line-height: 40rem;
      color: #ffffff;
      font-family: "Roboto Condensed", sans-serif;
      background: linear-gradient(271.71deg, #118b63 -16.21%, #81bc20 48.55%); }
  /* line 2049, style.scss */
  .faq__ver-a .faq-index .faq-index__list .answer {
    display: block;
    margin-bottom: 24rem;
    padding: 24rem;
    background-color: var(--base-color);
    font-weight: 400; }
  /* line 2058, style.scss */
  .faq__ver-a .faq-index .faq-index__list.is-active .question::after {
    background: url("../img/close.svg") center no-repeat;
    background-size: contain; }

/* line 2068, style.scss */
.faq-index__list__ver-a {
  padding: 16rem 24rem 24rem 24rem;
  background: #ffffff;
  border-bottom: none;
  margin-bottom: 40rem; }

/* line 2075, style.scss */
.question {
  border-bottom: 1px solid #c8c8c8; }
  /* line 2077, style.scss */
  .question::before {
    content: "";
    position: absolute;
    width: 260rem;
    height: 1px;
    background: var(--main-color);
    left: 0;
    bottom: -1px; }
    @media screen and (max-width: 767px) {
      /* line 2077, style.scss */
      .question::before {
        width: 160rem; } }

/* line 2091, style.scss */
.answer_ver-a {
  padding-top: 16rem; }

/* line 2095, style.scss */
a {
  text-decoration: none; }
  /* line 2097, style.scss */
  a .question__index {
    text-decoration: none;
    color: #000000; }

/* line 2103, style.scss */
.faq-index {
  padding: 40rem 0; }
  /* line 2107, style.scss */
  .faq-index .faq-index__list .question__index::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40rem;
    height: 40rem;
    background: url("../img/link_arrow_down.svg") center no-repeat;
    background-size: contain;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease; }

/* --------------------------------------- 
個別ページ　お問い合わせ
--------------------------------------- */
/* line 2127, style.scss */
.form__wrap {
  padding: 80rem 0; }

/* line 2130, style.scss */
.form__group {
  margin-bottom: 40rem; }
  /* line 2132, style.scss */
  .form__group .form__label {
    display: flex;
    align-items: center;
    margin-bottom: 12rem; }
  /* line 2138, style.scss */
  .form__group .form__badge {
    display: inline-block;
    background-color: var(--main-color);
    color: #fff;
    font-size: 12rem;
    padding: 6rem 8rem;
    border-radius: 16rem;
    margin-left: 8rem;
    line-height: 1; }
  /* line 2149, style.scss */
  .form__group .form__note {
    font-size: 12rem;
    margin-left: 8rem;
    font-weight: normal; }
  /* line 2155, style.scss */
  .form__group .form__input {
    width: 100%;
    padding: 16rem 16rem;
    border: 1px solid #dcdcdc;
    border-radius: 8rem;
    transition: border-color 0.3s;
    font-size: 16rem; }
  /* line 2164, style.scss */
  .form__group .form__input:focus {
    outline: none;
    border-color: var(--main-color); }
  /* line 2169, style.scss */
  .form__group .form__input::placeholder {
    color: #ccc; }
  /* line 2173, style.scss */
  .form__group .form__textarea {
    width: 100%;
    padding: 16rem 16rem;
    border: 1px solid #dcdcdc;
    border-radius: 8rem;
    min-height: 150px;
    resize: vertical;
    font-size: 16rem;
    transition: border-color 0.3s; }
  /* line 2184, style.scss */
  .form__group .form__textarea:focus {
    outline: none;
    border-color: var(--main-color); }
  /* line 2189, style.scss */
  .form__group .form__textarea::placeholder {
    color: #ccc; }
  /* line 2193, style.scss */
  .form__group .form__radio-group {
    display: flex;
    gap: 30px;
    margin-top: 10px; }
    @media screen and (max-width: 767px) {
      /* line 2198, style.scss */
      .form__group .form__radio-group .form__radio-group {
        flex-direction: column;
        gap: 15px; } }
  /* line 2205, style.scss */
  .form__group .form__radio-item {
    display: flex;
    align-items: center; }
  /* line 2210, style.scss */
  .form__group .form__notice {
    margin: 30px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.8;
    color: #666; }
  /* line 2219, style.scss */
  .form__group .form__txt {
    border-bottom: solid 1px #000000;
    padding-bottom: 8rem;
    font-weight: 400; }

/* --ラジオボタン-- */
/* line 2228, style.scss */
.form__radio-input {
  appearance: none;
  -webkit-appearance: none;
  width: 32rem;
  height: 32rem;
  margin-right: 16rem;
  cursor: pointer;
  border: 2px solid #ddd;
  background: #ffffff;
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease;
  flex-shrink: 0; }

/* line 2243, style.scss */
.form__radio-input:hover {
  border-color: var(--main-color); }

/* line 2247, style.scss */
.form__radio-input:checked {
  border-color: var(--main-color);
  background-color: #fff; }

/* line 2252, style.scss */
.form__radio-input:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20rem;
  height: 20rem;
  background-color: var(--main-color);
  border-radius: 50%;
  animation: radioScale 0.3s ease; }

@keyframes radioScale {
  0% {
    transform: translate(-50%, -50%) scale(0); }
  50% {
    transform: translate(-50%, -50%) scale(1.2); }
  100% {
    transform: translate(-50%, -50%) scale(1); } }
/* line 2277, style.scss */
.form__radio-label {
  font-size: 16rem;
  cursor: pointer;
  user-select: none;
  transition: color 0.3s ease; }

/* line 2284, style.scss */
.form__radio-input:checked + .form__radio-label {
  color: var(--main-color); }

/* --送信ボタン-- */
/* line 2290, style.scss */
.form__submit {
  text-align: center;
  padding: 40rem 0 0 0; }

/* line 2295, style.scss */
.form__button {
  position: relative;
  background: linear-gradient(90deg, #8fc218 0%, #08835b 100%);
  color: #fff;
  width: 300rem;
  padding: 12rem 48rem;
  border: none;
  border-radius: 4rem;
  font-weight: 700;
  font-size: 18rem;
  letter-spacing: 0.15em;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.3s;
  margin: 0 auto; }

/* line 2312, style.scss */
.form__button:hover {
  background-color: #689f38; }

/* line 2317, style.scss */
.form__button::after {
  content: "";
  position: absolute;
  right: 8rem;
  top: 50%;
  transform: translateY(-50%);
  width: 40rem;
  height: 40rem;
  background: url("../img/arrow_next_w.svg") center no-repeat;
  background-size: contain; }

/* --------------------------------------- 
個別ページ　お知らせ
--------------------------------------- */
/* line 2334, style.scss */
.news-list__item {
  position: relative;
  list-style: none;
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 24rem;
  padding-bottom: 8rem; }
  /* line 2340, style.scss */
  .news-list__item .news-list__date {
    font-size: 12rem;
    line-height: 175%;
    letter-spacing: 0.1em;
    color: #c8c8c8; }

/* --------------------------------------- 
個別ページ　お役立ち情報
--------------------------------------- */
/* line 2352, style.scss */
.el_tips-main-image {
  max-width: 55%;
  margin: 0 auto;
  padding: 40rem 0; }
  @media screen and (max-width: 767px) {
    /* line 2352, style.scss */
    .el_tips-main-image {
      max-width: 100%;
      padding: 16rem 0; } }

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