@charset "UTF-8";
/*

*/
@media screen and (min-width: 768px), print {
  .PADDING10 {
    padding: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING10 {
    padding: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING10 {
    padding: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING20 {
    padding: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING20 {
    padding: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING20 {
    padding: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING30 {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING30 {
    padding: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING30 {
    padding: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING40 {
    padding: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING40 {
    padding: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING40 {
    padding: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING50 {
    padding: 50px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING50 {
    padding: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING50 {
    padding: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING60 {
    padding: 60px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING60 {
    padding: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING60 {
    padding: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING70 {
    padding: 70px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING70 {
    padding: 5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING70 {
    padding: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING80 {
    padding: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING80 {
    padding: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING80 {
    padding: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING90 {
    padding: 90px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING90 {
    padding: 7.03125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING90 {
    padding: 12vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING100 {
    padding: 100px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING100 {
    padding: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING100 {
    padding: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING110 {
    padding: 110px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING110 {
    padding: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING110 {
    padding: 14.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING120 {
    padding: 120px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING120 {
    padding: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING120 {
    padding: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING130 {
    padding: 130px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING130 {
    padding: 10.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING130 {
    padding: 17.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING140 {
    padding: 140px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING140 {
    padding: 10.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING140 {
    padding: 18.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING150 {
    padding: 150px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING150 {
    padding: 11.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING150 {
    padding: 20vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING160 {
    padding: 160px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING160 {
    padding: 12.5vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING160 {
    padding: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING170 {
    padding: 170px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING170 {
    padding: 13.28125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING170 {
    padding: 22.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING180 {
    padding: 180px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING180 {
    padding: 14.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING180 {
    padding: 24vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING190 {
    padding: 190px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING190 {
    padding: 14.84375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING190 {
    padding: 25.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .PADDING200 {
    padding: 200px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .PADDING200 {
    padding: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-PADDING200 {
    padding: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS1 {
    border-radius: 1px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS1 {
    border-radius: 0.078125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS1 {
    border-radius: 0.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS2 {
    border-radius: 2px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS2 {
    border-radius: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS2 {
    border-radius: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS3 {
    border-radius: 3px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS3 {
    border-radius: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS3 {
    border-radius: 0.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS4 {
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS4 {
    border-radius: 0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS4 {
    border-radius: 0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS5 {
    border-radius: 5px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS5 {
    border-radius: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS5 {
    border-radius: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS6 {
    border-radius: 6px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS6 {
    border-radius: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS6 {
    border-radius: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS7 {
    border-radius: 7px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS7 {
    border-radius: 0.546875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS7 {
    border-radius: 0.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS8 {
    border-radius: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS8 {
    border-radius: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS8 {
    border-radius: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS9 {
    border-radius: 9px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS9 {
    border-radius: 0.703125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS9 {
    border-radius: 1.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS10 {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS10 {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS10 {
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS11 {
    border-radius: 11px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS11 {
    border-radius: 0.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS11 {
    border-radius: 1.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS12 {
    border-radius: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS12 {
    border-radius: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS12 {
    border-radius: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS13 {
    border-radius: 13px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS13 {
    border-radius: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS13 {
    border-radius: 1.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS14 {
    border-radius: 14px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS14 {
    border-radius: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS14 {
    border-radius: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS15 {
    border-radius: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS15 {
    border-radius: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS15 {
    border-radius: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS16 {
    border-radius: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS16 {
    border-radius: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS16 {
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS17 {
    border-radius: 17px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS17 {
    border-radius: 1.328125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS17 {
    border-radius: 2.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS18 {
    border-radius: 18px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS18 {
    border-radius: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS18 {
    border-radius: 2.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS19 {
    border-radius: 19px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS19 {
    border-radius: 1.484375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS19 {
    border-radius: 2.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS20 {
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS20 {
    border-radius: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS20 {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS21 {
    border-radius: 21px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS21 {
    border-radius: 1.640625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS21 {
    border-radius: 2.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS22 {
    border-radius: 22px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS22 {
    border-radius: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS22 {
    border-radius: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS23 {
    border-radius: 23px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS23 {
    border-radius: 1.796875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS23 {
    border-radius: 3.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS24 {
    border-radius: 24px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS24 {
    border-radius: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS24 {
    border-radius: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS25 {
    border-radius: 25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS25 {
    border-radius: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS25 {
    border-radius: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS26 {
    border-radius: 26px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS26 {
    border-radius: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS26 {
    border-radius: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS27 {
    border-radius: 27px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS27 {
    border-radius: 2.109375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS27 {
    border-radius: 3.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS28 {
    border-radius: 28px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS28 {
    border-radius: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS28 {
    border-radius: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS29 {
    border-radius: 29px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS29 {
    border-radius: 2.265625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS29 {
    border-radius: 3.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS30 {
    border-radius: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS30 {
    border-radius: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS30 {
    border-radius: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS31 {
    border-radius: 31px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS31 {
    border-radius: 2.421875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS31 {
    border-radius: 4.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS32 {
    border-radius: 32px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS32 {
    border-radius: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS32 {
    border-radius: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS33 {
    border-radius: 33px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS33 {
    border-radius: 2.578125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS33 {
    border-radius: 4.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS34 {
    border-radius: 34px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS34 {
    border-radius: 2.65625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS34 {
    border-radius: 4.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS35 {
    border-radius: 35px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS35 {
    border-radius: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS35 {
    border-radius: 4.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS36 {
    border-radius: 36px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS36 {
    border-radius: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS36 {
    border-radius: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS37 {
    border-radius: 37px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS37 {
    border-radius: 2.890625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS37 {
    border-radius: 4.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS38 {
    border-radius: 38px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS38 {
    border-radius: 2.96875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS38 {
    border-radius: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS39 {
    border-radius: 39px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS39 {
    border-radius: 3.046875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS39 {
    border-radius: 5.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS40 {
    border-radius: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS40 {
    border-radius: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS40 {
    border-radius: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS41 {
    border-radius: 41px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS41 {
    border-radius: 3.203125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS41 {
    border-radius: 5.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS42 {
    border-radius: 42px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS42 {
    border-radius: 3.28125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS42 {
    border-radius: 5.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS43 {
    border-radius: 43px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS43 {
    border-radius: 3.359375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS43 {
    border-radius: 5.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS44 {
    border-radius: 44px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS44 {
    border-radius: 3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS44 {
    border-radius: 5.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS45 {
    border-radius: 45px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS45 {
    border-radius: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS45 {
    border-radius: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS46 {
    border-radius: 46px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS46 {
    border-radius: 3.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS46 {
    border-radius: 6.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS47 {
    border-radius: 47px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS47 {
    border-radius: 3.671875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS47 {
    border-radius: 6.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS48 {
    border-radius: 48px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS48 {
    border-radius: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS48 {
    border-radius: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS49 {
    border-radius: 49px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS49 {
    border-radius: 3.828125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS49 {
    border-radius: 6.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS50 {
    border-radius: 50px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS50 {
    border-radius: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS50 {
    border-radius: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS51 {
    border-radius: 51px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS51 {
    border-radius: 3.984375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS51 {
    border-radius: 6.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS52 {
    border-radius: 52px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS52 {
    border-radius: 4.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS52 {
    border-radius: 6.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS53 {
    border-radius: 53px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS53 {
    border-radius: 4.140625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS53 {
    border-radius: 7.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS54 {
    border-radius: 54px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS54 {
    border-radius: 4.21875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS54 {
    border-radius: 7.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS55 {
    border-radius: 55px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS55 {
    border-radius: 4.296875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS55 {
    border-radius: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS56 {
    border-radius: 56px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS56 {
    border-radius: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS56 {
    border-radius: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS57 {
    border-radius: 57px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS57 {
    border-radius: 4.453125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS57 {
    border-radius: 7.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS58 {
    border-radius: 58px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS58 {
    border-radius: 4.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS58 {
    border-radius: 7.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS59 {
    border-radius: 59px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS59 {
    border-radius: 4.609375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS59 {
    border-radius: 7.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS60 {
    border-radius: 60px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS60 {
    border-radius: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS60 {
    border-radius: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS61 {
    border-radius: 61px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS61 {
    border-radius: 4.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS61 {
    border-radius: 8.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS62 {
    border-radius: 62px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS62 {
    border-radius: 4.84375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS62 {
    border-radius: 8.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS63 {
    border-radius: 63px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS63 {
    border-radius: 4.921875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS63 {
    border-radius: 8.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS64 {
    border-radius: 64px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS64 {
    border-radius: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS64 {
    border-radius: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS65 {
    border-radius: 65px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS65 {
    border-radius: 5.078125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS65 {
    border-radius: 8.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS66 {
    border-radius: 66px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS66 {
    border-radius: 5.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS66 {
    border-radius: 8.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS67 {
    border-radius: 67px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS67 {
    border-radius: 5.234375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS67 {
    border-radius: 8.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS68 {
    border-radius: 68px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS68 {
    border-radius: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS68 {
    border-radius: 9.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS69 {
    border-radius: 69px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS69 {
    border-radius: 5.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS69 {
    border-radius: 9.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS70 {
    border-radius: 70px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS70 {
    border-radius: 5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS70 {
    border-radius: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS71 {
    border-radius: 71px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS71 {
    border-radius: 5.546875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS71 {
    border-radius: 9.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS72 {
    border-radius: 72px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS72 {
    border-radius: 5.625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS72 {
    border-radius: 9.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS73 {
    border-radius: 73px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS73 {
    border-radius: 5.703125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS73 {
    border-radius: 9.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS74 {
    border-radius: 74px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS74 {
    border-radius: 5.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS74 {
    border-radius: 9.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS75 {
    border-radius: 75px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS75 {
    border-radius: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS75 {
    border-radius: 10vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS76 {
    border-radius: 76px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS76 {
    border-radius: 5.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS76 {
    border-radius: 10.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS77 {
    border-radius: 77px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS77 {
    border-radius: 6.015625vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS77 {
    border-radius: 10.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS78 {
    border-radius: 78px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS78 {
    border-radius: 6.09375vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS78 {
    border-radius: 10.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS79 {
    border-radius: 79px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS79 {
    border-radius: 6.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS79 {
    border-radius: 10.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .RADIUS80 {
    border-radius: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .RADIUS80 {
    border-radius: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .SP-RADIUS80 {
    border-radius: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F6 {
    font-size: 6px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F6 {
    font-size: 0.46875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF6 {
    font-size: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF6 {
    font-size: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F7 {
    font-size: 7px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F7 {
    font-size: 0.546875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF7 {
    font-size: 0.546875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF7 {
    font-size: 0.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F8 {
    font-size: 8px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F8 {
    font-size: 0.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF8 {
    font-size: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF8 {
    font-size: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F9 {
    font-size: 9px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F9 {
    font-size: 0.703125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF9 {
    font-size: 0.703125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF9 {
    font-size: 1.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F10 {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F10 {
    font-size: 0.78125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF10 {
    font-size: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF10 {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F11 {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F11 {
    font-size: 0.859375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF11 {
    font-size: 0.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF11 {
    font-size: 1.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F12 {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F12 {
    font-size: 0.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF12 {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF12 {
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F13 {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F13 {
    font-size: 1.015625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF13 {
    font-size: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF13 {
    font-size: 1.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F14 {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F14 {
    font-size: 1.09375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF14 {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF14 {
    font-size: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F15 {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F15 {
    font-size: 1.171875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF15 {
    font-size: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF15 {
    font-size: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F16 {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F16 {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF16 {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .SF16 {
    font-size: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F17 {
    font-size: 17px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F17 {
    font-size: 1.328125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF17 {
    font-size: 1.328125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF17 {
    font-size: 2.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F18 {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F18 {
    font-size: 1.40625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF18 {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF18 {
    font-size: 2.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F19 {
    font-size: 19px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F19 {
    font-size: 1.484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF19 {
    font-size: 1.484375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF19 {
    font-size: 2.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F20 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F20 {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF20 {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF20 {
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F21 {
    font-size: 21px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F21 {
    font-size: 1.640625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF21 {
    font-size: 1.640625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF21 {
    font-size: 2.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F22 {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F22 {
    font-size: 1.71875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF22 {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF22 {
    font-size: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F23 {
    font-size: 23px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F23 {
    font-size: 1.796875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF23 {
    font-size: 1.796875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF23 {
    font-size: 3.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F24 {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F24 {
    font-size: 1.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF24 {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF24 {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F25 {
    font-size: 25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F25 {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF25 {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF25 {
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F26 {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F26 {
    font-size: 2.03125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF26 {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF26 {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F27 {
    font-size: 27px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F27 {
    font-size: 2.109375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF27 {
    font-size: 2.109375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF27 {
    font-size: 3.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F28 {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F28 {
    font-size: 2.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF28 {
    font-size: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF28 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F29 {
    font-size: 29px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F29 {
    font-size: 2.265625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF29 {
    font-size: 2.265625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF29 {
    font-size: 3.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F30 {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F30 {
    font-size: 2.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF30 {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF30 {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F31 {
    font-size: 31px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F31 {
    font-size: 2.421875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF31 {
    font-size: 2.421875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF31 {
    font-size: 4.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F32 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F32 {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF32 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .SF32 {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F33 {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F33 {
    font-size: 2.578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF33 {
    font-size: 2.578125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF33 {
    font-size: 4.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F34 {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F34 {
    font-size: 2.65625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF34 {
    font-size: 2.65625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF34 {
    font-size: 4.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F35 {
    font-size: 35px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F35 {
    font-size: 2.734375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF35 {
    font-size: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF35 {
    font-size: 4.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F36 {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F36 {
    font-size: 2.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF36 {
    font-size: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF36 {
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F37 {
    font-size: 37px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F37 {
    font-size: 2.890625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF37 {
    font-size: 2.890625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF37 {
    font-size: 4.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F38 {
    font-size: 38px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F38 {
    font-size: 2.96875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF38 {
    font-size: 2.96875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF38 {
    font-size: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F39 {
    font-size: 39px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F39 {
    font-size: 3.046875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF39 {
    font-size: 3.046875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF39 {
    font-size: 5.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F40 {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F40 {
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF40 {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF40 {
    font-size: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F41 {
    font-size: 41px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F41 {
    font-size: 3.203125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF41 {
    font-size: 3.203125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF41 {
    font-size: 5.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F42 {
    font-size: 42px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F42 {
    font-size: 3.28125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF42 {
    font-size: 3.28125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF42 {
    font-size: 5.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F43 {
    font-size: 43px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F43 {
    font-size: 3.359375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF43 {
    font-size: 3.359375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF43 {
    font-size: 5.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F44 {
    font-size: 44px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F44 {
    font-size: 3.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF44 {
    font-size: 3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF44 {
    font-size: 5.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F45 {
    font-size: 45px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F45 {
    font-size: 3.515625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF45 {
    font-size: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF45 {
    font-size: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F46 {
    font-size: 46px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F46 {
    font-size: 3.59375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF46 {
    font-size: 3.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF46 {
    font-size: 6.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F47 {
    font-size: 47px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F47 {
    font-size: 3.671875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF47 {
    font-size: 3.671875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF47 {
    font-size: 6.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F48 {
    font-size: 48px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F48 {
    font-size: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF48 {
    font-size: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .SF48 {
    font-size: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F49 {
    font-size: 49px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F49 {
    font-size: 3.828125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF49 {
    font-size: 3.828125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF49 {
    font-size: 6.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F50 {
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F50 {
    font-size: 3.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF50 {
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF50 {
    font-size: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F51 {
    font-size: 51px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F51 {
    font-size: 3.984375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF51 {
    font-size: 3.984375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF51 {
    font-size: 6.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F52 {
    font-size: 52px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F52 {
    font-size: 4.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF52 {
    font-size: 4.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF52 {
    font-size: 6.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F53 {
    font-size: 53px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F53 {
    font-size: 4.140625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF53 {
    font-size: 4.140625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF53 {
    font-size: 7.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F54 {
    font-size: 54px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F54 {
    font-size: 4.21875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF54 {
    font-size: 4.21875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF54 {
    font-size: 7.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F55 {
    font-size: 55px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F55 {
    font-size: 4.296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF55 {
    font-size: 4.296875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF55 {
    font-size: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F56 {
    font-size: 56px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F56 {
    font-size: 4.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF56 {
    font-size: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF56 {
    font-size: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F57 {
    font-size: 57px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F57 {
    font-size: 4.453125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF57 {
    font-size: 4.453125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF57 {
    font-size: 7.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F58 {
    font-size: 58px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F58 {
    font-size: 4.53125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF58 {
    font-size: 4.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF58 {
    font-size: 7.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F59 {
    font-size: 59px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F59 {
    font-size: 4.609375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF59 {
    font-size: 4.609375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF59 {
    font-size: 7.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F60 {
    font-size: 60px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F60 {
    font-size: 4.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF60 {
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF60 {
    font-size: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F61 {
    font-size: 61px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F61 {
    font-size: 4.765625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF61 {
    font-size: 4.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF61 {
    font-size: 8.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F62 {
    font-size: 62px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F62 {
    font-size: 4.84375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF62 {
    font-size: 4.84375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF62 {
    font-size: 8.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F63 {
    font-size: 63px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F63 {
    font-size: 4.921875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF63 {
    font-size: 4.921875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF63 {
    font-size: 8.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F64 {
    font-size: 64px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F64 {
    font-size: 5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF64 {
    font-size: 5vw;
  }
}
@media screen and (max-width: 767px) {
  .SF64 {
    font-size: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F65 {
    font-size: 65px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F65 {
    font-size: 5.078125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF65 {
    font-size: 5.078125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF65 {
    font-size: 8.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F66 {
    font-size: 66px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F66 {
    font-size: 5.15625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF66 {
    font-size: 5.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF66 {
    font-size: 8.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F67 {
    font-size: 67px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F67 {
    font-size: 5.234375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF67 {
    font-size: 5.234375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF67 {
    font-size: 8.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F68 {
    font-size: 68px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F68 {
    font-size: 5.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF68 {
    font-size: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF68 {
    font-size: 9.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F69 {
    font-size: 69px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F69 {
    font-size: 5.390625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF69 {
    font-size: 5.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF69 {
    font-size: 9.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F70 {
    font-size: 70px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F70 {
    font-size: 5.46875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF70 {
    font-size: 5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF70 {
    font-size: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F71 {
    font-size: 71px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F71 {
    font-size: 5.546875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF71 {
    font-size: 5.546875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF71 {
    font-size: 9.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F72 {
    font-size: 72px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F72 {
    font-size: 5.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF72 {
    font-size: 5.625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF72 {
    font-size: 9.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F73 {
    font-size: 73px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F73 {
    font-size: 5.703125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF73 {
    font-size: 5.703125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF73 {
    font-size: 9.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F74 {
    font-size: 74px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F74 {
    font-size: 5.78125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF74 {
    font-size: 5.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF74 {
    font-size: 9.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F75 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F75 {
    font-size: 5.859375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF75 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF75 {
    font-size: 10vw;
  }
}
@media screen and (min-width: 768px), print {
  .F76 {
    font-size: 76px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F76 {
    font-size: 5.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF76 {
    font-size: 5.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF76 {
    font-size: 10.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F77 {
    font-size: 77px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F77 {
    font-size: 6.015625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF77 {
    font-size: 6.015625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF77 {
    font-size: 10.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F78 {
    font-size: 78px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F78 {
    font-size: 6.09375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF78 {
    font-size: 6.09375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF78 {
    font-size: 10.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F79 {
    font-size: 79px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F79 {
    font-size: 6.171875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF79 {
    font-size: 6.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF79 {
    font-size: 10.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F80 {
    font-size: 80px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F80 {
    font-size: 6.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF80 {
    font-size: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .SF80 {
    font-size: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F81 {
    font-size: 81px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F81 {
    font-size: 6.328125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF81 {
    font-size: 6.328125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF81 {
    font-size: 10.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F82 {
    font-size: 82px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F82 {
    font-size: 6.40625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF82 {
    font-size: 6.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF82 {
    font-size: 10.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F83 {
    font-size: 83px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F83 {
    font-size: 6.484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF83 {
    font-size: 6.484375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF83 {
    font-size: 11.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F84 {
    font-size: 84px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F84 {
    font-size: 6.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF84 {
    font-size: 6.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF84 {
    font-size: 11.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F85 {
    font-size: 85px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F85 {
    font-size: 6.640625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF85 {
    font-size: 6.640625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF85 {
    font-size: 11.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F86 {
    font-size: 86px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F86 {
    font-size: 6.71875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF86 {
    font-size: 6.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF86 {
    font-size: 11.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F87 {
    font-size: 87px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F87 {
    font-size: 6.796875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF87 {
    font-size: 6.796875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF87 {
    font-size: 11.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F88 {
    font-size: 88px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F88 {
    font-size: 6.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF88 {
    font-size: 6.875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF88 {
    font-size: 11.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F89 {
    font-size: 89px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F89 {
    font-size: 6.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF89 {
    font-size: 6.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF89 {
    font-size: 11.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F90 {
    font-size: 90px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F90 {
    font-size: 7.03125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF90 {
    font-size: 7.03125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF90 {
    font-size: 12vw;
  }
}
@media screen and (min-width: 768px), print {
  .F91 {
    font-size: 91px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F91 {
    font-size: 7.109375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF91 {
    font-size: 7.109375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF91 {
    font-size: 12.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F92 {
    font-size: 92px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F92 {
    font-size: 7.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF92 {
    font-size: 7.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF92 {
    font-size: 12.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F93 {
    font-size: 93px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F93 {
    font-size: 7.265625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF93 {
    font-size: 7.265625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF93 {
    font-size: 12.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F94 {
    font-size: 94px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F94 {
    font-size: 7.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF94 {
    font-size: 7.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF94 {
    font-size: 12.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F95 {
    font-size: 95px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F95 {
    font-size: 7.421875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF95 {
    font-size: 7.421875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF95 {
    font-size: 12.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F96 {
    font-size: 96px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F96 {
    font-size: 7.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF96 {
    font-size: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  .SF96 {
    font-size: 12.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F97 {
    font-size: 97px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F97 {
    font-size: 7.578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF97 {
    font-size: 7.578125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF97 {
    font-size: 12.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F98 {
    font-size: 98px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F98 {
    font-size: 7.65625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF98 {
    font-size: 7.65625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF98 {
    font-size: 13.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F99 {
    font-size: 99px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F99 {
    font-size: 7.734375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF99 {
    font-size: 7.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF99 {
    font-size: 13.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F100 {
    font-size: 100px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F100 {
    font-size: 7.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF100 {
    font-size: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF100 {
    font-size: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F101 {
    font-size: 101px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F101 {
    font-size: 7.890625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF101 {
    font-size: 7.890625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF101 {
    font-size: 13.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F102 {
    font-size: 102px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F102 {
    font-size: 7.96875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF102 {
    font-size: 7.96875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF102 {
    font-size: 13.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F103 {
    font-size: 103px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F103 {
    font-size: 8.046875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF103 {
    font-size: 8.046875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF103 {
    font-size: 13.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F104 {
    font-size: 104px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F104 {
    font-size: 8.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF104 {
    font-size: 8.125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF104 {
    font-size: 13.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F105 {
    font-size: 105px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F105 {
    font-size: 8.203125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF105 {
    font-size: 8.203125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF105 {
    font-size: 14vw;
  }
}
@media screen and (min-width: 768px), print {
  .F106 {
    font-size: 106px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F106 {
    font-size: 8.28125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF106 {
    font-size: 8.28125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF106 {
    font-size: 14.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F107 {
    font-size: 107px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F107 {
    font-size: 8.359375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF107 {
    font-size: 8.359375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF107 {
    font-size: 14.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F108 {
    font-size: 108px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F108 {
    font-size: 8.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF108 {
    font-size: 8.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF108 {
    font-size: 14.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F109 {
    font-size: 109px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F109 {
    font-size: 8.515625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF109 {
    font-size: 8.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF109 {
    font-size: 14.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F110 {
    font-size: 110px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F110 {
    font-size: 8.59375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF110 {
    font-size: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF110 {
    font-size: 14.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F111 {
    font-size: 111px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F111 {
    font-size: 8.671875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF111 {
    font-size: 8.671875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF111 {
    font-size: 14.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F112 {
    font-size: 112px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F112 {
    font-size: 8.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF112 {
    font-size: 8.75vw;
  }
}
@media screen and (max-width: 767px) {
  .SF112 {
    font-size: 14.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F113 {
    font-size: 113px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F113 {
    font-size: 8.828125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF113 {
    font-size: 8.828125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF113 {
    font-size: 15.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F114 {
    font-size: 114px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F114 {
    font-size: 8.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF114 {
    font-size: 8.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF114 {
    font-size: 15.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F115 {
    font-size: 115px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F115 {
    font-size: 8.984375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF115 {
    font-size: 8.984375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF115 {
    font-size: 15.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F116 {
    font-size: 116px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F116 {
    font-size: 9.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF116 {
    font-size: 9.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF116 {
    font-size: 15.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F117 {
    font-size: 117px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F117 {
    font-size: 9.140625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF117 {
    font-size: 9.140625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF117 {
    font-size: 15.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F118 {
    font-size: 118px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F118 {
    font-size: 9.21875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF118 {
    font-size: 9.21875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF118 {
    font-size: 15.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F119 {
    font-size: 119px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F119 {
    font-size: 9.296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF119 {
    font-size: 9.296875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF119 {
    font-size: 15.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F120 {
    font-size: 120px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F120 {
    font-size: 9.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF120 {
    font-size: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF120 {
    font-size: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  .F121 {
    font-size: 121px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F121 {
    font-size: 9.453125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF121 {
    font-size: 9.453125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF121 {
    font-size: 16.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F122 {
    font-size: 122px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F122 {
    font-size: 9.53125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF122 {
    font-size: 9.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF122 {
    font-size: 16.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F123 {
    font-size: 123px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F123 {
    font-size: 9.609375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF123 {
    font-size: 9.609375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF123 {
    font-size: 16.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F124 {
    font-size: 124px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F124 {
    font-size: 9.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF124 {
    font-size: 9.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF124 {
    font-size: 16.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F125 {
    font-size: 125px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F125 {
    font-size: 9.765625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF125 {
    font-size: 9.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF125 {
    font-size: 16.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F126 {
    font-size: 126px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F126 {
    font-size: 9.84375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF126 {
    font-size: 9.84375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF126 {
    font-size: 16.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F127 {
    font-size: 127px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F127 {
    font-size: 9.921875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF127 {
    font-size: 9.921875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF127 {
    font-size: 16.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F128 {
    font-size: 128px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F128 {
    font-size: 10vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF128 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 767px) {
  .SF128 {
    font-size: 17.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F129 {
    font-size: 129px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F129 {
    font-size: 10.078125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF129 {
    font-size: 10.078125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF129 {
    font-size: 17.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F130 {
    font-size: 130px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F130 {
    font-size: 10.15625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF130 {
    font-size: 10.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF130 {
    font-size: 17.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F131 {
    font-size: 131px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F131 {
    font-size: 10.234375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF131 {
    font-size: 10.234375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF131 {
    font-size: 17.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F132 {
    font-size: 132px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F132 {
    font-size: 10.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF132 {
    font-size: 10.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF132 {
    font-size: 17.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F133 {
    font-size: 133px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F133 {
    font-size: 10.390625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF133 {
    font-size: 10.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF133 {
    font-size: 17.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F134 {
    font-size: 134px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F134 {
    font-size: 10.46875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF134 {
    font-size: 10.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF134 {
    font-size: 17.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F135 {
    font-size: 135px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F135 {
    font-size: 10.546875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF135 {
    font-size: 10.546875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF135 {
    font-size: 18vw;
  }
}
@media screen and (min-width: 768px), print {
  .F136 {
    font-size: 136px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F136 {
    font-size: 10.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF136 {
    font-size: 10.625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF136 {
    font-size: 18.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F137 {
    font-size: 137px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F137 {
    font-size: 10.703125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF137 {
    font-size: 10.703125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF137 {
    font-size: 18.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F138 {
    font-size: 138px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F138 {
    font-size: 10.78125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF138 {
    font-size: 10.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF138 {
    font-size: 18.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F139 {
    font-size: 139px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F139 {
    font-size: 10.859375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF139 {
    font-size: 10.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF139 {
    font-size: 18.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F140 {
    font-size: 140px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F140 {
    font-size: 10.9375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF140 {
    font-size: 10.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF140 {
    font-size: 18.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F141 {
    font-size: 141px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F141 {
    font-size: 11.015625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF141 {
    font-size: 11.015625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF141 {
    font-size: 18.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F142 {
    font-size: 142px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F142 {
    font-size: 11.09375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF142 {
    font-size: 11.09375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF142 {
    font-size: 18.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F143 {
    font-size: 143px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F143 {
    font-size: 11.171875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF143 {
    font-size: 11.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF143 {
    font-size: 19.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F144 {
    font-size: 144px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F144 {
    font-size: 11.25vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF144 {
    font-size: 11.25vw;
  }
}
@media screen and (max-width: 767px) {
  .SF144 {
    font-size: 19.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F145 {
    font-size: 145px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F145 {
    font-size: 11.328125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF145 {
    font-size: 11.328125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF145 {
    font-size: 19.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F146 {
    font-size: 146px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F146 {
    font-size: 11.40625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF146 {
    font-size: 11.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF146 {
    font-size: 19.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F147 {
    font-size: 147px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F147 {
    font-size: 11.484375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF147 {
    font-size: 11.484375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF147 {
    font-size: 19.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F148 {
    font-size: 148px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F148 {
    font-size: 11.5625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF148 {
    font-size: 11.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF148 {
    font-size: 19.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F149 {
    font-size: 149px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F149 {
    font-size: 11.640625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF149 {
    font-size: 11.640625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF149 {
    font-size: 19.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F150 {
    font-size: 150px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F150 {
    font-size: 11.71875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF150 {
    font-size: 11.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF150 {
    font-size: 20vw;
  }
}
@media screen and (min-width: 768px), print {
  .F151 {
    font-size: 151px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F151 {
    font-size: 11.796875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF151 {
    font-size: 11.796875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF151 {
    font-size: 20.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F152 {
    font-size: 152px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F152 {
    font-size: 11.875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF152 {
    font-size: 11.875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF152 {
    font-size: 20.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F153 {
    font-size: 153px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F153 {
    font-size: 11.953125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF153 {
    font-size: 11.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF153 {
    font-size: 20.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F154 {
    font-size: 154px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F154 {
    font-size: 12.03125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF154 {
    font-size: 12.03125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF154 {
    font-size: 20.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F155 {
    font-size: 155px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F155 {
    font-size: 12.109375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF155 {
    font-size: 12.109375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF155 {
    font-size: 20.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F156 {
    font-size: 156px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F156 {
    font-size: 12.1875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF156 {
    font-size: 12.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF156 {
    font-size: 20.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F157 {
    font-size: 157px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F157 {
    font-size: 12.265625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF157 {
    font-size: 12.265625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF157 {
    font-size: 20.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F158 {
    font-size: 158px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F158 {
    font-size: 12.34375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF158 {
    font-size: 12.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF158 {
    font-size: 21.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F159 {
    font-size: 159px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F159 {
    font-size: 12.421875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF159 {
    font-size: 12.421875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF159 {
    font-size: 21.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F160 {
    font-size: 160px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F160 {
    font-size: 12.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF160 {
    font-size: 12.5vw;
  }
}
@media screen and (max-width: 767px) {
  .SF160 {
    font-size: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F161 {
    font-size: 161px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F161 {
    font-size: 12.578125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF161 {
    font-size: 12.578125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF161 {
    font-size: 21.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F162 {
    font-size: 162px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F162 {
    font-size: 12.65625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF162 {
    font-size: 12.65625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF162 {
    font-size: 21.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F163 {
    font-size: 163px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F163 {
    font-size: 12.734375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF163 {
    font-size: 12.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF163 {
    font-size: 21.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F164 {
    font-size: 164px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F164 {
    font-size: 12.8125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF164 {
    font-size: 12.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF164 {
    font-size: 21.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F165 {
    font-size: 165px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F165 {
    font-size: 12.890625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF165 {
    font-size: 12.890625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF165 {
    font-size: 22vw;
  }
}
@media screen and (min-width: 768px), print {
  .F166 {
    font-size: 166px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F166 {
    font-size: 12.96875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF166 {
    font-size: 12.96875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF166 {
    font-size: 22.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F167 {
    font-size: 167px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F167 {
    font-size: 13.046875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF167 {
    font-size: 13.046875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF167 {
    font-size: 22.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F168 {
    font-size: 168px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F168 {
    font-size: 13.125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF168 {
    font-size: 13.125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF168 {
    font-size: 22.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F169 {
    font-size: 169px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F169 {
    font-size: 13.203125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF169 {
    font-size: 13.203125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF169 {
    font-size: 22.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F170 {
    font-size: 170px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F170 {
    font-size: 13.28125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF170 {
    font-size: 13.28125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF170 {
    font-size: 22.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F171 {
    font-size: 171px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F171 {
    font-size: 13.359375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF171 {
    font-size: 13.359375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF171 {
    font-size: 22.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F172 {
    font-size: 172px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F172 {
    font-size: 13.4375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF172 {
    font-size: 13.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF172 {
    font-size: 22.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F173 {
    font-size: 173px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F173 {
    font-size: 13.515625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF173 {
    font-size: 13.515625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF173 {
    font-size: 23.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F174 {
    font-size: 174px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F174 {
    font-size: 13.59375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF174 {
    font-size: 13.59375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF174 {
    font-size: 23.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F175 {
    font-size: 175px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F175 {
    font-size: 13.671875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF175 {
    font-size: 13.671875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF175 {
    font-size: 23.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F176 {
    font-size: 176px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F176 {
    font-size: 13.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF176 {
    font-size: 13.75vw;
  }
}
@media screen and (max-width: 767px) {
  .SF176 {
    font-size: 23.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F177 {
    font-size: 177px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F177 {
    font-size: 13.828125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF177 {
    font-size: 13.828125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF177 {
    font-size: 23.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F178 {
    font-size: 178px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F178 {
    font-size: 13.90625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF178 {
    font-size: 13.90625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF178 {
    font-size: 23.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F179 {
    font-size: 179px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F179 {
    font-size: 13.984375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF179 {
    font-size: 13.984375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF179 {
    font-size: 23.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F180 {
    font-size: 180px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F180 {
    font-size: 14.0625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF180 {
    font-size: 14.0625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF180 {
    font-size: 24vw;
  }
}
@media screen and (min-width: 768px), print {
  .F181 {
    font-size: 181px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F181 {
    font-size: 14.140625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF181 {
    font-size: 14.140625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF181 {
    font-size: 24.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F182 {
    font-size: 182px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F182 {
    font-size: 14.21875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF182 {
    font-size: 14.21875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF182 {
    font-size: 24.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F183 {
    font-size: 183px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F183 {
    font-size: 14.296875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF183 {
    font-size: 14.296875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF183 {
    font-size: 24.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F184 {
    font-size: 184px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F184 {
    font-size: 14.375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF184 {
    font-size: 14.375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF184 {
    font-size: 24.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F185 {
    font-size: 185px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F185 {
    font-size: 14.453125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF185 {
    font-size: 14.453125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF185 {
    font-size: 24.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F186 {
    font-size: 186px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F186 {
    font-size: 14.53125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF186 {
    font-size: 14.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF186 {
    font-size: 24.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .F187 {
    font-size: 187px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F187 {
    font-size: 14.609375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF187 {
    font-size: 14.609375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF187 {
    font-size: 24.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F188 {
    font-size: 188px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F188 {
    font-size: 14.6875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF188 {
    font-size: 14.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF188 {
    font-size: 25.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F189 {
    font-size: 189px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F189 {
    font-size: 14.765625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF189 {
    font-size: 14.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF189 {
    font-size: 25.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .F190 {
    font-size: 190px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F190 {
    font-size: 14.84375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF190 {
    font-size: 14.84375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF190 {
    font-size: 25.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F191 {
    font-size: 191px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F191 {
    font-size: 14.921875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF191 {
    font-size: 14.921875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF191 {
    font-size: 25.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F192 {
    font-size: 192px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F192 {
    font-size: 15vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF192 {
    font-size: 15vw;
  }
}
@media screen and (max-width: 767px) {
  .SF192 {
    font-size: 25.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .F193 {
    font-size: 193px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F193 {
    font-size: 15.078125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF193 {
    font-size: 15.078125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF193 {
    font-size: 25.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F194 {
    font-size: 194px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F194 {
    font-size: 15.15625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF194 {
    font-size: 15.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF194 {
    font-size: 25.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F195 {
    font-size: 195px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F195 {
    font-size: 15.234375vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF195 {
    font-size: 15.234375vw;
  }
}
@media screen and (max-width: 767px) {
  .SF195 {
    font-size: 26vw;
  }
}
@media screen and (min-width: 768px), print {
  .F196 {
    font-size: 196px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F196 {
    font-size: 15.3125vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF196 {
    font-size: 15.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .SF196 {
    font-size: 26.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F197 {
    font-size: 197px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F197 {
    font-size: 15.390625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF197 {
    font-size: 15.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF197 {
    font-size: 26.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .F198 {
    font-size: 198px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F198 {
    font-size: 15.46875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF198 {
    font-size: 15.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF198 {
    font-size: 26.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .F199 {
    font-size: 199px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F199 {
    font-size: 15.546875vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF199 {
    font-size: 15.546875vw;
  }
}
@media screen and (max-width: 767px) {
  .SF199 {
    font-size: 26.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .F200 {
    font-size: 200px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .F200 {
    font-size: 15.625vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .MF200 {
    font-size: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  .SF200 {
    font-size: 26.6666666667vw;
  }
}
.L10 {
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .SL10 {
    line-height: 1;
  }
}
.L11 {
  line-height: 1.1;
}

@media screen and (max-width: 767px) {
  .SL11 {
    line-height: 1.1;
  }
}
.L12 {
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .SL12 {
    line-height: 1.2;
  }
}
.L13 {
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .SL13 {
    line-height: 1.3;
  }
}
.L14 {
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .SL14 {
    line-height: 1.4;
  }
}
.L15 {
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .SL15 {
    line-height: 1.5;
  }
}
.L16 {
  line-height: 1.6;
}

@media screen and (max-width: 767px) {
  .SL16 {
    line-height: 1.6;
  }
}
.L17 {
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .SL17 {
    line-height: 1.7;
  }
}
.L18 {
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .SL18 {
    line-height: 1.8;
  }
}
.L19 {
  line-height: 1.9;
}

@media screen and (max-width: 767px) {
  .SL19 {
    line-height: 1.9;
  }
}
.L20 {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .SL20 {
    line-height: 2;
  }
}
.L21 {
  line-height: 2.1;
}

@media screen and (max-width: 767px) {
  .SL21 {
    line-height: 2.1;
  }
}
.L22 {
  line-height: 2.2;
}

@media screen and (max-width: 767px) {
  .SL22 {
    line-height: 2.2;
  }
}
.L23 {
  line-height: 2.3;
}

@media screen and (max-width: 767px) {
  .SL23 {
    line-height: 2.3;
  }
}
.L24 {
  line-height: 2.4;
}

@media screen and (max-width: 767px) {
  .SL24 {
    line-height: 2.4;
  }
}
.L25 {
  line-height: 2.5;
}

@media screen and (max-width: 767px) {
  .SL25 {
    line-height: 2.5;
  }
}
.L26 {
  line-height: 2.6;
}

@media screen and (max-width: 767px) {
  .SL26 {
    line-height: 2.6;
  }
}
.L27 {
  line-height: 2.7;
}

@media screen and (max-width: 767px) {
  .SL27 {
    line-height: 2.7;
  }
}
.L28 {
  line-height: 2.8;
}

@media screen and (max-width: 767px) {
  .SL28 {
    line-height: 2.8;
  }
}
.L29 {
  line-height: 2.9;
}

@media screen and (max-width: 767px) {
  .SL29 {
    line-height: 2.9;
  }
}
.L30 {
  line-height: 3;
}

@media screen and (max-width: 767px) {
  .SL30 {
    line-height: 3;
  }
}
/* afterなどでやる場合 */
@media screen and (min-width: 768px), print {
  .MB {
    margin-bottom: 10px;
  }
  .ML {
    margin-left: 10px;
  }
  .MT {
    margin-top: 10px;
  }
  .MR {
    margin-right: 10px;
  }
  .PB {
    padding-bottom: 10px;
  }
  .PL {
    padding-left: 10px;
  }
  .PT {
    padding-top: 10px;
  }
  .PR {
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .SMB {
    margin-bottom: 10px;
  }
  .SML {
    margin-left: 10px;
  }
  .SMT {
    margin-top: 10px;
  }
  .SMR {
    margin-right: 10px;
  }
  .SPB {
    padding-bottom: 10px;
  }
  .SPL {
    padding-left: 10px;
  }
  .SPT {
    padding-top: 10px;
  }
  .SPR {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px), print {
  .HIDE-PC {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) {
  .HIDE-BIG {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .HIDE-MID {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .HIDE-SP {
    display: none !important;
  }
}
.BL {
  font-weight: 900;
}

.M {
  font-weight: 500;
}

.AB {
  position: absolute;
}

.REL {
  position: relative;
}

.BLOCK {
  display: block;
}

.TAC {
  text-align: center;
}

.TAL {
  text-align: left;
}

.TAR {
  text-align: right;
}

@media screen and (min-width: 768px), print {
  .TAC-PC {
    text-align: center;
  }
  .TAL-PC {
    text-align: left;
  }
  .TAR-PC {
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .TAC-SP {
    text-align: center;
  }
  .TAL-SP {
    text-align: left;
  }
  .TAR-SP {
    text-align: right;
  }
}
.CI {
  text-align: center;
}
.CI > img {
  display: inline-block;
}

.CLEARFIX:after {
  content: "";
  display: block;
  clear: both;
}

@media screen and (min-width: 768px), print {
  .CLEARFIX-PC:after {
    content: "";
    display: block;
    clear: both;
  }
}

@media screen and (max-width: 767px) {
  .CLEARFIX-SP:after {
    content: "";
    display: block;
    clear: both;
  }
}

.EXCERPT1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.EXCERPT2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.EXCERPT3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.EXCERPT4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.EXCERPT5 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

@media screen and (min-width: 768px), print {
  .EXCERPT1-PC {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .EXCERPT2-PC {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .EXCERPT3-PC {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .EXCERPT4-PC {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .EXCERPT5-PC {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
}
@media screen and (max-width: 767px) {
  .EXCERPT1-SP {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .EXCERPT2-SP {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .EXCERPT3-SP {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .EXCERPT4-SP {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .EXCERPT5-SP {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
}
.roboto {
  font-family: "Roboto", sans-serif;
}

.roboto-con {
  font-family: "Roboto Condensed", sans-serif;
}

.WHITE {
  color: #fff;
}

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

ol, ul {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers
*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*

*/
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  a:hover {
    opacity: 0.75;
  }
}

img {
  max-width: 100%;
  height: auto;
}

body {
  /*
    overflow-x: hidden;
    @media screen and (max-width: 1280px) {
      overflow-x: auto;
      main{
        overflow: hidden;
      }
    }
  */
}

@media screen and (min-width: 768px), print {
  html {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  html {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2vw;
  }
}

body {
  font-family: YakuHanJP, "Zen Maru Gothic", sans-serif;
  color: #333333;
  font-weight: 900;
  text-spacing-trim: normal;
}
@media screen and (min-width: 768px), print {
  body {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 2vw;
  }
}
body {
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  body {
    line-height: 1.6;
  }
}

body header#site-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
body header#site-header.opened {
  height: 100%;
  background: #fff url("../images/footer_bg_sp.svg?v35d92b9e63735855398b77b4224f63a6") center bottom no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  body header#site-header.opened {
    width: 100%;
  }
}
body header#site-header.opened .right-sec {
  display: block;
}
body header#site-header.opened .menu-opener span:nth-child(1) {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  body header#site-header.opened .menu-opener span:nth-child(1) {
    top: 1.3333333333vw;
  }
}
body header#site-header.opened .menu-opener span:nth-child(2) {
  opacity: 0;
}
body header#site-header.opened .menu-opener span:nth-child(3) {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}
@media screen and (max-width: 767px) {
  body header#site-header.opened .menu-opener span:nth-child(3) {
    top: 1.3333333333vw;
  }
}
body header#site-header .header-logo {
  position: relative;
  color: #f49c00;
}
body header#site-header .header-logo:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/header_left-top.svg?v48f7687538c558882f0e42de429f786b") center top no-repeat;
  background-size: cover;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  body header#site-header .header-logo:after {
    width: 632px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .header-logo:after {
    width: 49.375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-logo:after {
    width: 100vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .header-logo:after {
    height: 142px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .header-logo:after {
    height: 11.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-logo:after {
    height: 18.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .header-logo:after {
    top: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .header-logo:after {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-logo:after {
    top: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .header-logo:after {
    left: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .header-logo:after {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-logo:after {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-logo:after {
    background: transparent url("../images/header_left-top_sp.png?v72d2c84aa2423181cc8af5470ce395be") center top no-repeat;
    background-size: cover;
  }
}
body header#site-header .header-logo a {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  body header#site-header .header-logo a {
    top: 19px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .header-logo a {
    top: 1.484375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-logo a {
    top: 2.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .header-logo a {
    left: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .header-logo a {
    left: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-logo a {
    left: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .header-logo a {
    width: 396px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .header-logo a {
    width: 30.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-logo a {
    width: 52.8vw;
  }
}
body header#site-header .right-sec {
  position: fixed;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
@media screen and (max-width: 767px) {
  body header#site-header .right-sec {
    display: none;
    position: absolute;
    top: 47%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
}
body header#site-header .right-sec:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/header_right.svg?v1730d2500397ca25a57288548bc831b5") center top no-repeat;
  background-size: cover;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  body header#site-header .right-sec:after {
    width: 609px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .right-sec:after {
    width: 47.578125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .right-sec:after {
    width: 81.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .right-sec:after {
    height: 131px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .right-sec:after {
    height: 10.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .right-sec:after {
    height: 17.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .right-sec:after {
    top: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .right-sec:after {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .right-sec:after {
    top: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .right-sec:after {
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .right-sec:after {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .right-sec:after {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .right-sec:after {
    display: none;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .to-mypage {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .to-mypage {
    margin-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .to-mypage {
    margin-top: 11.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .to-mypage {
    margin-right: 82px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .to-mypage {
    margin-right: 6.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .to-mypage {
    margin-right: 10.9333333333vw;
  }
}
body header#site-header .to-mypage a {
  position: relative;
  color: #f49c00;
}
@media screen and (min-width: 768px), print {
  body header#site-header .to-mypage a {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .to-mypage a {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .to-mypage a {
    font-size: 6.6666666667vw;
  }
}
body header#site-header .to-mypage a:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/arrow_totop.svg?vde8a3379cced8236e65d802e0dfdb3a2") center top no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media screen and (min-width: 768px), print {
  body header#site-header .to-mypage a:after {
    width: 17px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .to-mypage a:after {
    width: 1.328125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .to-mypage a:after {
    width: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .to-mypage a:after {
    height: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .to-mypage a:after {
    height: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .to-mypage a:after {
    height: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .to-mypage a:after {
    top: 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .to-mypage a:after {
    top: 0.546875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .to-mypage a:after {
    top: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .to-mypage a:after {
    right: -24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .to-mypage a:after {
    right: -1.875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .to-mypage a:after {
    right: -8.9333333333vw;
  }
}
body header#site-header .opener-wrap {
  position: fixed;
  display: none;
  z-index: 100;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (max-width: 767px) {
  body header#site-header .opener-wrap {
    width: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .opener-wrap {
    height: 4.4vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .opener-wrap {
    top: 3.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .opener-wrap {
    right: 4.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .opener-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
}
body header#site-header .menu-opener {
  position: relative;
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener {
    width: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener {
    height: 4.4vw;
  }
}
body header#site-header .menu-opener span {
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #f49c00;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener span {
    width: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener span {
    height: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener span:nth-child(1) {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener span:nth-child(2) {
    top: 1.7333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener span:nth-child(3) {
    top: 3.6vw;
  }
}
body main section {
  position: relative;
}
body footer#site-footer {
  position: relative;
  color: #fff;
  z-index: 1;
  background: transparent url("../images/footer_bg.svg?va1474f36ff60a9051af9a9fe8c48deab") center top no-repeat;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  body footer#site-footer {
    padding-top: 26.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body footer#site-footer {
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer {
    padding-bottom: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer {
    margin-top: -22.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body footer#site-footer {
    padding-top: 14.6875vw;
    margin-top: -13.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer {
    background: transparent url("../images/footer_bg_sp.svg?v35d92b9e63735855398b77b4224f63a6") center top no-repeat;
    background-size: contain;
  }
}
body footer#site-footer .footer-inner {
  background: #000;
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-inner {
    padding-top: 3.6vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-inner {
    padding-bottom: 3.3333333333vw;
  }
}
body footer#site-footer .footer-logo {
  text-align: center;
  color: #f49c00;
}
@media screen and (min-width: 768px), print {
  body footer#site-footer .footer-logo {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .footer-logo {
    margin-bottom: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-logo {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body footer#site-footer .footer-logo img {
    width: 396px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .footer-logo img {
    width: 30.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-logo img {
    width: 66.4vw;
  }
}
body footer#site-footer .copyright {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body footer#site-footer .copyright {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .copyright {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .copyright {
    font-size: 1.8666666667vw;
  }
}
body footer#site-footer .logininfo {
  position: absolute;
  top: 0;
}

/*

*/
body main section {
  position: relative;
  /*
        .content{
          z-index: 2;
        }
  */
}

.fullwidth {
  width: 100%;
}

@media screen and (min-width: 768px), print {
  .inner {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px), print {
  .inner {
    max-width: 1160px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .inner {
    max-width: 90.625vw;
  }
}
@media screen and (max-width: 767px) {
  .inner {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .inner {
    max-width: 91.7333333333vw;
  }
}

/*

*/
.search-box {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .search-box {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box {
    padding-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box {
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box {
    padding-right: 1.171875vw;
  }
}
.search-box form {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.search-box input {
  border: 2px solid #f49c00;
  background: #fff;
}
@media screen and (min-width: 768px), print {
  .search-box input {
    width: 234px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box input {
    width: 18.28125vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box input {
    width: 64vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box input {
    height: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box input {
    height: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box input {
    height: 11.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box input {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box input {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box input {
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box input {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box input {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box input {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box input {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box input {
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box input {
    padding-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box input {
    margin-right: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box input {
    margin-right: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box input {
    margin-right: 10vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box input {
    border-width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box input {
    border-width: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box input {
    border-width: 0.8vw;
  }
}
.search-box button {
  position: absolute;
  border: none;
  background: #f49c00;
  cursor: pointer;
}
@media screen and (min-width: 768px), print {
  .search-box button {
    width: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box button {
    width: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box button {
    width: 11.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box button {
    height: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box button {
    height: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box button {
    height: 11.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box button {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box button {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box button {
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box button {
    top: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box button {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box button {
    top: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box button {
    right: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box button {
    right: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box button {
    right: -2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .search-box button img {
    width: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .search-box button img {
    width: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .search-box button img {
    width: 5.3333333333vw;
  }
}

.player-btn {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.player-btn:before {
  content: "";
  background: #0063bc;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  .player-btn:before {
    width: 140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .player-btn:before {
    width: 10.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .player-btn:before {
    width: 20.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .player-btn:before {
    height: 140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .player-btn:before {
    height: 10.9375vw;
  }
}
@media screen and (max-width: 767px) {
  .player-btn:before {
    height: 20.8vw;
  }
}
.player-btn:after {
  content: "";
  position: absolute;
  left: 51%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  .player-btn:after {
    border-top: 35px solid transparent;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .player-btn:after {
    border-top: 2.734375vw solid transparent;
  }
}
@media screen and (max-width: 767px) {
  .player-btn:after {
    border-top: 4.6666666667vw solid transparent;
  }
}
@media screen and (min-width: 768px), print {
  .player-btn:after {
    border-bottom: 35px solid transparent;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .player-btn:after {
    border-bottom: 2.734375vw solid transparent;
  }
}
@media screen and (max-width: 767px) {
  .player-btn:after {
    border-bottom: 4.6666666667vw solid transparent;
  }
}
@media screen and (min-width: 768px), print {
  .player-btn:after {
    border-left: 45px solid #fff;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .player-btn:after {
    border-left: 3.515625vw solid #fff;
  }
}
@media screen and (max-width: 767px) {
  .player-btn:after {
    border-left: 6vw solid #fff;
  }
}

.play-button.hidden {
  opacity: 0;
  pointer-events: none;
}

.orange-bg {
  position: relative;
  z-index: 1;
  background: #f49c00;
}
@media screen and (min-width: 768px), print {
  .orange-bg {
    padding-top: 14.84375vw;
    padding-bottom: 21.875vw;
  }
}
@media screen and (max-width: 767px) {
  .orange-bg {
    padding-top: 6vw;
    padding-bottom: 32.2666666667vw;
  }
}
.orange-bg:before {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/orange-bg_top.svg?vdb8419e6398bf6366662e9f4f1d5a3cd") center top no-repeat;
  background-size: cover;
  width: 100%;
  left: 0;
}
@media screen and (min-width: 768px), print {
  .orange-bg:before {
    height: 8.28125vw;
    top: -8.203125vw;
  }
}
@media screen and (max-width: 767px) {
  .orange-bg:before {
    background: transparent url("../images/orange-bg_top_sp.svg?v83858f32a427f0a9f4b3e75ea53be839") center top no-repeat;
    background-size: cover;
    height: 14.1333333333vw;
    top: -14vw;
  }
}
.orange-bg:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/orange-bg.svg?v1cea07c927b15ecff24e71f034097061") center top repeat-y;
  width: 100%;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  .orange-bg:after {
    top: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .orange-bg:after {
    top: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .orange-bg:after {
    top: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  .orange-bg:after {
    background-size: 1440px auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .orange-bg:after {
    background-size: 112.5vw auto;
  }
}
@media screen and (max-width: 767px) {
  .orange-bg:after {
    background-size: 100vw auto;
  }
}

@media screen and (min-width: 768px), print {
  .more-wrap {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .more-wrap {
    margin-top: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .more-wrap {
    margin-top: 0vw;
  }
}
.more-wrap .more-btn {
  font-family: YakuHanJP, "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  position: relative;
  color: #fff;
  border: none;
  cursor: pointer;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  font-weight: 900;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  .more-wrap .more-btn {
    padding-top: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .more-wrap .more-btn {
    padding-top: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  .more-wrap .more-btn {
    padding-top: 0.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .more-wrap .more-btn {
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .more-wrap .more-btn {
    padding-bottom: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  .more-wrap .more-btn {
    padding-bottom: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .more-wrap .more-btn {
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .more-wrap .more-btn {
    padding-right: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .more-wrap .more-btn {
    padding-right: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  .more-wrap .more-btn {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .more-wrap .more-btn {
    padding-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .more-wrap .more-btn {
    padding-left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .more-wrap .more-btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .more-wrap .more-btn {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .more-wrap .more-btn {
    font-size: 4.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .more-wrap .more-btn {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .more-wrap .more-btn {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .more-wrap .more-btn {
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .more-wrap .more-btn {
    width: 240px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .more-wrap .more-btn {
    width: 18.75vw;
  }
}
@media screen and (max-width: 767px) {
  .more-wrap .more-btn {
    width: 65.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .more-wrap .more-btn {
    height: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .more-wrap .more-btn {
    height: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .more-wrap .more-btn {
    height: 11.7333333333vw;
  }
}

.totop {
  margin-right: auto;
  margin-left: auto;
  background: #000;
  border-radius: 50%;
  color: #f49c00;
}
@media screen and (min-width: 768px), print {
  .totop {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .totop {
    width: 11.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .totop {
    width: 29.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .totop {
    height: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .totop {
    height: 11.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .totop {
    height: 29.0666666667vw;
  }
}
.totop a {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  line-height: 1.25;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  .totop a {
    padding-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .totop a {
    padding-top: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  .totop a {
    padding-top: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .totop a {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .totop a {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .totop a {
    font-size: 3.6vw;
  }
}
.totop a:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/arrow_totop.svg?vde8a3379cced8236e65d802e0dfdb3a2") center top no-repeat;
  background-size: contain;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  .totop a:after {
    width: 17px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .totop a:after {
    width: 1.328125vw;
  }
}
@media screen and (max-width: 767px) {
  .totop a:after {
    width: 3.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .totop a:after {
    height: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .totop a:after {
    height: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .totop a:after {
    height: 4.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .totop a:after {
    top: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .totop a:after {
    top: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .totop a:after {
    top: 4.6666666667vw;
  }
}

.movie-list {
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
@media screen and (min-width: 768px), print {
  .movie-list {
    max-width: 995px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list {
    max-width: 77.734375vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list {
    max-width: 78.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list > li {
    width: 230px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list > li {
    width: 17.96875vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list > li {
    width: 36vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list > li {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list > li {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list > li {
    margin-bottom: 8.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px), print {
  .movie-list > li:not(:first-child):not(:nth-child(4n+1)) {
    margin-left: 25px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .movie-list > li:not(:first-child):not(:nth-child(4n+1)) {
    margin-left: 1.953125vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .movie-list > li:nth-child(2n) {
    margin-left: 6vw;
  }
}
.movie-list > li.lower-grades .lower-icon {
  display: block !important;
}
@media screen and (min-width: 768px), print {
  .movie-list .date {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .date {
    font-size: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .date {
    font-size: 3.0666666667vw;
  }
}
.movie-list .date {
  position: relative;
}
.movie-list .date .lower-icon {
  display: none;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  .movie-list .date .lower-icon {
    margin-top: -4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .date .lower-icon {
    margin-top: -0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .date .lower-icon {
    margin-top: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list .date .lower-icon {
    bottom: -4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .date .lower-icon {
    bottom: -0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .date .lower-icon {
    bottom: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list .date .lower-icon {
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .date .lower-icon {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .date .lower-icon {
    right: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list .date .lower-icon {
    width: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .date .lower-icon {
    width: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .date .lower-icon {
    width: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .name {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list .name {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .name {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .name {
    font-size: 3.2vw;
  }
}
.movie-list .name {
  overflow-wrap: break-word;
}
@media screen and (max-width: 767px) {
  .movie-list .name {
    line-height: 1.25;
  }
}
.movie-list .pict {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .movie-list .pict {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .pict {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .pict {
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list .pict {
    width: 230px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .pict {
    width: 17.96875vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .pict {
    width: 36vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list .pict {
    height: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .pict {
    height: 10.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .pict {
    height: 20.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list .pict {
    margin-bottom: 17px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .pict {
    margin-bottom: 1.328125vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .pict {
    margin-bottom: 0.6666666667vw;
  }
}
.movie-list .pict img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px), print {
  .movie-list .pict img {
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .pict img {
    border-radius: 0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .pict img {
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .movie-list .view-fav {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .movie-list .view-fav {
    font-size: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  .movie-list .view-fav {
    font-size: 2.8vw;
  }
}
.movie-list .view-fav {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}

.fav-icon::before {
  display: inline-block;
  position: relative;
  content: "";
  cursor: pointer;
  background: transparent url("../images/icon_heart_off.svg?v19f41881cac0e8464b970688a60c6bab") center top no-repeat;
  background-size: contain;
  font-size: 0;
}
@media screen and (min-width: 768px), print {
  .fav-icon::before {
    top: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .fav-icon::before {
    top: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .fav-icon::before {
    top: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .fav-icon::before {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .fav-icon::before {
    width: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  .fav-icon::before {
    width: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .fav-icon::before {
    height: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .fav-icon::before {
    height: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  .fav-icon::before {
    height: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .fav-icon::before {
    margin-right: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .fav-icon::before {
    margin-right: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  .fav-icon::before {
    margin-right: 0.6666666667vw;
  }
}
.fav-icon.is-fav::before {
  background: transparent url("../images/icon_heart_on.svg?v7cc06b17b2cc91acbd7bfbfead40e4f0") center top no-repeat;
  background-size: contain;
}

/*

*/
/*

*/
@-webkit-keyframes cart-bounce {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  30% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  60% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  80% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@keyframes cart-bounce {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  30% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
  }
  60% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  80% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.fade-up {
  opacity: 0;
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.fade-up.up-show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.fade-list li {
  opacity: 0;
  -webkit-transform: translateY(5%);
  transform: translateY(5%);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.fade-list li.up-show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@-webkit-keyframes phase1logo {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes phase1logo {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
body.animating {
  height: 100vh;
  overflow: hidden;
}
body.animating .animation {
  display: block;
  height: 100vh;
}
body .animation {
  display: none;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 150;
}
body .animation .phase1 {
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
body .animation .phase1 .logo {
  position: absolute;
  opacity: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body .animation .phase1 .logo img {
  width: 32vw;
}
@media screen and (max-width: 767px) {
  body .animation .phase1 .logo img {
    width: 70vw;
    max-width: initial;
  }
}
body .animation .phase1.animating .logo {
  -webkit-animation-name: phase1logo;
  animation-name: phase1logo;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
body .animation .phase2 {
  position: absolute;
  background: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
}
body .animation .phase2 .scroller {
  position: absolute;
}
body .animation .phase2 .scroller .p2-bg {
  font-size: 0;
}
body .animation .phase2 .scroller .p2-bg img {
  width: 100vw;
  height: 141.3333333333vw;
}
@media screen and (max-width: 767px) {
  body .animation .phase2 .scroller .p2-bg img {
    height: 282.6666666667vw;
  }
}
body .animation .phase2 .scroller img.char {
  display: block;
  position: absolute;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 1.5s;
  transition: opacity 1.5s;
}
body .animation .phase2 .scroller img.char.shown {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  body .animation .phase2 .scroller img.char.char1 {
    bottom: 36.4vw;
    left: 33.2vw;
    height: 27.8vw;
    z-index: 10;
  }
  body .animation .phase2 .scroller img.char.char2 {
    bottom: 40.2vw;
    left: 47.4vw;
    height: 24.8vw;
    z-index: 9;
  }
  body .animation .phase2 .scroller img.char.char3 {
    bottom: 49.2vw;
    left: 30.5vw;
    height: 25.6vw;
    z-index: 8;
  }
  body .animation .phase2 .scroller img.char.char4 {
    bottom: 51.1vw;
    left: 55.5vw;
    height: 25.8vw;
    z-index: 7;
  }
  body .animation .phase2 .scroller img.char.char5 {
    bottom: 61.1vw;
    left: 36.3vw;
    height: 22.7vw;
    z-index: 6;
  }
  body .animation .phase2 .scroller img.char.char6 {
    bottom: 66.9vw;
    left: 60.9vw;
    height: 22.7vw;
    z-index: 5;
  }
  body .animation .phase2 .scroller img.char.char7 {
    bottom: 65.3vw;
    left: 46.8vw;
    height: 22.5vw;
    z-index: 4;
  }
  body .animation .phase2 .scroller img.char.char8 {
    bottom: 76vw;
    left: 54.6vw;
    height: 21.1vw;
    z-index: 3;
  }
  body .animation .phase2 .scroller img.char.char9 {
    bottom: 79.7vw;
    left: 40.5vw;
    height: 21vw;
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  body .animation .phase2 .scroller img.char.char1 {
    bottom: 72.6vw;
    left: 16.3vw;
    height: 55.7vw;
    z-index: 10;
  }
  body .animation .phase2 .scroller img.char.char2 {
    bottom: 80.6vw;
    left: 44.7vw;
    height: 49.7vw;
    z-index: 9;
  }
  body .animation .phase2 .scroller img.char.char3 {
    bottom: 98.4vw;
    left: 11vw;
    height: 51.3vw;
    z-index: 8;
  }
  body .animation .phase2 .scroller img.char.char4 {
    bottom: 102.3vw;
    left: 61.1vw;
    height: 51.4vw;
    z-index: 7;
  }
  body .animation .phase2 .scroller img.char.char5 {
    bottom: 122.8vw;
    left: 22.6vw;
    height: 44.9vw;
    z-index: 6;
  }
  body .animation .phase2 .scroller img.char.char6 {
    bottom: 133.8vw;
    left: 71.8vw;
    height: 45.5vw;
    z-index: 5;
  }
  body .animation .phase2 .scroller img.char.char7 {
    bottom: 130.9vw;
    left: 43.6vw;
    height: 44.6vw;
    z-index: 4;
  }
  body .animation .phase2 .scroller img.char.char8 {
    bottom: 152.2vw;
    left: 59.1vw;
    height: 42.1vw;
    z-index: 3;
  }
  body .animation .phase2 .scroller img.char.char9 {
    bottom: 159.7vw;
    left: 31vw;
    height: 42vw;
    z-index: 2;
  }
}
body .animation .phase2.animating {
  -webkit-transition: opacity 0.2s linear 3.3s;
  transition: opacity 0.2s linear 3.3s; /*ここのDelay + transを.scrollerのtransに合わせる*/
  opacity: 0;
}
body .animation .phase2.animating .scroller {
  -webkit-transition: top 3.5s linear;
  transition: top 3.5s linear;
  top: 0 !important;
}
body .animation .phase3 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9;
}
body .animation .phase3 .scroller {
  position: absolute;
  width: 100%;
}
@media screen and (max-width: 767px) {
  body .animation .phase3 .scroller {
    top: 0 !important; /* no animation*/
    background-color: rgba(255, 255, 255, 0);
  }
}
body .animation .phase3 .scroller .phase3-inner {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  padding: fit1600(100) fit1600(100) 0;
}
@media screen and (min-width: 1280px) {
  body .animation .phase3 .scroller .phase3-inner {
    padding: 100px 100px 0;
  }
}
@media screen and (max-width: 767px) {
  body .animation .phase3 .scroller .phase3-inner {
    padding: 1.953125vw 1.953125vw 0;
  }
}
body .animation .phase3 .scroller .phase3-inner .kv-img {
  position: relative;
  width: fit1600(1400);
  height: fit1600(1978);
}
@media screen and (min-width: 1280px) {
  body .animation .phase3 .scroller .phase3-inner .kv-img {
    width: 1400px;
    height: 1978px;
  }
}
@media screen and (max-width: 767px) {
  body .animation .phase3 .scroller .phase3-inner .kv-img {
    width: 25.390625vw;
    height: 35.8734375vw;
  }
}
body .animation .phase3 .scroller .phase3-inner .kv-img img {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
body .animation .phase3 .scroller .phase3-inner .kv-img img.withchar {
  opacity: 0;
}
body .animation .phase3.animating .scroller {
  -webkit-transition: top 2.5s ease-out;
  transition: top 2.5s ease-out;
  top: 0 !important;
}
@media screen and (max-width: 767px) {
  body .animation .phase3.animating .scroller {
    /* transitionEndを発生させるため */
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
    background-color: rgba(255, 255, 255, 0.1);
  }
}
body .animation .phase3.animating .scroller .phase3-inner .kv-img img.withchar {
  -webkit-transition: opacity 1s linear 0.3s;
  transition: opacity 1s linear 0.3s;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  body .animation .phase3.animating .scroller .phase3-inner .kv-img img.withchar {
    -webkit-transition: opacity 1s linear 0.5s;
    transition: opacity 1s linear 0.5s;
  }
}

.fade1, .fade2, .fade3 {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.fade1.fade1, .fade2.fade1, .fade3.fade1 {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.fade1.fade2, .fade2.fade2, .fade3.fade2 {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.fade1.fade3, .fade2.fade3, .fade3.fade3 {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
@media screen and (max-width: 767px) {
  .fade1.fade3, .fade2.fade3, .fade3.fade3 {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
}
.fade1.shown, .fade2.shown, .fade3.shown {
  opacity: 1;
}

/*

*/
body#body-login header,
body#body-login footer {
  display: none;
}
body main#page-login {
  position: relative;
  background: transparent url("../images/kv1.jpg?v6607d289743a238aaac3a1775cb37737") center center no-repeat;
  background-size: cover;
  z-index: 1;
  min-height: 100vh;
}
@media screen and (min-width: 768px), print {
  body main#page-login {
    padding-top: 95px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login {
    padding-top: 7.421875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login {
    padding-top: 12.6666666667vw;
  }
}
body main#page-login:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  z-index: -1;
}
body main#page-login .giabbit {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px), print {
  body main#page-login .giabbit {
    width: 131px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .giabbit {
    width: 10.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .giabbit {
    width: 17.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .giabbit {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .giabbit {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .giabbit {
    margin-bottom: 2.6666666667vw;
  }
}
body main#page-login .login-logo {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-login .login-logo {
    margin-bottom: 65px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .login-logo {
    margin-bottom: 5.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .login-logo {
    margin-bottom: 8.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .login-logo img {
    width: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .login-logo img {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .login-logo img {
    width: 42.6666666667vw;
  }
}
body main#page-login form {
  text-align: center;
}
body main#page-login form input {
  position: relative;
  margin: 0;
  padding: 0;
  border: none;
}
@media screen and (min-width: 768px), print {
  body main#page-login form input {
    width: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form input {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form input {
    width: 42.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form input {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form input {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form input {
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form input {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form input {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form input {
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form input {
    height: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form input {
    height: 4.296875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form input {
    height: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form input {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form input {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form input {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form input {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form input {
    padding-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form input {
    padding-left: 2vw;
  }
}
body main#page-login form input:focus {
  outline: none;
}
body main#page-login form input::-webkit-input-placeholder {
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  color: #000;
  font-weight: 900;
  opacity: 1;
}
body main#page-login form input:-ms-input-placeholder {
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  color: #000;
  font-weight: 900;
  opacity: 1;
}
body main#page-login form input::placeholder {
  font-family: "Zen Maru Gothic", sans-serif;
  text-align: center;
  color: #000;
  font-weight: 900;
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  body main#page-login form input::-webkit-input-placeholder {
    font-size: 22px;
  }
  body main#page-login form input:-ms-input-placeholder {
    font-size: 22px;
  }
  body main#page-login form input::placeholder {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form input::-webkit-input-placeholder {
    font-size: 1.71875vw;
  }
  body main#page-login form input:-ms-input-placeholder {
    font-size: 1.71875vw;
  }
  body main#page-login form input::placeholder {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form input::-webkit-input-placeholder {
    font-size: 2.9333333333vw;
  }
  body main#page-login form input:-ms-input-placeholder {
    font-size: 2.9333333333vw;
  }
  body main#page-login form input::placeholder {
    font-size: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form input::-webkit-input-placeholder {
    margin-left: 15px;
  }
  body main#page-login form input:-ms-input-placeholder {
    margin-left: 15px;
  }
  body main#page-login form input::placeholder {
    margin-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form input::-webkit-input-placeholder {
    margin-left: 1.171875vw;
  }
  body main#page-login form input:-ms-input-placeholder {
    margin-left: 1.171875vw;
  }
  body main#page-login form input::placeholder {
    margin-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form input::-webkit-input-placeholder {
    margin-left: 2vw;
  }
  body main#page-login form input:-ms-input-placeholder {
    margin-left: 2vw;
  }
  body main#page-login form input::placeholder {
    margin-left: 2vw;
  }
}
body main#page-login form .input-wrap {
  display: block;
  position: relative;
  width: -webkit-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
body main#page-login form .input-wrap:after {
  position: absolute;
  display: block;
  content: "";
}
body main#page-login form .input-wrap:has(input:not(:-ms-input-placeholder))::after {
  opacity: 0;
}
body main#page-login form .input-wrap:has(input:not(:placeholder-shown))::after {
  opacity: 0;
}
body main#page-login form .user:after {
  background: transparent url("../images/icon_id.svg?v4cc6c60c5bd636caa8d1ddf0940932be") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-login form .user:after {
    width: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .user:after {
    width: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .user:after {
    width: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .user:after {
    height: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .user:after {
    height: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .user:after {
    height: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .user:after {
    top: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .user:after {
    top: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .user:after {
    top: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .user:after {
    left: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .user:after {
    left: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .user:after {
    left: 2.4vw;
  }
}
body main#page-login form .pass:after {
  background: transparent url("../images/icon_pass.svg?v16e5a4b7beae508676c34ff6c4b3073b") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-login form .pass:after {
    width: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .pass:after {
    width: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .pass:after {
    width: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .pass:after {
    height: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .pass:after {
    height: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .pass:after {
    height: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .pass:after {
    top: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .pass:after {
    top: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .pass:after {
    top: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .pass:after {
    left: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .pass:after {
    left: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .pass:after {
    left: 2.4vw;
  }
}
body main#page-login form .submit-btn {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  background-color: #f49c00;
  border: none;
  cursor: pointer;
  overflow: hidden;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-login form .submit-btn {
    width: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .submit-btn {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .submit-btn {
    width: 42.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .submit-btn {
    height: 58px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .submit-btn {
    height: 4.53125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .submit-btn {
    height: 7.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .submit-btn {
    padding-top: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .submit-btn {
    padding-top: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .submit-btn {
    padding-top: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .submit-btn {
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .submit-btn {
    padding-bottom: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .submit-btn {
    padding-bottom: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .submit-btn {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .submit-btn {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .submit-btn {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .submit-btn {
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .submit-btn {
    padding-right: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .submit-btn {
    padding-right: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .submit-btn {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .submit-btn {
    padding-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .submit-btn {
    padding-left: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .submit-btn {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .submit-btn {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .submit-btn {
    font-size: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login form .submit-btn {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login form .submit-btn {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login form .submit-btn {
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login {
    margin-top: 3.90625vw;
  }
}
body main#page-login .api-login .login-btn {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  background-color: #f49c00;
  border: none;
  cursor: pointer;
  overflow: hidden;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 900;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-btn {
    width: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-btn {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-btn {
    width: 42.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-btn {
    height: 58px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-btn {
    height: 4.53125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-btn {
    height: 7.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-btn {
    padding-top: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-btn {
    padding-top: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-btn {
    padding-top: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-btn {
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-btn {
    padding-bottom: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-btn {
    padding-bottom: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-btn {
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-btn {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-btn {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-btn {
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-btn {
    padding-right: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-btn {
    padding-right: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-btn {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-btn {
    padding-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-btn {
    padding-left: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-btn {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-btn {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-btn {
    font-size: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-btn {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-btn {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-btn {
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-login .api-login .login-error {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-login .api-login .login-error {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-login .api-login .login-error {
    margin-top: 2.6666666667vw;
  }
}
body main#page-login .api-login .login-error {
  text-align: center;
  color: #f00;
}

/*

*/
body#body-home #site-header {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (min-width: 768px), print {
  body#body-home #site-header {
    top: -250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home #site-header {
    top: -19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home #site-header {
    top: -18.9333333333vw;
  }
}
body#body-home #site-header .right-sec {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (min-width: 768px), print {
  body#body-home #site-header .right-sec {
    top: -250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home #site-header .right-sec {
    top: -19.53125vw;
  }
}
body#body-home #site-header .opener-wrap {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 767px) {
  body#body-home #site-header .opener-wrap {
    top: -18.9333333333vw;
  }
}
body#body-home #site-header.load {
  top: 0;
}
@media screen and (min-width: 768px), print {
  body#body-home #site-header.load .right-sec {
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  body#body-home #site-header.load .opener-wrap {
    top: 3.0666666667vw;
  }
}
body#body-home main#page-home .kv {
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv {
    margin-bottom: 105px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv {
    margin-bottom: 8.203125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv {
    margin-bottom: 14vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv {
    height: 54.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv {
    height: 162.6666666667vw;
  }
}
body#body-home main#page-home .kv .bgs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv .bgs {
    height: 54.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv .bgs {
    height: 162.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv .bgs figure {
    height: 54.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv .bgs figure {
    height: 162.6666666667vw;
  }
}
body#body-home main#page-home .kv .bgs figure.bg3 img, body#body-home main#page-home .kv .bgs figure.bg4 img {
  object-position: center center;
}
body#body-home main#page-home .kv .bgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
body#body-home main#page-home .kv.load:after {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv.load:after {
    bottom: -20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv.load:after {
    bottom: -1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv.load:after {
    bottom: -5.3333333333vw;
  }
}
body#body-home main#page-home .kv:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
body#body-home main#page-home .kv:after {
  position: absolute;
  opacity: 0;
  display: block;
  content: "";
  background: transparent url("../images/top_kv_bg-bottom.svg?v3971f27553b611ba11c440ba5dbad1fe") center top no-repeat;
  background-size: cover;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv:after {
    bottom: -250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv:after {
    bottom: -19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv:after {
    bottom: -18.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv:after {
    height: 30.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv:after {
    height: 43.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv:after {
    background: transparent url("../images/top_kv_bg-bottom_sp.png?vee2449a86914c1d9ebfdfbf5075988d7") center top no-repeat;
    background-size: cover;
  }
}
body#body-home main#page-home .kv .text-wrap {
  position: absolute;
  top: 46%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  width: 100%;
}
body#body-home main#page-home .kv h1 {
  opacity: 0;
  position: relative;
  display: inline-block;
  text-align: center;
  line-height: 1.3;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv h1 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv h1 {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv h1 {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv h1 {
    top: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv h1 {
    top: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv h1 {
    top: 5.3333333333vw;
  }
}
body#body-home main#page-home .kv h1.load {
  opacity: 1;
  top: 0;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv h1 {
    letter-spacing: 0.2em;
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv h1 {
    font-size: 8.8vw;
  }
}
body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/icon_bat.svg?vfc748787fa3c5a93ab32b1a92d2d998f") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
    width: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
    width: 2.65625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
    width: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
    height: 44px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
    height: 3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
    height: 7.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
    top: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
    top: 1.40625vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body#body-home main#page-home .kv h1:before, body#body-home main#page-home .kv h1:after {
    bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv h1:before {
    left: -70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv h1:before {
    left: -5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv h1:before {
    left: -6.6666666667vw;
  }
}
body#body-home main#page-home .kv h1:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv h1:after {
    right: -70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .kv h1:after {
    right: -5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv h1:after {
    right: -6.6666666667vw;
  }
}
body#body-home main#page-home .kv .kv-lead {
  opacity: 0;
  line-height: 2;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
body#body-home main#page-home .kv .kv-lead.load {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .kv .kv-lead {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .kv .kv-lead {
    font-size: 3.4666666667vw;
  }
}
body#body-home main#page-home .category {
  z-index: 10;
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category {
    margin-bottom: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category {
    margin-bottom: 8.984375vw;
  }
}
body#body-home main#page-home .category h2 {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category h2 {
    margin-bottom: -15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category h2 {
    margin-bottom: -1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category h2 {
    margin-bottom: -2vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category h2 img {
    width: 331px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category h2 img {
    width: 25.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category h2 img {
    width: 54.1333333333vw;
  }
}
body#body-home main#page-home .category figure {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category figure {
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category figure {
    margin-bottom: 4.296875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category figure {
    margin-bottom: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category figure img {
    width: 115px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category figure img {
    width: 8.984375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category figure img {
    width: 24.4vw;
  }
}
body#body-home main#page-home .category .category-list {
  flex-wrap: wrap;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list {
    gap: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list {
    gap: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list {
    gap: 2vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body#body-home main#page-home .category .category-list {
    width: 80vw;
  }
}
body#body-home main#page-home .category .category-list li {
  color: #fff;
}
body#body-home main#page-home .category .category-list li a {
  position: relative;
  border-radius: 50%;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a {
    width: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a {
    width: 14.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a {
    width: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a {
    height: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a {
    height: 14.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a {
    height: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a {
    padding-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a {
    padding-top: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a {
    font-size: 5.0666666667vw;
  }
}
body#body-home main#page-home .category .category-list li a:after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
body#body-home main#page-home .category .category-list li a.batting {
  background: #0063bc;
}
body#body-home main#page-home .category .category-list li a.batting:after {
  background: transparent url("../images/icon_batting.svg?va373c7180d2f9713b88b4b83de16143e") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.batting:after {
    width: 31px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.batting:after {
    width: 2.421875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.batting:after {
    width: 4.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.batting:after {
    height: 46px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.batting:after {
    height: 3.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.batting:after {
    height: 6.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.batting:after {
    top: 41px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.batting:after {
    top: 3.203125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.batting:after {
    top: 3.6vw;
  }
}
body#body-home main#page-home .category .category-list li a.pitching {
  background: #29abe2;
}
body#body-home main#page-home .category .category-list li a.pitching:after {
  background: transparent url("../images/icon_pitching.svg?v2452f3a71f54ff9d10f5a679229562c8") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.pitching:after {
    width: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.pitching:after {
    width: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.pitching:after {
    width: 5.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.pitching:after {
    height: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.pitching:after {
    height: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.pitching:after {
    height: 5.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.pitching:after {
    top: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.pitching:after {
    top: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.pitching:after {
    top: 4.6666666667vw;
  }
}
body#body-home main#page-home .category .category-list li a.running {
  background: #33bab1;
}
body#body-home main#page-home .category .category-list li a.running:after {
  background: transparent url("../images/icon_running.svg?v7fe858a9bbd132f457c145fb724a3ebb") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.running:after {
    width: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.running:after {
    width: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.running:after {
    width: 6.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.running:after {
    height: 38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.running:after {
    height: 2.96875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.running:after {
    height: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.running:after {
    top: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.running:after {
    top: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.running:after {
    top: 4.8vw;
  }
}
body#body-home main#page-home .category .category-list li a.defense {
  background: #009245;
}
body#body-home main#page-home .category .category-list li a.defense:after {
  background: transparent url("../images/icon_defense.svg?v261fd706cb2fe364543648f7e1b895dc") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.defense:after {
    width: 44px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.defense:after {
    width: 3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.defense:after {
    width: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.defense:after {
    height: 41px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.defense:after {
    height: 3.203125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.defense:after {
    height: 5.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.defense:after {
    top: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.defense:after {
    top: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.defense:after {
    top: 4.2666666667vw;
  }
}
body#body-home main#page-home .category .category-list li a.game {
  background: #8cc63f;
}
body#body-home main#page-home .category .category-list li a.game:after {
  background: transparent url("../images/icon_game.svg?v631c7e45010a03160a80a36b5d169f61") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.game:after {
    width: 44px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.game:after {
    width: 3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.game:after {
    width: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.game:after {
    height: 41px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.game:after {
    height: 3.203125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.game:after {
    height: 5.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .category .category-list li a.game:after {
    top: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .category .category-list li a.game:after {
    top: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .category .category-list li a.game:after {
    top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest {
    margin-bottom: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest {
    margin-bottom: 14.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest {
    margin-bottom: 24vw;
  }
}
body#body-home main#page-home .latest .latest-head {
  position: relative;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .latest-head {
    margin-bottom: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .latest-head {
    margin-bottom: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .latest-head {
    margin-bottom: 1.7333333333vw;
  }
}
body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
  position: absolute;
  display: block;
  content: "";
  background: #f49c00;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
    width: 492px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
    width: 38.4375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
    width: 32.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
    height: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
    height: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
    height: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
    top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
    top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .latest-head:before, body#body-home main#page-home .latest .latest-head:after {
    top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .latest-head:before {
    left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .latest-head:before {
    left: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .latest-head:before {
    left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .latest-head:after {
    right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .latest-head:after {
    right: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .latest-head:after {
    right: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .latest-head img {
    width: 74px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .latest-head img {
    width: 5.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .latest-head img {
    width: 15.8666666667vw;
  }
}
body#body-home main#page-home .latest h2 {
  text-align: center;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest h2 {
    margin-bottom: 33px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest h2 {
    margin-bottom: 2.578125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest h2 {
    margin-bottom: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest h2 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest h2 {
    font-size: 5.3333333333vw;
  }
}
body#body-home main#page-home .latest .movie-list li.batting .pict {
  border-color: #0063bc;
}
body#body-home main#page-home .latest .movie-list li.batting .pict .movie-cat {
  background: #0063bc;
}
body#body-home main#page-home .latest .movie-list li.pitching .pict {
  border-color: #29abe2;
}
body#body-home main#page-home .latest .movie-list li.pitching .pict .movie-cat {
  background: #29abe2;
}
body#body-home main#page-home .latest .movie-list li.running .pict {
  border-color: #33bab1;
}
body#body-home main#page-home .latest .movie-list li.running .pict .movie-cat {
  background: #33bab1;
}
body#body-home main#page-home .latest .movie-list li.defense .pict {
  border-color: #009245;
}
body#body-home main#page-home .latest .movie-list li.defense .pict .movie-cat {
  background: #009245;
}
body#body-home main#page-home .latest .movie-list li.game .pict {
  border-color: #8cc63f;
}
body#body-home main#page-home .latest .movie-list li.game .pict .movie-cat {
  background: #8cc63f;
}
body#body-home main#page-home .latest .movie-list .pict {
  border: 5px solid;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .movie-list .pict {
    border-width: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .movie-list .pict {
    border-width: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .movie-list .pict {
    border-width: 0.9333333333vw;
  }
}
body#body-home main#page-home .latest .movie-list .pict .movie-cat {
  position: absolute;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    font-size: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    right: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    padding-top: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    padding-top: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    padding-top: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    padding-right: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    padding-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    border-radius: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    border-radius: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .latest .movie-list .pict .movie-cat {
    border-radius: 0.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block-wrap .inner {
    max-width: 1100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block-wrap .inner {
    max-width: 85.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block-wrap .inner {
    max-width: 89.3333333333vw;
  }
}
body#body-home main#page-home .movie-category-block {
  background: #fff;
  border: 5px solid;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block {
    border-width: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block {
    border-width: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block {
    border-width: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block {
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block {
    border-radius: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block {
    padding-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block {
    padding-bottom: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block {
    margin-bottom: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block {
    margin-bottom: 10.6666666667vw;
  }
}
body#body-home main#page-home .movie-category-block h2 {
  position: relative;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block h2 {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block h2 {
    padding-top: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block h2 {
    padding-top: 2.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block h2 {
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block h2 {
    padding-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block h2 {
    padding-bottom: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block h2 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block h2 {
    font-size: 4.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block h2 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block h2 {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block h2 {
    margin-bottom: 8vw;
  }
}
body#body-home main#page-home .movie-category-block h2 span {
  position: relative;
}
body#body-home main#page-home .movie-category-block h2 span:before, body#body-home main#page-home .movie-category-block h2 span:after {
  position: absolute;
  display: block;
  content: "";
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block .movie-list > li:nth-child(2n) {
    margin-left: 6vw;
  }
}
body#body-home main#page-home .movie-category-block#batting {
  border-color: #0063bc;
}
body#body-home main#page-home .movie-category-block#batting h2 {
  background: #0063bc;
}
body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
  background: transparent url("../images/icon_batting.svg?va373c7180d2f9713b88b4b83de16143e") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
    width: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
    width: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
    width: 4.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
    height: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
    height: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
    height: 5.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
    top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
    top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:before, body#body-home main#page-home .movie-category-block#batting h2 span:after {
    top: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#batting h2 span:before {
    left: -52px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:before {
    left: -4.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:before {
    left: -11.2vw;
  }
}
body#body-home main#page-home .movie-category-block#batting h2 span:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#batting h2 span:after {
    right: -52px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:after {
    right: -4.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#batting h2 span:after {
    right: -11.2vw;
  }
}
body#body-home main#page-home .movie-category-block#batting .more-btn {
  background: #0063bc;
}
body#body-home main#page-home .movie-category-block#batting .more-btn:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/icon_batting.svg?va373c7180d2f9713b88b4b83de16143e") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    width: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    width: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    width: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    height: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    height: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    height: 8.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    top: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#batting .more-btn:after {
    left: 5.3333333333vw;
  }
}
body#body-home main#page-home .movie-category-block#pitching {
  border-color: #29abe2;
}
body#body-home main#page-home .movie-category-block#pitching h2 {
  background: #29abe2;
}
body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
  background: transparent url("../images/icon_pitching.svg?v2452f3a71f54ff9d10f5a679229562c8") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    width: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    width: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    width: 4.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    height: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    height: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    height: 4.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before, body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    top: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before {
    left: -60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before {
    left: -4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:before {
    left: -8vw;
  }
}
body#body-home main#page-home .movie-category-block#pitching h2 span:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    right: -60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    right: -4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#pitching h2 span:after {
    right: -8vw;
  }
}
body#body-home main#page-home .movie-category-block#pitching .more-btn {
  background: #29abe2;
}
body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/icon_pitching.svg?v2452f3a71f54ff9d10f5a679229562c8") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    width: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    width: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    width: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    height: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    height: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    height: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    top: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    top: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    top: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#pitching .more-btn:after {
    left: 5.3333333333vw;
  }
}
body#body-home main#page-home .movie-category-block#running {
  border-color: #33bab1;
}
body#body-home main#page-home .movie-category-block#running h2 {
  background: #33bab1;
}
body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
  background: transparent url("../images/icon_running.svg?v7fe858a9bbd132f457c145fb724a3ebb") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
    width: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
    width: 3.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
    width: 5.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
    height: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
    height: 2.65625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
    height: 4.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
    top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
    top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#running h2 span:before, body#body-home main#page-home .movie-category-block#running h2 span:after {
    top: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#running h2 span:before {
    left: -95px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#running h2 span:before {
    left: -7.421875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#running h2 span:before {
    left: -12.6666666667vw;
  }
}
body#body-home main#page-home .movie-category-block#running h2 span:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#running h2 span:after {
    right: -95px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#running h2 span:after {
    right: -7.421875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#running h2 span:after {
    right: -12.6666666667vw;
  }
}
body#body-home main#page-home .movie-category-block#running .more-btn {
  background: #33bab1;
}
body#body-home main#page-home .movie-category-block#running .more-btn:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/icon_running.svg?v7fe858a9bbd132f457c145fb724a3ebb") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    width: 37px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    width: 2.890625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    width: 7.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    height: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    height: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    height: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    top: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    top: 0.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#running .more-btn:after {
    left: 5.3333333333vw;
  }
}
body#body-home main#page-home .movie-category-block#defense {
  border-color: #009245;
}
body#body-home main#page-home .movie-category-block#defense h2 {
  background: #009245;
}
body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
  background: transparent url("../images/icon_defense.svg?v261fd706cb2fe364543648f7e1b895dc") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
    width: 39px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
    width: 3.046875vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
    width: 5.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
    height: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
    height: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
    height: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
    top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
    top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:before, body#body-home main#page-home .movie-category-block#defense h2 span:after {
    top: 1.0666666667vw;
  }
}
body#body-home main#page-home .movie-category-block#defense h2 span:before {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#defense h2 span:before {
    left: -75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:before {
    left: -5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:before {
    left: -10vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#defense h2 span:after {
    right: -75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:after {
    right: -5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#defense h2 span:after {
    right: -10vw;
  }
}
body#body-home main#page-home .movie-category-block#defense .more-btn {
  background: #009245;
}
body#body-home main#page-home .movie-category-block#defense .more-btn:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/icon_defense.svg?v261fd706cb2fe364543648f7e1b895dc") center top no-repeat;
  background-size: contain;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    width: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    width: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    width: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    height: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    height: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    height: 7.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    top: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#defense .more-btn:after {
    left: 4.9333333333vw;
  }
}
body#body-home main#page-home .movie-category-block#game {
  border-color: #8cc63f;
}
body#body-home main#page-home .movie-category-block#game h2 {
  background: #8cc63f;
}
body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
  background: transparent url("../images/icon_game.svg?v631c7e45010a03160a80a36b5d169f61") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
    width: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
    width: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
    width: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
    height: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
    height: 3.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
    height: 5.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
    top: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
    top: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#game h2 span:before, body#body-home main#page-home .movie-category-block#game h2 span:after {
    top: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#game h2 span:before {
    left: -75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#game h2 span:before {
    left: -5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#game h2 span:before {
    left: -10vw;
  }
}
body#body-home main#page-home .movie-category-block#game h2 span:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#game h2 span:after {
    right: -75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#game h2 span:after {
    right: -5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#game h2 span:after {
    right: -10vw;
  }
}
body#body-home main#page-home .movie-category-block#game .more-btn {
  background: #8cc63f;
}
body#body-home main#page-home .movie-category-block#game .more-btn:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/icon_game.svg?v631c7e45010a03160a80a36b5d169f61") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    width: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    width: 2.65625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    width: 9.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    height: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    height: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    height: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    top: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    top: 0.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    top: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#body-home main#page-home .movie-category-block#game .more-btn:after {
    left: 5.3333333333vw;
  }
}

/*

*/
@media screen and (min-width: 768px), print {
  body main#page-movie-detail {
    padding-top: 225px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail {
    padding-top: 17.578125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail {
    padding-top: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .inner {
    max-width: 1000px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .inner {
    max-width: 78.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .inner {
    max-width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .kv {
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .kv {
    margin-bottom: 4.296875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .kv {
    margin-bottom: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .kv h1 {
    font-size: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .kv h1 {
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .kv h1 {
    font-size: 8vw;
  }
}
body main#page-movie-detail .kv .video-player {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .kv .video-player {
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .kv .video-player {
    border-radius: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .kv .video-player {
    border-radius: 2.6666666667vw;
  }
}
body main#page-movie-detail .kv .video-player {
  border: 1px solid #333333;
}
body main#page-movie-detail .kv .video-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail {
    margin-bottom: 275px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail {
    margin-bottom: 21.484375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail {
    margin-bottom: 28vw;
  }
}
body main#page-movie-detail .detail .lower-icon {
  font-size: 0;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .lower-icon {
    width: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .lower-icon {
    width: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .lower-icon {
    width: 6.6666666667vw;
  }
}
body main#page-movie-detail .detail .lower-icon img {
  width: 100%;
}
body main#page-movie-detail .detail .date-category {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .date-category {
    gap: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .date-category {
    gap: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .date-category {
    gap: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .date-category {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .date-category {
    margin-bottom: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .date-category {
    margin-bottom: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .date {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .date {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .date {
    font-size: 4.2666666667vw;
  }
}
body main#page-movie-detail .detail .movie-category-name {
  position: relative;
  color: #fff;
  width: -webkit-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name {
    padding-top: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name {
    padding-top: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name {
    padding-top: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name {
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name {
    padding-bottom: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name {
    padding-bottom: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name {
    padding-right: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name {
    padding-right: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name {
    padding-right: 1.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name {
    padding-left: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name {
    padding-left: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name {
    padding-left: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name {
    border-radius: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name {
    font-size: 3.7333333333vw;
  }
}
body main#page-movie-detail .detail .movie-category-name:after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body main#page-movie-detail .detail .movie-category-name.batting:after {
  background: transparent url("../images/icon_batting.svg?va373c7180d2f9713b88b4b83de16143e") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.batting:after {
    width: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.batting:after {
    width: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.batting:after {
    width: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.batting:after {
    height: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.batting:after {
    height: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.batting:after {
    height: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.batting:after {
    left: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.batting:after {
    left: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.batting:after {
    left: 1.6vw;
  }
}
body main#page-movie-detail .detail .movie-category-name.pitching:after {
  background: transparent url("../images/icon_pitching.svg?v2452f3a71f54ff9d10f5a679229562c8") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.pitching:after {
    width: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.pitching:after {
    width: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.pitching:after {
    width: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.pitching:after {
    height: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.pitching:after {
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.pitching:after {
    height: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.pitching:after {
    left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.pitching:after {
    left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.pitching:after {
    left: 1.3333333333vw;
  }
}
body main#page-movie-detail .detail .movie-category-name.running:after {
  background: transparent url("../images/icon_running.svg?v7fe858a9bbd132f457c145fb724a3ebb") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.running:after {
    width: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.running:after {
    width: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.running:after {
    width: 4.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.running:after {
    height: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.running:after {
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.running:after {
    height: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.running:after {
    left: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.running:after {
    left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.running:after {
    left: 1.0666666667vw;
  }
}
body main#page-movie-detail .detail .movie-category-name.defense:after {
  background: transparent url("../images/icon_defense.svg?v261fd706cb2fe364543648f7e1b895dc") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.defense:after {
    width: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.defense:after {
    width: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.defense:after {
    width: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.defense:after {
    height: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.defense:after {
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.defense:after {
    height: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.defense:after {
    left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.defense:after {
    left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.defense:after {
    left: 1.3333333333vw;
  }
}
body main#page-movie-detail .detail .movie-category-name.game:after {
  background: transparent url("../images/icon_game.svg?v631c7e45010a03160a80a36b5d169f61") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.game:after {
    width: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.game:after {
    width: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.game:after {
    width: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.game:after {
    height: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.game:after {
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.game:after {
    height: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-category-name.game:after {
    left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-category-name.game:after {
    left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-category-name.game:after {
    left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .video-title {
    font-size: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .video-title {
    font-size: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .video-title {
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .video-title {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .video-title {
    margin-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .video-title {
    margin-bottom: 3.3333333333vw;
  }
}
body main#page-movie-detail .detail .view-fav {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .view-fav {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .view-fav {
    margin-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .view-fav {
    margin-bottom: 2vw;
  }
}
body main#page-movie-detail .detail .view-fav li {
  border-left: 1px solid #000;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .view-fav li {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .view-fav li {
    border-width: 0.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .view-fav li {
    border-width: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .view-fav li {
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .view-fav li {
    padding-right: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .view-fav li {
    padding-right: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .view-fav li {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .view-fav li {
    padding-left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .view-fav li {
    padding-left: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .view-fav li {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .view-fav li {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .view-fav li {
    font-size: 2.8vw;
  }
}
body main#page-movie-detail .detail .view-fav li.fav {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
body main#page-movie-detail .detail .view-fav li.fav span {
  font-size: 0;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .view-fav li.fav span {
    margin-right: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .view-fav li.fav span {
    margin-right: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .view-fav li.fav span {
    margin-right: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .view-fav li.fav img {
    width: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .view-fav li.fav img {
    width: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .view-fav li.fav img {
    width: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .view-fav li.fav img {
    height: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .view-fav li.fav img {
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .view-fav li.fav img {
    height: 2.9333333333vw;
  }
}
body main#page-movie-detail .detail .view-fav li:last-child {
  border-right: 1px solid #000;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .view-fav li:last-child {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .view-fav li:last-child {
    border-width: 0.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .view-fav li:last-child {
    border-width: 0.2666666667vw;
  }
}
body main#page-movie-detail .detail .fav-btn {
  color: #fff;
  background-color: #0063bc;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .fav-btn {
    width: 250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .fav-btn {
    width: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .fav-btn {
    width: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .fav-btn {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .fav-btn {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .fav-btn {
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .fav-btn {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .fav-btn {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .fav-btn {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .fav-btn {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .fav-btn {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .fav-btn {
    border-radius: 1.3333333333vw;
  }
}
body main#page-movie-detail .detail .fav-btn span {
  display: block;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .fav-btn span {
    padding-top: 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .fav-btn span {
    padding-top: 0.546875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .fav-btn span {
    padding-top: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .fav-btn span {
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .fav-btn span {
    padding-bottom: 0.546875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .fav-btn span {
    padding-bottom: 1.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .description {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .description {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .description {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .description {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .description {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .description {
    margin-bottom: 10.9333333333vw;
  }
}
body main#page-movie-detail .detail .checklist-wrap h3 {
  position: relative;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist-wrap h3 {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist-wrap h3 {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist-wrap h3 {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist-wrap h3 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist-wrap h3 {
    margin-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist-wrap h3 {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist-wrap h3 {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist-wrap h3 {
    padding-left: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist-wrap h3 {
    padding-left: 7.3333333333vw;
  }
}
body main#page-movie-detail .detail .checklist-wrap h3:after {
  position: absolute;
  content: "";
  display: block;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    width: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    width: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    width: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    height: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    height: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    height: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    top: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    top: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    top: 0.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    left: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist-wrap h3:after {
    left: 0vw;
  }
}
body main#page-movie-detail .detail .checklist-wrap h3.batting:after {
  background: transparent url("../images/check_batting.svg?v19fc6cad250231ef82ae1c62e6e6a9ae") center top no-repeat;
  background-size: contain;
}
body main#page-movie-detail .detail .checklist-wrap h3.pitching:after {
  background: transparent url("../images/check_pitching.svg?v64c6504e6d549cda026de27ff47dcc3c") center top no-repeat;
  background-size: contain;
}
body main#page-movie-detail .detail .checklist-wrap h3.running:after {
  background: transparent url("../images/check_running.svg?vb85c37b0eca9bd5b552791789d8b5ac8") center top no-repeat;
  background-size: contain;
}
body main#page-movie-detail .detail .checklist-wrap h3.defense:after {
  background: transparent url("../images/check_defense.svg?vb5aa153a03364e0e0d41cc99fac276df") center top no-repeat;
  background-size: contain;
}
body main#page-movie-detail .detail .checklist-wrap h3.game:after {
  background: transparent url("../images/check_game.svg?vaeb2119d7874cc59f320d60621e74b46") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist {
    margin-bottom: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist {
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist {
    padding-left: 2em;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist li {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist li {
    margin-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist li {
    margin-bottom: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .checklist li {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .checklist li {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .checklist li {
    font-size: 3.7333333333vw;
  }
}
body main#page-movie-detail .detail .check-buttons {
  flex-wrap: wrap;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons {
    gap: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons {
    gap: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons {
    gap: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons {
    margin-bottom: 130px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons {
    margin-bottom: 10.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons {
    margin-bottom: 16.6666666667vw;
  }
}
body main#page-movie-detail .detail .check-buttons button.check-btn {
  all: unset;
  position: relative;
  cursor: pointer;
  color: #fff;
  background-color: #0063bc;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    width: 228px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    width: 17.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    width: 42.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    font-size: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    padding-top: 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    padding-top: 0.546875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    padding-top: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    padding-bottom: 0.546875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    padding-bottom: 1.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn {
    border-radius: 1.3333333333vw;
  }
}
body main#page-movie-detail .detail .check-buttons button.check-btn:after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn:after {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn:after {
    width: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn:after {
    width: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn:after {
    height: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn:after {
    height: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn:after {
    height: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn:after {
    left: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn:after {
    left: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn:after {
    left: 2.9333333333vw;
  }
}
body main#page-movie-detail .detail .check-buttons button.check-btn {
  opacity: 0.5;
}
body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="0"] {
  opacity: 1;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="0"] span {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="0"] span {
    padding-left: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="0"] span {
    padding-left: 4vw;
  }
}
body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="0"]:after {
  background: transparent url("../images/icon_bad.svg?va1cd4affec8a25aca06ab83bf039d24d") center top no-repeat;
  background-size: contain;
}
body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="1"]:after {
  background: transparent url("../images/icon_normal.svg?v86a6cc08adad4881c108ef5f3b29576f") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="2"] span {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="2"] span {
    padding-left: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="2"] span {
    padding-left: 4vw;
  }
}
body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="2"]:after {
  background: transparent url("../images/icon_ok.svg?v147615469ac3b2446727b9ee3ca9fef3") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="3"] span {
    padding-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="3"] span {
    padding-left: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="3"] span {
    padding-left: 5.3333333333vw;
  }
}
body main#page-movie-detail .detail .check-buttons button.check-btn[data-checklist-level="3"]:after {
  background: transparent url("../images/icon_good.svg?ve9438d83d18fbca7e426241c2e7f98d7") center top no-repeat;
  background-size: contain;
}
body main#page-movie-detail .detail .check-buttons.is-level1 button.check-btn[data-checklist-level="1"] {
  opacity: 1;
}
body main#page-movie-detail .detail .check-buttons.is-level1 button.check-btn[data-checklist-level="0"] {
  opacity: 0.5;
}
body main#page-movie-detail .detail .check-buttons.is-level2 button.check-btn[data-checklist-level="2"] {
  opacity: 1;
}
body main#page-movie-detail .detail .check-buttons.is-level2 button.check-btn[data-checklist-level="0"] {
  opacity: 0.5;
}
body main#page-movie-detail .detail .check-buttons.is-level3 button.check-btn[data-checklist-level="3"] {
  opacity: 1;
}
body main#page-movie-detail .detail .check-buttons.is-level3 button.check-btn[data-checklist-level="0"] {
  opacity: 0.5;
}
body main#page-movie-detail .detail .movie-nav {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav {
    gap: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li {
    width: 475px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li {
    width: 37.109375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li {
    width: 89.3333333333vw;
  }
}
body main#page-movie-detail .detail .movie-nav > li.next .label {
  text-align: right;
}
body main#page-movie-detail .detail .movie-nav > li.next .label:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li.next .label:after {
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li.next .label:after {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li.next .label:after {
    right: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li.prev .label:after {
    left: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li.prev .label:after {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li.prev .label:after {
    left: 0vw;
  }
}
body main#page-movie-detail .detail .movie-nav > li a {
  border-top: 4px solid #0063bc;
  border-bottom: 4px solid #0063bc;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-top: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-top: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-bottom: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-right: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-right: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    padding-left: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li a {
    gap: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    gap: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    gap: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li a {
    border-width: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    border-width: 0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    border-width: 0.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li a {
    width: 100%;
    -webkit-box-align: center;
    align-items: center;
  }
}
body main#page-movie-detail .detail .movie-nav > li .label {
  position: relative;
  display: block;
  color: #0063bc;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .label {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .label {
    margin-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .label {
    margin-bottom: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .label {
    font-size: 21px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .label {
    font-size: 1.640625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .label {
    font-size: 3.6vw;
  }
}
body main#page-movie-detail .detail .movie-nav > li .label {
  /*&:after {
    position: absolute;
    content: '';
    display: block;
    background: transparent url(../images/arrow.svg) center top no-repeat;
    background-size: contain;
    @include w(29,29);
    @include h(24,24);
    @include top(6,11);
  }*/
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .pict {
    width: 168px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .pict {
    width: 13.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .pict {
    width: 36vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .pict {
    height: 95px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .pict {
    height: 7.421875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .pict {
    height: 20.2666666667vw;
  }
}
body main#page-movie-detail .detail .movie-nav > li .pict img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail {
    width: 17.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail {
    width: 39.3333333333vw;
  }
}
body main#page-movie-detail .detail .movie-nav > li .nav-detail .date {
  line-height: 1;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .date {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .date {
    margin-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .date {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .date {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .date {
    font-size: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .date {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .title {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .title {
    margin-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .title {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .title {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .title {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .title {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-detail .title {
    line-height: 1.25;
  }
}
body main#page-movie-detail .detail .movie-nav > li .nav-view-fav {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .detail .movie-nav > li .nav-view-fav {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-view-fav {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .detail .movie-nav > li .nav-view-fav {
    font-size: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related {
    padding-top: 135px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related {
    padding-top: 10.546875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related {
    padding-top: 9.3333333333vw;
  }
}
body main#page-movie-detail .related .inner {
  background: #fff;
  border: 5px solid #0063bc;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner {
    border-width: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner {
    border-width: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner {
    border-width: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner {
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner {
    border-radius: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner {
    padding-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner {
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner {
    margin-bottom: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner {
    margin-bottom: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner {
    max-width: 1100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner {
    max-width: 85.9375vw;
  }
}
body main#page-movie-detail .related .inner h2 {
  position: relative;
  text-align: center;
  color: #fff;
  background: #0063bc;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner h2 {
    padding-top: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner h2 {
    padding-top: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner h2 {
    padding-top: 2.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner h2 {
    padding-bottom: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner h2 {
    padding-bottom: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner h2 {
    padding-bottom: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner h2 {
    font-size: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner h2 {
    font-size: 2.109375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner h2 {
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner h2 {
    margin-bottom: 68px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner h2 {
    margin-bottom: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner h2 {
    margin-bottom: 8vw;
  }
}
body main#page-movie-detail .related .inner .related-list {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
body main#page-movie-detail .related .inner .related-list .lower-icon {
  display: none;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    margin-top: -4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    margin-top: -0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    margin-top: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    bottom: -4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    bottom: -0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    bottom: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    right: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    width: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    width: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-movie-detail .related .inner .related-list .lower-icon {
    width: 4.2666666667vw;
  }
}
body .movie-category-name.batting {
  background: #0063bc;
}
body .checklist-wrap h3.batting {
  color: #0063bc;
}
body .movie-category-name.pitching {
  background: #29abe2;
}
body .checklist-wrap h3.pitching {
  color: #29abe2;
}
body .movie-category-name.running {
  background: #33bab1;
}
body .checklist-wrap h3.running {
  color: #33bab1;
}
body .movie-category-name.defense {
  background: #009245;
}
body .checklist-wrap h3.defense {
  color: #009245;
}
body .movie-category-name.game {
  background: #8cc63f;
}
body .checklist-wrap h3.game {
  color: #8cc63f;
}

/*

*/
@media screen and (min-width: 768px), print {
  body main#page-search {
    padding-top: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search {
    padding-top: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search {
    padding-top: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .inner {
    max-width: 1100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .inner {
    max-width: 85.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .inner {
    max-width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .inner {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .inner {
    margin-bottom: 5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .inner {
    margin-bottom: 18.6666666667vw;
  }
}
body main#page-search .flame {
  background: #fff;
  border: 5px solid #0063bc;
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame {
    border-width: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame {
    border-width: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame {
    border-width: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame {
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame {
    border-radius: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame {
    padding-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame {
    padding-bottom: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame {
    margin-bottom: 5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame {
    margin-bottom: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame {
    max-width: 1100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame {
    max-width: 85.9375vw;
  }
}
body main#page-search .flame h1 {
  position: relative;
  text-align: center;
  color: #fff;
  background: #0063bc;
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame h1 {
    padding-top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame h1 {
    padding-top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame h1 {
    padding-top: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame h1 {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame h1 {
    padding-bottom: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame h1 {
    padding-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame h1 {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame h1 {
    font-size: 2.65625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame h1 {
    font-size: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame h1 {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame h1 {
    margin-bottom: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame h1 {
    margin-bottom: 9.7333333333vw;
  }
}
body main#page-search .flame .sort-btn-wrap {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap {
    gap: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap {
    gap: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap {
    gap: 5.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap {
    margin-bottom: 68px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap {
    margin-bottom: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap {
    margin-bottom: 14.4vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
  }
}
body main#page-search .flame .sort-btn-wrap a {
  position: relative;
  color: #fff;
  background: #0063bc;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap a {
    padding-top: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap a {
    padding-top: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap a {
    padding-top: 0.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap a {
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap a {
    padding-bottom: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap a {
    padding-bottom: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap a {
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap a {
    padding-right: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap a {
    padding-right: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap a {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap a {
    padding-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap a {
    padding-left: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap a {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap a {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap a {
    font-size: 4.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap a {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap a {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap a {
    border-radius: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap a {
    width: 240px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap a {
    width: 18.75vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap a {
    width: 65.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap a {
    height: 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap a {
    height: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap a {
    height: 11.7333333333vw;
  }
}
body main#page-search .flame .sort-btn-wrap a.active {
  color: #0063bc;
  background: #fff;
  border: 4px solid #0063bc;
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .sort-btn-wrap a.active {
    border-width: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .sort-btn-wrap a.active {
    border-width: 0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .sort-btn-wrap a.active {
    border-width: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li {
    margin-bottom: 5.3333333333vw;
  }
}
body main#page-search .flame .movie-list > li.batting .pict {
  border-color: #0063bc;
}
body main#page-search .flame .movie-list > li.batting .pict .movie-cat {
  background: #0063bc;
}
body main#page-search .flame .movie-list > li.pitching .pict {
  border-color: #29abe2;
}
body main#page-search .flame .movie-list > li.pitching .pict .movie-cat {
  background: #29abe2;
}
body main#page-search .flame .movie-list > li.running .pict {
  border-color: #33bab1;
}
body main#page-search .flame .movie-list > li.running .pict .movie-cat {
  background: #33bab1;
}
body main#page-search .flame .movie-list > li.defense .pict {
  border-color: #009245;
}
body main#page-search .flame .movie-list > li.defense .pict .movie-cat {
  background: #009245;
}
body main#page-search .flame .movie-list > li.game .pict {
  border-color: #8cc63f;
}
body main#page-search .flame .movie-list > li.game .pict .movie-cat {
  background: #8cc63f;
}
body main#page-search .flame .movie-list > li .pict {
  border: 5px solid;
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .pict {
    border-width: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .pict {
    border-width: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .pict {
    border-width: 0.6666666667vw;
  }
}
body main#page-search .flame .movie-list > li .pict .movie-cat {
  position: absolute;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    font-size: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    right: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    padding-top: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    padding-top: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    padding-top: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    padding-right: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    padding-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    border-radius: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    border-radius: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .pict .movie-cat {
    border-radius: 0.4vw;
  }
}
body main#page-search .flame .movie-list > li .lower-icon {
  position: absolute;
  display: none;
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .lower-icon {
    bottom: -4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .lower-icon {
    bottom: -0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .lower-icon {
    bottom: -0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .lower-icon {
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .lower-icon {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .lower-icon {
    right: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-search .flame .movie-list > li .lower-icon {
    width: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .flame .movie-list > li .lower-icon {
    width: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .flame .movie-list > li .lower-icon {
    width: 4.2666666667vw;
  }
}
body main#page-search .search-box {
  text-align: center;
}
@media screen and (max-width: 767px) {
  body main#page-search .search-box {
    margin-bottom: 4vw;
  }
}
body main#page-search .search-box input {
  border-color: #000;
}
body main#page-search .search-box button {
  background: #fff;
  border: 2px solid #000;
}
@media screen and (min-width: 768px), print {
  body main#page-search .search-box button {
    border-width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .search-box button {
    border-width: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .search-box button {
    border-width: 0.8vw;
  }
}
body main#page-search .nomovie {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-search .nomovie {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-search .nomovie {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-search .nomovie {
    font-size: 4.8vw;
  }
}

/*

*/
body#body-mypage #site-header .to-mypage a {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
body main#page-mypage {
  position: relative;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage {
    padding-top: 178px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage {
    padding-top: 13.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage {
    padding-top: 30.6666666667vw;
  }
}
body main#page-mypage h1 {
  text-align: center;
  color: #f49c00;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage h1 {
    font-size: 54px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage h1 {
    font-size: 4.21875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage h1 {
    font-size: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage h1 {
    margin-bottom: 65px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage h1 {
    margin-bottom: 5.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage h1 {
    margin-bottom: 7.6vw;
  }
}
body main#page-mypage .userinfo {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo {
    font-size: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .names {
    width: 610px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .names {
    width: 47.65625vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .names {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .names {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .names {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .names {
    margin-bottom: 10.9333333333vw;
  }
}
body main#page-mypage .userinfo .names span {
  display: inline-block;
  line-height: 1;
}
body main#page-mypage .userinfo .name {
  text-wrap: nowrap;
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .name {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .name span {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .name span {
    margin-left: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .name span {
    margin-left: 8.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .name span {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .name span {
    margin-bottom: 0.78125vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .name span {
    font-size: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .name span {
    font-size: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .name span {
    font-size: 8.6666666667vw;
  }
}
body main#page-mypage .userinfo .grade span {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .grade span {
    margin-left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .grade span {
    margin-left: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .grade span {
    margin-left: 8.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .grade span {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .grade span {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .grade span {
    font-size: 7.0666666667vw;
  }
}
body main#page-mypage .userinfo .badge-sec {
  -webkit-box-flex: 1;
  flex: 1;
}
body main#page-mypage .userinfo .badge-sec .badge-list {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .badge-sec .badge-list {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .badge-sec .badge-list {
    padding-top: 1.5625vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .badge-sec .badge-list {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .badge-sec .badge-list {
    gap: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .badge-sec .badge-list {
    gap: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .badge-sec .badge-list li {
    width: 102px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .badge-sec .badge-list li {
    width: 7.96875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .badge-sec .badge-list li {
    width: 17.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .userinfo .badge-sec .badge-list li {
    height: 102px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .userinfo .badge-sec .badge-list li {
    height: 7.96875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .userinfo .badge-sec .badge-list li {
    height: 17.0666666667vw;
  }
}
body main#page-mypage .userinfo .badge-sec .badge-list li img {
  width: 100%;
}
body main#page-mypage .userinfo .badge-sec .no-badge {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg {
    margin-top: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg {
    margin-top: 14.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg {
    margin-top: 24vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg {
    padding-top: 115px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg {
    padding-top: 8.984375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg {
    padding-top: 15.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg .inner {
    max-width: 1100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg .inner {
    max-width: 85.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg .inner {
    max-width: 89.3333333333vw;
  }
}
body main#page-mypage .orange-bg .movie-list li.batting .pict {
  border-color: #0063bc;
}
body main#page-mypage .orange-bg .movie-list li.batting .pict .movie-cat {
  background: #0063bc;
}
body main#page-mypage .orange-bg .movie-list li.pitching .pict {
  border-color: #29abe2;
}
body main#page-mypage .orange-bg .movie-list li.pitching .pict .movie-cat {
  background: #29abe2;
}
body main#page-mypage .orange-bg .movie-list li.running .pict {
  border-color: #33bab1;
}
body main#page-mypage .orange-bg .movie-list li.running .pict .movie-cat {
  background: #33bab1;
}
body main#page-mypage .orange-bg .movie-list li.defense .pict {
  border-color: #009245;
}
body main#page-mypage .orange-bg .movie-list li.defense .pict .movie-cat {
  background: #009245;
}
body main#page-mypage .orange-bg .movie-list li.game .pict {
  border-color: #8cc63f;
}
body main#page-mypage .orange-bg .movie-list li.game .pict .movie-cat {
  background: #8cc63f;
}
body main#page-mypage .orange-bg .movie-list li .pict {
  border: 5px solid;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg .movie-list li .pict {
    border-width: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg .movie-list li .pict {
    border-width: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg .movie-list li .pict {
    border-width: 0.6666666667vw;
  }
}
body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
  position: absolute;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    font-size: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    right: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    right: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    right: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    bottom: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    padding-top: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    padding-top: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    padding-top: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    padding-right: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    padding-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    border-radius: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    border-radius: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .orange-bg .movie-list li .pict .movie-cat {
    border-radius: 0.4vw;
  }
}
body main#page-mypage .list-flame {
  overflow: hidden;
  background: #fff;
  border: 5px solid #000;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .list-flame {
    border-width: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .list-flame {
    border-width: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .list-flame {
    border-width: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .list-flame {
    border-radius: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .list-flame {
    border-radius: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .list-flame {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .list-flame {
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .list-flame {
    padding-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .list-flame {
    padding-bottom: 9.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .list-flame {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .list-flame {
    margin-bottom: 5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .list-flame {
    margin-bottom: 12.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .list-flame {
    max-width: 1100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .list-flame {
    max-width: 85.9375vw;
  }
}
body main#page-mypage .list-flame h2 {
  position: relative;
  text-align: center;
  color: #f49c00;
  background: #000;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .list-flame h2 {
    padding-top: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .list-flame h2 {
    padding-top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .list-flame h2 {
    padding-top: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .list-flame h2 {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .list-flame h2 {
    padding-bottom: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .list-flame h2 {
    padding-bottom: 2.4vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .list-flame h2 {
    padding-left: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .list-flame h2 {
    font-size: 34px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .list-flame h2 {
    font-size: 2.65625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .list-flame h2 {
    font-size: 5.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .list-flame h2 {
    margin-bottom: 68px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .list-flame h2 {
    margin-bottom: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .list-flame h2 {
    margin-bottom: 9.0666666667vw;
  }
}
body main#page-mypage .list-flame h2 span {
  position: relative;
}
body main#page-mypage .list-flame h2 span:after {
  position: absolute;
  content: "";
  display: block;
}
body main#page-mypage .history-sec h2 span:after {
  background: transparent url("../images/icon_history.svg?vb8a6d4313a7064301653cf09e531caff") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .history-sec h2 span:after {
    width: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .history-sec h2 span:after {
    width: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .history-sec h2 span:after {
    width: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .history-sec h2 span:after {
    height: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .history-sec h2 span:after {
    height: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .history-sec h2 span:after {
    height: 4.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .history-sec h2 span:after {
    top: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .history-sec h2 span:after {
    top: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .history-sec h2 span:after {
    top: 2.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .history-sec h2 span:after {
    left: -60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .history-sec h2 span:after {
    left: -4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .history-sec h2 span:after {
    left: -10.2666666667vw;
  }
}
body main#page-mypage .history-sec .noresult {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .history-sec .noresult {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .history-sec .noresult {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .history-sec .noresult {
    font-size: 3.7333333333vw;
  }
}
body main#page-mypage .fav-sec span:after {
  background: transparent url("../images/icon_fav.svg?vaec027dd4befcd31b8bcfed3693d5742") center top no-repeat;
  background-size: contain;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .fav-sec span:after {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .fav-sec span:after {
    width: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .fav-sec span:after {
    width: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .fav-sec span:after {
    height: 29px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .fav-sec span:after {
    height: 2.265625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .fav-sec span:after {
    height: 5.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .fav-sec span:after {
    top: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .fav-sec span:after {
    top: 0.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .fav-sec span:after {
    top: 1.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .fav-sec span:after {
    left: -45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .fav-sec span:after {
    left: -3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .fav-sec span:after {
    left: -6.9333333333vw;
  }
}
body main#page-mypage .fav-sec .noresult {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .fav-sec .noresult {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .fav-sec .noresult {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .fav-sec .noresult {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .more-wrap {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .more-wrap {
    margin-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .more-wrap {
    margin-top: 0vw;
  }
}
body main#page-mypage .more-wrap .more-btn {
  background: #f49c00;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .logout-wrap {
    margin-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .logout-wrap {
    margin-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .logout-wrap {
    margin-top: 2.6666666667vw;
  }
}
body main#page-mypage .logout-wrap .logout-btn {
  position: relative;
  color: #fff;
  background: #000;
  border: none;
  cursor: pointer;
  overflow: hidden;
  font-weight: 900;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-top: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-top: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-top: 0.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-bottom: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-bottom: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-bottom: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-right: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-right: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-right: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .logout-wrap .logout-btn {
    padding-left: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .logout-wrap .logout-btn {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .logout-wrap .logout-btn {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .logout-wrap .logout-btn {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .logout-wrap .logout-btn {
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .logout-wrap .logout-btn {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .logout-wrap .logout-btn {
    border-radius: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .logout-wrap .logout-btn {
    width: 160px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .logout-wrap .logout-btn {
    width: 12.5vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .logout-wrap .logout-btn {
    width: 32vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .logout-wrap .logout-btn {
    height: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .logout-wrap .logout-btn {
    height: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .logout-wrap .logout-btn {
    height: 8vw;
  }
}
body main#page-mypage .backtotop {
  margin-right: auto;
  margin-left: auto;
  background: #000;
  border-radius: 50%;
  color: #f49c00;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .backtotop {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .backtotop {
    width: 11.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .backtotop {
    width: 29.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .backtotop {
    height: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .backtotop {
    height: 11.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .backtotop {
    height: 29.0666666667vw;
  }
}
body main#page-mypage .backtotop a {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  text-align: center;
  line-height: 1.25;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .backtotop a {
    padding-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .backtotop a {
    padding-top: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .backtotop a {
    padding-top: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .backtotop a {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .backtotop a {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .backtotop a {
    font-size: 3.6vw;
  }
}
body main#page-mypage .backtotop a:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/arrow_totop.svg?vde8a3379cced8236e65d802e0dfdb3a2") center top no-repeat;
  background-size: contain;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .backtotop a:after {
    width: 17px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .backtotop a:after {
    width: 1.328125vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .backtotop a:after {
    width: 3.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .backtotop a:after {
    height: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .backtotop a:after {
    height: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .backtotop a:after {
    height: 4.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body main#page-mypage .backtotop a:after {
    top: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body main#page-mypage .backtotop a:after {
    top: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body main#page-mypage .backtotop a:after {
    top: 4.6666666667vw;
  }
}
/*# sourceMappingURL=style.css.map */