@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400, medium: 500, bold: 700 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/*@mixin font-deco {
	font-family: "Fuggles", cursive;
	font-weight: 400;
	font-style: normal;
}*/
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 縦書き */
/* 内径 */
/* recruit
---------------------------------------------------------------------------*/
.recruit {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 108px;
  text-align: center; }
  @media screen and (max-width: 1300px) {
    .recruit {
      width: 84.6153846154vw;
      padding-bottom: 8.3076923077vw; } }
  @media screen and (max-width: 480px) {
    .recruit {
      width: 88vw;
      padding-bottom: 16vw; } }
  .recruit-catch {
    font-family: "Hiragino Mincho ProN", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 34px; }
    @media screen and (max-width: 1300px) {
      .recruit-catch {
        font-size: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .recruit-catch {
        font-size: 5.3333333333vw; } }
    @media screen and (max-width: 1300px) {
      .recruit-catch {
        margin-bottom: 2.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .recruit-catch {
        font-size: 4.8vw;
        margin-bottom: 6.4vw;
        text-align: left; } }
  .recruit-img {
    width: 842px;
    margin: 0 auto 54px; }
    @media screen and (max-width: 1300px) {
      .recruit-img {
        width: 64.7692307692vw;
        margin: 0 auto 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .recruit-img {
        width: 100%;
        margin: 0 auto 6.4vw; } }
  .recruit-desc {
    font-size: 16px;
    line-height: 1.5; }
    @media screen and (max-width: 1300px) {
      .recruit-desc {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .recruit-desc {
        font-size: 4.2666666667vw; } }
    @media screen and (max-width: 480px) {
      .recruit-desc {
        font-size: 4vw;
        text-align: left; } }
  .recruit-deco li {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1; }
    .recruit-deco li:nth-of-type(1) {
      width: 379px;
      height: 349px;
      top: 0;
      left: -138px; }
      @media screen and (max-width: 1300px) {
        .recruit-deco li:nth-of-type(1) {
          width: 29.1538461538vw;
          height: 26.8461538462vw;
          left: -10.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .recruit-deco li:nth-of-type(1) {
          width: 50.1333333333vw;
          height: 46.6666666667vw;
          top: -13.3333333333vw;
          left: 0; } }
    .recruit-deco li:nth-of-type(2) {
      width: 467px;
      height: 465px;
      bottom: -185px;
      right: -138px; }
      @media screen and (max-width: 1300px) {
        .recruit-deco li:nth-of-type(2) {
          width: 35.9230769231vw;
          height: 35.7692307692vw;
          bottom: -14.2307692308vw;
          right: -10.6153846154vw; } }
      @media screen and (max-width: 480px) {
        .recruit-deco li:nth-of-type(2) {
          width: 100.8vw;
          height: 103.4666666667vw;
          bottom: -78.1333333333vw;
          right: -40.2666666667vw; } }

/* aboutus
---------------------------------------------------------------------------*/
.aboutus {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .aboutus {
      width: 84.6153846154vw;
      padding-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .aboutus {
      width: 88vw;
      padding-bottom: 16vw; } }
  .aboutus-cnts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .aboutus-cnts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .aboutus-cnts-img {
      width: 442px; }
      @media screen and (max-width: 1300px) {
        .aboutus-cnts-img {
          width: 34vw; } }
      @media screen and (max-width: 480px) {
        .aboutus-cnts-img {
          width: 100%;
          margin-bottom: 6.4vw; } }
      .aboutus-cnts-img img {
        border-radius: 20px; }
        @media screen and (max-width: 1300px) {
          .aboutus-cnts-img img {
            border-radius: 1.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .aboutus-cnts-img img {
            width: 100%;
            height: 85.3333333333vw;
            border-radius: 5.3333333333vw; } }
    .aboutus-cnts-tx {
      width: 628px; }
      @media screen and (max-width: 1300px) {
        .aboutus-cnts-tx {
          width: 48.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .aboutus-cnts-tx {
          width: 100%; } }
      .aboutus-cnts-tx dl + dl {
        margin-top: 24px; }
        @media screen and (max-width: 1300px) {
          .aboutus-cnts-tx dl + dl {
            margin-top: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .aboutus-cnts-tx dl + dl {
            margin-top: 6.4vw; } }
      .aboutus-cnts-tx dl dt {
        font-family: "Hiragino Mincho ProN", serif;
        font-optical-sizing: auto;
        font-weight: 300;
        font-style: normal;
        font-size: 24px;
        font-weight: 600;
        color: #2E919F;
        margin-bottom: 14px; }
        @media screen and (max-width: 1300px) {
          .aboutus-cnts-tx dl dt {
            font-size: 1.8461538462vw; } }
        @media screen and (max-width: 480px) {
          .aboutus-cnts-tx dl dt {
            font-size: 6.4vw; } }
        @media screen and (max-width: 1300px) {
          .aboutus-cnts-tx dl dt {
            margin-bottom: 1.0769230769vw; } }
        @media screen and (max-width: 480px) {
          .aboutus-cnts-tx dl dt {
            font-size: 5.3333333333vw;
            margin-bottom: 2.6666666667vw; } }
      .aboutus-cnts-tx dl dd {
        font-size: 16px;
        line-height: 1.5; }
        @media screen and (max-width: 1300px) {
          .aboutus-cnts-tx dl dd {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .aboutus-cnts-tx dl dd {
            font-size: 4.2666666667vw; } }
        @media screen and (max-width: 480px) {
          .aboutus-cnts-tx dl dd {
            font-size: 4vw; } }

/* occupations
---------------------------------------------------------------------------*/
.occupations {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .occupations {
      width: 84.6153846154vw;
      padding-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .occupations {
      width: 88vw;
      padding-bottom: 16vw; } }
  .occupations table {
    width: 100%; }
    @media screen and (max-width: 480px) {
      .occupations table {
        display: none; } }
    .occupations table th, .occupations table td {
      font-size: 16px;
      padding: 16px; }
      @media screen and (max-width: 1300px) {
        .occupations table th, .occupations table td {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .occupations table th, .occupations table td {
          font-size: 4.2666666667vw; } }
      @media screen and (max-width: 1300px) {
        .occupations table th, .occupations table td {
          padding: 1.2307692308vw; } }
    .occupations table th {
      font-weight: 700; }
    .occupations table td {
      border-bottom: 1px dashed #B7B7B7; }
    .occupations table tr:last-of-type td {
      border-bottom: none; }
  .occupations dl {
    display: none; }
    @media screen and (max-width: 480px) {
      .occupations dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .occupations dl dt, .occupations dl dd {
          font-size: 4vw;
          padding: 2.1333333333vw;
          line-height: 1.5; }
        .occupations dl dt {
          font-weight: 500;
          width: 24vw; }
        .occupations dl dd {
          width: calc(100% - 24vw); }
        .occupations dl + dl {
          border-top: 1px dashed #B7B7B7;
          padding-top: 4.2666666667vw;
          margin-top: 4.2666666667vw; } }

/* interview
---------------------------------------------------------------------------*/
.interview {
  position: relative;
  width: 1340px;
  margin: 0 auto 96px;
  padding: 54px 120px 100px;
  background-color: #F7F6F0;
  border-radius: 20px; }
  @media screen and (max-width: 1300px) {
    .interview {
      width: 98.4615384615vw;
      padding: 4.1538461538vw 6.9230769231vw 7.6923076923vw;
      border-radius: 1.5384615385vw; } }
  @media screen and (max-width: 480px) {
    .interview {
      width: 100%;
      border-radius: 0;
      padding: 13.3333333333vw 6vw 16vw; } }
  .interview ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 36px; }
    @media screen and (max-width: 1300px) {
      .interview ul {
        gap: 2.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .interview ul {
        gap: 9.6vw; } }
    .interview ul li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      gap: 15px; }
      @media screen and (max-width: 1300px) {
        .interview ul li {
          gap: 1.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .interview ul li {
          gap: 2.6666666667vw; } }
  .interview-img {
    width: 144px; }
    @media screen and (max-width: 1300px) {
      .interview-img {
        width: 11.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .interview-img {
        width: 22.6666666667vw; } }
    .interview-img img {
      width: 100%;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      border: 1px solid #AE9051; }
  .interview-tx {
    flex: 1; }
    .interview-tx-desc {
      font-size: 18px;
      line-height: 1.7;
      margin-bottom: 12px; }
      @media screen and (max-width: 1300px) {
        .interview-tx-desc {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .interview-tx-desc {
          font-size: 4.8vw; } }
      @media screen and (max-width: 1300px) {
        .interview-tx-desc {
          margin-bottom: 0.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .interview-tx-desc {
          font-size: 4vw;
          margin-bottom: 2.1333333333vw; }
          .interview-tx-desc br {
            display: none; } }
    .interview-tx-name {
      color: #AE9051;
      padding-top: 0.5em;
      padding-left: 1em;
      text-indent: -1em;
      line-height: 1.5; }
      @media screen and (max-width: 480px) {
        .interview-tx-name {
          margin-bottom: 2.6em; } }
      .interview-tx-name strong {
        font-size: 20px;
        font-weight: 700; }
        @media screen and (max-width: 1300px) {
          .interview-tx-name strong {
            font-size: 1.5384615385vw; } }
        @media screen and (max-width: 480px) {
          .interview-tx-name strong {
            font-size: 5.3333333333vw; } }
      .interview-tx-name small {
        font-size: 16px;
        font-weight: 700;
        margin-right: 0.5em; }
        @media screen and (max-width: 1300px) {
          .interview-tx-name small {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .interview-tx-name small {
            font-size: 4.2666666667vw; } }
      .interview-tx-name span {
        font-size: 16px;
        font-weight: 700; }
        @media screen and (max-width: 1300px) {
          .interview-tx-name span {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .interview-tx-name span {
            font-size: 4.2666666667vw; } }
    .interview-tx dl {
      margin-top: 1.8em;
      padding-left: 1em; }
      @media screen and (max-width: 480px) {
        .interview-tx dl {
          margin-left: -26vw;
          margin-right: auto;
          padding-left: 0; } }
      .interview-tx dl dt, .interview-tx dl dd {
        position: relative;
        padding-left: 30px;
        line-height: 1.5; }
        @media screen and (max-width: 1300px) {
          .interview-tx dl dt, .interview-tx dl dd {
            padding-left: 2.3076923077vw; } }
        @media screen and (max-width: 480px) {
          .interview-tx dl dt, .interview-tx dl dd {
            padding-left: 8vw; } }
        .interview-tx dl dt::before, .interview-tx dl dd::before {
          position: absolute;
          left: 0;
          top: 0;
          font-size: 18px;
          color: #AE9051;
          font-family: "Hiragino Mincho ProN", serif;
          font-optical-sizing: auto;
          font-weight: 300;
          font-style: normal; }
          @media screen and (max-width: 1300px) {
            .interview-tx dl dt::before, .interview-tx dl dd::before {
              font-size: 1.3846153846vw; } }
          @media screen and (max-width: 480px) {
            .interview-tx dl dt::before, .interview-tx dl dd::before {
              font-size: 4.8vw; } }
      .interview-tx dl dt {
        font-size: 18px;
        font-weight: 700; }
        @media screen and (max-width: 1300px) {
          .interview-tx dl dt {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .interview-tx dl dt {
            font-size: 4.8vw; } }
        .interview-tx dl dt::before {
          content: "Q"; }
      .interview-tx dl dd {
        margin-top: .8em;
        font-size: 16px; }
        @media screen and (max-width: 1300px) {
          .interview-tx dl dd {
            font-size: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .interview-tx dl dd {
            font-size: 4.2666666667vw; } }
        .interview-tx dl dd::before {
          content: "A"; }

/* environment
---------------------------------------------------------------------------*/
.environment {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .environment {
      width: 84.6153846154vw;
      padding-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .environment {
      width: 88vw;
      padding-bottom: 16vw; } }
  .environment ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 480px) {
      .environment ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10.6666666667vw; } }
    .environment ul li {
      width: calc(100% / 4); }
      @media screen and (max-width: 480px) {
        .environment ul li {
          width: 100%; } }
  .environment-img {
    width: 105px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .environment-img {
        width: 8.0769230769vw;
        margin-bottom: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .environment-img {
        width: 28vw;
        margin-bottom: 6.4vw; } }
    .environment-img img {
      width: 100%;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      border: 1px solid #AE9051; }
  .environment-desc {
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1.5;
    text-align: center; }
    @media screen and (max-width: 1300px) {
      .environment-desc {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .environment-desc {
        font-size: 4.2666666667vw; } }

/* personality
---------------------------------------------------------------------------*/
.personality {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .personality {
      width: 84.6153846154vw;
      padding-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .personality {
      width: 88vw;
      padding-bottom: 16vw; } }
  .personality ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 56px; }
    @media screen and (max-width: 1300px) {
      .personality ul {
        gap: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .personality ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10.6666666667vw; } }
    .personality ul li {
      width: 316px; }
      @media screen and (max-width: 1300px) {
        .personality ul li {
          width: 24.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .personality ul li {
          width: 84.2666666667vw; } }
  .personality-img {
    position: relative;
    padding: 0 6px 6px 0;
    margin-bottom: 16px; }
    @media screen and (max-width: 1300px) {
      .personality-img {
        margin-bottom: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .personality-img {
        margin-bottom: 4.2666666667vw; } }
    .personality-img::before {
      content: "";
      position: absolute;
      width: calc(100% - 6px);
      height: calc(100% - 6px);
      background-color: rgba(174, 144, 81, 0.2);
      right: 0;
      bottom: 0;
      z-index: -1; }
      @media screen and (max-width: 1300px) {
        .personality-img::before {
          width: calc(100% - .46vw);
          height: calc(100% - .46vw); } }
      @media screen and (max-width: 480px) {
        .personality-img::before {
          width: calc(100% - 1.6vw);
          height: calc(100% - 1.6vw); } }
  .personality-desc {
    font-size: 16px;
    letter-spacing: .1em;
    line-height: 1.5;
    text-align: center; }
    @media screen and (max-width: 1300px) {
      .personality-desc {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .personality-desc {
        font-size: 4.2666666667vw; } }

/* flow
---------------------------------------------------------------------------*/
.flow {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .flow {
      width: 84.6153846154vw;
      padding-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .flow {
      width: 88vw;
      padding-bottom: 16vw; } }
  .flow ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 60px; }
    @media screen and (max-width: 1300px) {
      .flow ul {
        gap: 4.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .flow ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12.2666666667vw; } }
    .flow ul li {
      width: 218px;
      border: 1px solid #AE9051;
      border-radius: 20px;
      padding: 24px; }
      @media screen and (max-width: 1300px) {
        .flow ul li {
          width: 16.7692307692vw;
          border-radius: 1.5384615385vw;
          padding: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .flow ul li {
          width: 58.1333333333vw;
          border-radius: 5.3333333333vw;
          padding: 6.4vw; } }
      .flow ul li + li {
        position: relative; }
        .flow ul li + li::before {
          position: absolute;
          content: "";
          width: 0;
          height: 0;
          border-left: 7px solid #AE9051;
          border-top: 6px solid transparent;
          border-bottom: 6px solid transparent;
          left: -34px;
          top: 50%;
          transform: translateY(-50%); }
          @media screen and (max-width: 1300px) {
            .flow ul li + li::before {
              border-left-width: 0.5384615385vw;
              border-top-width: 0.4615384615vw;
              border-bottom-width: 0.4615384615vw;
              left: -2.6153846154vw; } }
          @media screen and (max-width: 480px) {
            .flow ul li + li::before {
              border-top: 1.8666666667vw solid #AE9051;
              border-left: 1.6vw solid transparent;
              border-right: 1.6vw solid transparent;
              border-bottom: none;
              left: 50%;
              transform: translate(-50%, 0);
              top: -7.2vw; } }
  .flow-step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 88px;
    height: 30px;
    border: 1px solid #AE9051;
    border-radius: 15px;
    margin-bottom: 20px;
    font-family: "Hiragino Mincho ProN", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-size: 16px;
    color: #AE9051; }
    @media screen and (max-width: 1300px) {
      .flow-step {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .flow-step {
        font-size: 4.2666666667vw; } }
    @media screen and (max-width: 1300px) {
      .flow-step {
        width: 6.7692307692vw;
        height: 2.3076923077vw;
        border-radius: 1.1538461538vw;
        margin-bottom: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .flow-step {
        width: 23.4666666667vw;
        height: 8vw;
        border-radius: 4vw;
        margin-bottom: 5.3333333333vw; } }
  .flow-name {
    color: #AE9051;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px; }
    @media screen and (max-width: 1300px) {
      .flow-name {
        font-size: 1.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .flow-name {
        font-size: 4.8vw; } }
    @media screen and (max-width: 1300px) {
      .flow-name {
        margin-bottom: 0.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .flow-name {
        margin-bottom: 2.6666666667vw; } }
  .flow-desc {
    font-size: 16px;
    line-height: 1.5;
    height: 3.2em; }
    @media screen and (max-width: 1300px) {
      .flow-desc {
        font-size: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .flow-desc {
        font-size: 4.2666666667vw; } }
    @media screen and (max-width: 480px) {
      .flow-desc {
        height: auto;
        margin-bottom: 2.6666666667vw; } }
    .flow-desc span {
      font-size: 12px; }
      @media screen and (max-width: 1300px) {
        .flow-desc span {
          font-size: 0.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .flow-desc span {
          font-size: 3.2vw; } }
  .flow-icon {
    width: 88px;
    margin: 0 auto; }
    @media screen and (max-width: 1300px) {
      .flow-icon {
        width: 6.7692307692vw; } }
    @media screen and (max-width: 480px) {
      .flow-icon {
        width: 23.4666666667vw; } }

/* faq
---------------------------------------------------------------------------*/
.faq {
  position: relative;
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 96px; }
  @media screen and (max-width: 1300px) {
    .faq {
      width: 84.6153846154vw;
      padding-bottom: 7.3846153846vw; } }
  @media screen and (max-width: 480px) {
    .faq {
      width: 88vw;
      padding-bottom: 16vw; } }
  .faq dl {
    padding: 16px 0; }
    @media screen and (max-width: 1300px) {
      .faq dl {
        padding: 1.2307692308vw 0; } }
    @media screen and (max-width: 480px) {
      .faq dl {
        padding: 4.2666666667vw 0; } }
    .faq dl + dl {
      border-top: 1px dashed #AE9051; }
    .faq dl dt, .faq dl dd {
      position: relative;
      padding-left: 30px;
      line-height: 1.5; }
      @media screen and (max-width: 1300px) {
        .faq dl dt, .faq dl dd {
          padding-left: 2.3076923077vw; } }
      @media screen and (max-width: 480px) {
        .faq dl dt, .faq dl dd {
          padding-left: 8vw; } }
      .faq dl dt::before, .faq dl dd::before {
        position: absolute;
        color: #AE9051;
        left: 0;
        top: 0;
        font-family: "Hiragino Mincho ProN", serif;
        font-optical-sizing: auto;
        font-weight: 300;
        font-style: normal;
        font-size: 18px; }
        @media screen and (max-width: 1300px) {
          .faq dl dt::before, .faq dl dd::before {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .faq dl dt::before, .faq dl dd::before {
            font-size: 4.8vw; } }
    .faq dl dt {
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 10px; }
      @media screen and (max-width: 1300px) {
        .faq dl dt {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .faq dl dt {
          font-size: 4.8vw; } }
      @media screen and (max-width: 1300px) {
        .faq dl dt {
          margin-bottom: 0.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .faq dl dt {
          font-size: 4.2666666667vw;
          margin-bottom: 2.6666666667vw; } }
      .faq dl dt::before {
        content: "Q"; }
    .faq dl dd {
      font-size: 16px; }
      @media screen and (max-width: 1300px) {
        .faq dl dd {
          font-size: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .faq dl dd {
          font-size: 4.2666666667vw; } }
      @media screen and (max-width: 480px) {
        .faq dl dd {
          font-size: 4vw; } }
      .faq dl dd::before {
        content: "A"; }