img {
  border:solid 1px #e2e1df;
  border-radius: 2px;
}

.column {
  padding: 0rem !important;
}

.title {
  font-family: 'GenShinGothic' !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}

.subtitle {
  font-family: 'GenShinGothic' !important;
  font-weight: 300 !important;
}

.strong {
  font-family: 'GenShinGothic' !important;
  font-weight: 500 !important;
}

li {
  font-family: 'GenShinGothic' !important;
  font-weight: 300 !important;
}

figure.shadow {
  box-shadow: 0.08em 0.2em 0.35em 0em rgba(0, 0, 0, 0.3);
}

.billing {
  background: -webkit-linear-gradient(top, #e5bd54 0%, #f5d100 50%, #e5bd54 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

div.is-belt {
  background-color: #f7f7f7;
  border-color: #fdfdfd;
}

.ionicons {
  font-family: 'Ionicons';
  font-weight: 300;
  vertical-align: -4px;
}

.is-fee {
  background-color: #44bbf8 !important;
  border-radius: 6px !important;
  padding: 1.25rem !important;
}

.content h4.is-white {
  color: #ffffff !important;
}

.content h5.is-white {
  color: #ffffff !important;
}

.content h6.is-white {
  color: #ffffff !important;
}

@media screen and (min-width: 496px) {
  .mt-0-tablet {
    margin-top: 0 !important;
  }
  .mt-1-tablet {
    margin-top: 0.25rem !important;
  }
  .mt-2-tablet {
    margin-top: 0.5rem !important;
  }
  .mt-3-tablet {
    margin-top: 0.75rem !important;
  }
  .mt-4-tablet {
    margin-top: 1rem !important;
  }
  .mt-5-tablet {
    margin-top: 1.5rem !important;
  }
  .mt-6-tablet {
    margin-top: 3rem !important;
  }
  .mb-0-tablet {
    margin-bottom: 0 !important;
  }
  .mb-1-tablet {
    margin-bottom: 0.25rem !important;
  }
  .mb-2-tablet {
    margin-bottom: 0.5rem !important;
  }
  .mb-3-tablet {
    margin-bottom: 0.75rem !important;
  }
  .mb-4-tablet {
    margin-bottom: 1rem !important;
  }
  .mb-5-tablet {
    margin-bottom: 1.5rem !important;
  }
  .mb-6-tablet {
    margin-bottom: 3rem !important;
  }
  .mx-0-tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-1-tablet {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-2-tablet {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-3-tablet {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .mx-4-tablet {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-5-tablet {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-6-tablet {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .icon.is-very-large-tablet {
    height: 5rem;
    width: 5rem;
  }
  .hidden-tablet {
    display: none !important;
  }
  .content h3 {
    font-size: 2.7em !important;
  }
  .is-billing-size-1 {
    font-size: 3.3rem !important;
  }
  .is-billing-size-2 {
    font-size: 3.0rem !important;
  }
  .is-billing-size-3 {
    font-size: 2.7rem !important;
  }
  .is-billing-size-4 {
    font-size: 2.4rem !important;
  }
  .is-billing-size-5 {
    font-size: 2.1rem !important;
  }
  .image.is-240x120-tablet {
    height: 120px;
    width: 240px;
  }
  .image.is-240x176-tablet {
    height: 176px;
    width: 240px;
  }
  .image.is-240x308-tablet {
    height: 308px;
    width: 240px;
  }
  .image.is-240x320-tablet {
    height: 320px;
    width: 240px;
  }
  .image.is-240x352-tablet {
    height: 352px;
    width: 240px;
  }
  .image.is-240x428-tablet {
    height: 428px;
    width: 240px;
  }
  .content h4.is-amount {
    font-size: 1.5rem !important;
  }
  .content h5.is-amount {
    font-size: 1.5rem !important;
  }
  p.is-amount {
    color: #ffffff !important;
    font-family: 'GenShinGothic' !important;
    font-weight: 500 !important;
    font-size: 1.2rem !important;
  }
  .ionicons-title {
    vertical-align: 2px !important;
  }
}

@media screen and (max-width: 495px) {
  .mt-0-mobile {
    margin-top: 0 !important;
  }
  .mt-1-mobile {
    margin-top: 0.25rem !important;
  }
  .mt-2-mobile {
    margin-top: 0.5rem !important;
  }
  .mt-3-mobile {
    margin-top: 0.75rem !important;
  }
  .mt-4-mobile {
    margin-top: 1rem !important;
  }
  .mt-5-mobile {
    margin-top: 1.5rem !important;
  }
  .mt-6-mobile {
    margin-top: 3rem !important;
  }
  .mb-0-mobile {
    margin-bottom: 0 !important;
  }
  .mb-1-mobile {
    margin-bottom: 0.25rem !important;
  }
  .mb-2-mobile {
    margin-bottom: 0.5rem !important;
  }
  .mb-3-mobile {
    margin-bottom: 0.75rem !important;
  }
  .mb-4-mobile {
    margin-bottom: 1rem !important;
  }
  .mb-5-mobile {
    margin-bottom: 1.5rem !important;
  }
  .mb-6-mobile {
    margin-bottom: 3rem !important;
  }
  .mx-0-mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .mx-1-mobile {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .mx-2-mobile {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-3-mobile {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .mx-4-mobile {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-5-mobile {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-6-mobile {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .icon.is-very-large-mobile {
    height: 5rem;
    width: 5rem;
  }
  .hidden-mobile {
    display: none !important;
  }
  .content h3 {
    font-size: 1.5em !important;
  }
  .is-billing-size-1 {
    font-size: 2rem !important;
  }
  .is-billing-size-2 {
    font-size: 1.85rem !important;
  }
  .is-billing-size-3 {
    font-size: 1.7rem !important;
  }
  .is-billing-size-4 {
    font-size: 1.55rem !important;
  }
  .is-billing-size-5 {
    font-size: 1.4rem !important;
  }
  .image.is-120x60-mobile {
    height: 60px;
    width: 120px;
  }
  .image.is-120x88-mobile {
    height: 88px;
    width: 120px;
  }
  .image.is-120x154-mobile {
    height: 154px;
    width: 120px;
  }
  .image.is-120x160-mobile {
    height: 160px;
    width: 120px;
  }
  .image.is-120x176-mobile {
    height: 176px;
    width: 120px;
  }
  .image.is-120x214-mobile {
    height: 214px;
    width: 120px;
  }
  .content h4.is-amount {
    font-size: 1.25em !important;
  }
  .content h5.is-amount {
    font-size: 1.125em !important;
  }
  p.is-amount {
    color: #ffffff !important;
    font-family: 'GenShinGothic' !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
  }
  .ionicons-title {
    vertical-align: -1px !important;
  }
}

@media screen and (max-width: 305px) {
  .content h5 {
    font-size: 1.0em !important;
    padding-top: 0.1rem !important;
  }
  .content h3 {
    font-size: 1.2em !important;
  }
  .is-billing-size-1 {
    font-size: 2rem !important;
  }
  .is-billing-size-2 {
    font-size: 1.85rem !important;
  }
  .is-billing-size-3 {
    font-size: 1.7rem !important;
  }
  .is-billing-size-4 {
    font-size: 1.55rem !important;
  }
  .is-billing-size-5 {
    font-size: 1.4rem !important;
  }
  .image.is-120x60-mobile {
    height: 60px;
    width: 120px;
  }
  .image.is-120x88-mobile {
    height: 88px;
    width: 120px;
  }
  .image.is-120x154-mobile {
    height: 154px;
    width: 120px;
  }
  .image.is-120x160-mobile {
    height: 160px;
    width: 120px;
  }
  .image.is-120x176-mobile {
    height: 176px;
    width: 120px;
  }
  .image.is-120x214-mobile {
    height: 214px;
    width: 120px;
  }
  .content h4.is-amount {
    font-size: 1.15em !important;
  }
  .content h5.is-amount {
    font-size: 0.9em !important;
  }
  p.is-amount {
    color: #ffffff !important;
    font-family: 'GenShinGothic' !important;
    font-weight: 500 !important;
    font-size: 0.8rem !important;
  }
  .ionicons-title {
    vertical-align: -1px !important;
  }
}
