@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/*@mixin font-deco {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}*/
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
body {
  background-color: #f5f5f5; }

/* anchor
---------------------------------------------------------------------------*/
.anchor {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0; }
  .anchor ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px 30px; }
    @media screen and (max-width: 1300px) {
      .anchor ul {
        gap: 1.8461538462vw 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .anchor ul {
        gap: 2.6666666667vw; } }
    .anchor ul li {
      margin: 0 !important; }
      .anchor ul li a {
        background-color: rgba(129, 210, 0, 0.15);
        border-radius: 5px; }
        @media screen and (max-width: 1300px) {
          .anchor ul li a {
            border-radius: 0.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .anchor ul li a {
            border-radius: 1.3333333333vw; } }

/* benefit - common
---------------------------------------------------------------------------*/
.benefit-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 46px;
  margin-bottom: 54px; }
  @media screen and (max-width: 1300px) {
    .benefit-ttl {
      gap: 3.5384615385vw;
      margin-bottom: 4.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .benefit-ttl {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      margin-bottom: 7.2vw; } }
  .benefit-ttl::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background-color: #81d200; }
    @media screen and (max-width: 480px) {
      .benefit-ttl::after {
        width: 100%; } }
  .benefit-ttl .ja {
    font-size: 30px;
    line-height: 1.1; }
    @media screen and (max-width: 1300px) {
      .benefit-ttl .ja {
        font-size: 2.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .benefit-ttl .ja {
        font-size: 8vw; } }
  .benefit-ttl .en {
    font-size: 40px;
    line-height: 1.1;
    font-family: "Cormorant Garamond", serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0;
    color: #81D200; }
    @media screen and (max-width: 1300px) {
      .benefit-ttl .en {
        font-size: 3.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .benefit-ttl .en {
        font-size: 10.6666666667vw; } }
    @media screen and (max-width: 480px) {
      .benefit-ttl .en {
        font-size: 6.6666666667vw; } }

/* education
---------------------------------------------------------------------------*/
.education {
  padding-top: 120px; }
  @media screen and (max-width: 1300px) {
    .education {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .education {
      padding-top: 16vw; } }
  .education ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px 36px; }
    @media screen and (max-width: 1300px) {
      .education ul {
        gap: 4.9230769231vw 2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .education ul {
        gap: 5.3333333333vw; } }
    .education ul li {
      width: calc((100% - 36px) / 2); }
      @media screen and (max-width: 1300px) {
        .education ul li {
          width: calc((100% - 2.76923vw) / 2); } }
      @media screen and (max-width: 480px) {
        .education ul li {
          width: 100%; } }
      .education ul li .ttl {
        color: #51a821;
        font-size: 24px;
        margin-top: 0.5em;
        width: calc(100% + 1em);
        letter-spacing: .05em; }
        @media screen and (max-width: 1300px) {
          .education ul li .ttl {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .education ul li .ttl {
            font-size: 6.4vw; } }
        @media screen and (max-width: 480px) {
          .education ul li .ttl {
            width: 100%;
            line-height: 1.7;
            margin-bottom: 0.5em; } }
      .education ul li .limited {
        margin-top: 0.5em; }
        .education ul li .limited span {
          background-color: rgba(81, 168, 33, 0.15);
          border-radius: 5px;
          padding: .2em .5em;
          line-height: 1.7; }
          @media screen and (max-width: 1300px) {
            .education ul li .limited span {
              border-radius: 0.3846153846vw; } }
          @media screen and (max-width: 480px) {
            .education ul li .limited span {
              border-radius: 1.3333333333vw; } }

/* employee
---------------------------------------------------------------------------*/
.employee {
  padding-top: 120px; }
  @media screen and (max-width: 1300px) {
    .employee {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .employee {
      padding-top: 16vw; } }
  .employee ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 36px;
    margin-top: 46px; }
    @media screen and (max-width: 1300px) {
      .employee ul {
        gap: 2.7692307692vw;
        margin-top: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .employee ul {
        gap: 5.3333333333vw;
        margin-top: 8vw; } }
    .employee ul li {
      width: calc((100% - 36px) / 2); }
      @media screen and (max-width: 1300px) {
        .employee ul li {
          width: calc((100% - 2.76923vw) / 2); } }
      @media screen and (max-width: 480px) {
        .employee ul li {
          width: 100%; } }
      .employee ul li h3 {
        background-color: #e6f6cc;
        border-radius: 5px;
        padding: .2em 1em;
        line-height: 1.7;
        color: #51a821;
        font-size: 24px;
        letter-spacing: .1em; }
        @media screen and (max-width: 1300px) {
          .employee ul li h3 {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .employee ul li h3 {
            font-size: 6.4vw; } }
        @media screen and (max-width: 1300px) {
          .employee ul li h3 {
            border-radius: 0.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .employee ul li h3 {
            border-radius: 1.3333333333vw; } }
      .employee ul li p {
        margin-top: 0.5em; }

/* evaluation
---------------------------------------------------------------------------*/
.evaluation {
  padding-top: 120px; }
  @media screen and (max-width: 1300px) {
    .evaluation {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .evaluation {
      padding-top: 16vw; } }
  .evaluation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 64px 36px; }
    @media screen and (max-width: 1300px) {
      .evaluation ul {
        gap: 4.9230769231vw 2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .evaluation ul {
        gap: 5.3333333333vw; } }
    .evaluation ul li {
      width: calc((100% - 36px) / 2); }
      @media screen and (max-width: 1300px) {
        .evaluation ul li {
          width: calc((100% - 2.76923vw) / 2); } }
      @media screen and (max-width: 480px) {
        .evaluation ul li {
          width: 100%; } }
      .evaluation ul li .ttl {
        color: #51a821;
        font-size: 24px;
        margin-top: 0.5em;
        width: calc(100% + 1em);
        letter-spacing: .05em; }
        @media screen and (max-width: 1300px) {
          .evaluation ul li .ttl {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .evaluation ul li .ttl {
            font-size: 6.4vw; } }
        @media screen and (max-width: 480px) {
          .evaluation ul li .ttl {
            width: 100%; } }

/* compensation
---------------------------------------------------------------------------*/
.compensation {
  padding-top: 120px; }
  @media screen and (max-width: 1300px) {
    .compensation {
      padding-top: 9.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .compensation {
      padding-top: 16vw; } }
  .compensation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 36px;
    margin-top: 46px; }
    @media screen and (max-width: 1300px) {
      .compensation ul {
        gap: 2.7692307692vw;
        margin-top: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .compensation ul {
        gap: 5.3333333333vw;
        margin-top: 8vw; } }
    .compensation ul li {
      width: calc((100% - 36px) / 2); }
      @media screen and (max-width: 1300px) {
        .compensation ul li {
          width: calc((100% - 2.76923vw) / 2); } }
      @media screen and (max-width: 480px) {
        .compensation ul li {
          width: 100%; } }
      .compensation ul li h3 {
        background-color: #e6f6cc;
        border-radius: 5px;
        padding: .2em 1em;
        line-height: 1.7;
        color: #51a821;
        font-size: 24px;
        letter-spacing: .1em; }
        @media screen and (max-width: 1300px) {
          .compensation ul li h3 {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .compensation ul li h3 {
            font-size: 6.4vw; } }
        @media screen and (max-width: 1300px) {
          .compensation ul li h3 {
            border-radius: 0.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .compensation ul li h3 {
            border-radius: 1.3333333333vw; } }
      .compensation ul li p {
        margin-top: 0.5em; }