@media screen and (min-width: 769px) {
  .concept-box__main .text-box h3.pc {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .concept-box__main .text-box .main-text {
    padding: 2.2rem 2.5rem 2rem 3.7rem;
  }
  .concept-box__main .text-box .main-text p {
    line-height: 3.2rem;
    margin-bottom: 1.1rem;
  }
  .service-box__main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5.9rem 3rem;
  }
  .service-box__main .list-post {
    width: 30rem;
    padding: 0;
  }
  .service-box__main .list-post h3 {
    margin-bottom: 2.4rem;
  }
  .nav-tabs ul li {
    padding: 0 0.5rem;
  }
  #service-3 .post-thumbnail .list-post::after,
  #service-4 .post-thumbnail .list-post::after {
    background: #E4FAFC;
  }
  .fow-box__main--list {
    padding-right: 4.7rem;
  }
  .statement article {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .statement article + article {
    margin-top: 4.7rem;
  }
  .statement article h3 {
    width: 27.1rem;
    font-size: 4rem;
    line-height: 6.1rem;
    font-weight: 700;
    color: #02BDCC;
    letter-spacing: 0.62rem;
  }
  .statement article > dl {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .statement article > dl > dt {
    font-size: 2.4rem;
    line-height: 6.2rem;
    font-weight: 700;
    color: #02BDCC;
    letter-spacing: 0.62rem;
  }
  .statement article > dl > dd {
    font-size: 1.6rem;
    line-height: 3rem;
    letter-spacing: 0.2rem;
    font-weight: 400;
    color: #292929;
  }
  .statement article > dl > dd > dl dt {
    font-weight: 700;
  }
  .statement article > dl > dd > dl + dl {
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .service-box__main .list-post {
    width: 72.46377vw;
    padding: 0;
    margin: auto;
  }
  .service-box__main .list-post + .list-post {
    margin-top: 10.62802vw;
  }
  .service-box__main .list-post h3 {
    margin-bottom: 4.83092vw;
  }
  #service-3 .post-thumbnail .list-post::after,
  #service-4 .post-thumbnail .list-post::after {
    background: #E4FAFC;
  }
  .statement article h3 {
    font-size: 4rem;
    line-height: 6.1rem;
    font-weight: 700;
    color: #02BDCC;
    letter-spacing: 0.62rem;
  }
  .statement article > dl {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .statement article > dl > dt {
    font-size: 2.6rem;
    line-height: 2;
    font-weight: 700;
    color: #02BDCC;
    letter-spacing: 0.62rem;
  }
  .statement article > dl > dd {
    font-size: 2.2rem;
    line-height: 2;
    letter-spacing: 0.2rem;
    font-weight: 400;
    color: #292929;
  }
  .statement article > dl > dd > dl dt {
    font-weight: 700;
  }
  .statement article > dl > dd > dl + dl {
    margin-top: 1.5rem;
  }
}