@charset "UTF-8";
/* ==========================================================================
  SUPPORT
========================================================================== */

@media all and (min-width: 769px) {
    .support {

    }
    .support-course {
        margin-top: 5.375rem;
    }
    .support-course__body {
        display: flex;
        flex-wrap: wrap;
    }
    .support-course__item {
        flex-grow: 0;
        flex-shrink: 1;
    }
    .support-course__item {
        width: calc((100% - 1.5rem * 2) / 2);
    }
    .support-course__item:nth-child(1),
    .support-course__item:nth-child(3),
    .support-course__item:nth-child(5) {
        margin-right: 3rem;
    }
    .support-course__item:nth-child(3),
    .support-course__item:nth-child(4),
    .support-course__item:nth-child(5),
    .support-course__item:nth-child(6) {
        margin-top: 2.8rem;
    }
    .support-course-card {
        display: block;
        padding: 2.5rem 3.75rem 3.75rem 2.6rem;
        border-radius: 0.625rem;
        box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.12);
    }
    .support-course-card__title {
        text-align: center;
        font-weight: bold;
        font-size: 1.4375rem;
        line-height: 1.5;
    }
    .support-course-card__lead {
        text-align: center;
        margin: 2.2rem 0 3.125rem;
        line-height: 1.7;
    }
    .support-course__block {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .support-course__li {
        line-height: 1.7;
        font-size: .9375rem;
        font-weight: bold;
    }

    .support-course-card__img {
        margin: 1.625rem 0 2.625rem;
    }
    .support-course-card__img2 {
       text-align: center;
    }
    .support-course__dot {
        color: #b1081f;
    }


}
@media all and (max-width: 768px) {
    .support {

    }
    .support-course {
        margin-top: 1.875rem;
    }
    .support-course__body {
        display: flex;
        flex-wrap: wrap;
    }
    .support-course__item {
        flex-grow: 0;
        flex-shrink: 1;
    }
    .support-course__item {
        width: 100%;
    }
    .support-course__item:nth-child(1),
    .support-course__item:nth-child(3),
    .support-course__item:nth-child(5) {
        margin-right: 0;
    }
    .support-course__item:nth-child(2),
    .support-course__item:nth-child(3),
    .support-course__item:nth-child(4),
    .support-course__item:nth-child(5),
    .support-course__item:nth-child(6) {
        margin-top: 2.8rem;
    }
    .support-course-card {
        display: block;
        padding: 1.875rem 1.875rem 2.1875rem;
        border-radius: 0.625rem;
        box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.12);
    }
    .support-course-card__title {
        text-align: center;
        font-weight: bold;
        font-size: 1.2rem;
        line-height: 1.5;
    }
    .support-course-card__lead {
        text-align: center;
        margin: 2.2rem 0 3.125rem;
        line-height: 1.7;
        font-size: .9rem;
    }
    .support-course__block {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .support-course__li {
        line-height: 1.7;
        font-size: .9375rem;
        font-weight: bold;
    }

    .support-course-card__img {
        margin: 1.625rem 0 2.625rem;
    }
    .support-course-card__img2 {
       text-align: center;
    }
    .support-course__dot {
        color: #b1081f;
    }

}


@media all and (min-width: 769px) {
    .flows__outer{
      padding: 1.6rem 0;
      margin: 5rem 0 8.125rem;
    }
    .flows {
        width: 56rem;
        margin: 0 auto;
    }
    .flows--block__inner {
      padding: 1.35rem 1rem;
    }
    .flows--block__ul {
       display: flex;
    }

    .flows--block__li {
        font-weight: bold;
        width: calc(100% / 3);
        text-align: center;
        border-left: 1px solid #aaa;
    }

    .flows--block__li:last-child {
        border-right: 1px solid #aaa;
    }

    .flows--block__img {
        display: block;
        margin: 0 auto 1rem;
    }

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

    .flows {
        width: 100%;
        margin: 2.56rem auto 3.125rem;
    }
    .flows--block__ul {
       display: flex;
       flex-wrap: wrap;
    }

    .flows--block__li {
        font-weight: bold;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left: none;
        border-top: 1px solid #aaa;
        padding: 1.31rem 0;
    }

    .flows--block__li:last-child {
        border-right: none;
        border-bottom: 1px solid #aaa;
    }

    .flows--block__inner {
        width: 18rem;
        margin: 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
    }

    .flows--block__img {
        display: block;
        margin: 0 1rem 0 0;
    }
  }