.monitor {

}
:where(.monitor) {
  .monitor__mv {
    margin-bottom: 100px;
    @media screen and (max-width: 768px) {
      margin-bottom: 45px;
    }
  }
  .monitor__menu {
    border-top: 1px solid #DF8F9B;
    border-bottom: 1px solid #DF8F9B;
    padding: 35px 0;
    font-size: calc(var(--rem) * 15);
    @media screen and (min-width: 769px) {
      margin-bottom: 150px;
    }
  }
  .monitor__menu-inner {
    display: flex;
    justify-content: center;
    gap: 19px;
  }
  .monitor__menu-text {
    position: relative;
    padding-right: 25px;

    &::after {
      content: "";
      display: inline-block;
      position: absolute;
      right: 0;
      top: 3px;
      bottom: 0;
      margin: auto 0;
      width: 15px;
      height: 15px;
      background-image: url("../../images/monitor/icon_arrow.svg");
      background-size: contain;
      background-repeat: no-repeat;
    }
  }
  .monitor__about {
    display: flex;
    @media screen and (min-width: 769px) {
      align-items: center;
      gap: min(50px, calc(var(--vw) * 50));
      margin-bottom: 90px;
    }
    @media screen and (max-width: 768px) {
      flex-direction: column-reverse;
      gap: calc(var(--vw) * 30);
      margin-bottom: 40px;
    }
    .c-title-en, .c-title {
      text-align: start;
    }
  }
  .monitor__about-text {
    font-size: calc(var(--rem) * 13);
    letter-spacing: 1.04px;
    line-height: 22px;
    @media screen and (min-width: 769px) {
      line-height: 25px;
    }
  }
  .monitor__about-image {
    @media screen and (min-width: 769px) {
      width: min(550px, calc(var(--vw) * 550));
    }
  }
  .monitor__apply {
    border: 1px solid #DF8F9B;
    padding: 20px 10px;
    font-size: calc(var(--rem) * 12);
    letter-spacing: 1.04px;
    line-height: 25px;
    margin-bottom: 50px;
    @media screen and (min-width: 769px) {
      padding: 20px;
      font-size: calc(var(--rem) * 13);
      letter-spacing: 1.04px;
      line-height: 25px;
      margin-bottom: 113px;
    }
  }
  .monitor__things {
    margin-bottom: 55px;
    @media screen and (min-width: 769px) {
      margin-bottom: 100px;
    }
    .c-title-en, .c-title {
      text-align: start;
    }
  }
  .monitor__flow {
    margin-bottom: 75px;
    @media screen and (min-width: 769px) {
      margin-bottom: 106px;
    }
    .c-title-en, .c-title {
      text-align: start;
    }
  }
  .monitor__case {
    margin-bottom: 75px;
    @media screen and (min-width: 769px) {
      margin-bottom: 106px;
    }
  }
  .monitor__faq  {
    margin-bottom: 75px;
    @media screen and (min-width: 769px) {
      margin-bottom: 122px;
    }
  }
  .monitor__banners {
    .c-title-en, .c-title {
      text-align: start;
    }
    margin-bottom: 60px;
    @media screen and (min-width: 769px) {
      margin-bottom: 110px;
    }
  }
  .monitor__banners-list {
    display: grid;
    gap: calc(var(--vw) * 20);
    @media screen and (min-width: 769px) {
      grid-template-columns: 1fr 1fr 1fr;
      gap: min(44px, calc(var(--vw) * 44));
    }
  }
}