@media all and (max-width: 768px){
  .container2{
    width: 98%;
  }
  .ma768{
    margin-top: -50px;
  }
}
@media all and (max-width: 428px){
  .container2{
    width: 95%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .container3{
    width: 95%;
  }
  .title1{
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .text1{
    line-height: 30px;
  }
  .text2{
    line-height: 30px;
    margin-top: 20px;
  }
  .fv{
    width: 100%;
  vertical-align: bottom;
  margin-bottom: 40px;
  }
  .f_m{
    width: 25%;
  }
  .text4{
    line-height: 30px;
  }
  .text3{
    line-height: 30px;
  }
  .title2{
    font-size: 21px;
    line-height: 30px;
  }
  .text5{
    line-height: 30px;
  }

  .table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
}

/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{　　
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}
#table2 td{
  white-space: normal;; /*文字の折り返しを禁止*/
}
.pre2{
padding: 14px 60px;
}
#table2{
  margin-bottom: 20px;
}
.rank_title{
  font-size: 21px;
  line-height: 30px;
}
.text6{
  line-height: 30px;
}
#table3{
  margin-top: 10px;
}
.sp2{
  display: block;
}
.text7{
  line-height: 30px;
  margin-top: 40px;
}
.pc2{
  display: none;
}
.sp_chart1{
  width: 100%;
  display: block;
  margin: 30px auto 0 auto;
}
.check{
  width: 7%;
  margin-top: 3px;
}
.check2{
  width: 7%;
  margin-top: 3px;
}
.number{
  width: 7%;

}
.fea1{
  width: 50%;
}
.fea5{
  width: 50%;
}
.fea8{
  width: 60%;
}
.fea13{
  width: 60%;
}
.tweet{
  width: 100%;
}
.tweet2{
  width: 100%;
}
.tweet3{
  width: 100%;
}
.text10{
  line-height: 30px;
  margin-top: -30px;
}
.sp_cta1{
  width: 100%;
  display: block;
  margin-top: 30px;
}
.rank_title2{
  font-size: 21px;
  line-height: 30px;
}
.sp_cta2{
  width: 100%;
  display: block;
  margin-top: -80px;
}
.text8{
  line-height: 30px;
}
.sp_img1{
  width: 100%;
  display: block;
  margin-top: 30px;
}
.sp_cta1{
  width: 100%;
  display: 30px;
}
.m414{
  margin-top: 0px;
}
.sp_cta5{
  width: 100%;
  display: block;
  margin-top: -120px;
}
.ma768{
  margin-top: -60px;
}
.m414_2{
  margin-top: -120px;
}
.m414_3{
  margin-top: -50px;
}
.text7_2{
  line-height: 30px;
  margin-top: -90px;
}
.text7_4{
  line-height: 30px;
  margin-top: -190px;
}
.sp_cta14{
  width: 100%;
  display: block;
  margin-top: -270px;
}
.title3{
  font-size: 21px;
  line-height: 30px;
}
.title3_2{
  font-size: 21px;
  line-height: 30px;
  margin-top: 40px;
}
.title4_2{
  font-size: 21px;
  line-height: 30px;

}
.title4{
  font-size: 20px;
  line-height: 30px;
}
.text7_3{
  line-height: 30px;

}
.rate_img1{
  width: 100%;
}
.matome1 {
  font-size: 21px;
  line-height: 30px;
}
.matome2 {
  font-size: 21px;
  line-height: 30px;
}
.title4_2dotted{
  font-size: 20px;
  line-height: 30px;
}
.title3_2step{
  font-size: 21px;
  line-height: 30px;
}
.title4_2step{
  font-size: 21px;
  line-height: 30px;
}
.ma76868{
  margin-top: -60px;
}
}
@media all and (max-width: 428px){
  .text10{
    line-height: 30px;
    margin-top: -120px;
  }
  .sp_cta2{
    width: 100%;
    display: block;
    margin-top: -140px;
  }
  .m414{
    margin-top: -50px;
  }
  .sp_cta5{
    width: 100%;
    display: block;
    margin-top: -250px;
  }
  .ma768{
    margin-top: -150px;
  }
  .ma76868{
    margin-top: -200px;
  }
  .m414_2{
    margin-top: -200px;
  }
  .m414_3{
    margin-top: -150px;
  }
  .text7_2{
    line-height: 30px;
    margin-top: -250px;
  }
  .sp_cta14{
    width: 100%;
    display: block;
    margin-top: -330px;
  }
}