@charset "UTF-8";

/** ==============
共通
============== **/

@media screen and (min-width: 801px) {
  .tb-only {
    display: none !important;
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.items-end-safe {
  align-items: flex-end !important;
}

.about-wrap {
  max-width: 960px;
}

.about-section-title {
  font-size: 28px;
  letter-spacing: 0.03em;
  line-height: 1.8;
  margin-bottom: 50px;
  text-align: center;
  background: url(../img/about/bg-title.svg) center no-repeat;
  background-size: 60% auto;
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;

  @media screen and (max-width: 800px) {
    > span {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }

  @media screen and (max-width: 600px) {
    background-size: 100% auto;
    font-size: clamp(1.25rem, calc(1rem + 0.667vw), 1.5rem);
    /* min: 20px, max: 24px */
  }

  .bold {
    font-weight: bold;
    position: relative;
    font-size: 40px;
    color: #5eabd5;

    @media screen and (max-width: 800px) {
      display: block;
      width: fit-content;
    }

    @media screen and (max-width: 600px) {
      font-size: clamp(1.875rem, calc(1.375rem + 1.333vw), 2.375rem);
      /* min: 30px, max: 38px */
    }

    &::before {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg width='35' height='23' viewBox='0 0 35 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.6523 16L24 22' stroke='%23212121' stroke-linecap='round'/%3E%3Cpath d='M18.1274 3L12 17' stroke='%23212121' stroke-linecap='round'/%3E%3Cpath d='M0.5 0.5V14.5' stroke='%23212121' stroke-linecap='round'/%3E%3C/svg%3E");
      background-size: 100%;
      background-position: 0;
      background-repeat: no-repeat;
      width: 33px;
      height: 21px;
      position: absolute;
      right: -8px;
      top: -10px;
    }
  }
}

.about-catchcopy {
  position: relative;
  font-size: 28px;
  text-align: center;
  padding-inline: 40px;
  margin-bottom: 0;

  @media screen and (max-width: 800px) {
    font-size: 26px;

    br {
      display: none;
    }
  }

  @media screen and (max-width: 600px) {
    font-size: 24px;
    text-align: left;
  }

  @media screen and (max-width: 400px) {
    font-size: 20px;
    padding-inline: 30px;
  }

  &::before,
  &::after {
    content: "";
    width: 34px;
    height: 40px;
    position: absolute;
    bottom: 0;

    @media screen and (max-width: 400px) {
      width: 24px;
      height: 30px;
    }
  }

  &::before {
    background: url(../img/about/icon_title_arrow_left.svg) 0 0 no-repeat;
    background-size: 100%;
    left: 0;
  }

  &::after {
    background: url(../img/about/icon_title_arrow_right.svg) 0 0 no-repeat;
    background-size: 100%;
    right: 0;
  }
}

.page-wrap .read {
  text-align: center;
  line-height: 2;
  font-size: 20px;
  letter-spacing: 0.03em;
  margin-bottom: 32px;

  @media screen and (max-width: 600px) {
    text-align: left;
    font-size: 18px;
  }
}

.text-blue {
  color: #5eabd5;
}

/** ==============
ダイヤクリーニングとは - コンテンツ
============== **/

@media screen and (max-width: 600px) {
  .about-main {
    margin-top: 80px;
  }  
}
.about-main_title {
  text-align: center;
  position: relative;
  margin-bottom: 50px;

  @media screen and (max-width: 600px) {
    max-width: 300px;
    margin-inline: auto;
  }
}

.about-main_message {
  border-top: 1px solid #5eabd5;
  padding: 30px 10px;
  position: relative;
  margin-bottom: 70px;

  @media screen and (max-width: 600px) {
    margin-bottom: 30px;
  }

  @media screen and (max-width: 400px) {
    padding-top: 20px;
    padding-bottom: 0;
  }

  p {
    text-align: center;
    line-height: 2;
    font-size: 20px;
    margin-bottom: 0;
    @media screen and (max-width: 800px) {
      font-size: 18px;
    }

    @media screen and (max-width: 600px) {
      &:not(:last-child) {
        text-align: center;
      }
    }

    &:last-child {
      position: relative;

      span {
        background-color: #f0f0f0;
        padding-inline: 15px;
      }

      &::before {
        content: "";
        background-color: #5eabd5;
        height: 1px;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: -1;
      }
    }
  }
}

.about-main_catchcopy {
  max-width: 650px;
  margin-inline: auto;
  font-size: 24px;
  line-height: 1.8;
  margin-bottom: 0;

  @media screen and (max-width: 600px) {
    font-size: clamp(1.25rem, calc(1.125rem + 0.333vw), 1.375rem);
    /* min: 20px, max: 22px */
  }

  > span {
    display: block;
    font-weight: normal;

    &.text-bold {
      font-weight: bold;
    }
  }

  .text-center {
    text-align: center;
    font-size: 40px;
    width: fit-content;
    margin-inline: auto;

    @media screen and (max-width: 600px) {
      font-size: clamp(1.75rem, calc(1.25rem + 1.333vw), 2.25rem);
    }
  }

  .text-right {
    text-align: right;
  }
}

.about-service_list {
  display: flex;
  flex-direction: column;
  row-gap: 56px;
}

.about-service_list_item {
  padding: 50px;
  position: relative;
  border: 2px solid #529dc7;
  border-radius: 16px;
  background-color: #fff;

  @media screen and (max-width: 600px) {
    padding: 30px;
  }
}

.about-service_title {
  margin-bottom: 30px;
  text-align: center;

  .title-text {
    font-size: 28px;
    letter-spacing: 0.03em;
    font-weight: normal;

    @media screen and (max-width: 600px) {
      font-size: clamp(1.25rem, calc(1rem + 0.667vw), 1.5rem);
      /* min: 20px, max: 24px */
    }

    > span {
      color: #5eabd5;
      font-size: 40px;
      font-weight: bold;

      @media screen and (max-width: 1000px) {
        font-size: 36px;
      }

      @media screen and (max-width: 600px) {
        font-size: clamp(1.688rem, calc(1.125rem + 1.5vw), 2.25rem);
        /* min: 27px, max: 36px */
      }
    }
  }

  .sub-title {
    position: relative;
    margin-bottom: 0;
  }
}

.about-service-contents {
  display: flex;
  gap: 32px;
  align-items: flex-start;
  margin-bottom: 32px;
  position: relative;

  @media screen and (max-width: 600px) {
    row-gap: 30px;
  }

  @media screen and (max-width: 1000px) {
    flex-direction: column;
    align-items: flex-start !important;

    .order2 {
      order: 1;
    }

    .order1 {
      order: 2;
    }
  }
}

.about-service-desc {
  width: 55%;

  @media screen and (max-width: 1000px) {
    width: 100%;
  }

  .text {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 0;
    @media screen and (max-width:600px) {
      font-size:16px;
    }
  }
}

.about-service-image,
.about-service-link {
  flex: 1;
  margin-bottom: 0;

  @media screen and (max-width: 1000px) {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 1000px) {
  .about-service-image {
    max-width: 350px;
    margin-inline: auto;
  }
}

.about-service-link {
  width: fit-content;
  margin-top: 20px;

  @media screen and (max-width: 1000px) {
    margin-top: 40px;
    margin-inline: auto;
  }
}

.about-staff {
  .about-service-contents {
    align-items: flex-start;
    margin-bottom: 0;

    @media screen and (max-width: 1000px) {
      margin-bottom: 40px;
    }

    .about-service-desc {
      width: 50%;

      @media screen and (max-width: 1000px) {
        width: 100%;
      }
    }

    &:nth-of-type(1) {
      &::before {
        content: "";
        background: url(../img/about/illust1.svg) 0 0 no-repeat;
        background-size: 100%;
        width: 130px;
        height: 170px;
        position: absolute;
        bottom: -110px;
        right: -20px;

        @media screen and (max-width: 1000px) {
          display: none;
        }
      }

      &::after {
        content: "";
        background: url(../img/about/illust2.svg) 0 0 no-repeat;
        background-size: 100%;
        width: 100px;
        height: 95px;
        position: absolute;
        bottom: -85px;
        left: 59%;

        @media screen and (max-width: 1000px) {
          display: none;
        }
      }

      .about-service-image {
        padding-top: 70px;

        @media screen and (max-width: 1000px) {
          padding-top: 0;
          position: relative;
          &::before {
            content: "";
            background: url(../img/about/illust1.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 90px;
            height: 120px;
            position: absolute;
            bottom: -20px;
            right: -20px;

            @media screen and (max-width: 600px) {
              width: 70px;
              height: 90px;
              bottom: 0;
              right: 0;
            }
          }

          &::after {
            content: "";
            background: url(../img/about/illust2.svg) 0 0 no-repeat;
            background-size: 100%;
            width: 80px;
            height: 75px;
            position: absolute;
            bottom: -10px;
            left: 0;
            @media screen and (max-width: 600px) {
              width: 60px;
              height: 55px;
              bottom: 0;
              left: 20px;
            }
          }
        }
      }
    }

    &:nth-of-type(2) {
      flex-direction: column;
      row-gap: 20px;

      .about-service-image {
        margin-top: -140px;
        max-width: 440px;
        width: 100%;

        @media screen and (max-width: 1000px) {
          margin-top: 20px;
          max-width: 350px;
        }
      }

      .about-service-desc {
        width: 100%;
      }
    }
  }

  .about-service-image {
    @media screen and (max-width: 1000px) {
      padding-top: 0;
    }

    img {
      width: 100%;
    }
  }

  .about-question {
    position: absolute;
    top: 5px;
    right: 0;
    margin-bottom: 0;

    @media screen and (max-width: 1000px) {
      position: static;
      margin-bottom: 20px;

      img {
        max-width: 400px;
        width: 100%;
      }
    }
  }
}

.about-diameister {
  position: relative;

  &::before {
    content: "";
    background: url(../img/about/illust4.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 60px;
    height: 115px;
    position: absolute;
    left: 5%;
    top: 17%;

    @media screen and (max-width: 1000px) {
      left: 5%;
      top: 8%;
    }

    @media screen and (max-width: 600px) {
      width: 40px;
      height: 75px;
      left: 6%;
      top: 21%;
    }

    @media screen and (max-width: 400px) {
      left: 11%;
      top: 20%;
    }
  }

  &::after {
    content: "";
    background: url(../img/about/illust6.svg) 0 0 no-repeat;
    background-size: 100%;
    width: 115px;
    height: 124px;
    position: absolute;
    right: 30px;
    bottom: 40px;

    @media screen and (max-width: 1000px) {
      bottom: 20px;
    }

    @media screen and (max-width: 600px) {
      display: none;
    }
  }

  .about-service-image {
    position: relative;

    &::before {
      content: "";
      background: url(../img/about/illust3.svg) 0 0 no-repeat;
      background-size: 100%;
      width: 106px;
      height: 95px;
      position: absolute;
      right: 0;
      bottom: -110px;

      @media screen and (max-width: 1000px) {
        width: 80px;
        height: 75px;
        right: -10px;
        bottom: -20px;
      }

      @media screen and (max-width: 400px) {
        width: 66px;
        height: 55px;
        top: 80%;
      }
    }

    &::after {
      content: "";
      background: url(../img/about/illust5.svg) 0 0 no-repeat;
      background-size: 100%;
      width: 140px;
      height: 68px;
      position: absolute;
      left: -30px;
      bottom: -25%;

      @media screen and (max-width: 1000px) {
        bottom: 0;
        left: 0;
        width: 110px;
        height: 50px;
      }

      @media screen and (max-width: 400px) {
        width: 80px;
        height: 38px;
        bottom: -10px;
      }
    }
  }

  .about-service-desc {
    order: 2;
  }

  .about-service-image {
    order: 1;
  }
}

.about-point {
  .read {
    margin-bottom: 50px;

    @media screen and (max-width: 600px) {
      margin-bottom: 30px;
    }
  }

  .about-catchcopy {
    margin-bottom: 44px;
  }
}

.about-point_list {
  display: flex;
  gap: 70px 20px;
  flex-wrap: wrap;
  margin-top: 90px;

  @media screen and (max-width: 800px) {
    max-width: 800px;
    margin-inline: auto;
  }
}

.about-point_list_item {
  width: calc((100% - 20px) / 2);
  padding: 70px 26px 32px;
  position: relative;
  background-color: #fff;
  border: 2px solid #529dc7;
  border-radius: 16px;

  @media screen and (max-width: 800px) {
    width: 100%;
    padding-top: 52px;
  }

  @media screen and (max-width: 600px) {
    padding-inline: 19px;
  }

  &::before {
    width: 110px;
    height: 110px;
    position: absolute;
    left: 0;
    top: -60px;
    right: 0;
    margin-inline: auto;

    @media screen and (max-width: 800px) {
      width: 80px;
      height: 80px;
      top:-45px;
    }
  }

  &:nth-child(1) {
    width: 100%;

    &::before {
      content: "";
      background-image: url("data:image/svg+xml;utf8,<svg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='1' width='78' height='78' rx='39' fill='white'/><rect x='1' y='1' width='78' height='78' rx='39' stroke='%231E1E1E' stroke-width='2'/><path d='M15.9111 32.368C15.7671 32.368 15.6871 32.288 15.6871 32.144V19.84C15.6871 19.696 15.7671 19.616 15.9111 19.616H17.5431C17.6711 19.616 17.7831 19.68 17.7831 19.84L17.8311 20.848C18.4711 19.968 19.5111 19.44 20.7591 19.44C23.3191 19.44 24.9511 21.344 24.9511 24.112C24.9511 26.864 23.3191 28.768 20.7591 28.768C19.5751 28.768 18.5991 28.304 17.9271 27.504V32.144C17.9271 32.288 17.8471 32.368 17.7031 32.368H15.9111ZM17.7831 24.112C17.7831 25.648 18.7591 26.72 20.1991 26.72C21.6391 26.72 22.6311 25.648 22.6311 24.112C22.6311 22.56 21.6391 21.488 20.1991 21.488C18.7591 21.488 17.7831 22.56 17.7831 24.112ZM32.6205 28.768C29.7405 28.768 27.8685 26.832 27.8685 24.112C27.8685 21.376 29.7405 19.44 32.6205 19.44C35.5005 19.44 37.3725 21.376 37.3725 24.112C37.3725 26.832 35.5005 28.768 32.6205 28.768ZM30.1885 24.112C30.1885 25.648 31.1805 26.72 32.6205 26.72C34.0605 26.72 35.0525 25.648 35.0525 24.112C35.0525 22.56 34.0605 21.488 32.6205 21.488C31.1805 21.488 30.1885 22.56 30.1885 24.112ZM40.809 19.84C40.809 19.712 40.889 19.616 41.033 19.616H42.873C43.017 19.616 43.097 19.712 43.097 19.84V28.352C43.097 28.496 43.017 28.592 42.873 28.592H41.033C40.889 28.592 40.809 28.496 40.809 28.352V19.84ZM41.929 18.016C41.177 18.016 40.617 17.52 40.617 16.768C40.617 16.032 41.177 15.52 41.929 15.52C42.681 15.52 43.241 16.032 43.241 16.768C43.241 17.52 42.681 18.016 41.929 18.016ZM47.2424 28.592C47.0984 28.592 47.0184 28.512 47.0184 28.368V19.84C47.0184 19.696 47.0984 19.616 47.2424 19.616H48.8744C49.0024 19.616 49.1144 19.68 49.1144 19.84L49.1624 20.864C49.8184 19.904 50.9384 19.44 52.0904 19.44C54.1704 19.44 55.3704 20.688 55.3704 22.752V28.368C55.3704 28.512 55.2744 28.592 55.1464 28.592H53.3384C53.1944 28.592 53.1144 28.512 53.1144 28.368V23.664C53.1144 22.176 52.5704 21.488 51.4024 21.488C50.2984 21.488 49.2584 22.304 49.2584 24.016V28.368C49.2584 28.512 49.1784 28.592 49.0344 28.592H47.2424ZM62.747 28.768C60.811 28.768 59.739 27.552 59.739 25.12V21.632H58.427C58.283 21.632 58.203 21.536 58.203 21.408V19.84C58.203 19.696 58.283 19.616 58.427 19.616H59.739V17.2C59.739 17.072 59.819 16.976 59.963 16.976H61.771C61.899 16.976 61.995 17.072 61.995 17.2V19.616H64.123C64.267 19.616 64.347 19.696 64.347 19.84V21.408C64.347 21.536 64.267 21.632 64.123 21.632H61.995V25.264C61.995 26.24 62.299 26.72 63.003 26.72C63.291 26.72 63.499 26.592 63.675 26.288C63.739 26.16 63.851 26.112 63.979 26.176L65.339 26.784C65.419 26.832 65.467 26.896 65.467 26.976C65.467 27.024 65.451 27.088 65.403 27.152C64.763 28.336 63.771 28.768 62.747 28.768Z' fill='%231E1E1E'/><path d='M39.171 62.344C38.819 62.344 38.627 62.12 38.627 61.768V44.328L34.179 45.768C34.115 45.8 34.051 45.8 33.955 45.8C33.763 45.8 33.571 45.704 33.475 45.448L32.579 43.656C32.547 43.56 32.515 43.432 32.515 43.336C32.515 43.176 32.579 43.016 32.739 42.888L40.067 36.552C40.291 36.36 40.483 36.296 40.739 36.296H44.675C45.027 36.296 45.251 36.52 45.251 36.872V61.768C45.251 62.12 45.027 62.344 44.675 62.344H39.171Z' fill='%231E1E1E'/></svg>");
      background-size: 100%;
      background-position: 0;
      background-repeat: no-repeat;
    }

    .text {
      font-size: clamp(1rem, calc(0.875rem + 0.333vw), 1.125rem);
      /* min: 16px, max: 18px */
    }
  }

  &:nth-child(2) {
    &::before {
      content: "";
      background-image: url("data:image/svg+xml;utf8,<svg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='1' width='78' height='78' rx='39' fill='white'/><rect x='1' y='1' width='78' height='78' rx='39' stroke='%231E1E1E' stroke-width='2'/><path d='M15.9111 32.368C15.7671 32.368 15.6871 32.288 15.6871 32.144V19.84C15.6871 19.696 15.7671 19.616 15.9111 19.616H17.5431C17.6711 19.616 17.7831 19.68 17.7831 19.84L17.8311 20.848C18.4711 19.968 19.5111 19.44 20.7591 19.44C23.3191 19.44 24.9511 21.344 24.9511 24.112C24.9511 26.864 23.3191 28.768 20.7591 28.768C19.5751 28.768 18.5991 28.304 17.9271 27.504V32.144C17.9271 32.288 17.8471 32.368 17.7031 32.368H15.9111ZM17.7831 24.112C17.7831 25.648 18.7591 26.72 20.1991 26.72C21.6391 26.72 22.6311 25.648 22.6311 24.112C22.6311 22.56 21.6391 21.488 20.1991 21.488C18.7591 21.488 17.7831 22.56 17.7831 24.112ZM32.6205 28.768C29.7405 28.768 27.8685 26.832 27.8685 24.112C27.8685 21.376 29.7405 19.44 32.6205 19.44C35.5005 19.44 37.3725 21.376 37.3725 24.112C37.3725 26.832 35.5005 28.768 32.6205 28.768ZM30.1885 24.112C30.1885 25.648 31.1805 26.72 32.6205 26.72C34.0605 26.72 35.0525 25.648 35.0525 24.112C35.0525 22.56 34.0605 21.488 32.6205 21.488C31.1805 21.488 30.1885 22.56 30.1885 24.112ZM40.809 19.84C40.809 19.712 40.889 19.616 41.033 19.616H42.873C43.017 19.616 43.097 19.712 43.097 19.84V28.352C43.097 28.496 43.017 28.592 42.873 28.592H41.033C40.889 28.592 40.809 28.496 40.809 28.352V19.84ZM41.929 18.016C41.177 18.016 40.617 17.52 40.617 16.768C40.617 16.032 41.177 15.52 41.929 15.52C42.681 15.52 43.241 16.032 43.241 16.768C43.241 17.52 42.681 18.016 41.929 18.016ZM47.2424 28.592C47.0984 28.592 47.0184 28.512 47.0184 28.368V19.84C47.0184 19.696 47.0984 19.616 47.2424 19.616H48.8744C49.0024 19.616 49.1144 19.68 49.1144 19.84L49.1624 20.864C49.8184 19.904 50.9384 19.44 52.0904 19.44C54.1704 19.44 55.3704 20.688 55.3704 22.752V28.368C55.3704 28.512 55.2744 28.592 55.1464 28.592H53.3384C53.1944 28.592 53.1144 28.512 53.1144 28.368V23.664C53.1144 22.176 52.5704 21.488 51.4024 21.488C50.2984 21.488 49.2584 22.304 49.2584 24.016V28.368C49.2584 28.512 49.1784 28.592 49.0344 28.592H47.2424ZM62.747 28.768C60.811 28.768 59.739 27.552 59.739 25.12V21.632H58.427C58.283 21.632 58.203 21.536 58.203 21.408V19.84C58.203 19.696 58.283 19.616 58.427 19.616H59.739V17.2C59.739 17.072 59.819 16.976 59.963 16.976H61.771C61.899 16.976 61.995 17.072 61.995 17.2V19.616H64.123C64.267 19.616 64.347 19.696 64.347 19.84V21.408C64.347 21.536 64.267 21.632 64.123 21.632H61.995V25.264C61.995 26.24 62.299 26.72 63.003 26.72C63.291 26.72 63.499 26.592 63.675 26.288C63.739 26.16 63.851 26.112 63.979 26.176L65.339 26.784C65.419 26.832 65.467 26.896 65.467 26.976C65.467 27.024 65.451 27.088 65.403 27.152C64.763 28.336 63.771 28.768 62.747 28.768Z' fill='%231E1E1E'/><path d='M31.2743 62.344C30.9223 62.344 30.7303 62.12 30.7303 61.768V60.136C30.7303 59.848 30.8263 59.656 30.9863 59.464L37.6423 52.04C41.1623 48.104 42.1863 46.344 42.1863 44.456C42.1863 42.92 41.0983 42.024 39.4343 42.024C37.8983 42.024 36.7143 42.92 36.0103 44.808C35.8823 45.16 35.6583 45.288 35.3383 45.192L30.5703 43.88C30.2183 43.816 30.0903 43.56 30.1863 43.208C31.4983 38.632 35.0823 35.784 39.8823 35.784C45.2263 35.784 48.8743 38.984 48.8743 43.72C48.8743 47.4 47.3703 50.216 41.9623 55.24L41.0023 56.136H49.0023C49.3543 56.136 49.5463 56.36 49.5463 56.68V61.768C49.5463 62.12 49.3543 62.344 49.0023 62.344H31.2743Z' fill='%231E1E1E'/></svg>");
      background-size: 100%;
      background-position: 0;
      background-repeat: no-repeat;
    }

    .point-title {
      margin-bottom: 16px;
    }
  }

  &:nth-child(3) {
    &::before {
      content: "";
      background-image: url("data:image/svg+xml;utf8,<svg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='1' y='1' width='78' height='78' rx='39' fill='white'/><rect x='1' y='1' width='78' height='78' rx='39' stroke='%231E1E1E' stroke-width='2'/><path d='M15.9111 32.368C15.7671 32.368 15.6871 32.288 15.6871 32.144V19.84C15.6871 19.696 15.7671 19.616 15.9111 19.616H17.5431C17.6711 19.616 17.7831 19.68 17.7831 19.84L17.8311 20.848C18.4711 19.968 19.5111 19.44 20.7591 19.44C23.3191 19.44 24.9511 21.344 24.9511 24.112C24.9511 26.864 23.3191 28.768 20.7591 28.768C19.5751 28.768 18.5991 28.304 17.9271 27.504V32.144C17.9271 32.288 17.8471 32.368 17.7031 32.368H15.9111ZM17.7831 24.112C17.7831 25.648 18.7591 26.72 20.1991 26.72C21.6391 26.72 22.6311 25.648 22.6311 24.112C22.6311 22.56 21.6391 21.488 20.1991 21.488C18.7591 21.488 17.7831 22.56 17.7831 24.112ZM32.6205 28.768C29.7405 28.768 27.8685 26.832 27.8685 24.112C27.8685 21.376 29.7405 19.44 32.6205 19.44C35.5005 19.44 37.3725 21.376 37.3725 24.112C37.3725 26.832 35.5005 28.768 32.6205 28.768ZM30.1885 24.112C30.1885 25.648 31.1805 26.72 32.6205 26.72C34.0605 26.72 35.0525 25.648 35.0525 24.112C35.0525 22.56 34.0605 21.488 32.6205 21.488C31.1805 21.488 30.1885 22.56 30.1885 24.112ZM40.809 19.84C40.809 19.712 40.889 19.616 41.033 19.616H42.873C43.017 19.616 43.097 19.712 43.097 19.84V28.352C43.097 28.496 43.017 28.592 42.873 28.592H41.033C40.889 28.592 40.809 28.496 40.809 28.352V19.84ZM41.929 18.016C41.177 18.016 40.617 17.52 40.617 16.768C40.617 16.032 41.177 15.52 41.929 15.52C42.681 15.52 43.241 16.032 43.241 16.768C43.241 17.52 42.681 18.016 41.929 18.016ZM47.2424 28.592C47.0984 28.592 47.0184 28.512 47.0184 28.368V19.84C47.0184 19.696 47.0984 19.616 47.2424 19.616H48.8744C49.0024 19.616 49.1144 19.68 49.1144 19.84L49.1624 20.864C49.8184 19.904 50.9384 19.44 52.0904 19.44C54.1704 19.44 55.3704 20.688 55.3704 22.752V28.368C55.3704 28.512 55.2744 28.592 55.1464 28.592H53.3384C53.1944 28.592 53.1144 28.512 53.1144 28.368V23.664C53.1144 22.176 52.5704 21.488 51.4024 21.488C50.2984 21.488 49.2584 22.304 49.2584 24.016V28.368C49.2584 28.512 49.1784 28.592 49.0344 28.592H47.2424ZM62.747 28.768C60.811 28.768 59.739 27.552 59.739 25.12V21.632H58.427C58.283 21.632 58.203 21.536 58.203 21.408V19.84C58.203 19.696 58.283 19.616 58.427 19.616H59.739V17.2C59.739 17.072 59.819 16.976 59.963 16.976H61.771C61.899 16.976 61.995 17.072 61.995 17.2V19.616H64.123C64.267 19.616 64.347 19.696 64.347 19.84V21.408C64.347 21.536 64.267 21.632 64.123 21.632H61.995V25.264C61.995 26.24 62.299 26.72 63.003 26.72C63.291 26.72 63.499 26.592 63.675 26.288C63.739 26.16 63.851 26.112 63.979 26.176L65.339 26.784C65.419 26.832 65.467 26.896 65.467 26.976C65.467 27.024 65.451 27.088 65.403 27.152C64.763 28.336 63.771 28.768 62.747 28.768Z' fill='%231E1E1E'/><path d='M39.694 62.856C34.926 62.856 31.246 60.168 29.998 55.688V55.496C29.998 55.24 30.126 55.08 30.414 54.984L35.118 53.8C35.182 53.768 35.246 53.768 35.31 53.768C35.534 53.768 35.694 53.928 35.822 54.184C36.494 55.88 37.678 56.776 39.566 56.776C41.71 56.776 42.894 55.72 42.894 54.088C42.894 52.392 41.55 51.496 39.406 51.496H38.19C37.838 51.496 37.614 51.272 37.614 50.92V47.016C37.614 46.696 37.838 46.472 38.19 46.472H39.47C41.166 46.472 42.382 45.512 42.382 44.168C42.382 42.728 41.198 41.736 39.47 41.736C37.87 41.736 36.782 42.6 36.11 44.36C35.95 44.68 35.726 44.84 35.374 44.744L30.638 43.592C30.286 43.528 30.094 43.272 30.158 42.92C31.438 38.376 35.118 35.784 39.79 35.784C45.166 35.784 49.006 38.856 49.006 43.016C49.006 45.384 47.598 47.432 44.974 48.744C47.95 49.736 49.646 51.944 49.646 54.984C49.646 59.72 45.678 62.856 39.694 62.856Z' fill='%231E1E1E'/></svg>");
      background-size: 100%;
      background-position: 0;
      background-repeat: no-repeat;
    }
  }

  .point-title {
    color: #5eabd5;
    font-size: 32px;
    letter-spacing: 0.03em;
    margin-bottom: 24px;
    text-align: center;

    @media screen and (max-width: 800px) {
      font-size: 30px;
    }

    @media screen and (max-width: 400px) {
      font-size: 26px;
    }
  }

  .catchcopy {
    font-weight: bold;
    text-align: center;
    font-size: clamp(1.125rem, calc(0.875rem + 0.667vw), 1.375rem);
    /* min: 18px, max: 22px */
    letter-spacing: 0.03em;
    margin-bottom: 30px;

    @media screen and (max-width: 400px) {
      text-align: left;

      br {
        display: none;
      }
    }
  }

  .text {
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.7;
    margin-bottom: 0;
  }

  .about-point_image {
    text-align: center;
    margin-bottom: 25px;
  }
}

.about-point_warmth {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  column-gap: 30px;

  @media screen and (max-width: 800px) {
    flex-direction: column;
    gap: 10px;
    max-width: 510px;
    margin-inline: auto;
  }

  .warmth-text {
    position: relative;
    z-index: 0;
    padding-top: 15px;
    padding-left: 20px;
    min-height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;

    &::before {
      content: "";
      background-color: rgba(254, 243, 127, 0.6);
      width: 90%;
      height: 120%;
      border-radius: 100%;
      position: absolute;
      left: 0;
      top: -10px;
      z-index: -1;

      @media screen and (max-width: 800px) {
        width: 250px;
        height: 100%;
        top: 0px;
      }
    }

    &:nth-of-type(1) {
      &::before {
        rotate: 10deg;
        border-radius: 110% 50% 60% 60%;
      }
    }

    &:nth-of-type(2) {
      &::before {
        border-radius: 150% 110% 80% 100%;
        rotate: -10deg;
      }
    }

    h4 {
      font-size: 20px;
      line-height: 1;
      letter-spacing: 0.03em;
      margin-bottom: 16px;

      @media screen and (max-width: 400px) {
        font-size: 18px;
        margin-bottom: 10px;
      }
    }

    p {
      font-size: 18px;
      line-height: 1.7;
      margin-bottom: 0;

      @media screen and (max-width: 400px) {
        font-size: 16px;
      }
    }
  }

  .warmth-item {
    width: fit-content;
  }

  .warmth-image {
    flex: auto;
    width: 35%;

    @media screen and (max-width: 800px) {
      width: 100%;
      text-align: center;

      img {
        max-width: 180px;
      }
    }
  }
}

.about-our-thoughts {
  .about-wrap {
    max-width: 1090px;
  }
}

.our-thoughts_read {
  font-weight: bold;
  text-align: center;
  font-size: clamp(1.25rem, calc(1.243rem + 0.426vw), 1.563rem);
  /* min: 20px, max: 25px */
  margin-top: 0;
  margin-bottom: 30px;

  @media screen and (max-width: 800px) {
    br {
      display: none;
    }
  }

  @media screen and (max-width: 600px) {
    text-align: left;
  }

  @media screen and (max-width: 400px) {
    font-size: 18px;
  }

  span {
    font-weight: bold;
    font-size: clamp(1.5rem, calc(1.063rem + 1.167vw), 1.938rem);

    /* min: 24px, max: 31px */
    @media screen and (max-width: 400px) {
      font-size: 20px;
    }
  }
}

.our-thoughts_title {
  font-size: clamp(1.375rem, calc(1.125rem + 0.667vw), 1.625rem);
  /* min: 22px, max: 26px */
  text-align: center;
  line-height: 1.8;

  @media screen and (max-width: 600px) {
    text-align: left;

    br {
      display: none;
    }
  }
}

.about-service-menu {
  margin-top: 50px;

  .read {
    margin-bottom: 150px;

    @media screen and (max-width: 600px) {
      margin-bottom: 50px;
    }
  }
}

.about-service-menu_list {
  display: flex;
  column-gap: 40px;
  max-width: 960px;
  width: 100%;
  margin-inline: auto;

  @media screen and (max-width: 800px) {
    flex-direction: column;
    max-width: 500px;
    margin-inline: auto;
  }
}

.about-service-menu_list_item {
  width: calc((100% - 40px) / 2);
  position: relative;

  @media screen and (max-width: 800px) {
    width: 100%;
    padding: 30px 20px;
  }

  .menu-fukidashi {
    margin-inline: auto;
    max-width: 350px;

    img {
      width: 100%;
      height: auto;
    }
  }

  .item-inner {
    border: 2px solid #529dc7;
    border-radius: 16px;
    background-color: #fff;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 20px;
    text-align: center;
    min-height: 350px;

    .menu-image svg {
      width: 100%;
      height: 100px;
    }

    @media screen and (max-width: 600px) {
      padding: 30px;
      min-height: auto;

      .menu-image {
        max-width: 200px;
        width: 100%;
      }
    }
  }

  .menu-title {
    font-size: 26px;
    line-height: 1.3;
    letter-spacing: 0.03em;

    @media screen and (max-width: 800px) {
      font-size: 22px;
    }
    @media screen and (max-width: 600px) {
      font-size: 20px;
    }
  }
}