/* design size variable */
/* constance variable */
/* device width variable */
/* font responsive ratio */
/* spacer responsive ratio */
/* noto sans font weight */
/* general method */
/* linear */
/* easeSineIn */
/* easeSineOut */
/* easeSineInOut */
/* easeQuadIn */
/* easeQuadOut */
/* easeQuadInOut */
/* easeCubicIn */
/* easeCubicOut */
/* easeCubicInOut */
/* easeQuartIn */
/* easeQuartOut */
/* easeQuartInOut */
/* easeQuintIn */
/* easeQuintOut */
/* easeQuintInOut */
/* easeExpoIn */
/* easeExpoOut */
/* easeExpoInOut */
/* easeCircIn */
/* easeCircOut */
/* easeCircInOut */
/* easeBackIn */
/* easeBackOut */
/* easeBackInOut */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,600,700&display=swap");
.u-display--pc {
  display: block !important; }
  @media only screen and (max-width: 736px) {
    .u-display--pc {
      display: none !important; } }

.u-display--tablet {
  display: none !important; }
  @media only screen and (max-width: 768px) {
    .u-display--tablet {
      display: block !important; } }

.u-display--sp {
  display: none !important; }
  @media only screen and (max-width: 768px) {
    .u-display--sp {
      display: none !important; } }
  @media only screen and (max-width: 736px) {
    .u-display--sp {
      display: block !important; } }

.u-mt5 {
  margin-top: 5px; }
  @media only screen and (max-width: 768px) {
    .u-mt5 {
      margin-top: 0.5598958333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt5 {
      margin-top: 1.171875vw; } }

.u-mb5 {
  margin-bottom: 5px; }
  @media only screen and (max-width: 768px) {
    .u-mb5 {
      margin-bottom: 0.5598958333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb5 {
      margin-bottom: 1.171875vw; } }

.u-mr5 {
  margin-right: 5px; }
  @media only screen and (max-width: 768px) {
    .u-mr5 {
      margin-right: 0.5598958333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr5 {
      margin-right: 1.171875vw; } }

.u-ml5 {
  margin-left: 5px; }
  @media only screen and (max-width: 768px) {
    .u-ml5 {
      margin-left: 0.5598958333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml5 {
      margin-left: 1.171875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt5--mobile {
    margin-top: 1.171875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb5--mobile {
    margin-bottom: 1.171875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr5--mobile {
    margin-right: 1.171875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml5--mobile {
    margin-left: 1.171875vw; } }

.u-mt10 {
  margin-top: 10px; }
  @media only screen and (max-width: 768px) {
    .u-mt10 {
      margin-top: 1.1197916667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt10 {
      margin-top: 2.34375vw; } }

.u-mb10 {
  margin-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    .u-mb10 {
      margin-bottom: 1.1197916667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb10 {
      margin-bottom: 2.34375vw; } }

.u-mr10 {
  margin-right: 10px; }
  @media only screen and (max-width: 768px) {
    .u-mr10 {
      margin-right: 1.1197916667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr10 {
      margin-right: 2.34375vw; } }

.u-ml10 {
  margin-left: 10px; }
  @media only screen and (max-width: 768px) {
    .u-ml10 {
      margin-left: 1.1197916667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml10 {
      margin-left: 2.34375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt10--mobile {
    margin-top: 2.34375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb10--mobile {
    margin-bottom: 2.34375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr10--mobile {
    margin-right: 2.34375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml10--mobile {
    margin-left: 2.34375vw; } }

.u-mt15 {
  margin-top: 15px; }
  @media only screen and (max-width: 768px) {
    .u-mt15 {
      margin-top: 1.6796875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt15 {
      margin-top: 3.515625vw; } }

.u-mb15 {
  margin-bottom: 15px; }
  @media only screen and (max-width: 768px) {
    .u-mb15 {
      margin-bottom: 1.6796875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb15 {
      margin-bottom: 3.515625vw; } }

.u-mr15 {
  margin-right: 15px; }
  @media only screen and (max-width: 768px) {
    .u-mr15 {
      margin-right: 1.6796875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr15 {
      margin-right: 3.515625vw; } }

.u-ml15 {
  margin-left: 15px; }
  @media only screen and (max-width: 768px) {
    .u-ml15 {
      margin-left: 1.6796875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml15 {
      margin-left: 3.515625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt15--mobile {
    margin-top: 3.515625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb15--mobile {
    margin-bottom: 3.515625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr15--mobile {
    margin-right: 3.515625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml15--mobile {
    margin-left: 3.515625vw; } }

.u-mt20 {
  margin-top: 20px; }
  @media only screen and (max-width: 768px) {
    .u-mt20 {
      margin-top: 2.2395833333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt20 {
      margin-top: 4.6875vw; } }

.u-mb20 {
  margin-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .u-mb20 {
      margin-bottom: 2.2395833333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb20 {
      margin-bottom: 4.6875vw; } }

.u-mr20 {
  margin-right: 20px; }
  @media only screen and (max-width: 768px) {
    .u-mr20 {
      margin-right: 2.2395833333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr20 {
      margin-right: 4.6875vw; } }

.u-ml20 {
  margin-left: 20px; }
  @media only screen and (max-width: 768px) {
    .u-ml20 {
      margin-left: 2.2395833333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml20 {
      margin-left: 4.6875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt20--mobile {
    margin-top: 4.6875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb20--mobile {
    margin-bottom: 4.6875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr20--mobile {
    margin-right: 4.6875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml20--mobile {
    margin-left: 4.6875vw; } }

.u-mt25 {
  margin-top: 25px; }
  @media only screen and (max-width: 768px) {
    .u-mt25 {
      margin-top: 2.7994791667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt25 {
      margin-top: 5.859375vw; } }

.u-mb25 {
  margin-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    .u-mb25 {
      margin-bottom: 2.7994791667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb25 {
      margin-bottom: 5.859375vw; } }

.u-mr25 {
  margin-right: 25px; }
  @media only screen and (max-width: 768px) {
    .u-mr25 {
      margin-right: 2.7994791667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr25 {
      margin-right: 5.859375vw; } }

.u-ml25 {
  margin-left: 25px; }
  @media only screen and (max-width: 768px) {
    .u-ml25 {
      margin-left: 2.7994791667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml25 {
      margin-left: 5.859375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt25--mobile {
    margin-top: 5.859375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb25--mobile {
    margin-bottom: 5.859375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr25--mobile {
    margin-right: 5.859375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml25--mobile {
    margin-left: 5.859375vw; } }

.u-mt30 {
  margin-top: 30px; }
  @media only screen and (max-width: 768px) {
    .u-mt30 {
      margin-top: 3.359375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt30 {
      margin-top: 7.03125vw; } }

.u-mb30 {
  margin-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    .u-mb30 {
      margin-bottom: 3.359375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb30 {
      margin-bottom: 7.03125vw; } }

.u-mr30 {
  margin-right: 30px; }
  @media only screen and (max-width: 768px) {
    .u-mr30 {
      margin-right: 3.359375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr30 {
      margin-right: 7.03125vw; } }

.u-ml30 {
  margin-left: 30px; }
  @media only screen and (max-width: 768px) {
    .u-ml30 {
      margin-left: 3.359375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml30 {
      margin-left: 7.03125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt30--mobile {
    margin-top: 7.03125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb30--mobile {
    margin-bottom: 7.03125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr30--mobile {
    margin-right: 7.03125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml30--mobile {
    margin-left: 7.03125vw; } }

.u-mt35 {
  margin-top: 35px; }
  @media only screen and (max-width: 768px) {
    .u-mt35 {
      margin-top: 3.9192708333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt35 {
      margin-top: 8.203125vw; } }

.u-mb35 {
  margin-bottom: 35px; }
  @media only screen and (max-width: 768px) {
    .u-mb35 {
      margin-bottom: 3.9192708333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb35 {
      margin-bottom: 8.203125vw; } }

.u-mr35 {
  margin-right: 35px; }
  @media only screen and (max-width: 768px) {
    .u-mr35 {
      margin-right: 3.9192708333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr35 {
      margin-right: 8.203125vw; } }

.u-ml35 {
  margin-left: 35px; }
  @media only screen and (max-width: 768px) {
    .u-ml35 {
      margin-left: 3.9192708333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml35 {
      margin-left: 8.203125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt35--mobile {
    margin-top: 8.203125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb35--mobile {
    margin-bottom: 8.203125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr35--mobile {
    margin-right: 8.203125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml35--mobile {
    margin-left: 8.203125vw; } }

.u-mt40 {
  margin-top: 40px; }
  @media only screen and (max-width: 768px) {
    .u-mt40 {
      margin-top: 4.4791666667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt40 {
      margin-top: 9.375vw; } }

.u-mb40 {
  margin-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .u-mb40 {
      margin-bottom: 4.4791666667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb40 {
      margin-bottom: 9.375vw; } }

.u-mr40 {
  margin-right: 40px; }
  @media only screen and (max-width: 768px) {
    .u-mr40 {
      margin-right: 4.4791666667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr40 {
      margin-right: 9.375vw; } }

.u-ml40 {
  margin-left: 40px; }
  @media only screen and (max-width: 768px) {
    .u-ml40 {
      margin-left: 4.4791666667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml40 {
      margin-left: 9.375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt40--mobile {
    margin-top: 9.375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb40--mobile {
    margin-bottom: 9.375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr40--mobile {
    margin-right: 9.375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml40--mobile {
    margin-left: 9.375vw; } }

.u-mt45 {
  margin-top: 45px; }
  @media only screen and (max-width: 768px) {
    .u-mt45 {
      margin-top: 5.0390625vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt45 {
      margin-top: 10.546875vw; } }

.u-mb45 {
  margin-bottom: 45px; }
  @media only screen and (max-width: 768px) {
    .u-mb45 {
      margin-bottom: 5.0390625vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb45 {
      margin-bottom: 10.546875vw; } }

.u-mr45 {
  margin-right: 45px; }
  @media only screen and (max-width: 768px) {
    .u-mr45 {
      margin-right: 5.0390625vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr45 {
      margin-right: 10.546875vw; } }

.u-ml45 {
  margin-left: 45px; }
  @media only screen and (max-width: 768px) {
    .u-ml45 {
      margin-left: 5.0390625vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml45 {
      margin-left: 10.546875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt45--mobile {
    margin-top: 10.546875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb45--mobile {
    margin-bottom: 10.546875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr45--mobile {
    margin-right: 10.546875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml45--mobile {
    margin-left: 10.546875vw; } }

.u-mt50 {
  margin-top: 50px; }
  @media only screen and (max-width: 768px) {
    .u-mt50 {
      margin-top: 5.5989583333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt50 {
      margin-top: 11.71875vw; } }

.u-mb50 {
  margin-bottom: 50px; }
  @media only screen and (max-width: 768px) {
    .u-mb50 {
      margin-bottom: 5.5989583333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb50 {
      margin-bottom: 11.71875vw; } }

.u-mr50 {
  margin-right: 50px; }
  @media only screen and (max-width: 768px) {
    .u-mr50 {
      margin-right: 5.5989583333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr50 {
      margin-right: 11.71875vw; } }

.u-ml50 {
  margin-left: 50px; }
  @media only screen and (max-width: 768px) {
    .u-ml50 {
      margin-left: 5.5989583333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml50 {
      margin-left: 11.71875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt50--mobile {
    margin-top: 11.71875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb50--mobile {
    margin-bottom: 11.71875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr50--mobile {
    margin-right: 11.71875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml50--mobile {
    margin-left: 11.71875vw; } }

.u-mt55 {
  margin-top: 55px; }
  @media only screen and (max-width: 768px) {
    .u-mt55 {
      margin-top: 6.1588541667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt55 {
      margin-top: 12.890625vw; } }

.u-mb55 {
  margin-bottom: 55px; }
  @media only screen and (max-width: 768px) {
    .u-mb55 {
      margin-bottom: 6.1588541667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb55 {
      margin-bottom: 12.890625vw; } }

.u-mr55 {
  margin-right: 55px; }
  @media only screen and (max-width: 768px) {
    .u-mr55 {
      margin-right: 6.1588541667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr55 {
      margin-right: 12.890625vw; } }

.u-ml55 {
  margin-left: 55px; }
  @media only screen and (max-width: 768px) {
    .u-ml55 {
      margin-left: 6.1588541667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml55 {
      margin-left: 12.890625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt55--mobile {
    margin-top: 12.890625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb55--mobile {
    margin-bottom: 12.890625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr55--mobile {
    margin-right: 12.890625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml55--mobile {
    margin-left: 12.890625vw; } }

.u-mt60 {
  margin-top: 60px; }
  @media only screen and (max-width: 768px) {
    .u-mt60 {
      margin-top: 6.71875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt60 {
      margin-top: 14.0625vw; } }

.u-mb60 {
  margin-bottom: 60px; }
  @media only screen and (max-width: 768px) {
    .u-mb60 {
      margin-bottom: 6.71875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb60 {
      margin-bottom: 14.0625vw; } }

.u-mr60 {
  margin-right: 60px; }
  @media only screen and (max-width: 768px) {
    .u-mr60 {
      margin-right: 6.71875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr60 {
      margin-right: 14.0625vw; } }

.u-ml60 {
  margin-left: 60px; }
  @media only screen and (max-width: 768px) {
    .u-ml60 {
      margin-left: 6.71875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml60 {
      margin-left: 14.0625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt60--mobile {
    margin-top: 14.0625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb60--mobile {
    margin-bottom: 14.0625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr60--mobile {
    margin-right: 14.0625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml60--mobile {
    margin-left: 14.0625vw; } }

.u-mt65 {
  margin-top: 65px; }
  @media only screen and (max-width: 768px) {
    .u-mt65 {
      margin-top: 7.2786458333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt65 {
      margin-top: 15.234375vw; } }

.u-mb65 {
  margin-bottom: 65px; }
  @media only screen and (max-width: 768px) {
    .u-mb65 {
      margin-bottom: 7.2786458333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb65 {
      margin-bottom: 15.234375vw; } }

.u-mr65 {
  margin-right: 65px; }
  @media only screen and (max-width: 768px) {
    .u-mr65 {
      margin-right: 7.2786458333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr65 {
      margin-right: 15.234375vw; } }

.u-ml65 {
  margin-left: 65px; }
  @media only screen and (max-width: 768px) {
    .u-ml65 {
      margin-left: 7.2786458333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml65 {
      margin-left: 15.234375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt65--mobile {
    margin-top: 15.234375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb65--mobile {
    margin-bottom: 15.234375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr65--mobile {
    margin-right: 15.234375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml65--mobile {
    margin-left: 15.234375vw; } }

.u-mt70 {
  margin-top: 70px; }
  @media only screen and (max-width: 768px) {
    .u-mt70 {
      margin-top: 7.8385416667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt70 {
      margin-top: 16.40625vw; } }

.u-mb70 {
  margin-bottom: 70px; }
  @media only screen and (max-width: 768px) {
    .u-mb70 {
      margin-bottom: 7.8385416667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb70 {
      margin-bottom: 16.40625vw; } }

.u-mr70 {
  margin-right: 70px; }
  @media only screen and (max-width: 768px) {
    .u-mr70 {
      margin-right: 7.8385416667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr70 {
      margin-right: 16.40625vw; } }

.u-ml70 {
  margin-left: 70px; }
  @media only screen and (max-width: 768px) {
    .u-ml70 {
      margin-left: 7.8385416667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml70 {
      margin-left: 16.40625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt70--mobile {
    margin-top: 16.40625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb70--mobile {
    margin-bottom: 16.40625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr70--mobile {
    margin-right: 16.40625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml70--mobile {
    margin-left: 16.40625vw; } }

.u-mt75 {
  margin-top: 75px; }
  @media only screen and (max-width: 768px) {
    .u-mt75 {
      margin-top: 8.3984375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt75 {
      margin-top: 17.578125vw; } }

.u-mb75 {
  margin-bottom: 75px; }
  @media only screen and (max-width: 768px) {
    .u-mb75 {
      margin-bottom: 8.3984375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb75 {
      margin-bottom: 17.578125vw; } }

.u-mr75 {
  margin-right: 75px; }
  @media only screen and (max-width: 768px) {
    .u-mr75 {
      margin-right: 8.3984375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr75 {
      margin-right: 17.578125vw; } }

.u-ml75 {
  margin-left: 75px; }
  @media only screen and (max-width: 768px) {
    .u-ml75 {
      margin-left: 8.3984375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml75 {
      margin-left: 17.578125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt75--mobile {
    margin-top: 17.578125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb75--mobile {
    margin-bottom: 17.578125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr75--mobile {
    margin-right: 17.578125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml75--mobile {
    margin-left: 17.578125vw; } }

.u-mt80 {
  margin-top: 80px; }
  @media only screen and (max-width: 768px) {
    .u-mt80 {
      margin-top: 8.9583333333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt80 {
      margin-top: 18.75vw; } }

.u-mb80 {
  margin-bottom: 80px; }
  @media only screen and (max-width: 768px) {
    .u-mb80 {
      margin-bottom: 8.9583333333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb80 {
      margin-bottom: 18.75vw; } }

.u-mr80 {
  margin-right: 80px; }
  @media only screen and (max-width: 768px) {
    .u-mr80 {
      margin-right: 8.9583333333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr80 {
      margin-right: 18.75vw; } }

.u-ml80 {
  margin-left: 80px; }
  @media only screen and (max-width: 768px) {
    .u-ml80 {
      margin-left: 8.9583333333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml80 {
      margin-left: 18.75vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt80--mobile {
    margin-top: 18.75vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb80--mobile {
    margin-bottom: 18.75vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr80--mobile {
    margin-right: 18.75vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml80--mobile {
    margin-left: 18.75vw; } }

.u-mt85 {
  margin-top: 85px; }
  @media only screen and (max-width: 768px) {
    .u-mt85 {
      margin-top: 9.5182291667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt85 {
      margin-top: 19.921875vw; } }

.u-mb85 {
  margin-bottom: 85px; }
  @media only screen and (max-width: 768px) {
    .u-mb85 {
      margin-bottom: 9.5182291667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb85 {
      margin-bottom: 19.921875vw; } }

.u-mr85 {
  margin-right: 85px; }
  @media only screen and (max-width: 768px) {
    .u-mr85 {
      margin-right: 9.5182291667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr85 {
      margin-right: 19.921875vw; } }

.u-ml85 {
  margin-left: 85px; }
  @media only screen and (max-width: 768px) {
    .u-ml85 {
      margin-left: 9.5182291667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml85 {
      margin-left: 19.921875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt85--mobile {
    margin-top: 19.921875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb85--mobile {
    margin-bottom: 19.921875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr85--mobile {
    margin-right: 19.921875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml85--mobile {
    margin-left: 19.921875vw; } }

.u-mt90 {
  margin-top: 90px; }
  @media only screen and (max-width: 768px) {
    .u-mt90 {
      margin-top: 10.078125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt90 {
      margin-top: 21.09375vw; } }

.u-mb90 {
  margin-bottom: 90px; }
  @media only screen and (max-width: 768px) {
    .u-mb90 {
      margin-bottom: 10.078125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb90 {
      margin-bottom: 21.09375vw; } }

.u-mr90 {
  margin-right: 90px; }
  @media only screen and (max-width: 768px) {
    .u-mr90 {
      margin-right: 10.078125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr90 {
      margin-right: 21.09375vw; } }

.u-ml90 {
  margin-left: 90px; }
  @media only screen and (max-width: 768px) {
    .u-ml90 {
      margin-left: 10.078125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml90 {
      margin-left: 21.09375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt90--mobile {
    margin-top: 21.09375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb90--mobile {
    margin-bottom: 21.09375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr90--mobile {
    margin-right: 21.09375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml90--mobile {
    margin-left: 21.09375vw; } }

.u-mt95 {
  margin-top: 95px; }
  @media only screen and (max-width: 768px) {
    .u-mt95 {
      margin-top: 10.6380208333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt95 {
      margin-top: 22.265625vw; } }

.u-mb95 {
  margin-bottom: 95px; }
  @media only screen and (max-width: 768px) {
    .u-mb95 {
      margin-bottom: 10.6380208333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb95 {
      margin-bottom: 22.265625vw; } }

.u-mr95 {
  margin-right: 95px; }
  @media only screen and (max-width: 768px) {
    .u-mr95 {
      margin-right: 10.6380208333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr95 {
      margin-right: 22.265625vw; } }

.u-ml95 {
  margin-left: 95px; }
  @media only screen and (max-width: 768px) {
    .u-ml95 {
      margin-left: 10.6380208333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml95 {
      margin-left: 22.265625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt95--mobile {
    margin-top: 22.265625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb95--mobile {
    margin-bottom: 22.265625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr95--mobile {
    margin-right: 22.265625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml95--mobile {
    margin-left: 22.265625vw; } }

.u-mt100 {
  margin-top: 100px; }
  @media only screen and (max-width: 768px) {
    .u-mt100 {
      margin-top: 11.1979166667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mt100 {
      margin-top: 23.4375vw; } }

.u-mb100 {
  margin-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .u-mb100 {
      margin-bottom: 11.1979166667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mb100 {
      margin-bottom: 23.4375vw; } }

.u-mr100 {
  margin-right: 100px; }
  @media only screen and (max-width: 768px) {
    .u-mr100 {
      margin-right: 11.1979166667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-mr100 {
      margin-right: 23.4375vw; } }

.u-ml100 {
  margin-left: 100px; }
  @media only screen and (max-width: 768px) {
    .u-ml100 {
      margin-left: 11.1979166667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-ml100 {
      margin-left: 23.4375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mt100--mobile {
    margin-top: 23.4375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mb100--mobile {
    margin-bottom: 23.4375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-mr100--mobile {
    margin-right: 23.4375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-ml100--mobile {
    margin-left: 23.4375vw; } }

.u-pt5 {
  padding-top: 5px; }
  @media only screen and (max-width: 768px) {
    .u-pt5 {
      padding-top: 0.5598958333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt5 {
      padding-top: 1.171875vw; } }

.u-pb5 {
  padding-bottom: 5px; }
  @media only screen and (max-width: 768px) {
    .u-pb5 {
      padding-bottom: 0.5598958333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb5 {
      padding-bottom: 1.171875vw; } }

.u-pr5 {
  padding-right: 5px; }
  @media only screen and (max-width: 768px) {
    .u-pr5 {
      padding-right: 0.5598958333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr5 {
      padding-right: 1.171875vw; } }

.u-pl5 {
  padding-left: 5px; }
  @media only screen and (max-width: 768px) {
    .u-pl5 {
      padding-left: 0.5598958333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl5 {
      padding-left: 1.171875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt5--Mobile {
    padding-top: 1.171875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb5--Mobile {
    padding-bottom: 1.171875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr5--Mobile {
    padding-right: 1.171875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl5--Mobile {
    padding-left: 1.171875vw; } }

.u-pt10 {
  padding-top: 10px; }
  @media only screen and (max-width: 768px) {
    .u-pt10 {
      padding-top: 1.1197916667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt10 {
      padding-top: 2.34375vw; } }

.u-pb10 {
  padding-bottom: 10px; }
  @media only screen and (max-width: 768px) {
    .u-pb10 {
      padding-bottom: 1.1197916667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb10 {
      padding-bottom: 2.34375vw; } }

.u-pr10 {
  padding-right: 10px; }
  @media only screen and (max-width: 768px) {
    .u-pr10 {
      padding-right: 1.1197916667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr10 {
      padding-right: 2.34375vw; } }

.u-pl10 {
  padding-left: 10px; }
  @media only screen and (max-width: 768px) {
    .u-pl10 {
      padding-left: 1.1197916667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl10 {
      padding-left: 2.34375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt10--Mobile {
    padding-top: 2.34375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb10--Mobile {
    padding-bottom: 2.34375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr10--Mobile {
    padding-right: 2.34375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl10--Mobile {
    padding-left: 2.34375vw; } }

.u-pt15 {
  padding-top: 15px; }
  @media only screen and (max-width: 768px) {
    .u-pt15 {
      padding-top: 1.6796875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt15 {
      padding-top: 3.515625vw; } }

.u-pb15 {
  padding-bottom: 15px; }
  @media only screen and (max-width: 768px) {
    .u-pb15 {
      padding-bottom: 1.6796875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb15 {
      padding-bottom: 3.515625vw; } }

.u-pr15 {
  padding-right: 15px; }
  @media only screen and (max-width: 768px) {
    .u-pr15 {
      padding-right: 1.6796875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr15 {
      padding-right: 3.515625vw; } }

.u-pl15 {
  padding-left: 15px; }
  @media only screen and (max-width: 768px) {
    .u-pl15 {
      padding-left: 1.6796875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl15 {
      padding-left: 3.515625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt15--Mobile {
    padding-top: 3.515625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb15--Mobile {
    padding-bottom: 3.515625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr15--Mobile {
    padding-right: 3.515625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl15--Mobile {
    padding-left: 3.515625vw; } }

.u-pt20 {
  padding-top: 20px; }
  @media only screen and (max-width: 768px) {
    .u-pt20 {
      padding-top: 2.2395833333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt20 {
      padding-top: 4.6875vw; } }

.u-pb20 {
  padding-bottom: 20px; }
  @media only screen and (max-width: 768px) {
    .u-pb20 {
      padding-bottom: 2.2395833333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb20 {
      padding-bottom: 4.6875vw; } }

.u-pr20 {
  padding-right: 20px; }
  @media only screen and (max-width: 768px) {
    .u-pr20 {
      padding-right: 2.2395833333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr20 {
      padding-right: 4.6875vw; } }

.u-pl20 {
  padding-left: 20px; }
  @media only screen and (max-width: 768px) {
    .u-pl20 {
      padding-left: 2.2395833333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl20 {
      padding-left: 4.6875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt20--Mobile {
    padding-top: 4.6875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb20--Mobile {
    padding-bottom: 4.6875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr20--Mobile {
    padding-right: 4.6875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl20--Mobile {
    padding-left: 4.6875vw; } }

.u-pt25 {
  padding-top: 25px; }
  @media only screen and (max-width: 768px) {
    .u-pt25 {
      padding-top: 2.7994791667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt25 {
      padding-top: 5.859375vw; } }

.u-pb25 {
  padding-bottom: 25px; }
  @media only screen and (max-width: 768px) {
    .u-pb25 {
      padding-bottom: 2.7994791667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb25 {
      padding-bottom: 5.859375vw; } }

.u-pr25 {
  padding-right: 25px; }
  @media only screen and (max-width: 768px) {
    .u-pr25 {
      padding-right: 2.7994791667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr25 {
      padding-right: 5.859375vw; } }

.u-pl25 {
  padding-left: 25px; }
  @media only screen and (max-width: 768px) {
    .u-pl25 {
      padding-left: 2.7994791667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl25 {
      padding-left: 5.859375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt25--Mobile {
    padding-top: 5.859375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb25--Mobile {
    padding-bottom: 5.859375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr25--Mobile {
    padding-right: 5.859375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl25--Mobile {
    padding-left: 5.859375vw; } }

.u-pt30 {
  padding-top: 30px; }
  @media only screen and (max-width: 768px) {
    .u-pt30 {
      padding-top: 3.359375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt30 {
      padding-top: 7.03125vw; } }

.u-pb30 {
  padding-bottom: 30px; }
  @media only screen and (max-width: 768px) {
    .u-pb30 {
      padding-bottom: 3.359375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb30 {
      padding-bottom: 7.03125vw; } }

.u-pr30 {
  padding-right: 30px; }
  @media only screen and (max-width: 768px) {
    .u-pr30 {
      padding-right: 3.359375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr30 {
      padding-right: 7.03125vw; } }

.u-pl30 {
  padding-left: 30px; }
  @media only screen and (max-width: 768px) {
    .u-pl30 {
      padding-left: 3.359375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl30 {
      padding-left: 7.03125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt30--Mobile {
    padding-top: 7.03125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb30--Mobile {
    padding-bottom: 7.03125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr30--Mobile {
    padding-right: 7.03125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl30--Mobile {
    padding-left: 7.03125vw; } }

.u-pt35 {
  padding-top: 35px; }
  @media only screen and (max-width: 768px) {
    .u-pt35 {
      padding-top: 3.9192708333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt35 {
      padding-top: 8.203125vw; } }

.u-pb35 {
  padding-bottom: 35px; }
  @media only screen and (max-width: 768px) {
    .u-pb35 {
      padding-bottom: 3.9192708333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb35 {
      padding-bottom: 8.203125vw; } }

.u-pr35 {
  padding-right: 35px; }
  @media only screen and (max-width: 768px) {
    .u-pr35 {
      padding-right: 3.9192708333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr35 {
      padding-right: 8.203125vw; } }

.u-pl35 {
  padding-left: 35px; }
  @media only screen and (max-width: 768px) {
    .u-pl35 {
      padding-left: 3.9192708333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl35 {
      padding-left: 8.203125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt35--Mobile {
    padding-top: 8.203125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb35--Mobile {
    padding-bottom: 8.203125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr35--Mobile {
    padding-right: 8.203125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl35--Mobile {
    padding-left: 8.203125vw; } }

.u-pt40 {
  padding-top: 40px; }
  @media only screen and (max-width: 768px) {
    .u-pt40 {
      padding-top: 4.4791666667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt40 {
      padding-top: 9.375vw; } }

.u-pb40 {
  padding-bottom: 40px; }
  @media only screen and (max-width: 768px) {
    .u-pb40 {
      padding-bottom: 4.4791666667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb40 {
      padding-bottom: 9.375vw; } }

.u-pr40 {
  padding-right: 40px; }
  @media only screen and (max-width: 768px) {
    .u-pr40 {
      padding-right: 4.4791666667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr40 {
      padding-right: 9.375vw; } }

.u-pl40 {
  padding-left: 40px; }
  @media only screen and (max-width: 768px) {
    .u-pl40 {
      padding-left: 4.4791666667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl40 {
      padding-left: 9.375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt40--Mobile {
    padding-top: 9.375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb40--Mobile {
    padding-bottom: 9.375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr40--Mobile {
    padding-right: 9.375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl40--Mobile {
    padding-left: 9.375vw; } }

.u-pt45 {
  padding-top: 45px; }
  @media only screen and (max-width: 768px) {
    .u-pt45 {
      padding-top: 5.0390625vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt45 {
      padding-top: 10.546875vw; } }

.u-pb45 {
  padding-bottom: 45px; }
  @media only screen and (max-width: 768px) {
    .u-pb45 {
      padding-bottom: 5.0390625vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb45 {
      padding-bottom: 10.546875vw; } }

.u-pr45 {
  padding-right: 45px; }
  @media only screen and (max-width: 768px) {
    .u-pr45 {
      padding-right: 5.0390625vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr45 {
      padding-right: 10.546875vw; } }

.u-pl45 {
  padding-left: 45px; }
  @media only screen and (max-width: 768px) {
    .u-pl45 {
      padding-left: 5.0390625vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl45 {
      padding-left: 10.546875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt45--Mobile {
    padding-top: 10.546875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb45--Mobile {
    padding-bottom: 10.546875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr45--Mobile {
    padding-right: 10.546875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl45--Mobile {
    padding-left: 10.546875vw; } }

.u-pt50 {
  padding-top: 50px; }
  @media only screen and (max-width: 768px) {
    .u-pt50 {
      padding-top: 5.5989583333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt50 {
      padding-top: 11.71875vw; } }

.u-pb50 {
  padding-bottom: 50px; }
  @media only screen and (max-width: 768px) {
    .u-pb50 {
      padding-bottom: 5.5989583333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb50 {
      padding-bottom: 11.71875vw; } }

.u-pr50 {
  padding-right: 50px; }
  @media only screen and (max-width: 768px) {
    .u-pr50 {
      padding-right: 5.5989583333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr50 {
      padding-right: 11.71875vw; } }

.u-pl50 {
  padding-left: 50px; }
  @media only screen and (max-width: 768px) {
    .u-pl50 {
      padding-left: 5.5989583333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl50 {
      padding-left: 11.71875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt50--Mobile {
    padding-top: 11.71875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb50--Mobile {
    padding-bottom: 11.71875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr50--Mobile {
    padding-right: 11.71875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl50--Mobile {
    padding-left: 11.71875vw; } }

.u-pt55 {
  padding-top: 55px; }
  @media only screen and (max-width: 768px) {
    .u-pt55 {
      padding-top: 6.1588541667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt55 {
      padding-top: 12.890625vw; } }

.u-pb55 {
  padding-bottom: 55px; }
  @media only screen and (max-width: 768px) {
    .u-pb55 {
      padding-bottom: 6.1588541667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb55 {
      padding-bottom: 12.890625vw; } }

.u-pr55 {
  padding-right: 55px; }
  @media only screen and (max-width: 768px) {
    .u-pr55 {
      padding-right: 6.1588541667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr55 {
      padding-right: 12.890625vw; } }

.u-pl55 {
  padding-left: 55px; }
  @media only screen and (max-width: 768px) {
    .u-pl55 {
      padding-left: 6.1588541667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl55 {
      padding-left: 12.890625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt55--Mobile {
    padding-top: 12.890625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb55--Mobile {
    padding-bottom: 12.890625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr55--Mobile {
    padding-right: 12.890625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl55--Mobile {
    padding-left: 12.890625vw; } }

.u-pt60 {
  padding-top: 60px; }
  @media only screen and (max-width: 768px) {
    .u-pt60 {
      padding-top: 6.71875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt60 {
      padding-top: 14.0625vw; } }

.u-pb60 {
  padding-bottom: 60px; }
  @media only screen and (max-width: 768px) {
    .u-pb60 {
      padding-bottom: 6.71875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb60 {
      padding-bottom: 14.0625vw; } }

.u-pr60 {
  padding-right: 60px; }
  @media only screen and (max-width: 768px) {
    .u-pr60 {
      padding-right: 6.71875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr60 {
      padding-right: 14.0625vw; } }

.u-pl60 {
  padding-left: 60px; }
  @media only screen and (max-width: 768px) {
    .u-pl60 {
      padding-left: 6.71875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl60 {
      padding-left: 14.0625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt60--Mobile {
    padding-top: 14.0625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb60--Mobile {
    padding-bottom: 14.0625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr60--Mobile {
    padding-right: 14.0625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl60--Mobile {
    padding-left: 14.0625vw; } }

.u-pt65 {
  padding-top: 65px; }
  @media only screen and (max-width: 768px) {
    .u-pt65 {
      padding-top: 7.2786458333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt65 {
      padding-top: 15.234375vw; } }

.u-pb65 {
  padding-bottom: 65px; }
  @media only screen and (max-width: 768px) {
    .u-pb65 {
      padding-bottom: 7.2786458333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb65 {
      padding-bottom: 15.234375vw; } }

.u-pr65 {
  padding-right: 65px; }
  @media only screen and (max-width: 768px) {
    .u-pr65 {
      padding-right: 7.2786458333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr65 {
      padding-right: 15.234375vw; } }

.u-pl65 {
  padding-left: 65px; }
  @media only screen and (max-width: 768px) {
    .u-pl65 {
      padding-left: 7.2786458333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl65 {
      padding-left: 15.234375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt65--Mobile {
    padding-top: 15.234375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb65--Mobile {
    padding-bottom: 15.234375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr65--Mobile {
    padding-right: 15.234375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl65--Mobile {
    padding-left: 15.234375vw; } }

.u-pt70 {
  padding-top: 70px; }
  @media only screen and (max-width: 768px) {
    .u-pt70 {
      padding-top: 7.8385416667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt70 {
      padding-top: 16.40625vw; } }

.u-pb70 {
  padding-bottom: 70px; }
  @media only screen and (max-width: 768px) {
    .u-pb70 {
      padding-bottom: 7.8385416667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb70 {
      padding-bottom: 16.40625vw; } }

.u-pr70 {
  padding-right: 70px; }
  @media only screen and (max-width: 768px) {
    .u-pr70 {
      padding-right: 7.8385416667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr70 {
      padding-right: 16.40625vw; } }

.u-pl70 {
  padding-left: 70px; }
  @media only screen and (max-width: 768px) {
    .u-pl70 {
      padding-left: 7.8385416667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl70 {
      padding-left: 16.40625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt70--Mobile {
    padding-top: 16.40625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb70--Mobile {
    padding-bottom: 16.40625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr70--Mobile {
    padding-right: 16.40625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl70--Mobile {
    padding-left: 16.40625vw; } }

.u-pt75 {
  padding-top: 75px; }
  @media only screen and (max-width: 768px) {
    .u-pt75 {
      padding-top: 8.3984375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt75 {
      padding-top: 17.578125vw; } }

.u-pb75 {
  padding-bottom: 75px; }
  @media only screen and (max-width: 768px) {
    .u-pb75 {
      padding-bottom: 8.3984375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb75 {
      padding-bottom: 17.578125vw; } }

.u-pr75 {
  padding-right: 75px; }
  @media only screen and (max-width: 768px) {
    .u-pr75 {
      padding-right: 8.3984375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr75 {
      padding-right: 17.578125vw; } }

.u-pl75 {
  padding-left: 75px; }
  @media only screen and (max-width: 768px) {
    .u-pl75 {
      padding-left: 8.3984375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl75 {
      padding-left: 17.578125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt75--Mobile {
    padding-top: 17.578125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb75--Mobile {
    padding-bottom: 17.578125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr75--Mobile {
    padding-right: 17.578125vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl75--Mobile {
    padding-left: 17.578125vw; } }

.u-pt80 {
  padding-top: 80px; }
  @media only screen and (max-width: 768px) {
    .u-pt80 {
      padding-top: 8.9583333333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt80 {
      padding-top: 18.75vw; } }

.u-pb80 {
  padding-bottom: 80px; }
  @media only screen and (max-width: 768px) {
    .u-pb80 {
      padding-bottom: 8.9583333333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb80 {
      padding-bottom: 18.75vw; } }

.u-pr80 {
  padding-right: 80px; }
  @media only screen and (max-width: 768px) {
    .u-pr80 {
      padding-right: 8.9583333333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr80 {
      padding-right: 18.75vw; } }

.u-pl80 {
  padding-left: 80px; }
  @media only screen and (max-width: 768px) {
    .u-pl80 {
      padding-left: 8.9583333333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl80 {
      padding-left: 18.75vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt80--Mobile {
    padding-top: 18.75vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb80--Mobile {
    padding-bottom: 18.75vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr80--Mobile {
    padding-right: 18.75vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl80--Mobile {
    padding-left: 18.75vw; } }

.u-pt85 {
  padding-top: 85px; }
  @media only screen and (max-width: 768px) {
    .u-pt85 {
      padding-top: 9.5182291667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt85 {
      padding-top: 19.921875vw; } }

.u-pb85 {
  padding-bottom: 85px; }
  @media only screen and (max-width: 768px) {
    .u-pb85 {
      padding-bottom: 9.5182291667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb85 {
      padding-bottom: 19.921875vw; } }

.u-pr85 {
  padding-right: 85px; }
  @media only screen and (max-width: 768px) {
    .u-pr85 {
      padding-right: 9.5182291667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr85 {
      padding-right: 19.921875vw; } }

.u-pl85 {
  padding-left: 85px; }
  @media only screen and (max-width: 768px) {
    .u-pl85 {
      padding-left: 9.5182291667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl85 {
      padding-left: 19.921875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt85--Mobile {
    padding-top: 19.921875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb85--Mobile {
    padding-bottom: 19.921875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr85--Mobile {
    padding-right: 19.921875vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl85--Mobile {
    padding-left: 19.921875vw; } }

.u-pt90 {
  padding-top: 90px; }
  @media only screen and (max-width: 768px) {
    .u-pt90 {
      padding-top: 10.078125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt90 {
      padding-top: 21.09375vw; } }

.u-pb90 {
  padding-bottom: 90px; }
  @media only screen and (max-width: 768px) {
    .u-pb90 {
      padding-bottom: 10.078125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb90 {
      padding-bottom: 21.09375vw; } }

.u-pr90 {
  padding-right: 90px; }
  @media only screen and (max-width: 768px) {
    .u-pr90 {
      padding-right: 10.078125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr90 {
      padding-right: 21.09375vw; } }

.u-pl90 {
  padding-left: 90px; }
  @media only screen and (max-width: 768px) {
    .u-pl90 {
      padding-left: 10.078125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl90 {
      padding-left: 21.09375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt90--Mobile {
    padding-top: 21.09375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb90--Mobile {
    padding-bottom: 21.09375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr90--Mobile {
    padding-right: 21.09375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl90--Mobile {
    padding-left: 21.09375vw; } }

.u-pt95 {
  padding-top: 95px; }
  @media only screen and (max-width: 768px) {
    .u-pt95 {
      padding-top: 10.6380208333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt95 {
      padding-top: 22.265625vw; } }

.u-pb95 {
  padding-bottom: 95px; }
  @media only screen and (max-width: 768px) {
    .u-pb95 {
      padding-bottom: 10.6380208333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb95 {
      padding-bottom: 22.265625vw; } }

.u-pr95 {
  padding-right: 95px; }
  @media only screen and (max-width: 768px) {
    .u-pr95 {
      padding-right: 10.6380208333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr95 {
      padding-right: 22.265625vw; } }

.u-pl95 {
  padding-left: 95px; }
  @media only screen and (max-width: 768px) {
    .u-pl95 {
      padding-left: 10.6380208333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl95 {
      padding-left: 22.265625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt95--Mobile {
    padding-top: 22.265625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb95--Mobile {
    padding-bottom: 22.265625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr95--Mobile {
    padding-right: 22.265625vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl95--Mobile {
    padding-left: 22.265625vw; } }

.u-pt100 {
  padding-top: 100px; }
  @media only screen and (max-width: 768px) {
    .u-pt100 {
      padding-top: 11.1979166667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pt100 {
      padding-top: 23.4375vw; } }

.u-pb100 {
  padding-bottom: 100px; }
  @media only screen and (max-width: 768px) {
    .u-pb100 {
      padding-bottom: 11.1979166667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pb100 {
      padding-bottom: 23.4375vw; } }

.u-pr100 {
  padding-right: 100px; }
  @media only screen and (max-width: 768px) {
    .u-pr100 {
      padding-right: 11.1979166667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pr100 {
      padding-right: 23.4375vw; } }

.u-pl100 {
  padding-left: 100px; }
  @media only screen and (max-width: 768px) {
    .u-pl100 {
      padding-left: 11.1979166667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-pl100 {
      padding-left: 23.4375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pt100--Mobile {
    padding-top: 23.4375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pb100--Mobile {
    padding-bottom: 23.4375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pr100--Mobile {
    padding-right: 23.4375vw; } }

@media only screen and (min-width: 320px) and (max-width: 599px) {
  .u-pl100--Mobile {
    padding-left: 23.4375vw; } }

.u-fsz10 {
  font-size: 10px; }
  @media only screen and (max-width: 768px) {
    .u-fsz10 {
      font-size: 1.1848958333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz10 {
      font-size: 2.60625vw; } }

.u-fsz11 {
  font-size: 11px; }
  @media only screen and (max-width: 768px) {
    .u-fsz11 {
      font-size: 1.3033854167vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz11 {
      font-size: 2.866875vw; } }

.u-fsz12 {
  font-size: 12px; }
  @media only screen and (max-width: 768px) {
    .u-fsz12 {
      font-size: 1.421875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz12 {
      font-size: 3.1275vw; } }

.u-fsz13 {
  font-size: 13px; }
  @media only screen and (max-width: 768px) {
    .u-fsz13 {
      font-size: 1.5403645833vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz13 {
      font-size: 3.388125vw; } }

.u-fsz14 {
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .u-fsz14 {
      font-size: 1.6588541667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz14 {
      font-size: 3.64875vw; } }

.u-fsz15 {
  font-size: 15px; }
  @media only screen and (max-width: 768px) {
    .u-fsz15 {
      font-size: 1.77734375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz15 {
      font-size: 3.909375vw; } }

.u-fsz16 {
  font-size: 16px; }
  @media only screen and (max-width: 768px) {
    .u-fsz16 {
      font-size: 1.8958333333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz16 {
      font-size: 4.17vw; } }

.u-fsz17 {
  font-size: 17px; }
  @media only screen and (max-width: 768px) {
    .u-fsz17 {
      font-size: 2.0143229167vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz17 {
      font-size: 4.430625vw; } }

.u-fsz18 {
  font-size: 18px; }
  @media only screen and (max-width: 768px) {
    .u-fsz18 {
      font-size: 2.1328125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz18 {
      font-size: 4.69125vw; } }

.u-fsz19 {
  font-size: 19px; }
  @media only screen and (max-width: 768px) {
    .u-fsz19 {
      font-size: 2.2513020833vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz19 {
      font-size: 4.951875vw; } }

.u-fsz20 {
  font-size: 20px; }
  @media only screen and (max-width: 768px) {
    .u-fsz20 {
      font-size: 2.3697916667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz20 {
      font-size: 5.2125vw; } }

.u-fsz21 {
  font-size: 21px; }
  @media only screen and (max-width: 768px) {
    .u-fsz21 {
      font-size: 2.48828125vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz21 {
      font-size: 5.473125vw; } }

.u-fsz22 {
  font-size: 22px; }
  @media only screen and (max-width: 768px) {
    .u-fsz22 {
      font-size: 2.6067708333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz22 {
      font-size: 5.73375vw; } }

.u-fsz23 {
  font-size: 23px; }
  @media only screen and (max-width: 768px) {
    .u-fsz23 {
      font-size: 2.7252604167vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz23 {
      font-size: 5.994375vw; } }

.u-fsz24 {
  font-size: 24px; }
  @media only screen and (max-width: 768px) {
    .u-fsz24 {
      font-size: 2.84375vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz24 {
      font-size: 6.255vw; } }

.u-fsz25 {
  font-size: 25px; }
  @media only screen and (max-width: 768px) {
    .u-fsz25 {
      font-size: 2.9622395833vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz25 {
      font-size: 6.515625vw; } }

.u-fsz26 {
  font-size: 26px; }
  @media only screen and (max-width: 768px) {
    .u-fsz26 {
      font-size: 3.0807291667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz26 {
      font-size: 6.77625vw; } }

.u-fsz28 {
  font-size: 28px; }
  @media only screen and (max-width: 768px) {
    .u-fsz28 {
      font-size: 3.3177083333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz28 {
      font-size: 7.2975vw; } }

.u-fsz30 {
  font-size: 30px; }
  @media only screen and (max-width: 768px) {
    .u-fsz30 {
      font-size: 3.5546875vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz30 {
      font-size: 7.81875vw; } }

.u-fsz32 {
  font-size: 32px; }
  @media only screen and (max-width: 768px) {
    .u-fsz32 {
      font-size: 3.7916666667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz32 {
      font-size: 8.34vw; } }

.u-fsz36 {
  font-size: 36px; }
  @media only screen and (max-width: 768px) {
    .u-fsz36 {
      font-size: 4.265625vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz36 {
      font-size: 9.3825vw; } }

.u-fsz38 {
  font-size: 38px; }
  @media only screen and (max-width: 768px) {
    .u-fsz38 {
      font-size: 4.5026041667vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz38 {
      font-size: 9.90375vw; } }

.u-fsz40 {
  font-size: 40px; }
  @media only screen and (max-width: 768px) {
    .u-fsz40 {
      font-size: 4.7395833333vw; } }
  @media only screen and (min-width: 320px) and (max-width: 414px) {
    .u-fsz40 {
      font-size: 10.425vw; } }

.u-lh100 {
  line-height: 100%; }

.u-lh110 {
  line-height: 110%; }

.u-lh120 {
  line-height: 120%; }

.u-lh130 {
  line-height: 130%; }

.u-lh140 {
  line-height: 140%; }

.u-lh150 {
  line-height: 150%; }

.u-lh160 {
  line-height: 160%; }

.u-lh170 {
  line-height: 170%; }

.u-lh180 {
  line-height: 180%; }

.u-lh190 {
  line-height: 190%; }

.u-lh200 {
  line-height: 200%; }

.u-fw--thin {
  font-weight: 100; }

.u-fw--light {
  font-weight: 200; }

.u-fw--demiLight {
  font-weight: 300; }

.u-fw--regular {
  font-weight: 400; }

.u-fw--medium {
  font-weight: 500; }

.u-fw--bold {
  font-weight: 700; }

.u-fw--black {
  font-weight: 900; }

.u-tc--Blue {
  color: #0068b7; }

.u-tc--mediumBlue {
  color: #00b8ee; }

.u-tc--lightBlue {
  color: #00b8ee; }

.u-ta--left {
  text-align: left; }

.u-ta--center {
  text-align: center; }

.u-ta--right {
  text-align: right; }

.c-flexBox {
  display: flex; }
  .c-flexBox--wrap {
    flex-wrap: wrap; }
  .c-flexBox--justify {
    justify-content: space-between; }

.fsz12 {
  font-size: 12px; }
  @media only screen and (max-width: 768px) {
    .fsz12 {
      font-size: 1.171875vw; } }
  @media only screen and (max-width: 736px) {
    .fsz12 {
      font-size: 3.125vw; } }

.fsz14 {
  font-size: 14px; }
  @media only screen and (max-width: 768px) {
    .fsz14 {
      font-size: 1.4322916667vw; } }
  @media only screen and (max-width: 736px) {
    .fsz14 {
      font-size: 3.75vw; } }

.fsz15 {
  font-size: 15px; }
  @media only screen and (max-width: 768px) {
    .fsz15 {
      font-size: 1.4322916667vw; } }
  @media only screen and (max-width: 736px) {
    .fsz15 {
      font-size: 4.0625vw; } }

.fsz16 {
  font-size: 16px; }
  @media only screen and (max-width: 768px) {
    .fsz16 {
      font-size: 1.5625vw; } }
  @media only screen and (max-width: 736px) {
    .fsz16 {
      font-size: 3.75vw; } }

.fsz18 {
  font-size: 18px; }
  @media only screen and (max-width: 768px) {
    .fsz18 {
      font-size: 1.8229166667vw; } }
  @media only screen and (max-width: 736px) {
    .fsz18 {
      font-size: 3.4375vw; } }

.fsz20 {
  font-size: 20px; }
  @media only screen and (max-width: 768px) {
    .fsz20 {
      font-size: 1.953125vw; } }
  @media only screen and (max-width: 736px) {
    .fsz20 {
      font-size: 3.75vw; } }

.fsz25 {
  font-size: 25px; }
  @media only screen and (max-width: 768px) {
    .fsz25 {
      font-size: 2.4739583333vw; } }
  @media only screen and (max-width: 736px) {
    .fsz25 {
      font-size: 4.6875vw; } }

.fsz28 {
  font-size: 28px; }
  @media only screen and (max-width: 768px) {
    .fsz28 {
      font-size: 2.734375vw; } }
  @media only screen and (max-width: 736px) {
    .fsz28 {
      font-size: 5.3125vw; } }

.fsz30 {
  font-size: 30px; }
  @media only screen and (max-width: 768px) {
    .fsz30 {
      font-size: 2.9947916667vw; } }
  @media only screen and (max-width: 736px) {
    .fsz30 {
      font-size: 5.625vw; } }

.fsz35 {
  font-size: 35px; }
  @media only screen and (max-width: 768px) {
    .fsz35 {
      font-size: 3.3854166667vw; } }
  @media only screen and (max-width: 736px) {
    .fsz35 {
      font-size: 6.5625vw; } }

.fsz40 {
  font-size: 40px; }
  @media only screen and (max-width: 768px) {
    .fsz40 {
      font-size: 3.90625vw; } }
  @media only screen and (max-width: 736px) {
    .fsz40 {
      font-size: 7.5vw; } }

/** -----------------------------------
 * general settings
 ** --------------------------------- */
html {
  font-size: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1rem;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  position: relative; }

p, li, dt, dd, input, textarea, th, td {
  color: #000;
  line-height: 175%; }

a {
  color: #000;
  text-decoration: none; }

img {
  vertical-align: bottom; }

.inner {
  position: relative;
  width: 1200px;
  margin: 0 auto; }
  @media only screen and (max-width: 1199px) {
    .inner {
      width: 94%; } }

.pc {
  display: block; }
  @media only screen and (max-width: 736px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media only screen and (max-width: 736px) {
    .sp {
      display: block; } }

header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100; }
  header .logo {
    margin-top: 50px;
    margin-left: 50px; }
    @media only screen and (max-width: 736px) {
      header .logo {
        margin-top: 7.8125vw;
        margin-left: 7.8125vw; } }
    header .logo img {
      width: 50px; }
      @media only screen and (max-width: 736px) {
        header .logo img {
          width: 7.8125vw; } }

main {
  width: 100%;
  height: 100vh; }
  main ul {
    display: flex;
    width: 100%;
    height: 100%; }
    @media only screen and (max-width: 736px) {
      main ul {
        display: block; } }
    main ul li {
      width: 50%;
      height: 100%; }
      @media only screen and (max-width: 736px) {
        main ul li {
          width: 100%;
          height: 50%; } }
      main ul li a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        position: relative; }
        main ul li a:after {
          content: "";
          display: block;
          width: 35px;
          height: 18px;
          position: absolute;
          bottom: 50px; }
          @media only screen and (max-width: 736px) {
            main ul li a:after {
              width: 5.46875vw;
              height: 2.8125vw;
              bottom: 7.8125vw; } }
      main ul li:first-child a {
        background: #e9e8e7; }
        main ul li:first-child a:after {
          background: url(../img/arrow_left.png) no-repeat left top/contain;
          left: 50px; }
          @media only screen and (max-width: 736px) {
            main ul li:first-child a:after {
              background: url(../img/arrow_right.png) no-repeat left top/contain;
              right: 7.8125vw;
              left: auto; } }
      main ul li:first-child img {
        width: 31.328125vw;
        max-width: 401px; }
        @media only screen and (max-width: 736px) {
          main ul li:first-child img {
            width: 62.65625vw;
            max-width: 401px; } }
      main ul li:last-child a {
        background: #ffd800; }
        main ul li:last-child a:after {
          background: url(../img/arrow_right.png) no-repeat left top/contain;
          right: 50px; }
          @media only screen and (max-width: 736px) {
            main ul li:last-child a:after {
              right: 7.8125vw; } }
      main ul li:last-child img {
        width: 24.765625vw;
        max-width: 317px; }
        @media only screen and (max-width: 736px) {
          main ul li:last-child img {
            width: 49.53125vw;
            max-width: 317px; } }

/*# sourceMappingURL=style.css.map */