
.help {
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    width: 100%;
    min-height: 100vh;
    background-size: 1474px auto, auto;
    padding-bottom: 150px;
    font-size: 16px;
  }
  .help ul {
    list-style-type: none;
    padding: 1rem 2rem;
    margin: 0;
  }
  .help ul li {
    line-height: 1.9;
    margin-bottom: 1.5rem;
    color: #707070;
  }
  .help label {
    margin: 0;
  }
  .help hr {
    margin: 2rem 0;
  }
  .help .img-thumbnail {
    border: none !important;
  }
  .help__header {
    text-align: center;
    color: #ffffff;
    padding: 100px 0 78px 0;
  }
  .help__header-title {
    font-family: "Raleway", sans-serif;
    font-style: italic;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
  }
  .help__header-title-second {
    font-family: "Raleway", sans-serif;
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 0;
  }
  .help-container {
    max-width: 980px;
    width: 90%;
    margin: auto;
    padding: 60px;
    background-color: #fff;
    border-radius: 1rem;
  }
  .help-center {
    padding-bottom: 3rem;
  }
  .help-center:last-child {
    padding-bottom: 0;
  }
  .help-center__subject {
    margin-bottom: 1.5rem;
    font-weight: bold;
    font-size: 21px;
    line-height: 2;
    background-color: #707070;
    color: #fff;
    padding: 0 2rem;
  }
  .help-center__content .question {
    display: flex;
  }
  .help-center__content .question::before {
    content: "Q.";
    line-height: 1;
    margin-right: 0.15em;
    font-size: 32px;
    font-style: italic;
    font-weight: 600;
    color: #f45680;
    transform: translateY(-0.15em);
  }
  .help-center__content .answer {
    display: flex;
  }
  .help-center__content .answer::before {
    content: "A.";
    line-height: 1;
    margin-right: 0.15em;
    font-size: 32px;
    font-weight: 600;
    font-style: italic;
    color: #f59154;
    white-space: nowrap;
    transform: translateY(-0.15em);
  }
  .help-center__content .answer-normal {
    padding-left: 3rem;
  }
  
  .help-center__content .answer-normal-2 {
    padding-left: 2.15rem;
  }
  
  @media screen and (min-width: 1260px) {
    .help {
      background-size: 1474px auto, 100% auto;
    }
  }
  @media screen and (max-width: 1024px) {
    .help {
      background-size: 140% auto, 1280px auto;
    }
    .help__header {
      padding: 18vw 0 7vw 0;
    }
    .help__header-title {
      font-size: 53px;
    }
    .help__header-title-second {
      font-size: 21px;
    }
    .help-center {
      padding-bottom: 3vw;
    }
    .help-center__subject {
      margin-bottom: 2vw;
      font-weight: bold;
      font-size: 2.4vw;
    }
  }
  @media screen and (max-width: 768px) {
    .help {
      background-size: 100% auto;
      padding: 50px 0 15%;
    }
    .help ul {
      padding: 1vw 3vw;
    }
    .help ul li {
      font-size: 3.5vw;
      line-height: 1.5;
    }
    .help hr {
      margin: 5vw 0;
    }
    .help__header {
      padding: 8vw 0 9vw 0;
    }
    .help__header-title {
      font-size: 11vw;
    }
    .help__header-title-second {
      font-size: 4vw;
    }
    .help-container {
      max-width: 90%;
      padding: 10% 5%;
    }
    .help-center {
      padding-bottom: 3vw;
    }
    .help-center__subject {
      font-weight: bold;
      font-size: 4vw;
    }
    .help-center__content .question::before {
      font-size: 6vw;
      transform: none;
    }
    .help-center__content .answer::before {
      font-size: 6vw;
      transform: none;
    }
    .help-center__content .answer-normal {
      padding-left: 7vw;
    }
    .help-center__content .answer-normal-2 {
      padding-left: 7vw;
    }
  }
