@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;
      }
    }
  */
}

body {
  font-family: YakuHanJP, "Noto Sans JP", sans-serif;
  color: #000;
  font-weight: 400;
  text-spacing-trim: normal;
  background-color: #f2f2f2;
}
@media screen and (min-width: 768px), print {
  body {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 4.2666666667vw;
  }
}
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;
  width: 100%;
  z-index: 1000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  body header#site-header {
    padding-top: 3.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header {
    position: absolute;
  }
}
body header#site-header .inner {
  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 header#site-header .inner {
    max-width: 1380px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .inner {
    max-width: 107.8125vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .inner {
    padding-top: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .inner {
    padding-top: 1.953125vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header.scrolled {
    background: #fff;
    color: #000;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header.scrolled .inner {
    padding-top: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header.scrolled .inner {
    padding-top: 0.390625vw;
  }
}
body header#site-header.opened .nav-wrap {
  visibility: visible;
}
@media screen and (max-width: 767px) {
  body header#site-header.opened .nav-wrap {
    right: 0vw;
  }
}
body header#site-header.opened .menu-opener > span:nth-child(1) {
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
body header#site-header.opened .menu-opener > span:nth-child(2) {
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
  opacity: 0;
}
body header#site-header.opened .menu-opener > span:nth-child(3) {
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
body header#site-header .opener-wrap {
  position: fixed;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  body header#site-header .opener-wrap {
    top: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .opener-wrap {
    right: 4vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .opener-wrap {
    width: 8.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .opener-wrap {
    height: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .opener-wrap {
    display: none;
  }
}
body header#site-header .menu-opener {
  position: relative;
  display: block;
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener {
    width: 8.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener {
    height: 6.4vw;
  }
}
body header#site-header .menu-opener > span {
  display: block;
  position: absolute;
  left: 0;
  background-color: #d70a23;
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener > span {
    width: 8.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .menu-opener > span {
    height: 1.0666666667vw;
  }
}
body header#site-header .menu-opener > span:nth-child(1) {
  -webkit-transition: top 0.1s 0.3s, opacity 0s 0.3s, -webkit-transform 0.1s 0.3s;
  transition: top 0.1s 0.3s, opacity 0s 0.3s, -webkit-transform 0.1s 0.3s;
  transition: top 0.1s 0.3s, transform 0.1s 0.3s, opacity 0s 0.3s;
  transition: top 0.1s 0.3s, transform 0.1s 0.3s, opacity 0s 0.3s, -webkit-transform 0.1s 0.3s;
  top: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
body header#site-header .menu-opener > span:nth-child(2) {
  -webkit-transition: top 0.1s 0.3s, opacity 0s 0.3s, -webkit-transform 0.1s 0.3s;
  transition: top 0.1s 0.3s, opacity 0s 0.3s, -webkit-transform 0.1s 0.3s;
  transition: top 0.1s 0.3s, transform 0.1s 0.3s, opacity 0s 0.3s;
  transition: top 0.1s 0.3s, transform 0.1s 0.3s, opacity 0s 0.3s, -webkit-transform 0.1s 0.3s;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body header#site-header .menu-opener > span:nth-child(3) {
  -webkit-transition: top 0.1s 0.3s, opacity 0s 0.3s, -webkit-transform 0.1s 0.3s;
  transition: top 0.1s 0.3s, opacity 0s 0.3s, -webkit-transform 0.1s 0.3s;
  transition: top 0.1s 0.3s, transform 0.1s 0.3s, opacity 0s 0.3s;
  transition: top 0.1s 0.3s, transform 0.1s 0.3s, opacity 0s 0.3s, -webkit-transform 0.1s 0.3s;
  top: 100%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
body header#site-header .nav-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: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
@media screen and (min-width: 768px), print {
  body header#site-header .nav-wrap {
    padding-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .nav-wrap {
    padding-top: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .nav-wrap {
    padding-top: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .nav-wrap {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .nav-wrap {
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .nav-wrap {
    padding-right: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .nav-wrap {
    gap: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .nav-wrap {
    gap: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .nav-wrap {
    gap: 4.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .nav-wrap {
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    visibility: hidden;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 34.01%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #FFFFFF 34.01%);
    opacity: 0.94;
    box-shadow: 0px 14px 16px rgba(59, 174, 226, 0.5);
    backdrop-filter: blur(15px);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: 100vh;
    height: 100dvh;
    z-index: 100;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body header#site-header .nav-wrap {
    width: 80vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body header#site-header .nav-wrap {
    right: -80vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body header#site-header .nav-wrap {
    top: 0vw;
  }
}
body header#site-header .header-nav {
  letter-spacing: 0.1em;
  font-size: 1.0416666667vw;
  gap: 1.25vw;
  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 .header-nav {
    padding-top: 16vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-nav {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-nav {
    gap: 4vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-nav {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 1440px) {
  body header#site-header .header-nav {
    font-size: 15px;
    gap: 18px;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-nav {
    color: #d70a23;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .header-nav li {
    width: 100%;
    border-bottom: 1px solid #d70a23;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body header#site-header .header-nav li {
    border-width: 0.2666666667vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  body header#site-header .header-nav li {
    padding-bottom: 0.6666666667vw;
  }
}
body header#site-header .btn-nav {
  gap: 0.6944444444vw;
  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 .btn-nav {
    gap: 4vw;
  }
}
@media screen and (min-width: 1440px) {
  body header#site-header .btn-nav {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
body header#site-header .btn-nav li {
  color: #fff;
}
body header#site-header .btn-nav li.contact a {
  padding-left: 2.6388888889vw;
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.contact a {
    padding-left: 5.0666666667vw;
  }
}
@media screen and (min-width: 1440px) {
  body header#site-header .btn-nav li.contact a {
    padding-left: 38px;
  }
}
body header#site-header .btn-nav li.contact a:after {
  background: transparent url("../images/icon_contact.svg?vf797b9f9dfd23c5460068bb8af9d292c") top center/100% auto no-repeat;
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li.contact a:after {
    width: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li.contact a:after {
    width: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.contact a:after {
    width: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li.contact a:after {
    height: 23px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li.contact a:after {
    height: 1.796875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.contact a:after {
    height: 6.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li.contact a:after {
    top: 9px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li.contact a:after {
    top: 0.703125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.contact a:after {
    top: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li.contact a:after {
    left: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li.contact a:after {
    left: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.contact a:after {
    left: 4.2666666667vw;
  }
}
body header#site-header .btn-nav li.entry a {
  padding-left: 2.4305555556vw;
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.entry a {
    padding-left: 4.6666666667vw;
  }
}
@media screen and (min-width: 1440px) {
  body header#site-header .btn-nav li.entry a {
    padding-left: 35px;
  }
}
body header#site-header .btn-nav li.entry a:after {
  background: transparent url("../images/icon_entry.svg?v504bfe03ec55111913691598dcefbb5d") top center/100% auto no-repeat;
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li.entry a:after {
    width: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li.entry a:after {
    width: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.entry a:after {
    width: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li.entry a:after {
    height: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li.entry a:after {
    height: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.entry a:after {
    height: 5.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li.entry a:after {
    top: 9px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li.entry a:after {
    top: 0.703125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.entry a:after {
    top: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li.entry a:after {
    left: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li.entry a:after {
    left: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li.entry a:after {
    left: 4.2666666667vw;
  }
}
body header#site-header .btn-nav li a {
  position: relative;
  background-color: #d70a23;
  width: 12.0833333333vw;
  height: 2.9166666667vw;
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li a {
    width: 174px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li a {
    width: 13.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li a {
    width: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li a {
    height: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li a {
    height: 3.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li a {
    height: 12vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .btn-nav li a {
    border-radius: 999px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .btn-nav li a {
    border-radius: 78.046875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .btn-nav li a {
    border-radius: 133.2vw;
  }
}
body header#site-header .btn-nav li a {
  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: 1440px) {
  body header#site-header .btn-nav li a {
    width: 174px;
    height: 42px;
  }
}
body header#site-header .btn-nav li a:after {
  position: absolute;
  content: "";
  display: block;
}
body header#site-header .header-logo {
  width: 12.9861111111vw;
}
@media screen and (max-width: 767px) {
  body header#site-header .header-logo {
    width: 49.3333333333vw;
  }
}
@media screen and (min-width: 1440px) {
  body header#site-header .header-logo {
    width: 187px;
  }
}
body header#site-header .header-logo a {
  display: block;
}
body header#site-header .header-logo img {
  width: 100%;
}
body header#site-header .banner {
  position: fixed;
  bottom: 10%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner {
    width: 106px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner {
    width: 8.28125vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner {
    height: 360px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner {
    height: 28.125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner {
    height: 21.3333333333vw;
  }
}
body header#site-header .banner.scrolled {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  body header#site-header .banner {
    bottom: 0;
    width: 100%;
  }
}
body header#site-header .banner a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #d70a23;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.08em;
  box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.5);
  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 header#site-header .banner a {
    font-size: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner a {
    font-size: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a {
    font-size: 5.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner a {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    border-radius: 20px 0 0 20px;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a {
    border-radius: 20px 20px 0 0;
  }
}
body header#site-header .banner a:before {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/icon_entry.svg?v504bfe03ec55111913691598dcefbb5d") top center/100% auto no-repeat;
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner a:before {
    width: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner a:before {
    width: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a:before {
    width: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner a:before {
    height: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner a:before {
    height: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a:before {
    height: 8.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner a:before {
    top: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner a:before {
    top: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a:before {
    top: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner a:before {
    left: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner a:before {
    left: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a:before {
    left: 13.3333333333vw;
  }
}
body header#site-header .banner a:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/arrow.svg?vc3332eb6c74d5ae167a127a88408ef10") top center/100% auto no-repeat;
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner a:after {
    width: 19px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner a:after {
    width: 1.484375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a:after {
    width: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner a:after {
    height: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner a:after {
    height: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a:after {
    height: 6.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner a:after {
    bottom: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner a:after {
    bottom: 2.109375vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a:after {
    bottom: 7.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body header#site-header .banner a:after {
    right: 41px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body header#site-header .banner a:after {
    right: 3.203125vw;
  }
}
@media screen and (max-width: 767px) {
  body header#site-header .banner a:after {
    right: 18.6666666667vw;
  }
}
body main section {
  position: relative;
}
body footer#site-footer {
  position: relative;
  color: #d70a23;
  z-index: 1;
  border-top: 2px solid #d70a23;
}
@media screen and (min-width: 768px), print {
  body footer#site-footer {
    border-width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer {
    border-width: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer {
    border-width: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body footer#site-footer {
    padding-top: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer {
    padding-top: 7.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer {
    padding-top: 17.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body footer#site-footer {
    padding-bottom: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer {
    padding-bottom: 7.03125vw;
  }
}
@media screen and (min-width: 768px), print {
  body footer#site-footer .inner {
    max-width: 1000px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .inner {
    max-width: 78.125vw;
  }
}
body footer#site-footer .footer-logo {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body footer#site-footer .footer-logo {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .footer-logo {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-logo {
    margin-bottom: 5.3333333333vw;
  }
}
body footer#site-footer .footer-nav {
  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 footer#site-footer .footer-nav {
    margin-bottom: 68px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .footer-nav {
    margin-bottom: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-nav {
    margin-bottom: 9.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body footer#site-footer .footer-nav {
    gap: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .footer-nav {
    gap: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-nav {
    gap: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-nav {
    -webkit-box-pack: center;
    justify-content: center;
  }
}
body footer#site-footer .footer-nav li {
  font-weight: bold;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-nav li {
    margin-right: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-nav li {
    margin-left: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-nav li {
    margin-bottom: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body footer#site-footer .footer-nav li {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .footer-nav li {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-nav li {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .footer-nav li.small {
    font-size: 2.6666666667vw;
  }
}
body footer#site-footer .footer-nav li.break {
  flex-basis: 100%;
  height: 0;
}
body footer#site-footer .copyright {
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  body footer#site-footer .copyright {
    margin-bottom: 68px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .copyright {
    margin-bottom: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .copyright {
    margin-bottom: 9.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body footer#site-footer .copyright {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body footer#site-footer .copyright {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .copyright {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body footer#site-footer .copyright {
    letter-spacing: 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: 89.3333333333vw;
  }
}

/*

*/
@media screen and (min-width: 768px), print {
  .btn {
    width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn {
    width: 23.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .btn {
    width: 80.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .btn {
    height: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn {
    height: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .btn {
    height: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .btn {
    border-radius: 999px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn {
    border-radius: 78.046875vw;
  }
}
@media screen and (max-width: 767px) {
  .btn {
    border-radius: 133.2vw;
  }
}
.btn a {
  position: relative;
  color: #fff;
  background: #d70a23;
  letter-spacing: 0.1em;
  border: 1px solid #fff;
  font-weight: bold;
  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 {
  .btn a {
    width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn a {
    width: 23.4375vw;
  }
}
@media screen and (max-width: 767px) {
  .btn a {
    width: 80.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .btn a {
    height: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn a {
    height: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  .btn a {
    height: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .btn a {
    border-radius: 999px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn a {
    border-radius: 78.046875vw;
  }
}
@media screen and (max-width: 767px) {
  .btn a {
    border-radius: 133.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .btn a {
    border-width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn a {
    border-width: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  .btn a {
    border-width: 0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .btn a {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn a {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .btn a {
    font-size: 3.7333333333vw;
  }
}
.btn a:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/arrow.svg?vc3332eb6c74d5ae167a127a88408ef10") top center/100% auto no-repeat;
}
@media screen and (min-width: 768px), print {
  .btn a:after {
    top: 19px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn a:after {
    top: 1.484375vw;
  }
}
@media screen and (max-width: 767px) {
  .btn a:after {
    top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .btn a:after {
    right: 31px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn a:after {
    right: 2.421875vw;
  }
}
@media screen and (max-width: 767px) {
  .btn a:after {
    right: 5.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .btn a:after {
    width: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn a:after {
    width: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  .btn a:after {
    width: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .btn a:after {
    height: 19px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  .btn a:after {
    height: 1.484375vw;
  }
}
@media screen and (max-width: 767px) {
  .btn a:after {
    height: 4.2666666667vw;
  }
}

.gaba {
  font-family: "Gabarito", sans-serif;
  font-weight: bold;
  font-style: normal;
}

@media screen and (min-width: 768px), print {
  main {
    padding-bottom: 178px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main {
    padding-bottom: 13.90625vw;
  }
}
@media screen and (max-width: 767px) {
  main {
    padding-bottom: 22.6666666667vw;
  }
}
main .join {
  background: #d70a23;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  main .join {
    padding-top: 52px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .join {
    padding-top: 4.0625vw;
  }
}
@media screen and (max-width: 767px) {
  main .join {
    padding-top: 12vw;
  }
}
@media screen and (min-width: 768px), print {
  main .join {
    padding-bottom: 68px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .join {
    padding-bottom: 5.3125vw;
  }
}
@media screen and (max-width: 767px) {
  main .join {
    padding-bottom: 9.0666666667vw;
  }
}
main .join h2 {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  main .join h2 {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .join h2 {
    margin-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  main .join h2 {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  main .join h2 {
    font-size: 62px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .join h2 {
    font-size: 4.84375vw;
  }
}
@media screen and (max-width: 767px) {
  main .join h2 {
    font-size: 8.8vw;
  }
}
main .join .btn {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  main .contact {
    padding-top: 135px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact {
    padding-top: 10.546875vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact {
    padding-top: 14.6666666667vw;
  }
}
main .contact h2 {
  font-weight: bold;
  color: #d70a23;
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  main .contact h2 {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact h2 {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact h2 {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  main .contact h2 {
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact h2 {
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact h2 {
    font-size: 9.0666666667vw;
  }
}
main .contact ul {
  position: relative;
  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 {
  main .contact ul {
    gap: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul {
    gap: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul {
    gap: 4vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
  }
}
main .contact ul li {
  border: 4px solid #d70a23;
  color: #d70a23;
  text-align: center;
  font-weight: bold;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  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 {
  main .contact ul li {
    width: 408px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li {
    width: 31.875vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  main .contact ul li {
    height: 217px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li {
    height: 16.953125vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li {
    height: 44.4vw;
  }
}
@media screen and (min-width: 768px), print {
  main .contact ul li {
    border-width: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li {
    border-width: 0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li {
    border-width: 0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  main .contact ul li {
    border-radius: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li {
    border-radius: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li {
    border-radius: 1.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  main .contact ul li .head {
    font-size: 17px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li .head {
    font-size: 1.328125vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li .head {
    font-size: 4vw;
  }
}
main .contact ul li .num {
  display: inline-block;
}
@media screen and (min-width: 768px), print {
  main .contact ul li .num {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li .num {
    margin-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li .num {
    margin-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  main .contact ul li .num {
    font-size: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li .num {
    font-size: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li .num {
    font-size: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  main .contact ul li .our {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li .our {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li .our {
    font-size: 3.4666666667vw;
  }
}
main .contact ul li .btn {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  main .contact ul li.form .head {
    margin-bottom: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li.form .head {
    margin-bottom: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li.form .head {
    margin-bottom: 2.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  main .contact ul li.form .head {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  main .contact ul li.form .head {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  main .contact ul li.form .head {
    font-size: 3.7333333333vw;
  }
}

/*

*/
/*

*/
.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 infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes infinity-scroll-left {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
/*

*/
body#page-home main .kv {
  background: transparent url("../images/home_kv.webp?v1c329017f5dc2722687b41ec29459709") top center/cover no-repeat;
}
@media screen and (min-width: 768px), print {
  body#page-home main .kv {
    height: 766px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .kv {
    height: 59.84375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .kv {
    height: 177.8666666667vw;
  }
}
body#page-home main .kv:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
body#page-home main .kv h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  width: -webkit-max-content;
  width: max-content;
  letter-spacing: 0.3em;
  font-weight: bold;
  z-index: 2;
}
@media screen and (min-width: 768px), print {
  body#page-home main .kv h1 {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .kv h1 {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .kv h1 {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .kv h1 {
    text-align: center;
    left: 52%;
    letter-spacing: 0.2em;
    line-height: 1.75;
  }
}
body#page-home main .kv .bottom-text {
  position: absolute;
  width: -webkit-max-content;
  width: max-content;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #d70a23;
  font-weight: bold;
  letter-spacing: 0.02em;
  font-size: 9.1666666667vw;
  bottom: -7.2916666667vw;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  body#page-home main .kv .bottom-text {
    font-size: 17.8666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .kv .bottom-text {
    bottom: -18.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .kv .bottom-text {
    text-align: center;
    line-height: 0.92;
  }
}
body#page-home main .vision {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision {
    padding-top: 250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision {
    padding-top: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision {
    padding-top: 34.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision {
    padding-bottom: 360px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision {
    padding-bottom: 28.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision {
    padding-bottom: 46.6666666667vw;
  }
}
body#page-home main .vision h2 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #e6e6e6;
  width: -webkit-max-content;
  width: max-content;
  font-size: 17.7777777778vw;
  top: 5.2083333333vw;
}
@media screen and (max-width: 767px) {
  body#page-home main .vision h2 {
    top: 29.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision h2 {
    font-size: 17.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision h2 {
    line-height: 1;
  }
}
body#page-home main .vision .text-sec {
  position: relative;
  text-align: center;
  z-index: 2;
}
body#page-home main .vision .text-head {
  color: #d70a23;
  font-weight: bold;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .text-head {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .text-head {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .text-head {
    margin-bottom: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .text-head {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .text-head {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .text-head {
    font-size: 4.8vw;
  }
}
body#page-home main .vision p {
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  body#page-home main .vision p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision p {
    letter-spacing: 0.04em;
    line-height: 1.85;
  }
}
body#page-home main .vision .pic {
  position: absolute;
}
body#page-home main .vision .pic img {
  width: 100%;
}
body#page-home main .vision .pic.pic1 {
  left: 21%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .pic.pic1 {
    width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .pic.pic1 {
    width: 23.4375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic1 {
    width: 34.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .pic.pic1 {
    bottom: 490px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .pic.pic1 {
    bottom: 38.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic1 {
    bottom: 88.8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic1 {
    left: 3%;
  }
}
body#page-home main .vision .pic.pic2 {
  left: 24%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .pic.pic2 {
    width: 158px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .pic.pic2 {
    width: 12.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic2 {
    width: 21.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .pic.pic2 {
    bottom: 290px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .pic.pic2 {
    bottom: 22.65625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic2 {
    bottom: 21.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic2 {
    right: 13%;
  }
}
body#page-home main .vision .pic.pic3 {
  right: 27%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .pic.pic3 {
    width: 208px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .pic.pic3 {
    width: 16.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic3 {
    width: 27.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .pic.pic3 {
    bottom: 510px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .pic.pic3 {
    bottom: 39.84375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic3 {
    bottom: 86.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic3 {
    right: 3%;
  }
}
body#page-home main .vision .pic.pic4 {
  right: 18%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .pic.pic4 {
    width: 234px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .pic.pic4 {
    width: 18.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic4 {
    width: 31.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .vision .pic.pic4 {
    bottom: 170px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .vision .pic.pic4 {
    bottom: 13.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic4 {
    bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .vision .pic.pic4 {
    right: 17%;
  }
}
body#page-home main .special {
  background: #d70a23;
  color: #fff;
}
body#page-home main .special .inner {
  position: relative;
  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#page-home main .special .inner {
    padding-top: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .inner {
    padding-top: 11.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .inner {
    padding-top: 22.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .inner {
    padding-bottom: 165px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .inner {
    padding-bottom: 12.890625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .inner {
    padding-bottom: 32vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .inner {
    max-width: 970px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .inner {
    max-width: 75.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .inner {
    display: block;
  }
}
body#page-home main .special .title-sec {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  body#page-home main .special .title-sec {
    margin-bottom: 7.3333333333vw;
  }
}
body#page-home main .special .title-sec h2 {
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .title-sec h2 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .title-sec h2 {
    margin-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .title-sec h2 {
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .title-sec h2 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .title-sec h2 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .title-sec h2 {
    font-size: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .title-sec h2 {
    line-height: 0.92;
  }
}
body#page-home main .special .title-sec .title-jp {
  line-height: 1.2;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .title-sec .title-jp {
    font-size: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .title-sec .title-jp {
    font-size: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .title-sec .title-jp {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .title-sec .title-jp {
    letter-spacing: 0.18em;
  }
}
body#page-home main .special .title-sec .title-jp span {
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  body#page-home main .special .title-sec .title-jp span {
    margin-bottom: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .title-sec .title-jp span {
    font-size: 23px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .title-sec .title-jp span {
    font-size: 1.796875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .title-sec .title-jp span {
    font-size: 4vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .title-sec .title-jp span {
    display: inline-block;
  }
}
body#page-home main .special .text-sec {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .text-sec {
    padding-right: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .text-sec {
    padding-right: 1.71875vw;
  }
}
body#page-home main .special .text-sec p {
  line-height: 2;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .text-sec p {
    margin-bottom: 87px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .text-sec p {
    margin-bottom: 6.796875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .text-sec p {
    margin-bottom: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .text-sec p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .text-sec p {
    letter-spacing: 0.04em;
    line-height: 1.84;
  }
}
body#page-home main .special figure {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  body#page-home main .special figure {
    left: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special figure {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special figure {
    left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .special figure {
    bottom: -65px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special figure {
    bottom: -5.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special figure {
    bottom: -16vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .special figure {
    width: 600px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special figure {
    width: 46.875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special figure {
    width: 64vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .btn {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .special .btn {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .special .btn a {
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .special .btn a {
    padding-right: 2.34375vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .class {
    margin-bottom: 155px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class {
    margin-bottom: 12.109375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class {
    margin-bottom: 14.6666666667vw;
  }
}
body#page-home main .class .inner {
  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#page-home main .class .inner {
    padding-top: 265px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .inner {
    padding-top: 20.703125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .inner {
    padding-top: 48vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .inner {
    padding-bottom: 165px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .inner {
    padding-bottom: 12.890625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .inner {
    padding-bottom: 22vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .inner {
    max-width: 1000px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .inner {
    max-width: 78.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
body#page-home main .class .title-sec h2 {
  color: #d70a23;
  letter-spacing: 0.15em;
  line-height: 1;
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .title-sec h2 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .title-sec h2 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .title-sec h2 {
    font-size: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .title-sec h2 {
    letter-spacing: 0.03em;
    line-height: 0.92;
  }
}
body#page-home main .class .text-sec {
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .text-sec {
    padding-right: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .text-sec {
    padding-right: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .text-sec {
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .text-sec {
    width: 100%;
  }
}
body#page-home main .class .text-sec p {
  font-weight: bold;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .text-sec p {
    padding-right: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .text-sec p {
    padding-right: 6.25vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .text-sec p {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .text-sec p {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .text-sec p {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .text-sec p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .text-sec p {
    letter-spacing: 0.03em;
    line-height: 1.84;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .text-sec .btn {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .text-sec .btn {
    margin-right: auto;
    margin-left: auto;
  }
}
body#page-home main .class .text-sec .btn a {
  color: #d70a23;
  background: #fff;
  border-color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .text-sec .btn a {
    padding-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .text-sec .btn a {
    padding-right: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .text-sec .btn a {
    padding-right: 4vw;
  }
}
body#page-home main .class .text-sec .btn a:after {
  background: transparent url("../images/arrow_red.svg?v316ca22d0c4303c32bc8fba8bbca6aa2") top center/100% auto no-repeat;
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .text-sec .btn a:after {
    right: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .text-sec .btn a:after {
    right: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .text-sec .btn a:after {
    right: 2.6666666667vw;
  }
}
body#page-home main .class .scrolling-imgs-wrap {
  overflow: hidden;
  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#page-home main .class .scrolling-imgs {
  -webkit-animation: infinity-scroll-left 30s linear infinite;
  animation: infinity-scroll-left 30s linear infinite;
  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#page-home main .class .scrolling-imgs li {
  flex-shrink: 0;
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .scrolling-imgs li {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .scrolling-imgs li {
    margin-right: 2.34375vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .class .scrolling-imgs li {
    width: 490px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .class .scrolling-imgs li {
    width: 38.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .class .scrolling-imgs li {
    width: 65.3333333333vw;
  }
}
body#page-home main .schedule {
  border-top: 1px solid #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-home main .schedule {
    padding-top: 145px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .schedule {
    padding-top: 11.328125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .schedule {
    padding-top: 12vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .schedule {
    margin-bottom: 187px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .schedule {
    margin-bottom: 14.609375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .schedule {
    margin-bottom: 17.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .schedule {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .schedule {
    border-width: 0.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .schedule {
    border-width: 0.1333333333vw;
  }
}
body#page-home main .schedule h2 {
  font-weight: bold;
  color: #d70a23;
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-home main .schedule h2 {
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .schedule h2 {
    margin-bottom: 2.109375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .schedule h2 {
    margin-bottom: 6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .schedule h2 {
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .schedule h2 {
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .schedule h2 {
    font-size: 9.0666666667vw;
  }
}
body#page-home main .schedule .calender {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-home main .schedule .calender iframe {
    width: 964px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .schedule .calender iframe {
    width: 75.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .schedule .calender iframe {
    width: 89.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .schedule .calender iframe {
    height: 152.1333333333vw;
  }
}
body#page-home main .studio {
  border-top: 1px solid #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio {
    padding-top: 145px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio {
    padding-top: 11.328125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio {
    padding-top: 12.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio {
    margin-bottom: 158px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio {
    margin-bottom: 12.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio {
    margin-bottom: 14.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio {
    border-width: 0.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio {
    border-width: 0.1333333333vw;
  }
}
body#page-home main .studio h2 {
  font-weight: bold;
  color: #d70a23;
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio h2 {
    margin-bottom: 55px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio h2 {
    margin-bottom: 4.296875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio h2 {
    margin-bottom: 4.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio h2 {
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio h2 {
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio h2 {
    font-size: 9.0666666667vw;
  }
}
body#page-home main .studio .details {
  position: relative;
  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#page-home main .studio .details {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details {
    margin-bottom: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details {
    gap: 74px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details {
    gap: 5.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details {
    gap: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details {
    left: 33px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details {
    left: 2.578125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details {
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details figure {
    width: 400px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details figure {
    width: 31.25vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details figure {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details figure {
    margin-bottom: 0.78125vw;
  }
}
body#page-home main .studio .details figcaption {
  color: #d70a23;
  letter-spacing: 0.15em;
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details figcaption {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details figcaption {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details figcaption {
    font-size: 3.7333333333vw;
  }
}
body#page-home main .studio .details .texts {
  position: relative;
  font-weight: 600;
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts {
    width: 450px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts {
    width: 35.15625vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts {
    top: -12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts {
    top: -0.9375vw;
  }
}
body#page-home main .studio .details .texts .head {
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts .head {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts .head {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts .head {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts .head {
    font-size: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts .head {
    font-size: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts .head {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts .head {
    text-align: center;
  }
}
body#page-home main .studio .details .texts ul li {
  position: relative;
  color: #d70a23;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li {
    padding-left: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li {
    padding-left: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li {
    padding-left: 10vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li {
    font-size: 3.7333333333vw;
  }
}
body#page-home main .studio .details .texts ul li:after {
  position: absolute;
  content: "";
  display: block;
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li.adress {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li.adress {
    margin-bottom: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li.adress {
    margin-bottom: 5.3333333333vw;
  }
}
body#page-home main .studio .details .texts ul li.adress:after {
  background: transparent url("../images/icon_adress.svg?v1c4701aa169d7f88074a4804e1323402") top center/100% auto no-repeat;
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li.adress:after {
    top: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li.adress:after {
    top: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li.adress:after {
    top: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li.adress:after {
    left: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li.adress:after {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li.adress:after {
    left: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li.adress:after {
    width: 21px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li.adress:after {
    width: 1.640625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li.adress:after {
    width: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li.adress:after {
    height: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li.adress:after {
    height: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li.adress:after {
    height: 5.7333333333vw;
  }
}
body#page-home main .studio .details .texts ul li.directions:after {
  background: transparent url("../images/icon_direction.svg?v278cd7f49eee8617fb34aed9f2055e32") top center/100% auto no-repeat;
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li.directions:after {
    top: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li.directions:after {
    top: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li.directions:after {
    top: 1.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li.directions:after {
    left: -4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li.directions:after {
    left: -0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li.directions:after {
    left: 3.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li.directions:after {
    width: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li.directions:after {
    width: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li.directions:after {
    width: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .details .texts ul li.directions:after {
    height: 29px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .details .texts ul li.directions:after {
    height: 2.265625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .details .texts ul li.directions:after {
    height: 4.4vw;
  }
}
body#page-home main .studio .map {
  text-align: center;
}
body#page-home main .studio .map iframe {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
@media screen and (min-width: 768px), print {
  body#page-home main .studio .map iframe {
    width: 964px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .studio .map iframe {
    width: 75.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .map iframe {
    width: 89.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .studio .map iframe {
    height: 43.7333333333vw;
  }
}
body#page-home main .price {
  border-top: 1px solid #d70a23;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-home main .price {
    padding-top: 134px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .price {
    padding-top: 10.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .price {
    padding-top: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .price {
    margin-bottom: 195px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .price {
    margin-bottom: 15.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .price {
    margin-bottom: 24vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .price {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .price {
    border-width: 0.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .price {
    border-width: 0.1333333333vw;
  }
}
body#page-home main .price h2 {
  font-weight: bold;
  color: #d70a23;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-home main .price h2 {
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .price h2 {
    margin-bottom: 2.109375vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .price h2 {
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .price h2 {
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .price h2 {
    font-size: 9.0666666667vw;
  }
}
body#page-home main .price p {
  font-weight: 600;
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-home main .price p {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .price p {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .price p {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-home main .price p {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-home main .price p {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .price p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-home main .price p {
    line-height: 1.84;
  }
}
body#page-home main .price .btn {
  margin-right: auto;
  margin-left: auto;
}

/*

*/
body#page-class main .kv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background: transparent url("../images/class_kv.webp?v99d2ebb9ff1151e4054a269976b845ab") center center/cover no-repeat;
  z-index: 0;
  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#page-class main .kv {
    height: 438px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .kv {
    height: 34.21875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .kv {
    height: 123.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .kv {
    margin-bottom: 171px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .kv {
    margin-bottom: 13.359375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .kv {
    margin-bottom: 20vw;
  }
}
body#page-class main .kv:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body#page-class main .kv h1 {
  color: #d70a23;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .kv h1 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .kv h1 {
    padding-top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .kv h1 {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .kv h1 {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .kv h1 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .kv h1 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .kv h1 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .kv h1 {
    text-align: center;
  }
}
body#page-class main .kv .title-jp {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .kv .title-jp {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .kv .title-jp {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .kv .title-jp {
    font-size: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu {
    margin-bottom: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu {
    margin-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu {
    margin-bottom: 26.6666666667vw;
  }
}
body#page-class main .class-menu .title-sec {
  color: #d70a23;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .title-sec {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .title-sec {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .title-sec {
    margin-bottom: 8vw;
  }
}
body#page-class main .class-menu .title-sec h2 {
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .title-sec h2 {
    font-size: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .title-sec h2 {
    font-size: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .title-sec h2 {
    font-size: 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .title-sec h2 {
    margin-bottom: -0.6666666667vw;
  }
}
body#page-class main .class-menu .title-sec .title-jp {
  font-weight: bold;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .title-sec .title-jp {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .title-sec .title-jp {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .title-sec .title-jp {
    font-size: 4vw;
  }
}
body#page-class main .class-menu nav {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu nav {
    margin-bottom: 98px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu nav {
    margin-bottom: 7.65625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav {
    margin-bottom: 11.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu nav {
    width: 548px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu nav {
    width: 42.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav {
    width: 89.3333333333vw;
  }
}
body#page-class main .class-menu nav ul {
  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#page-class main .class-menu nav ul {
    gap: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu nav ul {
    gap: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav ul {
    gap: 3.3333333333vw;
  }
}
body#page-class main .class-menu nav ul li {
  border-radius: 50%;
  background: #d70a23;
  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#page-class main .class-menu nav ul li {
    width: 166px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu nav ul li {
    width: 12.96875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav ul li {
    width: 27.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu nav ul li {
    height: 166px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu nav ul li {
    height: 12.96875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav ul li {
    height: 27.0666666667vw;
  }
}
body#page-class main .class-menu nav ul li a {
  position: relative;
  color: #fff;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1.3;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu nav ul li a {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu nav ul li a {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav ul li a {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav ul li a {
    letter-spacing: 0.05em;
  }
}
body#page-class main .class-menu nav ul li a:after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/nav_arrow.svg?v4cbb1ab036a670cdde657c672fa5c89f") top center/100% auto no-repeat;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu nav ul li a:after {
    bottom: -30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu nav ul li a:after {
    bottom: -2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav ul li a:after {
    bottom: -4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu nav ul li a:after {
    width: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu nav ul li a:after {
    width: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav ul li a:after {
    width: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu nav ul li a:after {
    height: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu nav ul li a:after {
    height: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu nav ul li a:after {
    height: 1.7333333333vw;
  }
}
body#page-class main .class-menu .class-menu-contents > li {
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #d70a23;
  border-radius: 0 40px 0 40px;
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-top: 84px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-top: 6.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-bottom: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-bottom: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-bottom: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-left: 90px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-left: 7.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-left: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-right: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-right: 5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents > li {
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents > li {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents > li {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents > li {
    margin-bottom: 14.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents > li {
    width: 964px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents > li {
    width: 75.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents > li {
    width: 89.3333333333vw;
  }
}
body#page-class main .class-menu .class-menu-contents .menu-title {
  font-weight: 600;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .menu-title {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .menu-title {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .menu-title {
    font-size: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .menu-title {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .menu-title {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .menu-title {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .menu-title {
    text-align: center;
  }
}
body#page-class main .class-menu .class-menu-contents .content-inner {
  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 (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .content-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details {
    padding-left: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details {
    padding-left: 0.390625vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details .details-one {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details .details-one {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details .details-one {
    margin-bottom: 8vw;
  }
}
body#page-class main .class-menu .class-menu-contents .details .head {
  color: #fff;
  background: #d70a23;
  font-weight: 600;
  letter-spacing: 0.2em;
  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#page-class main .class-menu .class-menu-contents .details .head {
    border-radius: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details .head {
    border-radius: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details .head {
    border-radius: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details .head {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details .head {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details .head {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details .head {
    width: 126px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details .head {
    width: 9.84375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details .head {
    width: 26.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details .head {
    height: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details .head {
    height: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details .head {
    height: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details .head {
    font-size: 3.4666666667vw;
  }
}
body#page-class main .class-menu .class-menu-contents .details .head.target {
  letter-spacing: 0.7em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details .head.target {
    padding-left: 7px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details .head.target {
    padding-left: 0.546875vw;
  }
}
body#page-class main .class-menu .class-menu-contents .details ul {
  list-style: square;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details ul {
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details ul {
    padding-left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details ul {
    padding-left: 4vw;
  }
}
body#page-class main .class-menu .class-menu-contents .details ul li {
  font-weight: 500;
  letter-spacing: 0.18em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details ul li {
    margin-bottom: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details ul li {
    margin-bottom: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details ul li {
    margin-bottom: 0.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details ul li {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details ul li {
    font-size: 3.2vw;
  }
}
body#page-class main .class-menu .class-menu-contents .details p {
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .details p {
    font-size: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .details p {
    font-size: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .details p {
    letter-spacing: 0.05em;
    line-height: 2.2;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .imgs {
    width: 303px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .imgs {
    width: 23.671875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .imgs {
    width: 100%;
    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 (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .imgs li {
    width: 38.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .class-menu .class-menu-contents .imgs li {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .class-menu .class-menu-contents .imgs li {
    margin-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .class-menu .class-menu-contents .imgs li {
    margin-bottom: 1.3333333333vw;
  }
}
body#page-class main .price {
  background: #e6e6e6;
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-class main .price {
    padding-top: 132px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price {
    padding-top: 10.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price {
    padding-top: 17.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price {
    padding-bottom: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price {
    padding-bottom: 26.6666666667vw;
  }
}
body#page-class main .price h2 {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .price h2 {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price h2 {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price h2 {
    margin-bottom: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price h2 {
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price h2 {
    font-size: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price h2 {
    font-size: 8.5333333333vw;
  }
}
body#page-class main .price .price-contents {
  margin-right: auto;
  margin-left: auto;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents {
    width: 1120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents {
    width: 87.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents {
    width: 78.2666666667vw;
  }
}
body#page-class main .price .price-contents {
  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 (min-width: 768px), print {
  body#page-class main .price .price-contents {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
body#page-class main .price .price-contents .strikethrough {
  text-decoration: line-through;
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul {
    width: 317px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul {
    width: 24.765625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul {
    width: 78.2666666667vw;
  }
}
body#page-class main .price .price-contents ul.class-price {
  flex-wrap: wrap;
  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 (min-width: 768px), print {
  body#page-class main .price .price-contents ul.class-price {
    width: 640px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul.class-price {
    width: 50vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul.class-price li {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul.class-price li {
    margin-bottom: 0vw;
  }
}
body#page-class main .price .price-contents ul.class-price li.notice {
  border: none;
  text-align: left;
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul.class-price li.notice {
    margin-top: -1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul.class-price li.notice {
    padding-top: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul.class-price li.notice {
    padding-top: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul.class-price li.notice {
    padding-top: 0vw;
  }
}
body#page-class main .price .price-contents ul.class-price dt {
  background: #d70a23;
  color: #fff;
  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#page-class main .price .price-contents ul.class-price dt {
    padding-top: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-top: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-top: 0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-bottom: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-bottom: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-bottom: 0.5333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-right: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-right: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-left: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-left: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul.class-price dt {
    padding-left: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul.class-price dt {
    border-radius: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul.class-price dt {
    border-radius: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul.class-price dt {
    border-radius: 1.3333333333vw;
  }
}
body#page-class main .price .price-contents ul.class-price dd {
  text-align: right;
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul.class-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
body#page-class main .price .price-contents ul li {
  border-bottom: 1px solid #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul li {
    margin-bottom: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul li {
    margin-bottom: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul li {
    margin-bottom: 6.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul li {
    padding-top: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul li {
    padding-top: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul li {
    padding-top: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul li {
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul li {
    padding-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul li {
    padding-bottom: 3.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul li {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul li {
    border-width: 0.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents ul li {
    border-width: 0.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents ul li {
    width: 317px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents ul li {
    width: 24.765625vw;
  }
}
body#page-class main .price .price-contents ul li:last-child {
  margin-bottom: 0;
}
body#page-class main .price .price-contents dl {
  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#page-class main .price .price-contents dl dd {
  letter-spacing: 0.1em;
}
body#page-class main .price .price-contents .other {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  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 (max-width: 767px) {
  body#page-class main .price .price-contents .other {
    margin-top: 29.3333333333vw;
  }
}
body#page-class main .price .price-contents .other li.mb0 {
  margin-bottom: 0;
}
body#page-class main .price .price-contents .other li.notice {
  padding-top: 0;
  margin-top: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other li.notice {
    text-align: left;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .other span.big {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .other span.big {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other span.big {
    font-size: 6.9333333333vw;
  }
}
body#page-class main .price .price-contents .other:before, body#page-class main .price .price-contents .other:after {
  position: absolute;
  display: block;
  content: "";
  background: #d70a23;
}
body#page-class main .price .price-contents .other:before {
  top: 46%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .other:before {
    left: -114px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .other:before {
    left: -8.90625vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .other:before {
    width: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .other:before {
    width: 5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other:before {
    width: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .other:before {
    height: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .other:before {
    height: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other:before {
    height: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other:before {
    top: -25%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
body#page-class main .price .price-contents .other:after {
  top: 46%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .other:after {
    left: -82px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .other:after {
    left: -6.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other:after {
    left: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .other:after {
    height: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .other:after {
    height: 5.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other:after {
    height: 9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .other:after {
    width: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .other:after {
    width: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other:after {
    width: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other:after {
    top: -31%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
body#page-class main .price .price-contents .other dl {
  -webkit-box-align: center;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .other dl .joinning {
    padding-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .other dl .joinning {
    padding-top: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .other dl .joinning {
    padding-top: 4vw;
  }
}
body#page-class main .price .price-contents .notice {
  letter-spacing: 0.1em;
  border-bottom: 1px solid #d70a23;
  width: auto;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .notice {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .notice {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .notice {
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .notice {
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .notice {
    padding-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .notice {
    padding-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-class main .price .price-contents .notice {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-class main .price .price-contents .notice {
    border-width: 0.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .notice {
    border-width: 0.1333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .notice {
    margin-top: 6.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-class main .price .price-contents .notice {
    width: 100%;
    text-align: center;
  }
}

/*

*/
body#page-special main .kv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background: transparent url("../images/special_kv.webp?v76b2fc2dd35fa98ecde1762cc7326e53") center center/cover no-repeat;
  z-index: 0;
  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#page-special main .kv {
    height: 438px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .kv {
    height: 34.21875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .kv {
    height: 123.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .kv {
    margin-bottom: 171px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .kv {
    margin-bottom: 13.359375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .kv {
    margin-bottom: 20vw;
  }
}
body#page-special main .kv:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body#page-special main .kv h1 {
  color: #d70a23;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .kv h1 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .kv h1 {
    padding-top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .kv h1 {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .kv h1 {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .kv h1 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .kv h1 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .kv h1 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .kv h1 {
    text-align: center;
  }
}
body#page-special main .kv .title-jp {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .kv .title-jp {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .kv .title-jp {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .kv .title-jp {
    font-size: 5.3333333333vw;
  }
}
body#page-special main .special {
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special {
    margin-bottom: 312px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special {
    margin-bottom: 24.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special {
    margin-bottom: 53.3333333333vw;
  }
}
body#page-special main .special .inner {
  position: relative;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .inner {
    padding-bottom: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .inner {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .inner {
    padding-bottom: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .inner {
    max-width: 734px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .inner {
    max-width: 57.34375vw;
  }
}
body#page-special main .special .title-sec {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .title-sec {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .title-sec {
    margin-bottom: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .title-sec {
    margin-bottom: 7.3333333333vw;
  }
}
body#page-special main .special .title-sec .title-en {
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .title-sec .title-en {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .title-sec .title-en {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .title-sec .title-en {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .title-sec .title-en {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .title-sec .title-en {
    margin-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .title-sec .title-en {
    margin-bottom: 0.6666666667vw;
  }
}
body#page-special main .special .title-sec h2 {
  font-weight: 900;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .title-sec h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .title-sec h2 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .title-sec h2 {
    font-size: 5.3333333333vw;
  }
}
body#page-special main .special p {
  display: block;
  margin-right: auto;
  margin-left: auto;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special p {
    width: 734px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special p {
    width: 57.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special p {
    line-height: 2.2;
    letter-spacing: 0.05em;
  }
}
body#page-special main .special .imgs {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
body#page-special main .special .imgs li {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .imgs li.img1 {
    bottom: -44px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .imgs li.img1 {
    bottom: -3.4375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .imgs li.img1 {
    bottom: -9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .imgs li.img1 {
    left: -33px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .imgs li.img1 {
    left: -2.578125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .imgs li.img1 {
    left: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .imgs li.img1 {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .imgs li.img1 {
    width: 17.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .imgs li.img1 {
    width: 34.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .imgs li.img2 {
    bottom: -120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .imgs li.img2 {
    bottom: -9.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .imgs li.img2 {
    bottom: -24vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .imgs li.img2 {
    left: 260px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .imgs li.img2 {
    left: 20.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .imgs li.img2 {
    left: 18.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .imgs li.img2 {
    width: 400px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .imgs li.img2 {
    width: 31.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .imgs li.img2 {
    width: 53.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .imgs li.img3 {
    bottom: -15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .imgs li.img3 {
    bottom: -1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .imgs li.img3 {
    bottom: -12vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .imgs li.img3 {
    right: -30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .imgs li.img3 {
    right: -2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .imgs li.img3 {
    right: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special .imgs li.img3 {
    width: 150px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special .imgs li.img3 {
    width: 11.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special .imgs li.img3 {
    width: 20vw;
  }
}
body#page-special main .special-menu .menu-title {
  position: relative;
  text-align: center;
  color: #d70a23;
  font-weight: 500;
  letter-spacing: 0.14em;
  z-index: 0;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .menu-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .menu-title {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .menu-title {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .menu-title {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .menu-title {
    margin-bottom: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .menu-title {
    margin-bottom: 13.3333333333vw;
  }
}
body#page-special main .special-menu .menu-title span {
  display: inline-block;
  background: #f2f2f2;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .menu-title span {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .menu-title span {
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .menu-title span {
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .menu-title span {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .menu-title span {
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .menu-title span {
    padding-left: 4vw;
  }
}
body#page-special main .special-menu .menu-title:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  top: 50%;
  left: 0;
  background: #d70a23;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .menu-title:after {
    height: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .menu-title:after {
    height: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .menu-title:after {
    height: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .menu-title:after {
    border-width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .menu-title:after {
    border-width: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .menu-title:after {
    border-width: 0.2666666667vw;
  }
}
body#page-special main .special-menu .special-menu-contents {
  text-align: center;
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents > li {
    margin-bottom: 125px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents > li {
    margin-bottom: 9.765625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents > li {
    margin-bottom: 22.6666666667vw;
  }
}
body#page-special main .special-menu .special-menu-contents .contents-title {
  position: relative;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents .contents-title {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents .contents-title {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .contents-title {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents .contents-title {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents .contents-title {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .contents-title {
    margin-bottom: 8.6666666667vw;
  }
}
body#page-special main .special-menu .special-menu-contents .contents-title:before {
  position: absolute;
  content: "";
  display: block;
  background: #d70a23;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents .contents-title:before {
    bottom: -20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:before {
    bottom: -1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:before {
    bottom: -4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents .contents-title:before {
    width: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:before {
    width: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:before {
    width: 3.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents .contents-title:before {
    height: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:before {
    height: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:before {
    height: 1.6vw;
  }
}
body#page-special main .special-menu .special-menu-contents .contents-title:after {
  position: absolute;
  content: "";
  display: block;
  background: #d70a23;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents .contents-title:after {
    bottom: -13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:after {
    bottom: -1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:after {
    bottom: -2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents .contents-title:after {
    width: 426px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:after {
    width: 33.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:after {
    width: 81.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents .contents-title:after {
    height: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:after {
    height: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .contents-title:after {
    height: 0.8vw;
  }
}
body#page-special main .special-menu .special-menu-contents p {
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents p {
    margin-bottom: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents p {
    margin-bottom: 3.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents p {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-menu .special-menu-contents p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents p {
    font-size: 3.4666666667vw;
  }
}
body#page-special main .special-menu .special-menu-contents .imgs {
  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#page-special main .special-menu .special-menu-contents .imgs {
    gap: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-menu .special-menu-contents .imgs {
    gap: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .imgs {
    gap: 4vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-menu .special-menu-contents .imgs li {
    width: 43.3333333333vw;
  }
}
body#page-special main .special-reason {
  background: #fff;
  color: #d70a23;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason {
    padding-top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason {
    padding-top: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason {
    padding-top: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason {
    padding-bottom: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason {
    padding-bottom: 16vw;
  }
}
body#page-special main .special-reason h2 {
  font-weight: 900;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason h2 {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason h2 {
    margin-bottom: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason h2 {
    margin-bottom: 7.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason h2 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason h2 {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason h2 {
    letter-spacing: 0.1em;
  }
}
body#page-special main .special-reason .main-text {
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .main-text {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .main-text {
    margin-bottom: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .main-text {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .main-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .main-text {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .main-text {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .main-text {
    line-height: 2.2;
    letter-spacing: 0.03em;
  }
}
body#page-special main .special-reason .reason-step {
  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#page-special main .special-reason .reason-step {
    gap: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step {
    gap: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step {
    gap: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step {
    margin-bottom: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step {
    margin-bottom: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step {
    margin-bottom: 16vw;
  }
}
body#page-special main .special-reason .reason-step li:not(:last-child) {
  position: relative;
}
body#page-special main .special-reason .reason-step li:not(:last-child):after {
  position: absolute;
  display: block;
  content: "";
  background: transparent url("../images/arrow2_red.svg?v698c66def3c073c8308f7700c46dd87e") top center/100% auto no-repeat;
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    bottom: -9.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    right: -40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    right: -3.125vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    width: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    width: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    width: 6.9333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    height: 19px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    height: 1.484375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    height: 5.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    top: 67%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step li:not(:last-child):after {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
  }
}
body#page-special main .special-reason .reason-step figure {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step figure {
    width: 152px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step figure {
    width: 11.875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step figure {
    width: 40.5333333333vw;
  }
}
body#page-special main .special-reason .reason-step figure img {
  width: 100%;
}
body#page-special main .special-reason .reason-step .step {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step .step {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step .step {
    margin-bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step .step {
    margin-bottom: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step .step {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step .step {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step .step {
    font-size: 3.7333333333vw;
  }
}
body#page-special main .special-reason .reason-step .head {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step .head {
    font-size: 25px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step .head {
    font-size: 1.953125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step .head {
    font-size: 6.6666666667vw;
  }
}
body#page-special main .special-reason .reason-step p {
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step p {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step p {
    font-size: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-step p {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-step p {
    margin-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-step p {
    margin-bottom: 2.6666666667vw;
  }
}
body#page-special main .special-reason .reason-container .reason-center {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  body#page-special main .special-reason .reason-container .reason-center {
    width: 820px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-special main .special-reason .reason-container .reason-center {
    width: 64.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-special main .special-reason .reason-container .reason-center {
    width: 89.3333333333vw;
  }
}
body#page-special main .special-reason .reason-container .reason-center img {
  width: 100%;
}
body#page-special main .special-reason {
  /*.reason-program {
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
    @include flex(center);
    @include gap(10,20);
    @include pb(120,120);
    @include maxw(850);
    li {
      color: $white;
      background: $red;
      font-weight: 500;
      letter-spacing: 0.15em;
      @include flex(center,center);
      @include fs(14,20);
      @include pt(6,6);
      @include pb(6,6);
      @include pr(10,10);
      @include pl(10,10);
      @include br(6,6);

      @include sp {
        letter-spacing: 0.05em;
      }
    }
  }*/
}

/*

*/
body#page-about main .kv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background: transparent url("../images/about_kv.webp?v983bd71f3b593e2a2f094ef8da87bebd") center center/cover no-repeat;
  z-index: 0;
  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#page-about main .kv {
    height: 438px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .kv {
    height: 34.21875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .kv {
    height: 123.7333333333vw;
  }
}
body#page-about main .kv:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body#page-about main .kv h1 {
  color: #d70a23;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-about main .kv h1 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .kv h1 {
    padding-top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .kv h1 {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .kv h1 {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-about main .kv h1 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .kv h1 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .kv h1 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .kv h1 {
    text-align: center;
  }
}
body#page-about main .kv .title-jp {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-about main .kv .title-jp {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .kv .title-jp {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .kv .title-jp {
    font-size: 5.3333333333vw;
  }
}
body#page-about main .special {
  background: #d70a23;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  body#page-about main .special {
    padding-top: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .special {
    padding-top: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .special {
    padding-top: 10.9333333333vw;
  }
}
body#page-about main .special .inner {
  position: relative;
}
@media screen and (min-width: 768px), print {
  body#page-about main .special .inner {
    padding-bottom: 155px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .special .inner {
    padding-bottom: 12.109375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .special .inner {
    padding-bottom: 18.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-about main .special .inner {
    max-width: 860px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .special .inner {
    max-width: 67.1875vw;
  }
}
body#page-about main .special .title-sec {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-about main .special .title-sec {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .special .title-sec {
    margin-bottom: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .special .title-sec {
    margin-bottom: 7.3333333333vw;
  }
}
body#page-about main .special .title-sec h2 {
  font-weight: 900;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-about main .special .title-sec h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .special .title-sec h2 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .special .title-sec h2 {
    font-size: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .special .title-sec h2 {
    letter-spacing: 0.05em;
  }
}
body#page-about main .special p {
  display: block;
  margin-right: auto;
  margin-left: auto;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-about main .special p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .special p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .special p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .special p {
    line-height: 2.2;
    letter-spacing: 0.05em;
  }
}
body#page-about main .company {
  color: #d70a23;
  background: #ccc;
}
@media screen and (min-width: 768px), print {
  body#page-about main .company {
    padding-top: 113px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company {
    padding-top: 8.828125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company {
    padding-top: 11.6vw;
  }
}
body#page-about main .company .title-sec {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .title-sec {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .title-sec {
    margin-bottom: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .title-sec {
    margin-bottom: 13.8666666667vw;
  }
}
body#page-about main .company .title-sec h2 {
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .title-sec h2 {
    font-size: 87px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .title-sec h2 {
    font-size: 6.796875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .title-sec h2 {
    font-size: 13.3333333333vw;
  }
}
body#page-about main .company .title-sec .title-jp {
  font-weight: bold;
  letter-spacing: 0.4em;
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .title-sec .title-jp {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .title-sec .title-jp {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .title-sec .title-jp {
    font-size: 3.4666666667vw;
  }
}
body#page-about main .company .detail {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .detail {
    max-width: 720px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .detail {
    max-width: 56.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail {
    max-width: 81.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .detail {
    padding-bottom: 240px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .detail {
    padding-bottom: 18.75vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail {
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .detail li {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .detail li {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail li {
    margin-bottom: 6.4vw;
  }
}
body#page-about main .company .detail dl {
  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 (max-width: 767px) {
  body#page-about main .company .detail dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
body#page-about main .company .detail dt {
  color: #fff;
  background: #d70a23;
  letter-spacing: 0.2em;
  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#page-about main .company .detail dt {
    width: 180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .detail dt {
    width: 14.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail dt {
    width: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .detail dt {
    height: 36px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .detail dt {
    height: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail dt {
    height: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail dt {
    padding-bottom: 0.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail dt {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .detail dt {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .detail dt {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail dt {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .detail dt {
    border-radius: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .detail dt {
    border-radius: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail dt {
    border-radius: 0.8vw;
  }
}
body#page-about main .company .detail dd {
  font-weight: 500;
  letter-spacing: 0.22em;
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .detail dd {
    width: 430px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .detail dd {
    width: 33.59375vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-about main .company .detail dd {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-about main .company .detail dd {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail dd {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-about main .company .detail dd {
    line-height: 1.3;
  }
}

/*

*/
body#page-announcement main .kv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background: transparent url("../images/announcement_kv.webp?vdbb3a7e3e88e6d439dd038e1557cc4d5") center center/cover no-repeat;
  z-index: 0;
  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#page-announcement main .kv {
    height: 438px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .kv {
    height: 34.21875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .kv {
    height: 123.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .kv {
    margin-bottom: 145px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .kv {
    margin-bottom: 11.328125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .kv {
    margin-bottom: 20vw;
  }
}
body#page-announcement main .kv:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body#page-announcement main .kv h1 {
  color: #d70a23;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .kv h1 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .kv h1 {
    padding-top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .kv h1 {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .kv h1 {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .kv h1 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .kv h1 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .kv h1 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .kv h1 {
    text-align: center;
  }
}
body#page-announcement main .kv .title-jp {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .kv .title-jp {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .kv .title-jp {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .kv .title-jp {
    font-size: 5.3333333333vw;
  }
}
body#page-announcement main .lead {
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead {
    margin-bottom: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead {
    margin-bottom: 26.6666666667vw;
  }
}
body#page-announcement main .lead .inner {
  position: relative;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .inner {
    padding-bottom: 350px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .inner {
    padding-bottom: 27.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead .inner {
    padding-bottom: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .inner {
    max-width: 960px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .inner {
    max-width: 75vw;
  }
}
body#page-announcement main .lead .title-sec {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .title-sec {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .title-sec {
    margin-bottom: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead .title-sec {
    margin-bottom: 7.3333333333vw;
  }
}
body#page-announcement main .lead .title-sec h2 {
  font-weight: 900;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .title-sec h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .title-sec h2 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead .title-sec h2 {
    font-size: 5.3333333333vw;
  }
}
body#page-announcement main .lead p {
  display: block;
  margin-right: auto;
  margin-left: auto;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead p {
    width: 960px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead p {
    width: 75vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead p {
    line-height: 2.2;
    letter-spacing: 0.05em;
  }
}
body#page-announcement main .lead .imgs {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
body#page-announcement main .lead .imgs li {
  position: absolute;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .imgs li.img1 {
    bottom: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .imgs li.img1 {
    bottom: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead .imgs li.img1 {
    bottom: -8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .imgs li.img1 {
    left: 87px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .imgs li.img1 {
    left: 6.796875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead .imgs li.img1 {
    left: 0vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .imgs li.img1 {
    width: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .imgs li.img1 {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead .imgs li.img1 {
    width: 34.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .imgs li.img2 {
    bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .imgs li.img2 {
    bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead .imgs li.img2 {
    bottom: -16vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .imgs li.img2 {
    right: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .imgs li.img2 {
    right: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead .imgs li.img2 {
    right: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .lead .imgs li.img2 {
    width: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .lead .imgs li.img2 {
    width: 23.4375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .lead .imgs li.img2 {
    width: 42.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu {
    margin-bottom: 230px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu {
    margin-bottom: 17.96875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu {
    margin-bottom: 26.6666666667vw;
  }
}
body#page-announcement main .menu .menu-title {
  position: relative;
  text-align: center;
  color: #d70a23;
  font-weight: 500;
  letter-spacing: 0.14em;
  z-index: 0;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-title {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-title {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-title {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-title {
    margin-bottom: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-title {
    margin-bottom: 13.3333333333vw;
  }
}
body#page-announcement main .menu .menu-title span {
  display: inline-block;
  background: #f2f2f2;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-title span {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-title span {
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-title span {
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-title span {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-title span {
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-title span {
    padding-left: 4vw;
  }
}
body#page-announcement main .menu .menu-title:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  top: 50%;
  left: 0;
  background: #d70a23;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-title:after {
    height: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-title:after {
    height: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-title:after {
    height: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-title:after {
    border-width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-title:after {
    border-width: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-title:after {
    border-width: 0.2666666667vw;
  }
}
body#page-announcement main .menu .menu-contents {
  text-align: center;
  color: #d70a23;
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents {
    width: 89.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents > li {
    margin-bottom: 125px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents > li {
    margin-bottom: 9.765625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents > li {
    margin-bottom: 22.6666666667vw;
  }
}
body#page-announcement main .menu .menu-contents .contents-title {
  position: relative;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents .contents-title {
    font-size: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents .contents-title {
    font-size: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .contents-title {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents .contents-title {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents .contents-title {
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .contents-title {
    margin-bottom: 8.6666666667vw;
  }
}
body#page-announcement main .menu .menu-contents .contents-title:before {
  position: absolute;
  content: "";
  display: block;
  background: #d70a23;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents .contents-title:before {
    bottom: -20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents .contents-title:before {
    bottom: -1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .contents-title:before {
    bottom: -4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents .contents-title:before {
    width: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents .contents-title:before {
    width: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .contents-title:before {
    width: 3.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents .contents-title:before {
    height: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents .contents-title:before {
    height: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .contents-title:before {
    height: 1.6vw;
  }
}
body#page-announcement main .menu .menu-contents .contents-title:after {
  position: absolute;
  content: "";
  display: block;
  background: #d70a23;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents .contents-title:after {
    bottom: -13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents .contents-title:after {
    bottom: -1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .contents-title:after {
    bottom: -2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents .contents-title:after {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents .contents-title:after {
    width: 17.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .contents-title:after {
    width: 81.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents .contents-title:after {
    height: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents .contents-title:after {
    height: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .contents-title:after {
    height: 0.8vw;
  }
}
body#page-announcement main .menu .menu-contents p {
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents p {
    margin-bottom: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents p {
    margin-bottom: 3.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents p {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .menu .menu-contents p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents p {
    font-size: 3.4666666667vw;
  }
}
body#page-announcement main .menu .menu-contents .imgs {
  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#page-announcement main .menu .menu-contents .imgs {
    gap: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .menu .menu-contents .imgs {
    gap: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .imgs {
    gap: 4vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .menu .menu-contents .imgs li {
    width: 43.3333333333vw;
  }
}
body#page-announcement main .flow {
  background: #ccc;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow {
    padding-top: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow {
    padding-top: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow {
    padding-top: 16vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow {
    padding-bottom: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow {
    padding-bottom: 16vw;
  }
}
body#page-announcement main .flow .flow-title {
  position: relative;
  text-align: center;
  color: #d70a23;
  font-weight: 500;
  letter-spacing: 0.14em;
  z-index: 0;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-title {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-title {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-title {
    margin-bottom: 103px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-title {
    margin-bottom: 8.046875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-title {
    margin-bottom: 13.3333333333vw;
  }
}
body#page-announcement main .flow .flow-title span {
  display: inline-block;
  background: #ccc;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-title span {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-title span {
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-title span {
    padding-right: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-title span {
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-title span {
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-title span {
    padding-left: 4vw;
  }
}
body#page-announcement main .flow .flow-title:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  top: 50%;
  left: 0;
  background: #d70a23;
  z-index: -1;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-title:after {
    height: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-title:after {
    height: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-title:after {
    height: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-title:after {
    border-width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-title:after {
    border-width: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-title:after {
    border-width: 0.2666666667vw;
  }
}
body#page-announcement main .flow .flow-detail {
  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 (max-width: 767px) {
  body#page-announcement main .flow .flow-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
  }
}
body#page-announcement main .flow .flow-detail > li {
  text-align: center;
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail > li {
    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 (max-width: 767px) and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail > li {
    gap: 2.6666666667vw;
  }
}
body#page-announcement main .flow .flow-detail > li.flow-one1 .detail-content {
  background: #fff;
  color: #d70a23;
}
body#page-announcement main .flow .flow-detail > li.flow-one2 .detail-content {
  background: #f2adb6;
  color: #d70a23;
}
body#page-announcement main .flow .flow-detail > li.flow-one2 .detail-content:after {
  background: #f2adb6;
}
body#page-announcement main .flow .flow-detail > li.flow-one3 .detail-content {
  background: #e45c6c;
  color: #fff;
}
body#page-announcement main .flow .flow-detail > li.flow-one3 .detail-content:after {
  background: #e45c6c;
}
body#page-announcement main .flow .flow-detail > li.flow-one3 p {
  border-color: #fff;
}
body#page-announcement main .flow .flow-detail > li.flow-one4 .detail-content {
  background: #d70a23;
  color: #fff;
}
body#page-announcement main .flow .flow-detail > li.flow-one4 .detail-content:after {
  display: none;
}
body#page-announcement main .flow .flow-detail > li.flow-one4 p {
  border-color: #fff;
}
body#page-announcement main .flow .flow-detail .head {
  color: #d70a23;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .head {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .head {
    margin-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .head {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .head {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .head {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .head {
    font-size: 3.4666666667vw;
  }
}
body#page-announcement main .flow .flow-detail .content-head {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .content-head {
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .content-head {
    margin-bottom: 2.109375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .content-head {
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .content-head {
    font-size: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .content-head {
    font-size: 1.875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .content-head {
    font-size: 4.8vw;
  }
}
body#page-announcement main .flow .flow-detail .detail-content {
  position: relative;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .detail-content {
    padding-top: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .detail-content {
    padding-top: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .detail-content {
    padding-top: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .detail-content {
    padding-bottom: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .detail-content {
    width: 320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .detail-content {
    width: 25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .detail-content {
    width: 74.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .detail-content {
    height: 380px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .detail-content {
    height: 29.6875vw;
  }
}
body#page-announcement main .flow .flow-detail .detail-content:after {
  position: absolute;
  content: "";
  display: block;
  background: #fff;
  z-index: 1;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    right: -40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    right: -3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    bottom: -11.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    width: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    width: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    width: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    height: 128px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    height: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    height: 17.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    top: 36%;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .detail-content:after {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
  }
}
body#page-announcement main .flow .flow-detail p {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid #d70a23;
  border-bottom: 1px solid #d70a23;
  line-height: 1.75;
  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#page-announcement main .flow .flow-detail p {
    border-width: 1px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail p {
    border-width: 0.078125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail p {
    border-width: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail p {
    width: 220px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail p {
    width: 17.1875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail p {
    width: 74.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail p {
    height: 140px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail p {
    height: 10.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail p {
    height: 32vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail p {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail p {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail p {
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail p {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail p {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail p {
    font-size: 3.4666666667vw;
  }
}
body#page-announcement main .flow .flow-detail .btn {
  margin: 0 auto;
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .btn {
    width: 240px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .btn {
    width: 18.75vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .btn {
    width: 61.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .btn {
    height: 56px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .btn {
    height: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .btn {
    height: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .btn a {
    width: 240px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .btn a {
    width: 18.75vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .btn a {
    width: 61.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .btn a {
    height: 56px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .btn a {
    height: 4.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .btn a {
    height: 10vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .btn a {
    padding-right: 22px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .btn a {
    padding-right: 1.71875vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .btn a {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .btn a {
    font-size: 1.09375vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .btn a:after {
    top: 21px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .btn a:after {
    top: 1.640625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .btn a:after {
    top: 2.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-announcement main .flow .flow-detail .btn a:after {
    right: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .btn a:after {
    width: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .btn a:after {
    width: 0.625vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-announcement main .flow .flow-detail .btn a:after {
    height: 11px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-announcement main .flow .flow-detail .btn a:after {
    height: 0.859375vw;
  }
}

/*

*/
body#page-workshop main .kv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background: transparent url("../images/workshop_kv.webp?v7a05fdc0a4d5fbacb9ba694028614ab5") center center/cover no-repeat;
  z-index: 0;
  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#page-workshop main .kv {
    height: 438px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .kv {
    height: 34.21875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .kv {
    height: 123.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .kv {
    margin-bottom: 145px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .kv {
    margin-bottom: 11.328125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .kv {
    margin-bottom: 20vw;
  }
}
body#page-workshop main .kv:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body#page-workshop main .kv h1 {
  color: #d70a23;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .kv h1 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .kv h1 {
    padding-top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .kv h1 {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .kv h1 {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .kv h1 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .kv h1 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .kv h1 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .kv h1 {
    text-align: center;
  }
}
body#page-workshop main .kv .title-jp {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .kv .title-jp {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .kv .title-jp {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .kv .title-jp {
    font-size: 5.3333333333vw;
  }
}
body#page-workshop main .lead {
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .lead {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .lead {
    margin-bottom: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .lead {
    margin-bottom: 26.6666666667vw;
  }
}
body#page-workshop main .lead .inner {
  position: relative;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .lead .inner {
    max-width: 960px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .lead .inner {
    max-width: 75vw;
  }
}
body#page-workshop main .lead .title-sec {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .lead .title-sec {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .lead .title-sec {
    margin-bottom: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .lead .title-sec {
    margin-bottom: 7.3333333333vw;
  }
}
body#page-workshop main .lead .title-sec h2 {
  font-weight: 900;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .lead .title-sec h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .lead .title-sec h2 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .lead .title-sec h2 {
    font-size: 5.3333333333vw;
  }
}
body#page-workshop main .lead p {
  display: block;
  margin-right: auto;
  margin-left: auto;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .lead p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .lead p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .lead p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .lead p {
    width: 960px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .lead p {
    width: 75vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .lead p {
    line-height: 2.2;
    letter-spacing: 0.05em;
  }
}
body#page-workshop main .to-contact {
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .to-contact {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .to-contact {
    margin-bottom: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .to-contact {
    margin-bottom: 26.6666666667vw;
  }
}
body#page-workshop main .to-contact .inner {
  position: relative;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .to-contact .inner {
    max-width: 960px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .to-contact .inner {
    max-width: 75vw;
  }
}
body#page-workshop main .to-contact .title-sec {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .to-contact .title-sec {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .to-contact .title-sec {
    margin-bottom: 3.515625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .to-contact .title-sec {
    margin-bottom: 7.3333333333vw;
  }
}
body#page-workshop main .to-contact .title-sec h2 {
  font-weight: 900;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .to-contact .title-sec h2 {
    font-size: 32px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .to-contact .title-sec h2 {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .to-contact .title-sec h2 {
    font-size: 5.3333333333vw;
  }
}
body#page-workshop main .to-contact ul {
  margin-right: auto;
  margin-left: auto;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .to-contact ul {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .to-contact ul {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .to-contact ul {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .to-contact ul {
    width: 440px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .to-contact ul {
    width: 34.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .to-contact ul {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .to-contact ul li {
    width: 440px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .to-contact ul li {
    width: 34.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .to-contact ul li {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .to-contact ul li {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .to-contact ul li {
    margin-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .to-contact ul li {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-workshop main .to-contact ul li a {
    width: 440px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-workshop main .to-contact ul li a {
    width: 34.375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .to-contact ul li a {
    width: 89.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-workshop main .to-contact ul {
    line-height: 2.2;
    letter-spacing: 0.05em;
  }
}

/*

*/
body.category-contact main .kv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background: transparent url("../images/contact_kv.webp?v064c1ed649ca23738cedfef0fee7fee8") center center/cover no-repeat;
  z-index: 0;
  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.category-contact main .kv {
    height: 438px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main .kv {
    height: 34.21875vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main .kv {
    height: 123.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main .kv {
    margin-bottom: 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main .kv {
    margin-bottom: 8.59375vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main .kv {
    margin-bottom: 8vw;
  }
}
body.category-contact main .kv:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body.category-contact main .kv h1 {
  color: #d70a23;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body.category-contact main .kv h1 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main .kv h1 {
    padding-top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main .kv h1 {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main .kv h1 {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main .kv h1 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main .kv h1 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main .kv h1 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main .kv h1 {
    text-align: center;
  }
}
body.category-contact main .kv .title-jp {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body.category-contact main .kv .title-jp {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main .kv .title-jp {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main .kv .title-jp {
    font-size: 5.3333333333vw;
  }
}
body.category-contact main section.contact-form {
  margin-right: auto;
  margin-left: auto;
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form {
    width: 900px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form {
    width: 70.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form {
    width: 89.3333333333vw;
  }
}
body.category-contact main section.contact-form.workshop .main-text {
  display: none;
}
body.category-contact main section.contact-form.workshop .workshop-text {
  display: block;
}
body.category-contact main section.contact-form .main-text {
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form .main-text {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form .main-text {
    margin-bottom: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form .main-text {
    margin-bottom: 10vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form .main-text {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form .main-text {
    padding-right: 1.5625vw;
    padding-left: 1.5625vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form .main-text {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form .main-text {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form .main-text {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form .main-text {
    line-height: 2.2;
    letter-spacing: 0.05em;
  }
}
body.category-contact main section.contact-form .workshop-text {
  display: none;
}
body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
  border: 2px solid #d70a23;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    width: 39.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    height: 38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    height: 2.96875vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    height: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    padding-right: 1.3333333333vw;
    padding-left: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    border-radius: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    border-radius: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    border-radius: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form input[type=text], body.category-contact main section.contact-form form input[type=email], body.category-contact main section.contact-form form input[type=tel], body.category-contact main section.contact-form form textarea {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form textarea {
    width: 500px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form textarea {
    width: 39.0625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form textarea {
    width: 89.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form textarea {
    height: 273px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form textarea {
    height: 21.328125vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form textarea {
    height: 36.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form textarea {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form textarea {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form textarea {
    font-size: 3.4666666667vw;
  }
}
body.category-contact main section.contact-form form label {
  display: block;
}
body.category-contact main section.contact-form form .input-block {
  letter-spacing: 0.2em;
  border-bottom: 1px solid #d70a23;
  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.category-contact main section.contact-form form .input-block {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block {
    padding-right: 0.78125vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block {
    padding-left: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block {
    padding-left: 2.1875vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block {
    padding-top: 38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block {
    padding-top: 2.96875vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block {
    padding-bottom: 33px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block {
    padding-bottom: 2.578125vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block {
    padding-bottom: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
body.category-contact main section.contact-form form .input-block .label {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .label {
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .label {
    width: 360px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .label {
    width: 28.125vw;
  }
}
body.category-contact main section.contact-form form .input-block .label .required {
  position: relative;
  display: inline-block;
  background: #d70a23;
  color: #fff;
  vertical-align: middle;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .label .required {
    top: -2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    top: -0.15625vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .label .required {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    padding-right: 0.78125vw;
    padding-left: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    padding-right: 1.8666666667vw;
    padding-left: 1.8666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .label .required {
    padding-top: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    padding-top: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    padding-top: 0.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .label .required {
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    padding-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    padding-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .label .required {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    font-size: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .label .required {
    margin-left: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    margin-left: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    margin-left: 2.4vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .label .required {
    border-radius: 6px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    border-radius: 0.46875vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .label .required {
    border-radius: 0.8vw;
  }
}
body.category-contact main section.contact-form form .input-block .input-wrap.radios {
  font-weight: bold;
}
body.category-contact main section.contact-form form .input-block .input-wrap.radios label {
  position: relative;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label {
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label {
    margin-bottom: 0.625vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label {
    padding-left: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label {
    padding-left: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label {
    line-height: 1.4;
  }
}
body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before, body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}
body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
  background-color: #fff;
  border: 1px solid #d70a23;
  border-radius: 50%;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
    width: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
    width: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
    width: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
    height: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
    height: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
    height: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
    left: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
    left: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:before {
    left: 0.6666666667vw;
  }
}
body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
  background-color: #d70a23;
  border-radius: 50%;
  opacity: 0;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
    width: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
    width: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
    width: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
    height: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
    height: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
    height: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
    left: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
    left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .input-block .input-wrap.radios label:after {
    left: 1.0666666667vw;
  }
}
body.category-contact main section.contact-form form .input-block .input-wrap.radios input[type=radio]:checked + label:after {
  opacity: 1;
}
body.category-contact main section.contact-form form .input-block .input-wrap.radios input[type=radio] {
  display: none;
}
body.category-contact main section.contact-form form .input-block .input-wrap.input-workshop label {
  display: none;
}
body.category-contact main section.contact-form form .input-block .input-wrap.input-workshop .workshop {
  display: block;
}
body.category-contact main section.contact-form form .input-block .input-wrap.input-workshopuk label {
  display: none;
}
body.category-contact main section.contact-form form .input-block .input-wrap.input-workshopuk .workshopuk {
  display: block;
}
body.category-contact main section.contact-form form .input-block .input-wrap.input-workshopukonly label {
  display: none;
}
body.category-contact main section.contact-form form .input-block .input-wrap.input-workshopukonly .workshopukonly {
  display: block;
}
body.category-contact main section.contact-form form .input-block .input-wrap .workshop, body.category-contact main section.contact-form form .input-block .input-wrap .workshopuk, body.category-contact main section.contact-form form .input-block .input-wrap .workshopukonly {
  display: none;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .errors {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .errors {
    padding-right: 0.78125vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .errors {
    padding-left: 28px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .errors {
    padding-left: 2.1875vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .errors {
    padding-top: 38px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .errors {
    padding-top: 2.96875vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .errors {
    padding-top: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .errors {
    padding-bottom: 33px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .errors {
    padding-bottom: 2.578125vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .errors {
    padding-bottom: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .errors {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .errors {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .errors {
    font-size: 3.4666666667vw;
  }
}
body.category-contact main section.contact-form form .errors .error-header {
  font-weight: bold;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form form .errors .error-header {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form form .errors .error-header {
    margin-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form form .errors .error-header {
    margin-bottom: 2vw;
  }
}
body.category-contact main section.contact-form form.confirm .input-block .confirm-value {
  -webkit-box-flex: 1;
  flex: 1;
  word-break: break-all;
}
body.category-contact main section.contact-form .btns {
  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.category-contact main section.contact-form .btns {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form .btns {
    margin-top: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form .btns {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form .btns {
    gap: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form .btns {
    gap: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form .btns {
    gap: 2vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form .btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
}
body.category-contact main section.contact-form .btn.back a:after {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  right: auto;
}
@media screen and (min-width: 768px), print {
  body.category-contact main section.contact-form .btn.back a:after {
    left: 31px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body.category-contact main section.contact-form .btn.back a:after {
    left: 2.421875vw;
  }
}
@media screen and (max-width: 767px) {
  body.category-contact main section.contact-form .btn.back a:after {
    left: 5.8666666667vw;
  }
}

body#page-complete main section.contents {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-complete main section.contents {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-complete main section.contents {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-complete main section.contents {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-complete main section.contents {
    width: 89.3333333333vw;
  }
}
body#page-complete main section.contents .btns {
  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#page-complete main section.contents .btns {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-complete main section.contents .btns {
    margin-top: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-complete main section.contents .btns {
    margin-top: 8vw;
  }
}

/*

*/
body#page-privacy main .kv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background: transparent url("../images/privacy_kv.webp?v2052f75ee775407c231d5eda5d74429d") center center/cover no-repeat;
  z-index: 0;
  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#page-privacy main .kv {
    height: 438px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .kv {
    height: 34.21875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .kv {
    height: 123.7333333333vw;
  }
}
body#page-privacy main .kv:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body#page-privacy main .kv h1 {
  color: #d70a23;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .kv h1 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .kv h1 {
    padding-top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .kv h1 {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .kv h1 {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .kv h1 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .kv h1 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .kv h1 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .kv h1 {
    text-align: center;
  }
}
body#page-privacy main .kv .title-jp {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .kv .title-jp {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .kv .title-jp {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .kv .title-jp {
    font-size: 5.3333333333vw;
  }
}
body#page-privacy main .content .inner {
  position: relative;
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content .inner {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content .inner {
    padding-top: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content .inner {
    padding-top: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content .inner {
    padding-bottom: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content .inner {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content .inner {
    padding-bottom: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content .inner {
    max-width: 900px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content .inner {
    max-width: 70.3125vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content .content-one {
    margin-bottom: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content .content-one {
    margin-bottom: 3.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content .content-one {
    margin-bottom: 8vw;
  }
}
body#page-privacy main .content h2 {
  font-weight: 900;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content h2 {
    margin-top: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content h2 {
    margin-top: 3.28125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content h2 {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content h2 {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content h2 {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content h2 {
    font-size: 4.2666666667vw;
  }
}
body#page-privacy main .content p {
  display: block;
  margin-right: auto;
  margin-left: auto;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content p {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content p {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content p {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content p {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content p {
    margin-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content p {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content p {
    line-height: 2.2;
    letter-spacing: 0.05em;
  }
}
body#page-privacy main .content ol {
  list-style: decimal;
  padding-left: 1.5em;
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content ol {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content ol {
    margin-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content ol {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content ol {
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content ol li {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content ol li {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content ol li {
    font-size: 3.4666666667vw;
  }
}
body#page-privacy main .content ul {
  list-style: disc;
  padding-left: 1.5em;
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content ul {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content ul {
    margin-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content ul {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content ul {
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px), print {
  body#page-privacy main .content ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-privacy main .content ul li {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-privacy main .content ul li {
    font-size: 3.4666666667vw;
  }
}

/*

*/
body#page-faq main .kv {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background: transparent url("../images/privacy_kv.webp?v2052f75ee775407c231d5eda5d74429d") center center/cover no-repeat;
  z-index: 0;
  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#page-faq main .kv {
    height: 438px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .kv {
    height: 34.21875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .kv {
    height: 123.7333333333vw;
  }
}
body#page-faq main .kv:after {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
body#page-faq main .kv h1 {
  color: #d70a23;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px), print {
  body#page-faq main .kv h1 {
    padding-top: 35px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .kv h1 {
    padding-top: 2.734375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .kv h1 {
    padding-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .kv h1 {
    margin-bottom: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .kv h1 {
    font-size: 75px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .kv h1 {
    font-size: 5.859375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .kv h1 {
    font-size: 10vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .kv h1 {
    text-align: center;
  }
}
body#page-faq main .kv .title-jp {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.3em;
}
@media screen and (min-width: 768px), print {
  body#page-faq main .kv .title-jp {
    font-size: 26px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .kv .title-jp {
    font-size: 2.03125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .kv .title-jp {
    font-size: 5.3333333333vw;
  }
}
body#page-faq main .content {
  background: #fff;
}
body#page-faq main .content .inner {
  position: relative;
  color: #d70a23;
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .inner {
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .inner {
    padding-top: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .inner {
    padding-top: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .inner {
    padding-bottom: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .inner {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .inner {
    padding-bottom: 26.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .inner {
    max-width: 900px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .inner {
    max-width: 70.3125vw;
  }
}
body#page-faq main .content .lead {
  display: block;
  margin-right: auto;
  margin-left: auto;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .lead {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .lead {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .lead {
    font-size: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .lead {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .lead {
    margin-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .lead {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .lead {
    line-height: 2.2;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-item {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-item {
    padding-top: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-item {
    padding-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-item {
    padding-right: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-item {
    padding-right: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-item {
    padding-right: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-item {
    padding-left: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-item {
    padding-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-item {
    padding-left: 2vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-item {
    border-width: 2px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-item {
    border-width: 0.15625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-item {
    border-width: 0.2666666667vw;
  }
}
body#page-faq main .content .faq-question {
  position: relative;
  color: #fff;
  background: #d70a23;
  font-weight: 900;
  list-style: none;
  z-index: 0;
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-question {
    padding-top: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-question {
    padding-top: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-question {
    padding-top: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-question {
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-question {
    padding-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-question {
    padding-bottom: 0.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-question {
    padding-left: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-question {
    padding-left: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-question {
    padding-left: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-question {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-question {
    font-size: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-question {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-question {
    border-radius: 4px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-question {
    border-radius: 0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-question {
    border-radius: 1.0666666667vw;
  }
}
body#page-faq main .content .faq-question:before {
  position: absolute;
  display: block;
  content: "Q";
  z-index: -1;
  color: #fff;
  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#page-faq main .content .faq-question:before {
    top: 3px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-question:before {
    top: 0.234375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-question:before {
    top: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-question:before {
    left: 0px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-question:before {
    left: 0vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-question:before {
    left: 0.8vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-question:before {
    width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-question:before {
    width: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-question:before {
    width: 4vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-question:before {
    height: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-question:before {
    height: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-question:before {
    height: 4vw;
  }
}
body#page-faq main .content .faq-answer {
  color: #d70a23;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-answer {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-answer {
    margin-top: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-answer {
    margin-top: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-answer {
    padding-right: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-answer {
    padding-right: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-answer {
    padding-right: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content .faq-answer {
    padding-left: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content .faq-answer {
    padding-left: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content .faq-answer {
    padding-left: 1.0666666667vw;
  }
}
body#page-faq main .content .faq-item.is-open .faq-answer {
  max-height: -webkit-fit-content;
  max-height: fit-content;
  opacity: 1;
}
body#page-faq main .content ul {
  list-style: disc;
  padding-left: 1.5em;
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content ul {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content ul {
    margin-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content ul {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content ul {
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content ul li {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content ul li {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content ul li {
    font-size: 3.4666666667vw;
  }
}
body#page-faq main .content ul li.notice {
  list-style: none;
}
@media screen and (min-width: 768px), print {
  body#page-faq main .content ul li.notice {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
  body#page-faq main .content ul li.notice {
    font-size: 1.09375vw;
  }
}
@media screen and (max-width: 767px) {
  body#page-faq main .content ul li.notice {
    font-size: 2.9333333333vw;
  }
}
/*# sourceMappingURL=style.css.map */