@media screen and (min-width: 769px) and (max-width: 980px) {
    #result .inner {
      width: 80%;
    }
    .result-data-heading {
      height: calc(100vw / 2.0);
    }
    #prologue .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #about .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #system .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #combination .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #step .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #merit .inner {
        width: 80%;
    }
    #limited .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #contents .contents {
      margin: 0 auto 10%;
      width: 80%;
    }
    #bonus .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #price .inner {
      width: 80%;
    }
    #guarantee .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #faq .inner {
      margin: 0 auto;
      width: 80%;
    }
    #epilogue .inner {
      margin: 0 auto;
      width: 80%;
    }
    #add .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #special202304 .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
    #special202308 .inner {
      margin: 0 auto 10%;
      width: 80%;
    }
  }