.text-main {
  color: #39ADA6 !important;
}
.bg-main {
  background-color: #39ADA6 !important;
}
.border-main {
  border-color: #39ADA6 !important;
}
.text-palemain {
  color: #79CAC5 !important;
}
.bg-palemain {
  background-color: #79CAC5 !important;
}
.border-palemain {
  border-color: #79CAC5 !important;
}
.text-normal {
  color: #10242D !important;
}
.bg-normal {
  background-color: #10242D !important;
}
.border-normal {
  border-color: #10242D !important;
}
.text-weak {
  color: rgba(255, 255, 255, 0.5) !important;
}
.bg-weak {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.border-weak {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.text-link {
  color: hsl(210, 90%, 54%) !important;
}
.bg-link {
  background-color: hsl(210, 90%, 54%) !important;
}
.border-link {
  border-color: hsl(210, 90%, 54%) !important;
}
.text-primary {
  background-image: -webkit-linear-gradient(hsl(210, 100%, 51%), hsl(250, 100%, 81%)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.bg-primary {
  background-image: linear-gradient(135deg, hsl(210, 100%, 51%) 0%, hsl(250, 100%, 81%) 100%) !important;
}
.border-primary {
  border-color: hsl(210, 100%, 51%) !important;
}
.text-danger {
  color: #F55A38 !important;
}
.bg-danger {
  background-color: #F55A38 !important;
}
.border-danger {
  border-color: #F55A38 !important;
}
.text-accent_orange {
  color: #F6A808 !important;
}
.bg-accent_orange {
  background-color: #F6A808 !important;
}
.border-accent_orange {
  border-color: #F6A808 !important;
}
.text-maingray {
  color: #F3F4F4 !important;
}
.bg-maingray {
  background-color: #F3F4F4 !important;
}
.border-maingray {
  border-color: #F3F4F4 !important;
}
.text-deepgray {
  color: #9E9E9E !important;
}
.bg-deepgray {
  background-color: #9E9E9E !important;
}
.border-deepgray {
  border-color: #9E9E9E !important;
}
.text-softgray {
  color: #B2BDC6 !important;
}
.bg-softgray {
  background-color: #B2BDC6 !important;
}
.border-softgray {
  border-color: #B2BDC6 !important;
}
.text-palegray {
  color: hsla(207, 15%, 74%, 0.1) !important;
}
.bg-palegray {
  background-color: hsla(207, 15%, 74%, 0.1) !important;
}
.border-palegray {
  border-color: hsla(207, 15%, 74%, 0.1) !important;
}
.text-black_70 {
  color: rgba(32, 38, 50, 0.7) !important;
}
.bg-black_70 {
  background-color: rgba(32, 38, 50, 0.7) !important;
}
.border-black_70 {
  border-color: rgba(32, 38, 50, 0.7) !important;
}
.text-optional_gray {
  color: rgba(16, 36, 45, 0.5) !important;
}
.bg-optional_gray {
  background-color: rgba(16, 36, 45, 0.5) !important;
}
.border-optional_gray {
  border-color: rgba(16, 36, 45, 0.5) !important;
}
.hover-text-main:hover {
  color: #39ADA6 !important;
}
.hover-bg-black_65:hover {
  background-color: rgba(0, 0, 0, 0.65);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  line-height: normal;
}
.button {
  border-radius: 999px;
  border: none;
  font-size: 18px;
}
.button.primary {
  background-color: #39ADA6 !important;
  border-radius: 4px;
  color: white;
}
.button.danger {
  background-color: #F55A38 !important;
  color: white;
}
.button.shadow {
  box-shadow: 0px 5px 25px rgba(16, 36, 45, 0.31);
}
.button.strong_shadow {
  box-shadow: 0px 4px 30px rgba(16, 36, 45, 0.6);
}
.show-confirm {
  display: none;
}
select.input,
input.input,
textarea.input {
  background-color: white;
  font-size: 16px;
  padding: 16px 14px;
  border: 1px solid white;
  width: 100%;
  display: block;
  max-width: 500px;
}
select.input:focus,
input.input:focus,
textarea.input:focus {
  border-color: #39ADA6 !important;
}
select.input:invalid:not(:required),
input.input:invalid:not(:required),
textarea.input:invalid:not(:required) {
  border-color: #F55A38 !important;
}
body[data-state=confirm] .hide-confirm {
  display: none;
}
body[data-state=confirm] .show-confirm {
  display: block;
}
body[data-state=confirm] input.input,
body[data-state=confirm] select.input,
body[data-state=confirm] textarea.input {
  background-color: rgba(16, 36, 45, 0.1);
  border-color: transparent;
  color: inherit;
  -webkit-text-fill-color: inherit;
  -webkit-opacity: 1;
}
body[data-state=confirm] input.input::placeholder,
body[data-state=confirm] select.input::placeholder,
body[data-state=confirm] textarea.input::placeholder,
body[data-state=confirm] input.input::-webkit-input-placeholder,
body[data-state=confirm] select.input::-webkit-input-placeholder,
body[data-state=confirm] textarea.input::-webkit-input-placeholder {
  opacity: 0;
}
.show-submitting {
  display: none;
}
body[data-submitting=true] form {
  display: none;
}
body[data-submitting=true] .show-submitting {
  display: block;
}
body[data-submitting=true] .hide-submitting {
  display: none;
}
textarea.input {
  max-width: initial;
}
select.input {
  outline: none;
  padding: 19px 14px;
}
select.input.checked_validation:required:invalid,
input.input.checked_validation:required:invalid,
textarea.input.checked_validation:required:invalid {
  border-color: #F55A38 !important;
}
:root {
  --main-text-color: #10242D;
  --main-bg-color: #F3F4F4;
  --font-weight-bold: 600;
}
body {
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 14px;
  color: #10242D;
  background-color: #F3F4F4;
  line-height: 1;
}
.biryani {
  font-family: 'Biryani', sans-serif;
  font-weight: 700;
}
li {
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--font-weight-bold);
}
textarea {
  line-height: 1.4;
}
p {
  line-height: 1.5;
  -webkit-tap-highlight-color: initial;
  -webkit-user-select: initial;
  -webkit-touch-callout: initial;
}
/*
 * for spat
 */
.app-body {
  height: 100%;
}
.container {
  max-width: 993px;
  margin: auto;
}
.marker {
  background-image: linear-gradient(transparent 80%, #F6A808 20%);
  background-size: 100% 1.5em;
  background-repeat: repeat;
}
.footer {
  background: linear-gradient(0deg, rgba(16, 36, 45, 0.7), rgba(16, 36, 45, 0.7)), #FFFFFF;
  color: white;
}
.box-shadow-capture {
  box-shadow: 0px 4px 30px rgba(16, 36, 45, 0.1);
}
.w52 {
  width: 52px;
}
.h52 {
  height: 52px;
}
.s52 {
  width: 52px;
  height: 52px;
}
.fs52,
.fz52 {
  font-size: 52px;
}
.max-w52 {
  max-width: 52px;
}
.max-h52 {
  max-height: 52px;
}
.max-s52 {
  max-width: 52px;
  max-height: 52px;
}
.min-w52 {
  min-width: 52px;
}
.min-h52 {
  min-height: 52px;
}
.min-s52 {
  min-width: 52px;
  min-height: 52px;
}
@media only screen and (min-width: 993px) {
  .l-w52 {
    width: 52px !important;
  }
  .l-h52 {
    height: 52px !important;
  }
  .l-s52 {
    width: 52px !important;
    height: 52px !important;
  }
  .l-fs52,
  .l-fz52 {
    font-size: 52px !important;
  }
  .l-max-w52 {
    max-width: 52px !important;
  }
  .l-max-h52 {
    max-height: 52px !important;
  }
  .l-max-s52 {
    max-width: 52px !important;
    max-height: 52px !important;
  }
  .l-min-w52 {
    min-width: 52px !important;
  }
  .l-min-h52 {
    min-height: 52px !important;
  }
  .l-min-s52 {
    min-width: 52px !important;
    min-height: 52px !important;
  }
}
.w72 {
  width: 72px;
}
.h72 {
  height: 72px;
}
.s72 {
  width: 72px;
  height: 72px;
}
.fs72,
.fz72 {
  font-size: 72px;
}
.max-w72 {
  max-width: 72px;
}
.max-h72 {
  max-height: 72px;
}
.max-s72 {
  max-width: 72px;
  max-height: 72px;
}
.min-w72 {
  min-width: 72px;
}
.min-h72 {
  min-height: 72px;
}
.min-s72 {
  min-width: 72px;
  min-height: 72px;
}
@media only screen and (min-width: 993px) {
  .l-w72 {
    width: 72px !important;
  }
  .l-h72 {
    height: 72px !important;
  }
  .l-s72 {
    width: 72px !important;
    height: 72px !important;
  }
  .l-fs72,
  .l-fz72 {
    font-size: 72px !important;
  }
  .l-max-w72 {
    max-width: 72px !important;
  }
  .l-max-h72 {
    max-height: 72px !important;
  }
  .l-max-s72 {
    max-width: 72px !important;
    max-height: 72px !important;
  }
  .l-min-w72 {
    min-width: 72px !important;
  }
  .l-min-h72 {
    min-height: 72px !important;
  }
  .l-min-s72 {
    min-width: 72px !important;
    min-height: 72px !important;
  }
}
.w120 {
  width: 120px;
}
.h120 {
  height: 120px;
}
.s120 {
  width: 120px;
  height: 120px;
}
.fs120,
.fz120 {
  font-size: 120px;
}
.max-w120 {
  max-width: 120px;
}
.max-h120 {
  max-height: 120px;
}
.max-s120 {
  max-width: 120px;
  max-height: 120px;
}
.min-w120 {
  min-width: 120px;
}
.min-h120 {
  min-height: 120px;
}
.min-s120 {
  min-width: 120px;
  min-height: 120px;
}
@media only screen and (min-width: 993px) {
  .l-w120 {
    width: 120px !important;
  }
  .l-h120 {
    height: 120px !important;
  }
  .l-s120 {
    width: 120px !important;
    height: 120px !important;
  }
  .l-fs120,
  .l-fz120 {
    font-size: 120px !important;
  }
  .l-max-w120 {
    max-width: 120px !important;
  }
  .l-max-h120 {
    max-height: 120px !important;
  }
  .l-max-s120 {
    max-width: 120px !important;
    max-height: 120px !important;
  }
  .l-min-w120 {
    min-width: 120px !important;
  }
  .l-min-h120 {
    min-height: 120px !important;
  }
  .l-min-s120 {
    min-width: 120px !important;
    min-height: 120px !important;
  }
}
.w150 {
  width: 150px;
}
.h150 {
  height: 150px;
}
.s150 {
  width: 150px;
  height: 150px;
}
.fs150,
.fz150 {
  font-size: 150px;
}
.max-w150 {
  max-width: 150px;
}
.max-h150 {
  max-height: 150px;
}
.max-s150 {
  max-width: 150px;
  max-height: 150px;
}
.min-w150 {
  min-width: 150px;
}
.min-h150 {
  min-height: 150px;
}
.min-s150 {
  min-width: 150px;
  min-height: 150px;
}
@media only screen and (min-width: 993px) {
  .l-w150 {
    width: 150px !important;
  }
  .l-h150 {
    height: 150px !important;
  }
  .l-s150 {
    width: 150px !important;
    height: 150px !important;
  }
  .l-fs150,
  .l-fz150 {
    font-size: 150px !important;
  }
  .l-max-w150 {
    max-width: 150px !important;
  }
  .l-max-h150 {
    max-height: 150px !important;
  }
  .l-max-s150 {
    max-width: 150px !important;
    max-height: 150px !important;
  }
  .l-min-w150 {
    min-width: 150px !important;
  }
  .l-min-h150 {
    min-height: 150px !important;
  }
  .l-min-s150 {
    min-width: 150px !important;
    min-height: 150px !important;
  }
}
.w164 {
  width: 164px;
}
.h164 {
  height: 164px;
}
.s164 {
  width: 164px;
  height: 164px;
}
.fs164,
.fz164 {
  font-size: 164px;
}
.max-w164 {
  max-width: 164px;
}
.max-h164 {
  max-height: 164px;
}
.max-s164 {
  max-width: 164px;
  max-height: 164px;
}
.min-w164 {
  min-width: 164px;
}
.min-h164 {
  min-height: 164px;
}
.min-s164 {
  min-width: 164px;
  min-height: 164px;
}
@media only screen and (min-width: 993px) {
  .l-w164 {
    width: 164px !important;
  }
  .l-h164 {
    height: 164px !important;
  }
  .l-s164 {
    width: 164px !important;
    height: 164px !important;
  }
  .l-fs164,
  .l-fz164 {
    font-size: 164px !important;
  }
  .l-max-w164 {
    max-width: 164px !important;
  }
  .l-max-h164 {
    max-height: 164px !important;
  }
  .l-max-s164 {
    max-width: 164px !important;
    max-height: 164px !important;
  }
  .l-min-w164 {
    min-width: 164px !important;
  }
  .l-min-h164 {
    min-height: 164px !important;
  }
  .l-min-s164 {
    min-width: 164px !important;
    min-height: 164px !important;
  }
}
.w170 {
  width: 170px;
}
.h170 {
  height: 170px;
}
.s170 {
  width: 170px;
  height: 170px;
}
.fs170,
.fz170 {
  font-size: 170px;
}
.max-w170 {
  max-width: 170px;
}
.max-h170 {
  max-height: 170px;
}
.max-s170 {
  max-width: 170px;
  max-height: 170px;
}
.min-w170 {
  min-width: 170px;
}
.min-h170 {
  min-height: 170px;
}
.min-s170 {
  min-width: 170px;
  min-height: 170px;
}
@media only screen and (min-width: 993px) {
  .l-w170 {
    width: 170px !important;
  }
  .l-h170 {
    height: 170px !important;
  }
  .l-s170 {
    width: 170px !important;
    height: 170px !important;
  }
  .l-fs170,
  .l-fz170 {
    font-size: 170px !important;
  }
  .l-max-w170 {
    max-width: 170px !important;
  }
  .l-max-h170 {
    max-height: 170px !important;
  }
  .l-max-s170 {
    max-width: 170px !important;
    max-height: 170px !important;
  }
  .l-min-w170 {
    min-width: 170px !important;
  }
  .l-min-h170 {
    min-height: 170px !important;
  }
  .l-min-s170 {
    min-width: 170px !important;
    min-height: 170px !important;
  }
}
.w180 {
  width: 180px;
}
.h180 {
  height: 180px;
}
.s180 {
  width: 180px;
  height: 180px;
}
.fs180,
.fz180 {
  font-size: 180px;
}
.max-w180 {
  max-width: 180px;
}
.max-h180 {
  max-height: 180px;
}
.max-s180 {
  max-width: 180px;
  max-height: 180px;
}
.min-w180 {
  min-width: 180px;
}
.min-h180 {
  min-height: 180px;
}
.min-s180 {
  min-width: 180px;
  min-height: 180px;
}
@media only screen and (min-width: 993px) {
  .l-w180 {
    width: 180px !important;
  }
  .l-h180 {
    height: 180px !important;
  }
  .l-s180 {
    width: 180px !important;
    height: 180px !important;
  }
  .l-fs180,
  .l-fz180 {
    font-size: 180px !important;
  }
  .l-max-w180 {
    max-width: 180px !important;
  }
  .l-max-h180 {
    max-height: 180px !important;
  }
  .l-max-s180 {
    max-width: 180px !important;
    max-height: 180px !important;
  }
  .l-min-w180 {
    min-width: 180px !important;
  }
  .l-min-h180 {
    min-height: 180px !important;
  }
  .l-min-s180 {
    min-width: 180px !important;
    min-height: 180px !important;
  }
}
.w190 {
  width: 190px;
}
.h190 {
  height: 190px;
}
.s190 {
  width: 190px;
  height: 190px;
}
.fs190,
.fz190 {
  font-size: 190px;
}
.max-w190 {
  max-width: 190px;
}
.max-h190 {
  max-height: 190px;
}
.max-s190 {
  max-width: 190px;
  max-height: 190px;
}
.min-w190 {
  min-width: 190px;
}
.min-h190 {
  min-height: 190px;
}
.min-s190 {
  min-width: 190px;
  min-height: 190px;
}
@media only screen and (min-width: 993px) {
  .l-w190 {
    width: 190px !important;
  }
  .l-h190 {
    height: 190px !important;
  }
  .l-s190 {
    width: 190px !important;
    height: 190px !important;
  }
  .l-fs190,
  .l-fz190 {
    font-size: 190px !important;
  }
  .l-max-w190 {
    max-width: 190px !important;
  }
  .l-max-h190 {
    max-height: 190px !important;
  }
  .l-max-s190 {
    max-width: 190px !important;
    max-height: 190px !important;
  }
  .l-min-w190 {
    min-width: 190px !important;
  }
  .l-min-h190 {
    min-height: 190px !important;
  }
  .l-min-s190 {
    min-width: 190px !important;
    min-height: 190px !important;
  }
}
.w240 {
  width: 240px;
}
.h240 {
  height: 240px;
}
.s240 {
  width: 240px;
  height: 240px;
}
.fs240,
.fz240 {
  font-size: 240px;
}
.max-w240 {
  max-width: 240px;
}
.max-h240 {
  max-height: 240px;
}
.max-s240 {
  max-width: 240px;
  max-height: 240px;
}
.min-w240 {
  min-width: 240px;
}
.min-h240 {
  min-height: 240px;
}
.min-s240 {
  min-width: 240px;
  min-height: 240px;
}
@media only screen and (min-width: 993px) {
  .l-w240 {
    width: 240px !important;
  }
  .l-h240 {
    height: 240px !important;
  }
  .l-s240 {
    width: 240px !important;
    height: 240px !important;
  }
  .l-fs240,
  .l-fz240 {
    font-size: 240px !important;
  }
  .l-max-w240 {
    max-width: 240px !important;
  }
  .l-max-h240 {
    max-height: 240px !important;
  }
  .l-max-s240 {
    max-width: 240px !important;
    max-height: 240px !important;
  }
  .l-min-w240 {
    min-width: 240px !important;
  }
  .l-min-h240 {
    min-height: 240px !important;
  }
  .l-min-s240 {
    min-width: 240px !important;
    min-height: 240px !important;
  }
}
.w263 {
  width: 263px;
}
.h263 {
  height: 263px;
}
.s263 {
  width: 263px;
  height: 263px;
}
.fs263,
.fz263 {
  font-size: 263px;
}
.max-w263 {
  max-width: 263px;
}
.max-h263 {
  max-height: 263px;
}
.max-s263 {
  max-width: 263px;
  max-height: 263px;
}
.min-w263 {
  min-width: 263px;
}
.min-h263 {
  min-height: 263px;
}
.min-s263 {
  min-width: 263px;
  min-height: 263px;
}
@media only screen and (min-width: 993px) {
  .l-w263 {
    width: 263px !important;
  }
  .l-h263 {
    height: 263px !important;
  }
  .l-s263 {
    width: 263px !important;
    height: 263px !important;
  }
  .l-fs263,
  .l-fz263 {
    font-size: 263px !important;
  }
  .l-max-w263 {
    max-width: 263px !important;
  }
  .l-max-h263 {
    max-height: 263px !important;
  }
  .l-max-s263 {
    max-width: 263px !important;
    max-height: 263px !important;
  }
  .l-min-w263 {
    min-width: 263px !important;
  }
  .l-min-h263 {
    min-height: 263px !important;
  }
  .l-min-s263 {
    min-width: 263px !important;
    min-height: 263px !important;
  }
}
.w270 {
  width: 270px;
}
.h270 {
  height: 270px;
}
.s270 {
  width: 270px;
  height: 270px;
}
.fs270,
.fz270 {
  font-size: 270px;
}
.max-w270 {
  max-width: 270px;
}
.max-h270 {
  max-height: 270px;
}
.max-s270 {
  max-width: 270px;
  max-height: 270px;
}
.min-w270 {
  min-width: 270px;
}
.min-h270 {
  min-height: 270px;
}
.min-s270 {
  min-width: 270px;
  min-height: 270px;
}
@media only screen and (min-width: 993px) {
  .l-w270 {
    width: 270px !important;
  }
  .l-h270 {
    height: 270px !important;
  }
  .l-s270 {
    width: 270px !important;
    height: 270px !important;
  }
  .l-fs270,
  .l-fz270 {
    font-size: 270px !important;
  }
  .l-max-w270 {
    max-width: 270px !important;
  }
  .l-max-h270 {
    max-height: 270px !important;
  }
  .l-max-s270 {
    max-width: 270px !important;
    max-height: 270px !important;
  }
  .l-min-w270 {
    min-width: 270px !important;
  }
  .l-min-h270 {
    min-height: 270px !important;
  }
  .l-min-s270 {
    min-width: 270px !important;
    min-height: 270px !important;
  }
}
.w300 {
  width: 300px;
}
.h300 {
  height: 300px;
}
.s300 {
  width: 300px;
  height: 300px;
}
.fs300,
.fz300 {
  font-size: 300px;
}
.max-w300 {
  max-width: 300px;
}
.max-h300 {
  max-height: 300px;
}
.max-s300 {
  max-width: 300px;
  max-height: 300px;
}
.min-w300 {
  min-width: 300px;
}
.min-h300 {
  min-height: 300px;
}
.min-s300 {
  min-width: 300px;
  min-height: 300px;
}
@media only screen and (min-width: 993px) {
  .l-w300 {
    width: 300px !important;
  }
  .l-h300 {
    height: 300px !important;
  }
  .l-s300 {
    width: 300px !important;
    height: 300px !important;
  }
  .l-fs300,
  .l-fz300 {
    font-size: 300px !important;
  }
  .l-max-w300 {
    max-width: 300px !important;
  }
  .l-max-h300 {
    max-height: 300px !important;
  }
  .l-max-s300 {
    max-width: 300px !important;
    max-height: 300px !important;
  }
  .l-min-w300 {
    min-width: 300px !important;
  }
  .l-min-h300 {
    min-height: 300px !important;
  }
  .l-min-s300 {
    min-width: 300px !important;
    min-height: 300px !important;
  }
}
.w360 {
  width: 360px;
}
.h360 {
  height: 360px;
}
.s360 {
  width: 360px;
  height: 360px;
}
.fs360,
.fz360 {
  font-size: 360px;
}
.max-w360 {
  max-width: 360px;
}
.max-h360 {
  max-height: 360px;
}
.max-s360 {
  max-width: 360px;
  max-height: 360px;
}
.min-w360 {
  min-width: 360px;
}
.min-h360 {
  min-height: 360px;
}
.min-s360 {
  min-width: 360px;
  min-height: 360px;
}
@media only screen and (min-width: 993px) {
  .l-w360 {
    width: 360px !important;
  }
  .l-h360 {
    height: 360px !important;
  }
  .l-s360 {
    width: 360px !important;
    height: 360px !important;
  }
  .l-fs360,
  .l-fz360 {
    font-size: 360px !important;
  }
  .l-max-w360 {
    max-width: 360px !important;
  }
  .l-max-h360 {
    max-height: 360px !important;
  }
  .l-max-s360 {
    max-width: 360px !important;
    max-height: 360px !important;
  }
  .l-min-w360 {
    min-width: 360px !important;
  }
  .l-min-h360 {
    min-height: 360px !important;
  }
  .l-min-s360 {
    min-width: 360px !important;
    min-height: 360px !important;
  }
}
.w380 {
  width: 380px;
}
.h380 {
  height: 380px;
}
.s380 {
  width: 380px;
  height: 380px;
}
.fs380,
.fz380 {
  font-size: 380px;
}
.max-w380 {
  max-width: 380px;
}
.max-h380 {
  max-height: 380px;
}
.max-s380 {
  max-width: 380px;
  max-height: 380px;
}
.min-w380 {
  min-width: 380px;
}
.min-h380 {
  min-height: 380px;
}
.min-s380 {
  min-width: 380px;
  min-height: 380px;
}
@media only screen and (min-width: 993px) {
  .l-w380 {
    width: 380px !important;
  }
  .l-h380 {
    height: 380px !important;
  }
  .l-s380 {
    width: 380px !important;
    height: 380px !important;
  }
  .l-fs380,
  .l-fz380 {
    font-size: 380px !important;
  }
  .l-max-w380 {
    max-width: 380px !important;
  }
  .l-max-h380 {
    max-height: 380px !important;
  }
  .l-max-s380 {
    max-width: 380px !important;
    max-height: 380px !important;
  }
  .l-min-w380 {
    min-width: 380px !important;
  }
  .l-min-h380 {
    min-height: 380px !important;
  }
  .l-min-s380 {
    min-width: 380px !important;
    min-height: 380px !important;
  }
}
.w400 {
  width: 400px;
}
.h400 {
  height: 400px;
}
.s400 {
  width: 400px;
  height: 400px;
}
.fs400,
.fz400 {
  font-size: 400px;
}
.max-w400 {
  max-width: 400px;
}
.max-h400 {
  max-height: 400px;
}
.max-s400 {
  max-width: 400px;
  max-height: 400px;
}
.min-w400 {
  min-width: 400px;
}
.min-h400 {
  min-height: 400px;
}
.min-s400 {
  min-width: 400px;
  min-height: 400px;
}
@media only screen and (min-width: 993px) {
  .l-w400 {
    width: 400px !important;
  }
  .l-h400 {
    height: 400px !important;
  }
  .l-s400 {
    width: 400px !important;
    height: 400px !important;
  }
  .l-fs400,
  .l-fz400 {
    font-size: 400px !important;
  }
  .l-max-w400 {
    max-width: 400px !important;
  }
  .l-max-h400 {
    max-height: 400px !important;
  }
  .l-max-s400 {
    max-width: 400px !important;
    max-height: 400px !important;
  }
  .l-min-w400 {
    min-width: 400px !important;
  }
  .l-min-h400 {
    min-height: 400px !important;
  }
  .l-min-s400 {
    min-width: 400px !important;
    min-height: 400px !important;
  }
}
.w440 {
  width: 440px;
}
.h440 {
  height: 440px;
}
.s440 {
  width: 440px;
  height: 440px;
}
.fs440,
.fz440 {
  font-size: 440px;
}
.max-w440 {
  max-width: 440px;
}
.max-h440 {
  max-height: 440px;
}
.max-s440 {
  max-width: 440px;
  max-height: 440px;
}
.min-w440 {
  min-width: 440px;
}
.min-h440 {
  min-height: 440px;
}
.min-s440 {
  min-width: 440px;
  min-height: 440px;
}
@media only screen and (min-width: 993px) {
  .l-w440 {
    width: 440px !important;
  }
  .l-h440 {
    height: 440px !important;
  }
  .l-s440 {
    width: 440px !important;
    height: 440px !important;
  }
  .l-fs440,
  .l-fz440 {
    font-size: 440px !important;
  }
  .l-max-w440 {
    max-width: 440px !important;
  }
  .l-max-h440 {
    max-height: 440px !important;
  }
  .l-max-s440 {
    max-width: 440px !important;
    max-height: 440px !important;
  }
  .l-min-w440 {
    min-width: 440px !important;
  }
  .l-min-h440 {
    min-height: 440px !important;
  }
  .l-min-s440 {
    min-width: 440px !important;
    min-height: 440px !important;
  }
}
.w450 {
  width: 450px;
}
.h450 {
  height: 450px;
}
.s450 {
  width: 450px;
  height: 450px;
}
.fs450,
.fz450 {
  font-size: 450px;
}
.max-w450 {
  max-width: 450px;
}
.max-h450 {
  max-height: 450px;
}
.max-s450 {
  max-width: 450px;
  max-height: 450px;
}
.min-w450 {
  min-width: 450px;
}
.min-h450 {
  min-height: 450px;
}
.min-s450 {
  min-width: 450px;
  min-height: 450px;
}
@media only screen and (min-width: 993px) {
  .l-w450 {
    width: 450px !important;
  }
  .l-h450 {
    height: 450px !important;
  }
  .l-s450 {
    width: 450px !important;
    height: 450px !important;
  }
  .l-fs450,
  .l-fz450 {
    font-size: 450px !important;
  }
  .l-max-w450 {
    max-width: 450px !important;
  }
  .l-max-h450 {
    max-height: 450px !important;
  }
  .l-max-s450 {
    max-width: 450px !important;
    max-height: 450px !important;
  }
  .l-min-w450 {
    min-width: 450px !important;
  }
  .l-min-h450 {
    min-height: 450px !important;
  }
  .l-min-s450 {
    min-width: 450px !important;
    min-height: 450px !important;
  }
}
.w500 {
  width: 500px;
}
.h500 {
  height: 500px;
}
.s500 {
  width: 500px;
  height: 500px;
}
.fs500,
.fz500 {
  font-size: 500px;
}
.max-w500 {
  max-width: 500px;
}
.max-h500 {
  max-height: 500px;
}
.max-s500 {
  max-width: 500px;
  max-height: 500px;
}
.min-w500 {
  min-width: 500px;
}
.min-h500 {
  min-height: 500px;
}
.min-s500 {
  min-width: 500px;
  min-height: 500px;
}
@media only screen and (min-width: 993px) {
  .l-w500 {
    width: 500px !important;
  }
  .l-h500 {
    height: 500px !important;
  }
  .l-s500 {
    width: 500px !important;
    height: 500px !important;
  }
  .l-fs500,
  .l-fz500 {
    font-size: 500px !important;
  }
  .l-max-w500 {
    max-width: 500px !important;
  }
  .l-max-h500 {
    max-height: 500px !important;
  }
  .l-max-s500 {
    max-width: 500px !important;
    max-height: 500px !important;
  }
  .l-min-w500 {
    min-width: 500px !important;
  }
  .l-min-h500 {
    min-height: 500px !important;
  }
  .l-min-s500 {
    min-width: 500px !important;
    min-height: 500px !important;
  }
}
.w700 {
  width: 700px;
}
.h700 {
  height: 700px;
}
.s700 {
  width: 700px;
  height: 700px;
}
.fs700,
.fz700 {
  font-size: 700px;
}
.max-w700 {
  max-width: 700px;
}
.max-h700 {
  max-height: 700px;
}
.max-s700 {
  max-width: 700px;
  max-height: 700px;
}
.min-w700 {
  min-width: 700px;
}
.min-h700 {
  min-height: 700px;
}
.min-s700 {
  min-width: 700px;
  min-height: 700px;
}
@media only screen and (min-width: 993px) {
  .l-w700 {
    width: 700px !important;
  }
  .l-h700 {
    height: 700px !important;
  }
  .l-s700 {
    width: 700px !important;
    height: 700px !important;
  }
  .l-fs700,
  .l-fz700 {
    font-size: 700px !important;
  }
  .l-max-w700 {
    max-width: 700px !important;
  }
  .l-max-h700 {
    max-height: 700px !important;
  }
  .l-max-s700 {
    max-width: 700px !important;
    max-height: 700px !important;
  }
  .l-min-w700 {
    min-width: 700px !important;
  }
  .l-min-h700 {
    min-height: 700px !important;
  }
  .l-min-s700 {
    min-width: 700px !important;
    min-height: 700px !important;
  }
}
.w800 {
  width: 800px;
}
.h800 {
  height: 800px;
}
.s800 {
  width: 800px;
  height: 800px;
}
.fs800,
.fz800 {
  font-size: 800px;
}
.max-w800 {
  max-width: 800px;
}
.max-h800 {
  max-height: 800px;
}
.max-s800 {
  max-width: 800px;
  max-height: 800px;
}
.min-w800 {
  min-width: 800px;
}
.min-h800 {
  min-height: 800px;
}
.min-s800 {
  min-width: 800px;
  min-height: 800px;
}
@media only screen and (min-width: 993px) {
  .l-w800 {
    width: 800px !important;
  }
  .l-h800 {
    height: 800px !important;
  }
  .l-s800 {
    width: 800px !important;
    height: 800px !important;
  }
  .l-fs800,
  .l-fz800 {
    font-size: 800px !important;
  }
  .l-max-w800 {
    max-width: 800px !important;
  }
  .l-max-h800 {
    max-height: 800px !important;
  }
  .l-max-s800 {
    max-width: 800px !important;
    max-height: 800px !important;
  }
  .l-min-w800 {
    min-width: 800px !important;
  }
  .l-min-h800 {
    min-height: 800px !important;
  }
  .l-min-s800 {
    min-width: 800px !important;
    min-height: 800px !important;
  }
}
.w900 {
  width: 900px;
}
.h900 {
  height: 900px;
}
.s900 {
  width: 900px;
  height: 900px;
}
.fs900,
.fz900 {
  font-size: 900px;
}
.max-w900 {
  max-width: 900px;
}
.max-h900 {
  max-height: 900px;
}
.max-s900 {
  max-width: 900px;
  max-height: 900px;
}
.min-w900 {
  min-width: 900px;
}
.min-h900 {
  min-height: 900px;
}
.min-s900 {
  min-width: 900px;
  min-height: 900px;
}
@media only screen and (min-width: 993px) {
  .l-w900 {
    width: 900px !important;
  }
  .l-h900 {
    height: 900px !important;
  }
  .l-s900 {
    width: 900px !important;
    height: 900px !important;
  }
  .l-fs900,
  .l-fz900 {
    font-size: 900px !important;
  }
  .l-max-w900 {
    max-width: 900px !important;
  }
  .l-max-h900 {
    max-height: 900px !important;
  }
  .l-max-s900 {
    max-width: 900px !important;
    max-height: 900px !important;
  }
  .l-min-w900 {
    min-width: 900px !important;
  }
  .l-min-h900 {
    min-height: 900px !important;
  }
  .l-min-s900 {
    min-width: 900px !important;
    min-height: 900px !important;
  }
}
.w945 {
  width: 945px;
}
.h945 {
  height: 945px;
}
.s945 {
  width: 945px;
  height: 945px;
}
.fs945,
.fz945 {
  font-size: 945px;
}
.max-w945 {
  max-width: 945px;
}
.max-h945 {
  max-height: 945px;
}
.max-s945 {
  max-width: 945px;
  max-height: 945px;
}
.min-w945 {
  min-width: 945px;
}
.min-h945 {
  min-height: 945px;
}
.min-s945 {
  min-width: 945px;
  min-height: 945px;
}
@media only screen and (min-width: 993px) {
  .l-w945 {
    width: 945px !important;
  }
  .l-h945 {
    height: 945px !important;
  }
  .l-s945 {
    width: 945px !important;
    height: 945px !important;
  }
  .l-fs945,
  .l-fz945 {
    font-size: 945px !important;
  }
  .l-max-w945 {
    max-width: 945px !important;
  }
  .l-max-h945 {
    max-height: 945px !important;
  }
  .l-max-s945 {
    max-width: 945px !important;
    max-height: 945px !important;
  }
  .l-min-w945 {
    min-width: 945px !important;
  }
  .l-min-h945 {
    min-height: 945px !important;
  }
  .l-min-s945 {
    min-width: 945px !important;
    min-height: 945px !important;
  }
}
.mln28 {
  margin-left: -28px;
}
.mrn28 {
  margin-right: -28px;
}
.mtn28 {
  margin-top: -28px;
}
.mbn28 {
  margin-bottom: -28px;
}
@media only screen and (min-width: 993px) {
  .l-mln28 {
    margin-left: -28px !important;
  }
  .l-mrn28 {
    margin-right: -28px !important;
  }
  .l-mtn28 {
    margin-top: -28px !important;
  }
  .l-mbn28 {
    margin-bottom: -28px !important;
  }
}
.mln40 {
  margin-left: -40px;
}
.mrn40 {
  margin-right: -40px;
}
.mtn40 {
  margin-top: -40px;
}
.mbn40 {
  margin-bottom: -40px;
}
@media only screen and (min-width: 993px) {
  .l-mln40 {
    margin-left: -40px !important;
  }
  .l-mrn40 {
    margin-right: -40px !important;
  }
  .l-mtn40 {
    margin-top: -40px !important;
  }
  .l-mbn40 {
    margin-bottom: -40px !important;
  }
}
.mln45 {
  margin-left: -45px;
}
.mrn45 {
  margin-right: -45px;
}
.mtn45 {
  margin-top: -45px;
}
.mbn45 {
  margin-bottom: -45px;
}
@media only screen and (min-width: 993px) {
  .l-mln45 {
    margin-left: -45px !important;
  }
  .l-mrn45 {
    margin-right: -45px !important;
  }
  .l-mtn45 {
    margin-top: -45px !important;
  }
  .l-mbn45 {
    margin-bottom: -45px !important;
  }
}
.mln50 {
  margin-left: -50px;
}
.mrn50 {
  margin-right: -50px;
}
.mtn50 {
  margin-top: -50px;
}
.mbn50 {
  margin-bottom: -50px;
}
@media only screen and (min-width: 993px) {
  .l-mln50 {
    margin-left: -50px !important;
  }
  .l-mrn50 {
    margin-right: -50px !important;
  }
  .l-mtn50 {
    margin-top: -50px !important;
  }
  .l-mbn50 {
    margin-bottom: -50px !important;
  }
}
.mln64 {
  margin-left: -64px;
}
.mrn64 {
  margin-right: -64px;
}
.mtn64 {
  margin-top: -64px;
}
.mbn64 {
  margin-bottom: -64px;
}
@media only screen and (min-width: 993px) {
  .l-mln64 {
    margin-left: -64px !important;
  }
  .l-mrn64 {
    margin-right: -64px !important;
  }
  .l-mtn64 {
    margin-top: -64px !important;
  }
  .l-mbn64 {
    margin-bottom: -64px !important;
  }
}
.mln70 {
  margin-left: -70px;
}
.mrn70 {
  margin-right: -70px;
}
.mtn70 {
  margin-top: -70px;
}
.mbn70 {
  margin-bottom: -70px;
}
@media only screen and (min-width: 993px) {
  .l-mln70 {
    margin-left: -70px !important;
  }
  .l-mrn70 {
    margin-right: -70px !important;
  }
  .l-mtn70 {
    margin-top: -70px !important;
  }
  .l-mbn70 {
    margin-bottom: -70px !important;
  }
}
.mln100 {
  margin-left: -100px;
}
.mrn100 {
  margin-right: -100px;
}
.mtn100 {
  margin-top: -100px;
}
.mbn100 {
  margin-bottom: -100px;
}
@media only screen and (min-width: 993px) {
  .l-mln100 {
    margin-left: -100px !important;
  }
  .l-mrn100 {
    margin-right: -100px !important;
  }
  .l-mtn100 {
    margin-top: -100px !important;
  }
  .l-mbn100 {
    margin-bottom: -100px !important;
  }
}
.mln120 {
  margin-left: -120px;
}
.mrn120 {
  margin-right: -120px;
}
.mtn120 {
  margin-top: -120px;
}
.mbn120 {
  margin-bottom: -120px;
}
@media only screen and (min-width: 993px) {
  .l-mln120 {
    margin-left: -120px !important;
  }
  .l-mrn120 {
    margin-right: -120px !important;
  }
  .l-mtn120 {
    margin-top: -120px !important;
  }
  .l-mbn120 {
    margin-bottom: -120px !important;
  }
}
.mln180 {
  margin-left: -180px;
}
.mrn180 {
  margin-right: -180px;
}
.mtn180 {
  margin-top: -180px;
}
.mbn180 {
  margin-bottom: -180px;
}
@media only screen and (min-width: 993px) {
  .l-mln180 {
    margin-left: -180px !important;
  }
  .l-mrn180 {
    margin-right: -180px !important;
  }
  .l-mtn180 {
    margin-top: -180px !important;
  }
  .l-mbn180 {
    margin-bottom: -180px !important;
  }
}
.pl35 {
  padding-left: 35px;
}
.pr35 {
  padding-right: 35px;
}
.px35 {
  padding-left: 35px;
  padding-right: 35px;
}
.pt35 {
  padding-top: 35px;
}
.pb35 {
  padding-bottom: 35px;
}
.py35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.ml35 {
  margin-left: 35px;
}
.mr35 {
  margin-right: 35px;
}
.mx35 {
  margin-left: 35px;
  margin-right: 35px;
}
.mt35 {
  margin-top: 35px;
}
.mb35 {
  margin-bottom: 35px;
}
.my35 {
  margin-top: 35px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 993px) {
  .l-pl35 {
    padding-left: 35px !important;
  }
  .l-pr35 {
    padding-right: 35px !important;
  }
  .l-px35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .l-pt35 {
    padding-top: 35px !important;
  }
  .l-pb35 {
    padding-bottom: 35px !important;
  }
  .l-py35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }
  .l-ml35 {
    margin-left: 35px !important;
  }
  .l-mr35 {
    margin-right: 35px !important;
  }
  .l-mx35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .l-mt35 {
    margin-top: 35px !important;
  }
  .l-mb35 {
    margin-bottom: 35px !important;
  }
  .l-my35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
.pl44 {
  padding-left: 44px;
}
.pr44 {
  padding-right: 44px;
}
.px44 {
  padding-left: 44px;
  padding-right: 44px;
}
.pt44 {
  padding-top: 44px;
}
.pb44 {
  padding-bottom: 44px;
}
.py44 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.ml44 {
  margin-left: 44px;
}
.mr44 {
  margin-right: 44px;
}
.mx44 {
  margin-left: 44px;
  margin-right: 44px;
}
.mt44 {
  margin-top: 44px;
}
.mb44 {
  margin-bottom: 44px;
}
.my44 {
  margin-top: 44px;
  margin-bottom: 44px;
}
@media only screen and (min-width: 993px) {
  .l-pl44 {
    padding-left: 44px !important;
  }
  .l-pr44 {
    padding-right: 44px !important;
  }
  .l-px44 {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }
  .l-pt44 {
    padding-top: 44px !important;
  }
  .l-pb44 {
    padding-bottom: 44px !important;
  }
  .l-py44 {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }
  .l-ml44 {
    margin-left: 44px !important;
  }
  .l-mr44 {
    margin-right: 44px !important;
  }
  .l-mx44 {
    margin-left: 44px;
    margin-right: 44px;
  }
  .l-mt44 {
    margin-top: 44px !important;
  }
  .l-mb44 {
    margin-bottom: 44px !important;
  }
  .l-my44 {
    margin-top: 44px;
    margin-bottom: 44px;
  }
}
.pl46 {
  padding-left: 46px;
}
.pr46 {
  padding-right: 46px;
}
.px46 {
  padding-left: 46px;
  padding-right: 46px;
}
.pt46 {
  padding-top: 46px;
}
.pb46 {
  padding-bottom: 46px;
}
.py46 {
  padding-top: 46px;
  padding-bottom: 46px;
}
.ml46 {
  margin-left: 46px;
}
.mr46 {
  margin-right: 46px;
}
.mx46 {
  margin-left: 46px;
  margin-right: 46px;
}
.mt46 {
  margin-top: 46px;
}
.mb46 {
  margin-bottom: 46px;
}
.my46 {
  margin-top: 46px;
  margin-bottom: 46px;
}
@media only screen and (min-width: 993px) {
  .l-pl46 {
    padding-left: 46px !important;
  }
  .l-pr46 {
    padding-right: 46px !important;
  }
  .l-px46 {
    padding-left: 46px !important;
    padding-right: 46px !important;
  }
  .l-pt46 {
    padding-top: 46px !important;
  }
  .l-pb46 {
    padding-bottom: 46px !important;
  }
  .l-py46 {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }
  .l-ml46 {
    margin-left: 46px !important;
  }
  .l-mr46 {
    margin-right: 46px !important;
  }
  .l-mx46 {
    margin-left: 46px;
    margin-right: 46px;
  }
  .l-mt46 {
    margin-top: 46px !important;
  }
  .l-mb46 {
    margin-bottom: 46px !important;
  }
  .l-my46 {
    margin-top: 46px;
    margin-bottom: 46px;
  }
}
.pl48 {
  padding-left: 48px;
}
.pr48 {
  padding-right: 48px;
}
.px48 {
  padding-left: 48px;
  padding-right: 48px;
}
.pt48 {
  padding-top: 48px;
}
.pb48 {
  padding-bottom: 48px;
}
.py48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.ml48 {
  margin-left: 48px;
}
.mr48 {
  margin-right: 48px;
}
.mx48 {
  margin-left: 48px;
  margin-right: 48px;
}
.mt48 {
  margin-top: 48px;
}
.mb48 {
  margin-bottom: 48px;
}
.my48 {
  margin-top: 48px;
  margin-bottom: 48px;
}
@media only screen and (min-width: 993px) {
  .l-pl48 {
    padding-left: 48px !important;
  }
  .l-pr48 {
    padding-right: 48px !important;
  }
  .l-px48 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .l-pt48 {
    padding-top: 48px !important;
  }
  .l-pb48 {
    padding-bottom: 48px !important;
  }
  .l-py48 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .l-ml48 {
    margin-left: 48px !important;
  }
  .l-mr48 {
    margin-right: 48px !important;
  }
  .l-mx48 {
    margin-left: 48px;
    margin-right: 48px;
  }
  .l-mt48 {
    margin-top: 48px !important;
  }
  .l-mb48 {
    margin-bottom: 48px !important;
  }
  .l-my48 {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.pl56 {
  padding-left: 56px;
}
.pr56 {
  padding-right: 56px;
}
.px56 {
  padding-left: 56px;
  padding-right: 56px;
}
.pt56 {
  padding-top: 56px;
}
.pb56 {
  padding-bottom: 56px;
}
.py56 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.ml56 {
  margin-left: 56px;
}
.mr56 {
  margin-right: 56px;
}
.mx56 {
  margin-left: 56px;
  margin-right: 56px;
}
.mt56 {
  margin-top: 56px;
}
.mb56 {
  margin-bottom: 56px;
}
.my56 {
  margin-top: 56px;
  margin-bottom: 56px;
}
@media only screen and (min-width: 993px) {
  .l-pl56 {
    padding-left: 56px !important;
  }
  .l-pr56 {
    padding-right: 56px !important;
  }
  .l-px56 {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .l-pt56 {
    padding-top: 56px !important;
  }
  .l-pb56 {
    padding-bottom: 56px !important;
  }
  .l-py56 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .l-ml56 {
    margin-left: 56px !important;
  }
  .l-mr56 {
    margin-right: 56px !important;
  }
  .l-mx56 {
    margin-left: 56px;
    margin-right: 56px;
  }
  .l-mt56 {
    margin-top: 56px !important;
  }
  .l-mb56 {
    margin-bottom: 56px !important;
  }
  .l-my56 {
    margin-top: 56px;
    margin-bottom: 56px;
  }
}
.pl58 {
  padding-left: 58px;
}
.pr58 {
  padding-right: 58px;
}
.px58 {
  padding-left: 58px;
  padding-right: 58px;
}
.pt58 {
  padding-top: 58px;
}
.pb58 {
  padding-bottom: 58px;
}
.py58 {
  padding-top: 58px;
  padding-bottom: 58px;
}
.ml58 {
  margin-left: 58px;
}
.mr58 {
  margin-right: 58px;
}
.mx58 {
  margin-left: 58px;
  margin-right: 58px;
}
.mt58 {
  margin-top: 58px;
}
.mb58 {
  margin-bottom: 58px;
}
.my58 {
  margin-top: 58px;
  margin-bottom: 58px;
}
@media only screen and (min-width: 993px) {
  .l-pl58 {
    padding-left: 58px !important;
  }
  .l-pr58 {
    padding-right: 58px !important;
  }
  .l-px58 {
    padding-left: 58px !important;
    padding-right: 58px !important;
  }
  .l-pt58 {
    padding-top: 58px !important;
  }
  .l-pb58 {
    padding-bottom: 58px !important;
  }
  .l-py58 {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }
  .l-ml58 {
    margin-left: 58px !important;
  }
  .l-mr58 {
    margin-right: 58px !important;
  }
  .l-mx58 {
    margin-left: 58px;
    margin-right: 58px;
  }
  .l-mt58 {
    margin-top: 58px !important;
  }
  .l-mb58 {
    margin-bottom: 58px !important;
  }
  .l-my58 {
    margin-top: 58px;
    margin-bottom: 58px;
  }
}
.pl70 {
  padding-left: 70px;
}
.pr70 {
  padding-right: 70px;
}
.px70 {
  padding-left: 70px;
  padding-right: 70px;
}
.pt70 {
  padding-top: 70px;
}
.pb70 {
  padding-bottom: 70px;
}
.py70 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.ml70 {
  margin-left: 70px;
}
.mr70 {
  margin-right: 70px;
}
.mx70 {
  margin-left: 70px;
  margin-right: 70px;
}
.mt70 {
  margin-top: 70px;
}
.mb70 {
  margin-bottom: 70px;
}
.my70 {
  margin-top: 70px;
  margin-bottom: 70px;
}
@media only screen and (min-width: 993px) {
  .l-pl70 {
    padding-left: 70px !important;
  }
  .l-pr70 {
    padding-right: 70px !important;
  }
  .l-px70 {
    padding-left: 70px !important;
    padding-right: 70px !important;
  }
  .l-pt70 {
    padding-top: 70px !important;
  }
  .l-pb70 {
    padding-bottom: 70px !important;
  }
  .l-py70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }
  .l-ml70 {
    margin-left: 70px !important;
  }
  .l-mr70 {
    margin-right: 70px !important;
  }
  .l-mx70 {
    margin-left: 70px;
    margin-right: 70px;
  }
  .l-mt70 {
    margin-top: 70px !important;
  }
  .l-mb70 {
    margin-bottom: 70px !important;
  }
  .l-my70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}
.pl72 {
  padding-left: 72px;
}
.pr72 {
  padding-right: 72px;
}
.px72 {
  padding-left: 72px;
  padding-right: 72px;
}
.pt72 {
  padding-top: 72px;
}
.pb72 {
  padding-bottom: 72px;
}
.py72 {
  padding-top: 72px;
  padding-bottom: 72px;
}
.ml72 {
  margin-left: 72px;
}
.mr72 {
  margin-right: 72px;
}
.mx72 {
  margin-left: 72px;
  margin-right: 72px;
}
.mt72 {
  margin-top: 72px;
}
.mb72 {
  margin-bottom: 72px;
}
.my72 {
  margin-top: 72px;
  margin-bottom: 72px;
}
@media only screen and (min-width: 993px) {
  .l-pl72 {
    padding-left: 72px !important;
  }
  .l-pr72 {
    padding-right: 72px !important;
  }
  .l-px72 {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .l-pt72 {
    padding-top: 72px !important;
  }
  .l-pb72 {
    padding-bottom: 72px !important;
  }
  .l-py72 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .l-ml72 {
    margin-left: 72px !important;
  }
  .l-mr72 {
    margin-right: 72px !important;
  }
  .l-mx72 {
    margin-left: 72px;
    margin-right: 72px;
  }
  .l-mt72 {
    margin-top: 72px !important;
  }
  .l-mb72 {
    margin-bottom: 72px !important;
  }
  .l-my72 {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}
.pl100 {
  padding-left: 100px;
}
.pr100 {
  padding-right: 100px;
}
.px100 {
  padding-left: 100px;
  padding-right: 100px;
}
.pt100 {
  padding-top: 100px;
}
.pb100 {
  padding-bottom: 100px;
}
.py100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.ml100 {
  margin-left: 100px;
}
.mr100 {
  margin-right: 100px;
}
.mx100 {
  margin-left: 100px;
  margin-right: 100px;
}
.mt100 {
  margin-top: 100px;
}
.mb100 {
  margin-bottom: 100px;
}
.my100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media only screen and (min-width: 993px) {
  .l-pl100 {
    padding-left: 100px !important;
  }
  .l-pr100 {
    padding-right: 100px !important;
  }
  .l-px100 {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .l-pt100 {
    padding-top: 100px !important;
  }
  .l-pb100 {
    padding-bottom: 100px !important;
  }
  .l-py100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
  .l-ml100 {
    margin-left: 100px !important;
  }
  .l-mr100 {
    margin-right: 100px !important;
  }
  .l-mx100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .l-mt100 {
    margin-top: 100px !important;
  }
  .l-mb100 {
    margin-bottom: 100px !important;
  }
  .l-my100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
.pl110 {
  padding-left: 110px;
}
.pr110 {
  padding-right: 110px;
}
.px110 {
  padding-left: 110px;
  padding-right: 110px;
}
.pt110 {
  padding-top: 110px;
}
.pb110 {
  padding-bottom: 110px;
}
.py110 {
  padding-top: 110px;
  padding-bottom: 110px;
}
.ml110 {
  margin-left: 110px;
}
.mr110 {
  margin-right: 110px;
}
.mx110 {
  margin-left: 110px;
  margin-right: 110px;
}
.mt110 {
  margin-top: 110px;
}
.mb110 {
  margin-bottom: 110px;
}
.my110 {
  margin-top: 110px;
  margin-bottom: 110px;
}
@media only screen and (min-width: 993px) {
  .l-pl110 {
    padding-left: 110px !important;
  }
  .l-pr110 {
    padding-right: 110px !important;
  }
  .l-px110 {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }
  .l-pt110 {
    padding-top: 110px !important;
  }
  .l-pb110 {
    padding-bottom: 110px !important;
  }
  .l-py110 {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
  .l-ml110 {
    margin-left: 110px !important;
  }
  .l-mr110 {
    margin-right: 110px !important;
  }
  .l-mx110 {
    margin-left: 110px;
    margin-right: 110px;
  }
  .l-mt110 {
    margin-top: 110px !important;
  }
  .l-mb110 {
    margin-bottom: 110px !important;
  }
  .l-my110 {
    margin-top: 110px;
    margin-bottom: 110px;
  }
}
.pl120 {
  padding-left: 120px;
}
.pr120 {
  padding-right: 120px;
}
.px120 {
  padding-left: 120px;
  padding-right: 120px;
}
.pt120 {
  padding-top: 120px;
}
.pb120 {
  padding-bottom: 120px;
}
.py120 {
  padding-top: 120px;
  padding-bottom: 120px;
}
.ml120 {
  margin-left: 120px;
}
.mr120 {
  margin-right: 120px;
}
.mx120 {
  margin-left: 120px;
  margin-right: 120px;
}
.mt120 {
  margin-top: 120px;
}
.mb120 {
  margin-bottom: 120px;
}
.my120 {
  margin-top: 120px;
  margin-bottom: 120px;
}
@media only screen and (min-width: 993px) {
  .l-pl120 {
    padding-left: 120px !important;
  }
  .l-pr120 {
    padding-right: 120px !important;
  }
  .l-px120 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .l-pt120 {
    padding-top: 120px !important;
  }
  .l-pb120 {
    padding-bottom: 120px !important;
  }
  .l-py120 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .l-ml120 {
    margin-left: 120px !important;
  }
  .l-mr120 {
    margin-right: 120px !important;
  }
  .l-mx120 {
    margin-left: 120px;
    margin-right: 120px;
  }
  .l-mt120 {
    margin-top: 120px !important;
  }
  .l-mb120 {
    margin-bottom: 120px !important;
  }
  .l-my120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }
}
.pl130 {
  padding-left: 130px;
}
.pr130 {
  padding-right: 130px;
}
.px130 {
  padding-left: 130px;
  padding-right: 130px;
}
.pt130 {
  padding-top: 130px;
}
.pb130 {
  padding-bottom: 130px;
}
.py130 {
  padding-top: 130px;
  padding-bottom: 130px;
}
.ml130 {
  margin-left: 130px;
}
.mr130 {
  margin-right: 130px;
}
.mx130 {
  margin-left: 130px;
  margin-right: 130px;
}
.mt130 {
  margin-top: 130px;
}
.mb130 {
  margin-bottom: 130px;
}
.my130 {
  margin-top: 130px;
  margin-bottom: 130px;
}
@media only screen and (min-width: 993px) {
  .l-pl130 {
    padding-left: 130px !important;
  }
  .l-pr130 {
    padding-right: 130px !important;
  }
  .l-px130 {
    padding-left: 130px !important;
    padding-right: 130px !important;
  }
  .l-pt130 {
    padding-top: 130px !important;
  }
  .l-pb130 {
    padding-bottom: 130px !important;
  }
  .l-py130 {
    padding-top: 130px !important;
    padding-bottom: 130px !important;
  }
  .l-ml130 {
    margin-left: 130px !important;
  }
  .l-mr130 {
    margin-right: 130px !important;
  }
  .l-mx130 {
    margin-left: 130px;
    margin-right: 130px;
  }
  .l-mt130 {
    margin-top: 130px !important;
  }
  .l-mb130 {
    margin-bottom: 130px !important;
  }
  .l-my130 {
    margin-top: 130px;
    margin-bottom: 130px;
  }
}
.pl140 {
  padding-left: 140px;
}
.pr140 {
  padding-right: 140px;
}
.px140 {
  padding-left: 140px;
  padding-right: 140px;
}
.pt140 {
  padding-top: 140px;
}
.pb140 {
  padding-bottom: 140px;
}
.py140 {
  padding-top: 140px;
  padding-bottom: 140px;
}
.ml140 {
  margin-left: 140px;
}
.mr140 {
  margin-right: 140px;
}
.mx140 {
  margin-left: 140px;
  margin-right: 140px;
}
.mt140 {
  margin-top: 140px;
}
.mb140 {
  margin-bottom: 140px;
}
.my140 {
  margin-top: 140px;
  margin-bottom: 140px;
}
@media only screen and (min-width: 993px) {
  .l-pl140 {
    padding-left: 140px !important;
  }
  .l-pr140 {
    padding-right: 140px !important;
  }
  .l-px140 {
    padding-left: 140px !important;
    padding-right: 140px !important;
  }
  .l-pt140 {
    padding-top: 140px !important;
  }
  .l-pb140 {
    padding-bottom: 140px !important;
  }
  .l-py140 {
    padding-top: 140px !important;
    padding-bottom: 140px !important;
  }
  .l-ml140 {
    margin-left: 140px !important;
  }
  .l-mr140 {
    margin-right: 140px !important;
  }
  .l-mx140 {
    margin-left: 140px;
    margin-right: 140px;
  }
  .l-mt140 {
    margin-top: 140px !important;
  }
  .l-mb140 {
    margin-bottom: 140px !important;
  }
  .l-my140 {
    margin-top: 140px;
    margin-bottom: 140px;
  }
}
.pl150 {
  padding-left: 150px;
}
.pr150 {
  padding-right: 150px;
}
.px150 {
  padding-left: 150px;
  padding-right: 150px;
}
.pt150 {
  padding-top: 150px;
}
.pb150 {
  padding-bottom: 150px;
}
.py150 {
  padding-top: 150px;
  padding-bottom: 150px;
}
.ml150 {
  margin-left: 150px;
}
.mr150 {
  margin-right: 150px;
}
.mx150 {
  margin-left: 150px;
  margin-right: 150px;
}
.mt150 {
  margin-top: 150px;
}
.mb150 {
  margin-bottom: 150px;
}
.my150 {
  margin-top: 150px;
  margin-bottom: 150px;
}
@media only screen and (min-width: 993px) {
  .l-pl150 {
    padding-left: 150px !important;
  }
  .l-pr150 {
    padding-right: 150px !important;
  }
  .l-px150 {
    padding-left: 150px !important;
    padding-right: 150px !important;
  }
  .l-pt150 {
    padding-top: 150px !important;
  }
  .l-pb150 {
    padding-bottom: 150px !important;
  }
  .l-py150 {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }
  .l-ml150 {
    margin-left: 150px !important;
  }
  .l-mr150 {
    margin-right: 150px !important;
  }
  .l-mx150 {
    margin-left: 150px;
    margin-right: 150px;
  }
  .l-mt150 {
    margin-top: 150px !important;
  }
  .l-mb150 {
    margin-bottom: 150px !important;
  }
  .l-my150 {
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
.pl160 {
  padding-left: 160px;
}
.pr160 {
  padding-right: 160px;
}
.px160 {
  padding-left: 160px;
  padding-right: 160px;
}
.pt160 {
  padding-top: 160px;
}
.pb160 {
  padding-bottom: 160px;
}
.py160 {
  padding-top: 160px;
  padding-bottom: 160px;
}
.ml160 {
  margin-left: 160px;
}
.mr160 {
  margin-right: 160px;
}
.mx160 {
  margin-left: 160px;
  margin-right: 160px;
}
.mt160 {
  margin-top: 160px;
}
.mb160 {
  margin-bottom: 160px;
}
.my160 {
  margin-top: 160px;
  margin-bottom: 160px;
}
@media only screen and (min-width: 993px) {
  .l-pl160 {
    padding-left: 160px !important;
  }
  .l-pr160 {
    padding-right: 160px !important;
  }
  .l-px160 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .l-pt160 {
    padding-top: 160px !important;
  }
  .l-pb160 {
    padding-bottom: 160px !important;
  }
  .l-py160 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .l-ml160 {
    margin-left: 160px !important;
  }
  .l-mr160 {
    margin-right: 160px !important;
  }
  .l-mx160 {
    margin-left: 160px;
    margin-right: 160px;
  }
  .l-mt160 {
    margin-top: 160px !important;
  }
  .l-mb160 {
    margin-bottom: 160px !important;
  }
  .l-my160 {
    margin-top: 160px;
    margin-bottom: 160px;
  }
}
.pl180 {
  padding-left: 180px;
}
.pr180 {
  padding-right: 180px;
}
.px180 {
  padding-left: 180px;
  padding-right: 180px;
}
.pt180 {
  padding-top: 180px;
}
.pb180 {
  padding-bottom: 180px;
}
.py180 {
  padding-top: 180px;
  padding-bottom: 180px;
}
.ml180 {
  margin-left: 180px;
}
.mr180 {
  margin-right: 180px;
}
.mx180 {
  margin-left: 180px;
  margin-right: 180px;
}
.mt180 {
  margin-top: 180px;
}
.mb180 {
  margin-bottom: 180px;
}
.my180 {
  margin-top: 180px;
  margin-bottom: 180px;
}
@media only screen and (min-width: 993px) {
  .l-pl180 {
    padding-left: 180px !important;
  }
  .l-pr180 {
    padding-right: 180px !important;
  }
  .l-px180 {
    padding-left: 180px !important;
    padding-right: 180px !important;
  }
  .l-pt180 {
    padding-top: 180px !important;
  }
  .l-pb180 {
    padding-bottom: 180px !important;
  }
  .l-py180 {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
  }
  .l-ml180 {
    margin-left: 180px !important;
  }
  .l-mr180 {
    margin-right: 180px !important;
  }
  .l-mx180 {
    margin-left: 180px;
    margin-right: 180px;
  }
  .l-mt180 {
    margin-top: 180px !important;
  }
  .l-mb180 {
    margin-bottom: 180px !important;
  }
  .l-my180 {
    margin-top: 180px;
    margin-bottom: 180px;
  }
}
.pl200 {
  padding-left: 200px;
}
.pr200 {
  padding-right: 200px;
}
.px200 {
  padding-left: 200px;
  padding-right: 200px;
}
.pt200 {
  padding-top: 200px;
}
.pb200 {
  padding-bottom: 200px;
}
.py200 {
  padding-top: 200px;
  padding-bottom: 200px;
}
.ml200 {
  margin-left: 200px;
}
.mr200 {
  margin-right: 200px;
}
.mx200 {
  margin-left: 200px;
  margin-right: 200px;
}
.mt200 {
  margin-top: 200px;
}
.mb200 {
  margin-bottom: 200px;
}
.my200 {
  margin-top: 200px;
  margin-bottom: 200px;
}
@media only screen and (min-width: 993px) {
  .l-pl200 {
    padding-left: 200px !important;
  }
  .l-pr200 {
    padding-right: 200px !important;
  }
  .l-px200 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }
  .l-pt200 {
    padding-top: 200px !important;
  }
  .l-pb200 {
    padding-bottom: 200px !important;
  }
  .l-py200 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }
  .l-ml200 {
    margin-left: 200px !important;
  }
  .l-mr200 {
    margin-right: 200px !important;
  }
  .l-mx200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .l-mt200 {
    margin-top: 200px !important;
  }
  .l-mb200 {
    margin-bottom: 200px !important;
  }
  .l-my200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
}
.pl240 {
  padding-left: 240px;
}
.pr240 {
  padding-right: 240px;
}
.px240 {
  padding-left: 240px;
  padding-right: 240px;
}
.pt240 {
  padding-top: 240px;
}
.pb240 {
  padding-bottom: 240px;
}
.py240 {
  padding-top: 240px;
  padding-bottom: 240px;
}
.ml240 {
  margin-left: 240px;
}
.mr240 {
  margin-right: 240px;
}
.mx240 {
  margin-left: 240px;
  margin-right: 240px;
}
.mt240 {
  margin-top: 240px;
}
.mb240 {
  margin-bottom: 240px;
}
.my240 {
  margin-top: 240px;
  margin-bottom: 240px;
}
@media only screen and (min-width: 993px) {
  .l-pl240 {
    padding-left: 240px !important;
  }
  .l-pr240 {
    padding-right: 240px !important;
  }
  .l-px240 {
    padding-left: 240px !important;
    padding-right: 240px !important;
  }
  .l-pt240 {
    padding-top: 240px !important;
  }
  .l-pb240 {
    padding-bottom: 240px !important;
  }
  .l-py240 {
    padding-top: 240px !important;
    padding-bottom: 240px !important;
  }
  .l-ml240 {
    margin-left: 240px !important;
  }
  .l-mr240 {
    margin-right: 240px !important;
  }
  .l-mx240 {
    margin-left: 240px;
    margin-right: 240px;
  }
  .l-mt240 {
    margin-top: 240px !important;
  }
  .l-mb240 {
    margin-bottom: 240px !important;
  }
  .l-my240 {
    margin-top: 240px;
    margin-bottom: 240px;
  }
}
@media only screen and (max-width: 992px) {
  .menu {
    background-color: rgba(32, 38, 50, 0.96);
    visibility: hidden;
    opacity: 0;
  }
  .menu.active {
    visibility: visible;
    opacity: 1;
  }
  #menu_button.active .menu {
    visibility: visible;
    opacity: 1;
  }
  #nav[data-top=false] {
    background-color: white;
    color: #10242D !important;
    box-shadow: 0px 4px 30px rgba(16, 36, 45, 0.1);
  }
  #nav[data-top=false] #menu_button:not(.active) > .bar {
    background-color: #10242D !important;
  }
  #menu_button > .bar:nth-child(1) {
    transform: rotate(0deg);
  }
  #menu_button > .bar:nth-child(2) {
    background-color: white;
  }
  #menu_button > .bar:nth-child(3) {
    transform: rotate(0deg);
  }
  #menu_button.active > .bar:nth-child(1) {
    background-color: white !important;
    transform: rotate(-45deg);
    top: 10px !important;
  }
  #menu_button.active > .bar:nth-child(2) {
    opacity: 0;
    height: 0;
    right: -12px !important;
    background-color: white !important;
  }
  #menu_button.active > .bar:nth-child(3) {
    background-color: white !important;
    width: 20px;
    transform: rotate(45deg);
    top: 10px !important;
  }
}
@media only screen and (min-width: 993px) {
  .l-text-left {
    text-align: left;
  }
  .l-text-right {
    text-align: right;
  }
  .l-text-center {
    text-align: center;
  }
  .menu ul {
    background-color: rgba(26, 29, 26, 0.6);
    border-radius: 4px;
    min-width: 180px;
  }
  #nav {
    background-color: white;
    box-shadow: 0px 4px 30px rgba(16, 36, 45, 0.1);
    color: #10242D !important;
  }
  #func_intro .menu {
    visibility: hidden;
    opacity: 0;
  }
  #func_intro:hover .menu {
    visibility: visible;
    opacity: 1;
  }
  .l-pr40-odd:nth-child(odd) {
    padding-right: 40px;
  }
  .l-pl40-even:nth-child(even) {
    padding-left: 40px;
  }
  .l-fo1 {
    order: 1;
  }
  .l-fon1 {
    order: -1;
  }
  .l-vhidden {
    visibility: hidden;
  }
}
.object-fit-contain {
  font-family: 'object-fit: contain;';
}
.object-fit-cover {
  font-family: 'object-fit: cover;';
}
.introduction p.question {
  color: #39ADA6 !important;
  padding-left: 36px;
  position: relative;
  margin-top: 12px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 993px) {
  .introduction p.question {
    font-size: 16px !important;
  }
}
.introduction p.question:before {
  background-color: #39ADA6 !important;
  content: ' ';
  position: absolute;
  left: 0;
  width: 24px;
  height: 1px;
  top: 11px;
}
.introduction p.answer {
  margin-bottom: 24px;
  padding-left: 0px;
}
@media only screen and (min-width: 993px) {
  .introduction p.answer {
    font-size: 16px !important;
  }
}
.linkbox {
  position: relative;
}
.linkbox a.linktarget {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}