.p-service {
}


.p-service .page-body {
  padding-top: min(10.781vw, 20.7rem); /* 207px */
}

.p-service .page-body.pb-xxl {
  padding-bottom: min(8.286vw, 15.91rem); /* 159.1px */
}

.p-service__catch-section {
  margin-bottom: min(3.677vw, 7.06rem); /* 70.6px */
}

.p-service__catch {
  font-size: min(1.823vw, 3.5rem); /* 35px */
  font-weight: 800;
  line-height: 1.714;
  letter-spacing: 0.02em;
  margin-bottom: min(1.818vw, 3.49rem); /* 34.9px */
  height: min(8.906vw, 17.1rem);
}

.p-service__catch-section .c-text {
  width: min(22.146vw, 42.52rem); /* 425.2px */
}

.p-service__marketing {
  /* margin-bottomに値がありませんでした */
}

.p-service__ttl-en {
  font-size: clamp(10px, 0.99vw, 1.9rem); /* 19px */
  font-family: var(--font-ma);
  font-weight: 500;
  margin-bottom: min(0.563vw, 1.08rem);
  color: var(--main-color);
}
.p-service .p-top__service-box-ttl {
  margin-bottom: min(0.922vw, 1.77rem);
}

.p-top__service-ttl-en.p-service__ttl-en {
  font-size: clamp(10px, 0.99vw, 1.9rem); /* 19px */
  margin-bottom: min(1.005vw, 1.93rem); /* 19.3px */
  font-weight: 500;
}


.p-service__marketing .p-top__service-flex02 {
  margin-bottom: min(3.417vw, 6.56rem); /* 65.6px */
}

.p-service__flow {
  margin-bottom: min(9.427vw, 18.1rem); /* 181px */
}

.p-service__flow-flex {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: min(2.448vw, 4.7rem); /* 47px */
}

.p-service__flow-box {
}

.p-service__flow-box-img {
  margin-bottom: min(1.344vw, 2.58rem); /* 25.8px */
}

.p-service__flow-box-ttl-area {
  display: flex;
  align-items: flex-end;
  color: var(--main-color);
  margin-bottom: min(0.792vw, 1.52rem);
  margin-bottom: min(0.453vw, 0.87rem);
}

.p-service__flow-box-ttl-num {
  font-size: min(1.302vw, 2.5rem); /* 25px */
  font-weight: 600;
  font-family: var(--font-ma);
  margin-right: min(0.875vw, 1.68rem); /* 16.8px */
  line-height: 1.2;
}

.p-service__flow-box-ttl {
  font-size: clamp(10px, 0.938vw, 1.8rem); /* 18px */
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-right: min(0.823vw, 1.58rem); /* 15.8px */
  padding-bottom: min(0.151vw, 0.29rem); /* 2.9px */
  line-height: 1.28;
}

.p-service__flow-box-ttl-en {
  font-size: clamp(10px, 0.677vw, 1.3rem); /* 13px */
  font-weight: 500;
  font-family: var(--font-ma);
  padding-bottom: min(0.141vw, 0.27rem); /* 2.7px */
  line-height: 1.02;
}

.p-service__flow-box-text {
  font-size: clamp(10px, 0.677vw, 1.3rem); /* 13px */
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-service__group .p-service__ttl-en {
  margin-bottom: min(0.599vw, 1.15rem); /* 11.5px */
}

.p-service__group-flex {
  gap: min(2.448vw, 4.7rem); /* 47px */
  align-items: flex-end;
  margin-bottom: min(1.818vw, 3.49rem); /* 34.9px */
}

.p-service__group-ttl {
  font-size: min(1.302vw, 2.5rem); /* 25px */
  font-weight: bold;
  letter-spacing: 0.02em;
  margin-bottom: min(0.922vw, 1.77rem); /* 17.7px */
}

.p-service__group-contents .c-text {
  width: min(22.146vw, 42.52rem); /* 425.2px */
}

.p-service__group-img {
  width: min(22.76vw, 43.7rem); /* 437px */
  margin-bottom: min(0.104vw, 0.2rem); /* 2px */
}
.p-service__slide{
  margin: 0 calc(50% - 50vw) min(2.219vw, 4.26rem) 0;
}
    @media screen and (max-width: 768px){
      .p-service {
      }
      .p-service .u-wrap{
      }

      .p-service .page-body {
        padding-top: 26.133vw; /* 207px */
      }

      .p-service .page-body.pb-xxl {
        padding-bottom: 24.267vw; /* 159.1px */
      }

      .p-service__catch-section {
        padding:0 3.2vw;
        margin-bottom: 12.187vw; /* 70.6px */
      }

      .p-service__catch {
        font-size: 5.333vw; /* 35px */
        font-weight: 800;
        line-height: 1.9;
        letter-spacing: 0.02em;
        margin-bottom: 7.973vw;
        height:auto;
      }

      .p-service__catch-section .c-text {
        width: 100%; /* 425.2px */
      }

      .p-service__marketing {

      }

      .p-service__ttl-en {
        font-size: 4.8vw; /* 19px */
        font-family: var(--font-ma);
        font-weight: 500;
        margin-bottom: 2.853vw; /* 19.3px */
        color: var(--main-color);
      }
      .p-service .p-top__service-box-ttl {
        margin-bottom: 2.773vw;
      }

      .p-top__service-ttl-en.p-service__ttl-en {
        font-size: 4.8vw; /* 19px */
        margin-bottom: 2.853vw;
        font-weight: 500;
      }
      .p-service__marketing .p-top__service-ttl-en,
      .p-service__marketing .p-top__service-ttl,
      .p-service__marketing .p-top__service-flex{
        padding:0 3.2vw;
      }
      .p-service__marketing .p-top__service-ttl-en{
        font-size:4.8vw;
      }
      .p-service__marketing .p-top__service-ttl{
        white-space: nowrap;

      }
      .p-service__marketing .p-top__service-flex01 {
        margin-bottom: 12.667vw; /* 65.6px */
      }

      .p-service__marketing .p-top__service-flex02 {
        margin-bottom: 7.707vw; /* 65.6px */
      }

      .p-service__flow {
        margin-bottom: 24.24vw;
      }
      .p-service__flow .p-service__ttl-en{
        margin-bottom:9.6vw;
      }

      .p-service__flow-flex {
        display: grid;
        grid-template-columns: 1fr;
        gap: 9.867vw; /* 47px */
        padding:0 8vw;
      }

      .p-service__flow-box {
      }

      .p-service__flow-box-img {
        margin-bottom: 6.613vw; /* 25.8px */
      }

      .p-service__flow-box-ttl-area {
        display: flex;
        align-items: flex-end;
        color: var(--main-color);
        margin-bottom:4.053vw;
      }

      .p-service__flow-box-ttl-num {
        font-size: 6.667vw; /* 25px */
        font-weight: 600;
        font-family: var(--font-ma);
        margin-right: 4.48vw; /* 16.8px */
      }

      .p-service__flow-box-ttl {
        font-size: 4.8vw; /* 18px */
        font-weight: bold;
        letter-spacing: 0.02em;
        margin-right: 4.213vw; /* 15.8px */
        padding-bottom: 0.773vw; /* 2.9px */
      }

      .p-service__flow-box-ttl-en {
        font-size: 3.467vw; /* 13px */
        font-weight: 500;
        font-family: var(--font-ma);
        padding-bottom: 0.72vw; /* 2.7px */
      }

      .p-service__flow-box-text {
        font-size: 3.467vw; /* 13px */
        line-height: 2;
        font-weight: 500;
        letter-spacing: 0.02em;
      }
      .p-service__group{
        PADDING:0 3.2vw;
      }
      .p-service__group .p-service__ttl-en {
        margin-bottom: 4.267vw; /* 11.5px */
      }

      .p-service__group-flex {
        gap: 4.747vw; /* 47px */
        align-items: flex-end;
        margin-bottom: 9.6vw; /* 34.9px */
        flex-direction: column-reverse;
      }
      .p-service__group-contents{
        width:100%;
      }

      .p-service__group-ttl {
        font-size: 4.8vw; /* 25px */
        font-weight: bold;
        letter-spacing: 0.02em;
        margin-bottom: 4.453vw; /* 17.7px */
      }

      .p-service__group-contents .c-text {
        width: 100%; /* 425.2px */
      }

      .p-service__group-img {
        width: 100%; /* 437px */
        margin-bottom: 0; /* 2px */
      }
      .p-service__slide{
        margin: 0 calc(50% - 50vw) 48.3px 0;
      }
    }

@media (min-width: 1920px) {
  .p-service__catch { font-size: 35px; } /* min(1.823vw, 3.5rem) → 1.823vw*1920=35px */
  .p-service__ttl-en { font-size: 19px; } /* clamp(10px, 0.99vw, 1.9rem) → 0.99vw*1920=19px */
  .p-top__service-ttl-en.p-service__ttl-en { font-size: 19px; } /* clamp(10px, 0.99vw, 1.9rem) → 0.99vw*1920=19px */
  .p-service__flow-box-ttl-num { font-size: 25px; } /* min(1.302vw, 2.5rem) → 1.302vw*1920=25px */
  .p-service__flow-box-ttl { font-size: 18px; } /* clamp(10px, 0.938vw, 1.8rem) → 0.938vw*1920=18px */
  .p-service__flow-box-ttl-en { font-size: 13px; } /* clamp(10px, 0.677vw, 1.3rem) → 0.677vw*1920=13px */
  .p-service__flow-box-text { font-size: 13px; } /* clamp(10px, 0.677vw, 1.3rem) → 0.677vw*1920=13px */
  .p-service__group-ttl { font-size: 25px; } /* min(1.302vw, 2.5rem) → 1.302vw*1920=25px */
}
