<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* reset */
main.site-main {
    font-style: normal;
    line-height: normal;
    font-weight: normal;
  }
  
  main.site-main p {
    margin: 0;
  }
  
  main.site-main a {
    text-decoration: none;
  }

p,
ul,
ol {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

body {
  overflow-x: hidden;
}

  /* ---------------------------------- */

  /* 蜈ｱ騾� */

  .page-title, .page-sub-title {
    line-height: 140%;
  }

  .wrapper-section {
    margin: 0 0 96px;
  }

  .wrapper-body {
    display: flex;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto 96px;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 96px;
  }

  .subtitle {
    margin-bottom: 32px;
  }

  .subtitle h2 {
    margin: 0;
  }

  /* top */

  .wrapper-page-title {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 72px;
  }

  .wrapper-top {
    position: relative;
  }
  
  .topimg-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    height: 400px;
    background: var(--background-color);
  }

  .topimg {
    max-width: 1280px;
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center 22%;
    margin: 0 auto;
  }

  .top-text {
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    bottom: 0;
    justify-content: center;
    gap: 8px;
    padding: 32px 48px;
    border-radius: 20px 20px 0px 0px;
    background: rgba(255, 255, 255, 0.90);
  }

  .top-text p:first-child {
    color: var(--main-text-color);
    line-height: 140%;
  }

  .top-text p:last-child {
    color: var(--main-text-color);
    line-height: 160%;
  }

  /*****/

  /* about salesforce */

  /* our expertise */

  .our-expertise {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-self: stretch;
  }

  .our-expertise-wrap {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
  }

  .our-expertise-explain p {
    color: var(--main-text-color);
    text-align: center;
    line-height: 160%;
  }

  .worries-wrap {
    display: flex;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 24px 40px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-radius: 20px;
    background: var(--background-color);
    align-self: stretch;
  }

  .worries-wrap ul {
    line-height: 150%;
  }

  .triangle-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 8px;
    align-self: stretch;
  }

  .declaration-wrap {
    display: flex;
    width: 100%;
    max-width: 800px;
    padding: 32px 40px;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 20px;
    border: 2px solid var(--sub-color);
    align-self: stretch;
  }

  .declaration-points {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .declaration-points div {
    display: flex;
    color: #FFF;
    text-align: center;
    padding: 8px 20px;
    flex-direction: column;
    align-items: center;
    border-radius: 40px;
    background: linear-gradient(270deg, var(--main-color) 0%, var(--sub-color) 100%);
  }

  .declaration-summarize {
    color: var( --main-text-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    line-height: 160%;
  }

  .hide {
    display: block;
  }

  .declaration-summarize p {
    color: var(--main-color);
  }
  
  /* reason */

  .reason-wrap {
    display: flex;
    padding: 12px 0px;
    align-items: center;
    gap: 40px;
    align-self: stretch;
  }

  .reason-head {
    display: flex;
    width: 320px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-right: 1px solid var(--border-color-weak);
  }

  .reason-number {
    width: 104px;
    flex-shrink: 0;
    color: var(--background-color-footer);
    font-family: "Montserrat";
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }

  .reason-support, .it-tech, .reasonable-price {
    color: var(--main-text-color);
  }

  .reason-text {
    width: 100%;
    flex: 1 0 0;
    color: var(--main-text-color);
    line-height: 150%;
  }

/* case */

  .case {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
  }

  .case-wrap {
    display: flex;
    padding: 0px 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
  }

  .case-box {
    display: flex;
    width: 100%;
    max-width: 1148px;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
  }

  .case-medtitle {
    align-self: stretch;
    color: var(--main-text-color);
    text-align: center;
    line-height: 140%;
  }

  .case-normal {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }

  .case-box img {
    width: 100%;
    max-width: 480px;
    flex-shrink: 0;
    background-color: var(--background-color);
    border-radius: 20px;
  }

  .case-example {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
    flex: 1 0 0;
  }

  .campany-day {
    display: flex;
    padding: 4px 0px;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    border-radius: 2px;
    background: var(--background-color);
  }

  .campany-day p:first-child {
      color: var(--main-text-color);
  }

  .campany-day p:last-child {
      color: var(--sub-text-color);
  }

  .specific {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
  }

  .specific p:first-child {
    display: flex;
    width: 120px;
    padding: 4px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    background: var(--main-color);
    color: #FFF;
    text-align: center;
  }

  .specific p:last-child {
    width: 100%;
    flex: 1 0 0;
    color: var(--main-text-color);
    text-align: left;
    line-height: 150%;
  }

  .case-reverse {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
  }

  /* cost */

  .cost-explain {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    border-top: 1px solid var(--border-color-strong);
  }

  .cost-explain:last-child {
    border-bottom: 1px solid var(--border-color-strong);
  }

  .product {
    color: var(--main-text-color);
    width: 100%;
    max-width: 243px;
  }

  .product-cost {
    color: var(--main-text-color);
    text-align: right;
    width: 100%;
    max-width: 146px;
  }

  .product-detail {
    flex: 1 0 0;
    color: var(--main-text-color);
    text-align: left;
  }

  /* flow */

  .flow {
    position: relative;
    width: 100%;
    max-width: 1152px;
  }

  .flow-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
  }

  .flow-linear {
    position: absolute;
    top: 10px;
    left: 46px;
    bottom: 0;
    width: 6px;
    background-color: var(--main-color);
  }

  .flow-order {
    display: flex;
    width: 100%;
    max-width: 1152px;
    align-items: center;
    gap: 16px;
  }

  .flow-icon {
    position: relative;
    width: 96px;
    height: 96px;
    flex-shrink: 0;
    background-color: var(--main-color);
    border-radius: 50%;
  }

  .flow-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .flow-detail {
    display: flex;
    width: 100%;
    max-width: 1018px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
  }

  .flow-detail:first-child {
    color: var(--main-text-color);
  }

  .flow-detail:last-child {
    align-self: stretch;
    color: var(--main-text-color);
  }

  .contact {
    position: fixed;
    right: 70px;
    bottom: 20px;
    z-index: 1;
  }

  .contact-button {
    display: inline-flex;
    padding: 16px 36px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 64px;
    background: linear-gradient(270deg, var(--accent-color) 0%, var(--accent-sub-color) 100%);
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.20), 0px 2px 12px 2px rgba(0, 0, 0, 0.05);
  }

  .contact-message {
    color: #FFF;
  }

/* sp */
@media screen and (max-width: 1160px) {

    .case-normal {
        flex-direction: column;
        gap: 12px;
    }

    .case-box img {
      margin: 0 auto;
    }

    .case-reverse {
      flex-direction: column;
      gap: 12px;
  }

    .specific {
      flex-direction: column;
      gap: 12px;
    }

    .specific p:first-child {
      margin: 0 auto;
    }

    .cost-explain {
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
    }

    .product-cost {
      text-align: left;
    }

    .flow-wrap {
      gap: 32px;
    }

    .flow-detail {
      gap: 8px;
      flex: 1 0 0;
    }

    .contact {
      right: 50%;
      transform: translateX(50%);
    }

    .contact-button {
      width: 342px;
    }
}

@media screen and (max-width: 768px) {

    h1 .hide {
      display: block;
    }

    .wrapper-page-title {
      display: flex;
      width: 100%;
      max-width: 390px;
      margin: 0 0 40px;
      flex-direction: column;
      align-items: flex-start;
    }

    .topimg-container {
      width: 100vw;
      margin: 0 calc(50% - 50vw);
      height: 296px;
      margin-bottom: 32px;
    }

    .topimg {
      height: 296px;
      object-position: 70% 20%;
    }

    .top-text {
      width: 100%;
      position: static;
      padding: 0;
      left: 0;
      transform: translateX(0);
      justify-content: center;
      border-radius: none;
      background: none;
    }

    .wrapper-body {
      display: flex;
    }

    .our-expertise {
        align-items: flex-start;
    }

    .our-expertise-explain p {
        text-align: left;
    }

    .worries-wrap {
      padding: 24px;
      margin: 0;
      align-items: flex-start;
    }

    .declaration-wrap {
      width: 100%;
      padding: 32px 24px;
    }

    .declaration-points {
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 6px;
      justify-content: center;
    }

    .declaration-summarize {
      align-items: flex-start;
      text-align: left;
    }

    .hide {
      display: none;
    }

    .reason-head {
      border: none;
      width: 100%;
      max-width: 320px;
    }

    .reason-wrap {
      display: block;
    }

    .flow-linear {
      bottom: 25px;
    }

    @media screen and (max-width: 342px) {
      .contact-button {
        width: 320px;
      }
    }
}</pre></body></html>