/* line 4, about.scss */
.wrapper section {
  margin-bottom: 120px; }
  @media screen and (max-width: 800px) {
    /* line 4, about.scss */
    .wrapper section {
      margin-bottom: 40px; } }
  /* line 9, about.scss */
  .wrapper section.about {
    margin-top: 88px; }
    @media screen and (max-width: 800px) {
      /* line 9, about.scss */
      .wrapper section.about {
        margin-top: 0; } }

/* line 19, about.scss */
.about-content {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #D1D1D1;
  padding-top: 64px;
  margin-bottom: 120px; }
  @media screen and (max-width: 800px) {
    /* line 19, about.scss */
    .about-content {
      flex-direction: column;
      gap: 40px 0;
      padding-top: 40px;
      margin-bottom: 64px; } }
  /* line 31, about.scss */
  .about-content .l-about {
    width: 240px; }
    @media screen and (max-width: 800px) {
      /* line 31, about.scss */
      .about-content .l-about {
        width: 100%; } }
    /* line 36, about.scss */
    .about-content .l-about h2 {
      border: none;
      padding: 0;
      margin: 0; }
      /* line 40, about.scss */
      .about-content .l-about h2::before {
        top: -65px;
        width: 108px;
        height: 16px;
        background: linear-gradient(to right, #00874E 0%, #00874E 50%, #ADD0C9 50%, #ADD0C9 100%); }
        @media screen and (max-width: 800px) {
          /* line 40, about.scss */
          .about-content .l-about h2::before {
            top: -41px;
            width: 54px;
            height: 10px; } }
      /* line 51, about.scss */
      .about-content .l-about h2 .jp {
        display: block;
        font-size: 22px; }
        @media screen and (max-width: 800px) {
          /* line 51, about.scss */
          .about-content .l-about h2 .jp {
            font-size: 16px; } }
      /* line 58, about.scss */
      .about-content .l-about h2 .en {
        display: block;
        color: #00874E;
        font-size: 13px; }
        @media screen and (max-width: 800px) {
          /* line 58, about.scss */
          .about-content .l-about h2 .en {
            font-size: 11px; } }
  /* line 68, about.scss */
  .about-content .r-about {
    width: calc(100% - 240px);
    max-width: 832px; }
    @media screen and (max-width: 800px) {
      /* line 68, about.scss */
      .about-content .r-about {
        width: 100%;
        max-width: inherit; } }
    /* line 75, about.scss */
    .about-content .r-about h3 {
      color: rgba(14, 14, 14, 0.25);
      font-size: 48px;
      line-height: 1.3;
      margin-bottom: 40px;
      opacity: 0;
      translate: 10px 0;
      transition: opacity 0.2s ease-out,translate 0.2s ease-out; }
      @media screen and (max-width: 800px) {
        /* line 75, about.scss */
        .about-content .r-about h3 {
          font-size: 26px;
          line-height: 1.5;
          margin-bottom: 24px; } }
      /* line 88, about.scss */
      .about-content .r-about h3 .slide-text {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        color: #333333;
        font-size: 48px;
        font-weight: 700;
        line-height: 1.3;
        mask-image: linear-gradient(to right, #FFFFFF, #FFFFFF 95%, rgba(255, 255, 255, 0));
        mask-size: 110% 100%;
        mask-repeat: no-repeat;
        mask-position: 1100% 0%;
        content: "";
        transition: mask-position 1.4s cubic-bezier(0.4, 0.1, 0.05, 1) 0.2s; }
        @media screen and (max-width: 800px) {
          /* line 88, about.scss */
          .about-content .r-about h3 .slide-text {
            font-size: 26px;
            line-height: 1.5;
            margin-bottom: 24px; } }
      /* line 110, about.scss */
      .about-content .r-about h3.show {
        opacity: 1;
        translate: 0 0; }
        /* line 113, about.scss */
        .about-content .r-about h3.show .slide-text {
          mask-position: 0% 0%; }
    /* line 118, about.scss */
    .about-content .r-about p {
      margin: 0; }
  /* line 123, about.scss */
  .about-content.wide .r-about {
    counter-reset: count; }
    /* line 125, about.scss */
    .about-content.wide .r-about .value {
      width: 100%;
      max-width: 922px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0 40px;
      margin-bottom: 40px;
      border-bottom: 1px dashed #D1D1D1; }
      @media screen and (max-width: 800px) {
        /* line 125, about.scss */
        .about-content.wide .r-about .value {
          flex-direction: column;
          gap: 20px 0;
          padding-bottom: 30px;
          margin-bottom: 30px; } }
      /* line 140, about.scss */
      .about-content.wide .r-about .value:last-of-type {
        margin: 0;
        padding: 0;
        border: none; }
        @media screen and (max-width: 800px) {
          /* line 140, about.scss */
          .about-content.wide .r-about .value:last-of-type {
            border-bottom: 1px dashed #D1D1D1;
            padding-bottom: 30px; } }
      /* line 149, about.scss */
      .about-content.wide .r-about .value h3 {
        color: #333333;
        width: 375px;
        font-size: 20px;
        opacity: 1;
        translate: 0 0;
        margin: 0;
        padding-left: 45px; }
        @media screen and (max-width: 800px) {
          /* line 149, about.scss */
          .about-content.wide .r-about .value h3 {
            width: 100%;
            font-size: 18px;
            padding-left: 28px; } }
        /* line 162, about.scss */
        .about-content.wide .r-about .value h3::before {
          display: none; }
        /* line 165, about.scss */
        .about-content.wide .r-about .value h3::after {
          position: absolute;
          left: 0;
          top: 0;
          color: #00874E;
          font-family: "Montserrat", sans-serif;
          font-size: 22px;
          font-weight: 700;
          counter-increment: count;
          content: counter(count) "."; }
          @media screen and (max-width: 800px) {
            /* line 165, about.scss */
            .about-content.wide .r-about .value h3::after {
              top: 1px;
              font-size: 18px; } }
      /* line 181, about.scss */
      .about-content.wide .r-about .value p {
        width: calc(100% - 375px);
        font-size: 15px;
        margin: 0; }
        @media screen and (max-width: 800px) {
          /* line 181, about.scss */
          .about-content.wide .r-about .value p {
            width: 100%;
            padding-left: 28px; } }

/* line 195, about.scss */
.about-img01 {
  width: 100%;
  margin: -55px auto 120px; }
  @media screen and (max-width: 800px) {
    /* line 195, about.scss */
    .about-img01 {
      width: calc(100% + 28px);
      margin: -20px 0 40px -14px; } }
  /* line 202, about.scss */
  .about-img01 img {
    width: 100%;
    border-radius: 8px; }
    @media screen and (max-width: 800px) {
      /* line 202, about.scss */
      .about-img01 img {
        border-radius: 0; } }

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