@charset "UTF-8";
@import 'https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap';
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.center {
  text-align: center !important;
}
.htitle {
  font-size: 28px !important;
  font-weight: 900;
}
.c-about {
  z-index: 1;
  position: relative;
  padding: 17.33333vw 0 0;
}
.c-about__text {
  padding-bottom: 10vw;
  margin: 0 auto;
}
.c-about__list {
  font-size: 30px;
  padding-left: 12.5%;
}
.c-about__list_item {
  font-size: 24px;
  position: relative;
  margin-top: 1.25em;
  counter-increment: decimal;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  opacity: 0;
}
.is-active .c-about__list_item {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0s;
}
.c-about__list_item:first-child {
  margin-top: 0;
}
.c-about__list_item:before {
  font-size: 120%;
  line-height: 1.16;
  position: absolute;
  top: 0;
  left: -1em;
  content: counter(decimal);
}
.is-active .c-about__list_item:nth-child(1) {
  transition-delay: 0.3s;
}
.is-active .c-about__list_item:nth-child(2) {
  transition-delay: 0.5s;
}
.is-active .c-about__list_item:nth-child(3) {
  transition-delay: 0.7s;
}
.c-about__report {
  position: relative;
}
.c-about__report_link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 4.66667vw 5.33333vw;
  position: relative;
  z-index: 1;
}
.c-about__report_link:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: transparent;
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
}
.c-about__report_title {
  color: #fff;
  font-size: 6.4vw;
  line-height: 1.3;
  font-feature-settings: 'palt' 1;
}
.c-about__report_more {
  color: #fff;
  font-size: 4.26667vw;
  margin-top: 1.25;
}
.c-about__report_more:after {
  background: url(../images/chevron_right.svg) no-repeat center;
  background-size: contain;
  content: ' ';
  display: inline-block;
  height: 0.70833em;
  margin-left: 0.70833em;
  width: 0.70833em;
}
.c-accordion__button {
  color: #969696;
  display: block;
  font-size: 2.93333vw;
  margin: 0 auto;
  min-width: 26.66667vw;
  padding-bottom: 4.8vw;
  position: relative;
}
.c-accordion__button:after {
  background: none;
  content: ' ';
  display: block;
  height: 2.93333vw;
  width: 5.86667vw;
  background: url(../images/chevron_down_gray.svg) no-repeat center bottom;
  background-size: contain;
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}
.is-open .c-accordion__button:after {
  transform: translate(-50%) translateY(-30%) rotate(180deg);
}
.c-accordion__label.close,
.is-open .c-accordion__label.open {
  display: none;
}
.is-open .c-accordion__label.close {
  display: inline;
}
.c-accordion__content {
  display: none;
}
.c-campaign {
  z-index: 1;
  position: relative;
}
.c-campaign__wrapper {
  background: #fcf9ed;
  padding-top: 8vw;
  padding-bottom: 9.33333vw;
  position: relative;
}
.c-campaign__inner {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  opacity: 0;
}
.is-active .c-campaign__inner {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.3s;
}
.c-campaign__title {
  color: #9d9223;
  font-size: 6.66667vw;
  font-weight: 900;
  font-feature-settings: 'palt' 1;
  letter-spacing: 0.01em;
  line-height: 1.33333;
  margin-top: 0.5em;
  text-align: center;
}
.c-campaign__title small {
  display: block;
  font-size: 4.8vw;
  margin-bottom: 0.2em;
}
.c-campaign__period {
  color: #969696;
  font-family: Gothic MB101 Bold, ヒラギノ角ゴ Pro W3, HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro, Hiragino Sans, sans-serif;
  font-size: 3.46667vw;
  margin-top: 1em;
}
.c-campaign__outline {
  font-size: 3.46667vw;
  line-height: 1.66667;
  margin-top: 1.2em;
}
.c-campaign__image {
  margin: 5.33333vw auto 0;
  max-width: 648px;
}
.c-campaign__image img {
  display: block;
  height: auto;
  width: 100%;
}
.c-campaign__button {
  margin-top: 6.66667vw;
}
.c-campaign__button a {
  background: #9d9223;
  color: #fff;
  display: block;
  font-size: 4.53333vw;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0.6em;
  text-align: center;
  transition: opacity 0.3s ease;
  width: 66.13333vw;
}
.c-campaign__button a:hover {
  color: #fff !important;
}
body:not(.is-touch) .c-campaign__button a:hover {
  color: #fff !important;
  opacity: 0.6;
}
.c-campaign__link {
  font-size: 6.66667vw;
  margin-top: 1.5em;
  margin-bottom: 2em;
  text-align: center;
}
.c-campaign__link a {
  border-bottom: 1px solid #9d9223;
  color: #9d9223;
  display: inline-block;
  line-height: 1.4;
}
.c-campaign__link a:hover {
  border-bottom-color: transparent;
  color: #9d9223 !important;
}
.c-campaign__detail {
  margin-top: 6.66667vw;
}
.c-campaign__detail p {
  color: #969696;
  font-size: 2.66667vw;
  line-height: 1.5;
  margin-top: 1.5em;
}
.c-campaign__detail p .color-black {
  color: #282828;
}
.c-column__row {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  opacity: 0;
}
.is-active .c-column__row {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.3s;
}
.c-column__image {
  margin: 0 -5.33333vw;
}
.c-column__image img {
  display: block;
  height: auto;
  width: 100%;
}
.c-column__entries_list {
  font-size: 3.73333vw;
  margin-top: 3em;
}
.c-column__entry {
  line-height: 1.5;
  margin-top: 1.5em;
  padding-left: 3.21429em;
  position: relative;
}
.c-column__entry.is-new:before {
  content: 'New';
  color: #babe3e;
  left: 0;
  position: absolute;
  top: -1.2em;
  transform: scale(0.64);
}
.c-column__entry a {
  color: #000;
}
.c-column__number {
  left: 0;
  position: absolute;
  top: 0;
}
.c-control {
  position: relative;
}
.c-control__label {
  font-size: 4.8vw;
}
.c-control__note {
  color: #7f0019;
  font-size: 3.73333vw;
  display: inline-block;
  margin-left: 1em;
  margin-top: 0.25em;
  vertical-align: top;
}
.c-control__bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-control__level,
.c-control__all {
  opacity: 0.35;
}
.c-control__level {
  display: -ms-flexbox;
  display: flex;
}
.show-level0 .c-control__level,
.show-level1 .c-control__level,
.show-level2 .c-control__level,
.show-level3 .c-control__level,
.show-level4 .c-control__level,
.show-level5 .c-control__level,
.show-level6 .c-control__level {
  opacity: 1;
}
.c-control__button {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
  color: transparent;
  height: 7.73333vw;
  width: 7.73333vw;
}
.c-control__button.minus {
  background-image: url(../images/button_minus.svg);
}
.show-level0 .c-control__button.minus {
  opacity: 0.35;
}
.c-control__button.plus {
  background-image: url(../images/button_plus.svg);
}
.show-level6 .c-control__button.plus {
  opacity: 0.35;
}
.c-control__all {
  background: #7f0019;
  border-radius: 4.26667vw;
  color: #fff;
  font-size: 4.53333vw;
  height: 8.53333vw;
  line-height: 1;
  padding: 0 1em;
}
.show-all .c-control__all {
  opacity: 1;
}
.c-control__indicator_wrapper {
  background: url(../images/level_text.svg) no-repeat;
  background-size: 30.4vw 2.66667vw;
  background-position: left 3.46667vw bottom;
  display: -ms-flexbox;
  display: flex;
  margin-top: -1.6vw;
  padding: 0 2.13333vw 4.8vw;
}
.c-control__indicator {
  background: url(../images/level_off.svg) no-repeat center;
  background-size: contain;
  height: 9.33333vw;
  margin: 0 1.86667vw;
  width: 2.93333vw;
}
.c-control__indicator--active,
[data-level='6'] .c-control__indicator:nth-child(6),
[data-level='6'] .c-control__indicator:nth-child(5),
[data-level='6'] .c-control__indicator:nth-child(4),
[data-level='6'] .c-control__indicator:nth-child(3),
[data-level='6'] .c-control__indicator:nth-child(2),
[data-level='6'] .c-control__indicator:nth-child(1),
[data-level='5'] .c-control__indicator:nth-child(5),
[data-level='5'] .c-control__indicator:nth-child(4),
[data-level='5'] .c-control__indicator:nth-child(3),
[data-level='5'] .c-control__indicator:nth-child(2),
[data-level='5'] .c-control__indicator:nth-child(1),
[data-level='4'] .c-control__indicator:nth-child(4),
[data-level='4'] .c-control__indicator:nth-child(3),
[data-level='4'] .c-control__indicator:nth-child(2),
[data-level='4'] .c-control__indicator:nth-child(1),
[data-level='3'] .c-control__indicator:nth-child(3),
[data-level='3'] .c-control__indicator:nth-child(2),
[data-level='3'] .c-control__indicator:nth-child(1),
[data-level='2'] .c-control__indicator:nth-child(2),
[data-level='2'] .c-control__indicator:nth-child(1),
[data-level='1'] .c-control__indicator:nth-child(1) {
  background-image: url(../images/level_on.svg);
}
.c-control__end {
  position: relative;
}
.c-control__end_trigger {
  position: absolute;
  top: -25.33333vw;
}
.c-fade {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  opacity: 0;
}
.c-fade.in {
  transform: translateY(0);
  opacity: 1;
}
.c-fade--notranslate {
  transform: none !important;
  position: relative;
  top: 20px;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    top 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.c-fade--notranslate.in {
  top: 0;
}
.c-lineup {
  z-index: unset !important;
}
.c-lineup__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2.13333vw;
  margin-top: 0.8vw;
}
.show-level0 .c-lineup__list,
.show-level1 .c-lineup__list,
.show-level2 .c-lineup__list,
.show-level3 .c-lineup__list,
.show-level4 .c-lineup__list,
.show-level5 .c-lineup__list,
.show-level6 .c-lineup__list,
.show-all .c-lineup__list {
  opacity: 0;
  animation: fade-in 0.2s ease 0s forwards;
}
.hidden .c-lineup__list {
  animation: fade-out 0.18s ease 0s;
}
.c-lineup__list.mt-0 {
  margin-top: 0;
}
.c-lineup__list_item {
  background: #fcf9ed;
  display: none;
  margin: 2.13333vw 0 0 2.13333vw;
  width: calc(50% - 2.13333vw);
}
.c-lineup__list_item.full {
  margin-top: 2.13333vw;
  margin-bottom: 3.2vw;
  width: calc(100% - 2.13333vw);
}
.c-lineup__list_item.full:first-child {
  margin-top: 0;
}
.show-all .c-lineup__list_item,
.visible .c-lineup__list_item,
.show-level0 .c-lineup__list_item.level0,
.show-level1 .c-lineup__list_item.level1,
.show-level2 .c-lineup__list_item.level2,
.show-level3 .c-lineup__list_item.level3,
.show-level4 .c-lineup__list_item.level4,
.show-level5 .c-lineup__list_item.level5,
.show-level6 .c-lineup__list_item.level6 {
  display: block;
}
.c-lineup__link {
  position: relative;
}
.c-lineup__image img {
  height: auto;
  width: 100%;
}
.full .c-lineup__image {
  overflow: hidden;
  padding-top: 66.56716%;
  position: relative;
}
.full .c-lineup__image img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.full .c-lineup__image img.jan4550182909210 {
  transform: translateY(-60%);
}
.c-lineup__detail {
  color: #000;
  font-feature-settings: 'palt' 1;
  font-family: Gothic MB101 Bold, ヒラギノ角ゴ Pro W3, HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro, Hiragino Sans, sans-serif;
  font-size: 4.26667vw;
  letter-spacing: 0.01em;
  line-height: 1.4375;
  padding: 2.66667vw 2.13333vw 4vw;
}
.full .c-lineup__detail {
  padding: 7.2vw 3.73333vw 1.33333vw;
  position: relative;
}
.c-lineup__detail_votes {
  background: #7f0019;
  color: #fff;
  font-size: 0.625em;
  left: 0;
  padding: 0 1.3em;
  position: absolute;
  top: 0;
}
.c-lineup__detail_votes .number {
  display: inline-block;
  font-size: 1.4em;
  margin-right: 0.5em;
}
.c-lineup__detail_entrynum {
  color: #969696;
  font-size: 0.625em;
  margin-top: -0.4em;
  margin-bottom: 0.4em;
  transform: scale(0.8);
  transform-origin: 0 50%;
}
.full .c-lineup__detail_entrynum {
  font-size: 0.75em;
  margin-top: -1.5em;
  margin-bottom: 0.66667em;
  transform: none;
}
.c-lineup__detail_label {
  font-size: 0.75em;
}
.full .c-lineup__detail_label {
  font-size: 1.125em;
}
.c-lineup__detail_name {
  margin-top: 0.1875em;
}
.full .c-lineup__detail_name {
  font-size: 1.375em;
}
.c-lineup__detail_catch {
  color: #9d9223;
  display: inline-block;
  font-size: 0.72727em;
  margin-left: 1em;
  margin-top: 0.3em;
  vertical-align: top;
}
.c-lineup__detail_level {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 6.66667vw;
  margin-top: 2.13333vw;
  width: 26.66667vw;
}
.c-lineup__detail_level.level0 {
  background-image: url(../images/hot0.svg);
}
.c-lineup__detail_level.level1 {
  background-image: url(../images/hot1.svg);
}
.c-lineup__detail_level.level2 {
  background-image: url(../images/hot2.svg);
}
.c-lineup__detail_level.level3 {
  background-image: url(../images/hot3.svg);
}
.c-lineup__detail_level.level4 {
  background-image: url(../images/hot4.svg);
}
.c-lineup__detail_level.level5 {
  background-image: url(../images/hot5.svg);
}
.c-lineup__detail_level.level6 {
  background-image: url(../images/hot6.svg);
}
.c-lineup__detail_level.level6 {
  width: 32.8vw;
}
.c-lineup__number {
  background: #9d9223;
  border-radius: 50%;
  color: #fff;
  font-family: HelveticaNeue-CondensedBold, HelveticaNeueBoldCondensed,
    HelveticaNeue-Bold-Condensed, Helvetica Neue Bold Condensed,
    HelveticaNeueBold, HelveticaNeue-Bold, Helvetica Neue Bold, HelveticaNeue,
    Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 3.46667vw;
  font-stretch: condensed;
  left: 1.33333vw;
  line-height: 1;
  padding: 1.33333vw;
  position: absolute;
  text-align: center;
  top: 1.33333vw;
  width: 6.13333vw;
  z-index: 1;
}
.c-lineup__rank {
  background: url(../images/lank_bg.svg) no-repeat center;
  background-size: contain;
  color: #fff;
  font-size: 3.2vw;
  height: 12.8vw;
  left: 2.66667vw;
  line-height: 1;
  padding: 0.8vw 1.33333vw;
  position: absolute;
  text-align: center;
  top: 0;
  transform: scale(0.55102);
  transform-origin: 0 0;
  width: 13.06667vw;
  z-index: 1;
}
.c-lineup__rank .number {
  display: inline-block;
  font-family: HelveticaNeue-Bold, HelveticaNeueBold, HelveticaNeue-Bold,
    Helvetica Neue Bold, HelveticaNeue, Helvetica Neue, Helvetica, Arial,
    sans-serif;
  font-weight: 700;
  font-size: 8.26667vw;
  margin-right: 0.1em;
  margin-bottom: 0.1em;
  vertical-align: middle;
}
.full .c-lineup__rank {
  transform: scale(1);
}
.c-lineup__rank.small {
  padding: 1.33333vw 0.53333vw 0.8vw;
}
.c-lineup__rank.small .number {
  font-size: 6.93333vw;
}
.c-lineup__detail_comment {
  color: #969696;
  font-size: 2.66667vw;
  line-height: 1.6;
  margin-top: 0.4em;
}
.full .c-lineup__detail_comment {
  background: url(../images/comment.svg) no-repeat center;
  background-size: contain;
  color: #9d9223;
  display: -ms-flexbox;
  display: flex;
  font-size: 5.86667vw;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 44.53333vw;
  line-height: 1.45455;
  margin-top: 0.3em;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0.7em 0.8em;
}
.c-lineup__detail_comment .normal {
  display: inline;
  font-feature-settings: normal;
}
.l-modal {
  -webkit-font-smoothing: antialiased;
}
.l-modal {
  font-family: HelveticaNeue, Helvetica Neue, Helvetica, Arial,
    Gothic MB101 Bold, ヒラギノ角ゴ Pro W3, HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro, Hiragino Sans, sans-serif;
  font-weight: 700;
}
.l-modal .modal-body,
.l-modal .modal-title {
  margin: 0 auto;
  padding: 0 6.25%;
}
.l-modal .modal-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(100%);
  background-color: #fff;
}
.l-modal .modal-container {
  position: relative;
  overflow-y: auto;
  height: 100%;
  text-align: left;
}
.l-modal .modal-container p {
  padding-top: 0.75em;
  text-align: left;
  line-height: 1.75;
  font-size: 18px;
  font-feature-settings: 'palt';
}
.l-modal .modal-container__top-image {
  width: 100%;
  height: 50.667vw;
  background: url(/jp/curry/images/thai-report-top_sp.jpg) 50% no-repeat;
  background-size: cover;
}
.l-modal .modal-title h2 {
  font-size: 36px;
  font-weight: 900;
  padding-top: 1em;
  padding-bottom: 0.25em;
  letter-spacing: 0.01em;
  font-feature-settings: 'palt' 1;
}
.l-modal .modal-title p {
  font-size: 13px;
  padding-bottom: 3em;
}
.l-modal .modal-close {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: 15px;
  transition: transform 0.2s cubic-bezier(0.63, 0.29, 0.17, 1.35),
    opacity 0.2s cubic-bezier(0.63, 0.29, 0.17, 1.35);
  transform: scale(0);
  opacity: 0;
}
.l-modal .modal-close > button {
  font-size: 0;
  line-height: 36px;
  display: block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  text-align: center;
  text-decoration: none;
}
.l-modal .modal-close > button {
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.l-modal .modal-close > button {
  background-image: url(/jp/curry/images/close.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px;
}
.l-modal .modal-close > button {
  background-color: #fff;
  border: 1px solid #ccc;
}
.l-modal .modal-close > button:hover {
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #edf2ef;
}
.modal-content {
  font-size: 14px;
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 50px;
}
.modal-article {
  padding: 20px 20px 14px;
}
.modal-article h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0.5em;
}
.modal-article h3 span {
  font-size: 16px;
  color: #7f0019;
}
.modal-section {
  margin-bottom: 3em;
}
.modal-section:last-child {
  margin-bottom: 0;
}
.modal-section:last-child h3 {
  font-size: 28px;
  text-align: center;
  color: #7f0019;
}
.modal-section:last-child h3 span {
  font-size: 16px;
  padding: 0;
  color: #7f0019;
  border: none;
  background: 0 0;
}
.modal-section:last-child p + p a:after,
.modal-section__figure-desc:after,
.modal-section__image-sub:after {
  background-image: url(/jp/curry/images/arrow.svg);
  background-size: 10px;
  content: '';
}
.modal-section:last-child p + p {
  margin-top: 1.5em;
}
.modal-section:last-child p + p:last-child {
  text-align: center;
}
.modal-section:last-child p + p a {
  position: relative;
  color: #000;
}
.modal-section:last-child p + p a,
.modal-section:last-child p + p a:hover {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-section:last-child p + p a:hover {
  opacity: 0.5;
}
.modal-section:last-child p + p a:hover:after {
  transform: translate(5px);
}
.modal-section:last-child p + p a:after,
.modal-section:last-child p + p a:hover:after {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-section:last-child p + p a:after {
  position: absolute;
  top: 50%;
  right: -23%;
  width: 10px;
  height: 10px;
  margin-top: -3px;
  transform: translate(0);
}
.modal-section img {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 1em;
}
.modal-section__title--number {
  font-size: 120% !important;
  vertical-align: -3%;
  color: #000 !important;
}
.modal-section__figure-desc,
.modal-section__image-sub {
  font-size: 12px;
  position: relative;
  font-family: Noto Sans JP, sans-serif;
  font-weight: 700;
}
.modal-section__text {
  position: relative;
  margin-top: 1em;
}
.modal-section__text p {
  font-family: Noto Sans JP, sans-serif;
  font-weight: 700;
  line-height: 1.75;
}
.modal-section__text p > a {
  color: #000;
  border-bottom: 1px solid #000;
}
.modal-section__text p > a:hover {
  border-bottom: 1px solid transparent;
}
.modal-section__image.sp {
  display: block;
}
.modal-section__image.pc {
  display: none;
}
.modal-section__image-sub {
  display: block;
  margin-top: 0.5em;
  color: #000;
}
.modal-section__image-sub:after {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 0.5em;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(0);
}
.modal-section__image-link {
  display: block;
}
.modal-section__image-link,
.modal-section__image-link:hover {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-section__image-link:hover {
  opacity: 0.8;
}
.modal-section__image-link:hover span:after {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(5px);
}
.modal-section__figure {
  margin-top: 1.5em;
}
.modal-section__figure-link {
  display: -ms-flexbox;
  display: flex;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.modal-section__figure-link:hover {
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.8;
}
.modal-section__figure-img {
  display: block;
  width: 50%;
  height: auto;
}
.modal-section__figure-desc {
  line-height: 1.75;
  display: block;
  width: 50%;
  padding-left: 1em;
  color: #000;
}
.modal-section__figure-desc:after {
  position: absolute;
  top: 50%;
  right: 6.25%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(0);
}
.modal-section--new {
  text-align: center;
}
.modal-section--new img {
  display: inline-block;
  max-width: 800px;
}
.modal-section--new .pc-show:first-child {
  margin-bottom: 100px;
}
.modal-section--new:after {
  display: block;
  clear: both;
  content: '';
}
.modal-top {
  padding: 40px 20px 20px;
}
.modal-top__text {
  line-height: 1.6;
  margin-left: 38px;
}
.modal-top__title h2 {
  line-height: 1.3;
  -webkit-font-feature-settings: 'palt';
  font-weight: 900;
  letter-spacing: 0.01em;
}
.modal-top__title {
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal-top__title h2 {
  font-size: 26px;
  padding-bottom: 0.75em;
  text-align: center;
  color: #000;
  font-feature-settings: 'palt';
}
.modal-top__title h2 > span {
  font-size: 18px;
  display: block;
  padding-bottom: 1em;
  color: #000;
}
.remodal,
.remodal-wrapper,
[data-remodal-id] {
  display: none;
}
.remodal,
.remodal-wrapper:after {
  height: 100%;
  vertical-align: middle;
}
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
  background: #00000080;
}
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}
.remodal {
  outline: 0;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  position: relative;
  width: 100%;
  transform: translateZ(0);
  color: #000;
}
.remodal-is-initialized {
  display: inline-block;
}
.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
  filter: blur(3px);
}
.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}
.remodal.remodal-is-opened .modal-inner,
.remodal.remodal-is-opening .modal-inner {
  transform: translateY(0);
}
.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-opened .modal-close {
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
  opacity: 1;
}
.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}
@keyframes remodal-opening-keyframes {
  0% {
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-closing-keyframes {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}
.lt-ie9 .remodal {
  width: 700px;
}
.c-new__list {
  margin-top: 5.33333vw;
}
.c-new__item {
  background: #fcf9ed;
  margin-top: 5.33333vw;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  opacity: 0;
}
.is-active .c-new__item {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0s;
}
.is-active .c-new__item:nth-child(1) {
  transition-delay: 0.3s;
}
.is-active .c-new__item:nth-child(2) {
  transition-delay: 0.6s;
}
.is-active .c-new__item:nth-child(3) {
  transition-delay: 0.9s;
}
.c-new__image_wrapper {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 67.56757vw;
  position: relative;
}
.c-new__image {
  position: absolute;
  visibility: hidden;
  width: 100%;
}
.c-new__detail {
  font-feature-settings: 'palt' 1;
  letter-spacing: 0.01em;
  line-height: 1.2;
  padding: 9.6vw 5.33333vw;
}
.c-new__date {
  color: #969696;
  font-size: 5.33333vw;
}
.c-new__name {
  font-size: 8vw;
  margin-top: 0.5em;
}
.c-new__name span {
  display: block;
  font-size: 5.86667vw;
  margin-bottom: 0.3em;
}
.c-new__name small {
  font-size: 85.71429%;
}
.c-new__desc {
  font-size: 4vw;
  line-height: 1.6;
  margin-top: 1em;
}
.c-new__level img {
  height: 22.13333vw;
  margin-top: 5.33333vw;
  width: auto;
}
.c-new__link {
  color: #000;
  display: inline-block;
  font-size: 4.8vw;
  margin-top: 1.66667em;
  transition: opacity 0.2s ease;
}
.c-new__link:after {
  background: url(../images/chevron_right_black.svg) no-repeat center;
  background-size: contain;
  content: ' ';
  display: inline-block;
  height: 0.85em;
  margin-left: 0.5em;
  transition: transform 0.2s ease;
  width: 0.85em;
}
body:not(.is-touch) .c-new__link:hover {
  opacity: 0.7;
}
body:not(.is-touch) .c-new__link:hover:after {
  transform: translate(3px);
}
.c-poster__slider {
  margin-top: 16vw;
}
.c-poster__slider .slick-arrow {
  color: transparent;
  font-size: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: calc(50% - 245px);
  z-index: 1;
}
.c-poster__slider .slick-arrow:focus,
.c-poster__slider .slick-arrow:active {
  outline: none;
}
.c-poster__slider .slick-arrow:before {
  background: none;
  content: ' ';
  display: block;
  height: 35px;
  width: 18px;
  background-image: url(../images/chevron_left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
}
.c-poster__slider .slick-arrow.slick-prev {
  left: 0;
}
.c-poster__slider .slick-arrow.slick-prev:before {
  left: 38px;
}
.c-poster__slider .slick-arrow.slick-next {
  right: 0;
}
.c-poster__slider .slick-arrow.slick-next:before {
  right: 38px;
  transform: rotate(180deg);
}
.c-poster__slide {
  padding-right: 5px;
}
.c-poster__slide:focus {
  outline: none;
}
.c-poster__year {
  font-size: 3.73333vw;
  padding: 0 8vw 6.66667vw 0;
  text-align: right;
  transform: scale(0.5);
  transform-origin: right bottom;
}
.c-poster__image {
  display: block;
  height: auto;
  width: 100%;
}
.c-recipe {
  background: #f4f3ee !important;
}
.c-recipe__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -2.93333vw;
  margin-right: -1.86667vw;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  opacity: 0;
}
.is-active .c-recipe__list {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.3s;
}
.c-recipe__item {
  margin-left: 1.06667vw;
  margin-top: 4.26667vw;
  width: calc(33.33% - 1.06667vw);
}
.c-recipe__link {
  color: #000;
  display: block;
}
.c-recipe__image {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.c-recipe__name {
  display: block;
  font-size: 3.2vw;
  line-height: 1.33333;
  margin-top: 0.66667em;
}
.c-recipe__name span {
  display: inline-block;
}
.c-recipe__more {
  margin-top: 10.66667vw;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  opacity: 0;
}
.is-active .c-recipe__more {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.3s;
}
.is-active .c-recipe__more {
  text-align: center;
}
.c-service {
  z-index: 1;
  position: relative;
}
.c-service__wrapper {
  background: #fcf9ed;
  padding-top: 8vw;
  padding-bottom: 9.33333vw;
  position: relative;
}
.c-service__inner {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  opacity: 0;
}
.is-active .c-service__inner {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.3s;
}
.c-service__outline {
  font-size: 4vw;
  line-height: 1.6;
}
.c-service__outline p {
  margin-top: 1em;
}
.c-service__outline p.color-green {
  color: #9d9223;
}
.c-service__outline small {
  color: #969696;
  font-size: 2.66667vw;
}
.c-service__outline_title {
  color: #9d9223;
  font-size: 6.4vw;
  font-weight: 900;
  font-feature-settings: 'palt' 1;
  letter-spacing: 0.01em;
  line-height: 1.33333;
  margin-top: 0 !important;
}
.c-service__sample {
  display: block;
  height: auto;
  width: 100%;
}
.c-service__image {
  background: url(../images/service_2.jpg) no-repeat center;
  background-size: cover;
  margin-top: 5.33333vw;
  padding-top: 53.33333%;
}
.c-service__link_wrapper {
  margin-top: 5.33333vw;
}
.c-service__link {
  color: #000;
  display: inline-block;
  font-size: 3.2vw;
  line-height: 1.5;
  transition: opacity 0.2s ease;
}
.c-service__link:after {
  background: url(../images/chevron_right_black.svg) no-repeat center;
  background-size: contain;
  content: ' ';
  display: inline-block;
  height: 0.85em;
  margin-left: 0.5em;
  transition: transform 0.2s ease;
  width: 0.85em;
}
body:not(.is-touch) .c-service__link:hover {
  opacity: 0.7;
}
body:not(.is-touch) .c-service__link:hover:after {
  transform: translate(3px);
}
.c-visual {
  position: relative;
}
.c-visual__logo {
  animation: fade-out 1s ease 2.3s forwards;
  background: url(../images/main-1440-ty.png) no-repeat center;
  background-size: cover;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.c-visual__bg {
  background: url(../images/main-1440.png) no-repeat center;
  background-size: cover;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.c-visual__logo {
  display: block;
}
.c-visual__area {
  height: calc(100vh - 64px);
}
.c-visual__arrow {
  animation: fade-in 1s ease 6s forwards;
  bottom: 33px;
  left: 50%;
  opacity: 0;
  position: absolute;
  transform: translate(-50%);
  z-index: 1;
}
.c-visual__arrow_img {
  height: 19px;
  width: 36px;
}
.c-vote__header {
  background: #fcf9ed;
  padding: 12.26667vw 0;
}
.is-ranking .c-vote__header {
  padding: 6.66667vw 0;
}
.c-vote__title {
  color: #9d9223;
  font-size: 6.66667vw;
  font-weight: 900;
  font-feature-settings: 'palt' 1;
  letter-spacing: 0.01em;
  line-height: 1.33333;
  text-align: center;
}
.c-vote__title small {
  display: block;
  font-size: 4.8vw;
  margin-bottom: 0.2em;
}
.c-vote__title.large {
  font-size: 8.53333vw;
  margin-top: 0.2em;
}
.c-vote__header_catch {
  font-size: 4.8vw;
  font-family: Gothic MB101 Bold, ヒラギノ角ゴ Pro W3, HiraKakuProN-W3,
    Hiragino Kaku Gothic Pro, Hiragino Sans, sans-serif;
  line-height: 1.66667;
  margin-top: 0.7em;
  margin-bottom: 0.8em;
  text-align: center;
}
.c-vote__header_comment {
  color: #969696;
  font-size: 3.73333vw;
  line-height: 1.42857;
  margin-top: 0.5em;
  text-align: center;
}
.c-vote__header_comment small {
  font-size: 3.73333vw;
}
.c-vote__section {
  padding-top: 17.33333vw;
}
.c-vote__section:first-of-type {
  padding-top: 5.33333vw;
}
.c-vote__section_title {
  color: #9d9223;
  font-size: 6.66667vw;
  font-weight: 900;
  font-feature-settings: 'palt' 1;
  letter-spacing: 0.01em;
  line-height: 1.33333;
  position: relative;
  text-align: center;
}
.c-vote__section_title:before {
  background: #9d9223;
  content: ' ';
  display: block;
  height: 2px;
  width: 100%;
  left: 0;
  position: absolute;
  top: 50%;
}
.c-vote__section_title span {
  background: #fff;
  display: inline-block;
  padding: 0 0.8em;
  position: relative;
  z-index: 1;
}
.c-vote__button {
  background: #9d9223;
  border-radius: 50%;
  bottom: 26.66667vw;
  box-shadow: 0 5px 10px #00000029;
  color: #fff;
  font-size: 5.06667vw;
  line-height: 1;
  padding: 10.93333vw 0 10.66667vw;
  position: fixed;
  right: 5.6vw;
  text-align: center;
  width: 26.66667vw;
}
.c-vote__button:hover {
  color: #fff !important;
}
.c-vote__back {
  padding: 16vw 0;
  text-align: center;
}
.c-vote__back_link {
  color: #000;
  display: inline-block;
  font-size: 4.26667vw;
  line-height: 1.5;
  transition: opacity 0.2s ease;
}
.c-vote__back_link:before {
  background: url(../images/chevron_right_black.svg) no-repeat center;
  background-size: contain;
  content: ' ';
  display: inline-block;
  height: 0.85em;
  margin-right: 0.75em;
  transform: scaleX(-1);
  transition: transform 0.2s ease;
  width: 0.85em;
}
body:not(.is-touch) .c-vote__back_link:hover {
  opacity: 0.7;
}
body:not(.is-touch) .c-vote__back_link:hover:before {
  transform: scaleX(-1) translate(3px);
}
.l-columnWrap {
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.l-column {
  margin-bottom: 20px;
}
.l-column.col1 {
  width: 100%;
}
.l-column.col2 {
  width: calc(50% - 10px);
}
.l-column.col3 {
  width: calc(33.33333% - 13.33333px);
}
.l-column.col4 {
  width: calc(25% - 15px);
}
.l-column.col5 {
  width: calc(20% - 16px);
}
.l-column.col6 {
  width: calc(16.66667% - 16.66667px);
}
.l-wrapper {
  min-height: 100%;
  overflow: hidden;
  font-family: Arial, Noto Sans TC, Helvetica, sans-serif;
  font-weight: 700;
}
.l-container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1440px;
}
.l-nav {
  background-color: #fff;
  border-bottom: 1px solid #edf2ef;
  height: 17.33333vw;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  z-index: 101;
}
.l-nav[data-header-status='hidden'] {
  transform: translateY(-100%);
  opacity: 0;
}
.l-nav[data-header-status='show'] {
  transform: translateY(0);
  opacity: 1;
}
.l-nav__inner {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.l-nav__logo {
  margin: 0;
}
.l-nav__logo_link {
  display: block;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
body:not(.is-touch) .l-nav__logo_link:hover {
  opacity: 0.5;
}
.l-nav__logo_img {
  display: block;
  height: 5.33333vw;
  width: 42.13333vw;
}
.l-nav__button {
  color: transparent;
  font-size: 0;
  height: 8vw;
  overflow: hidden;
  position: relative;
  width: 8vw;
}
.l-nav__button:before,
.l-nav__button:after {
  background: #000;
  content: ' ';
  display: block;
  height: 2px;
  width: 100%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-6px);
  transform-origin: 50%;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.l-nav__button:after {
  transform: translateY(4px);
}
.l-nav__button.is-open:before {
  transform: translateY(-1px) rotate(45deg);
}
.l-nav__button.is-open:after {
  transform: translateY(-1px) rotate(-45deg);
}
.l-nav__list {
  background: #fff;
  display: none;
  left: 0;
  padding: 5.33333vw;
  position: absolute;
  top: 100%;
  width: 100%;
}
[data-header-status='hidden'] .l-nav__list {
  pointer-events: none;
}
.l-nav__item {
  font-size: 3.46667vw;
  font-feature-settings: 'palt' 1;
  font-weight: 700;
  margin-top: 2em;
}
.l-nav__item:first-child {
  margin-top: 0;
}
.l-nav__item a {
  transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: #000;
}
body:not(.is-touch) .l-nav__item a:hover {
  color: #999;
}
[data-active-section='about'] .l-nav__item a[data-section='about'],
[data-active-section='campaign'] .l-nav__item a[data-section='campaign'],
[data-active-section='new'] .l-nav__item a[data-section='new'],
[data-active-section='recipe'] .l-nav__item a[data-section='recipe'],
[data-active-section='column'] .l-nav__item a[data-section='column'],
[data-active-section='service'] .l-nav__item a[data-section='service'] {
  color: #9d9223;
}
.l-section {
  background: #fff;
  z-index: 1;
  position: relative;
  padding: 17.33333vw 0 10vw;
}
.l-section:last-child {
  padding-bottom: 25vw;
}
.l-section__inner {
  padding: 0 5.33333vw;
}
.l-section__title {
  font-size: 6.4vw;
  font-weight: 900;
  font-feature-settings: 'palt' 1;
  letter-spacing: 0.01em;
  position: relative;
  padding-top: 0;
  padding-bottom: 5vw;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(20px);
  opacity: 0;
}
.is-active .l-section__title {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0s;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translateZ(0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.top-title-flex {
  display: flex;
  align-items: center;
}
.top-title-flex .top-title-item:first-child {
  width: 35%;
}
.top-title-flex .top-title-item:first-child h2 {
  font-size: 42px;
  letter-spacing: 1px;
  font-weight: 900;
}
.top-title-flex .top-title-item:first-child p {
  font-size: 16px;
  font-weight: 400;
}
.top-title-flex .top-title-item:last-child {
  width: 65%;
  text-align: center;
}
.top-title-flex .top-title-item:last-child ul li {
  display: inline-block;
  text-align: center;
}
.top-title-flex .top-title-item:last-child ul li img {
  width: 80%;
}
.top-title-flex .top-title-item:last-child ul li a img {
  width: 90%;
  height: auto;
  opacity: 1;
  display: block;
  text-align: center;
}
.se-menu.fixed .top-title-flex .top-title-item:last-child ul li a img {
  width: 80%;
}
.top-title-flex .top-title-item:last-child ul li a img.fade-out {
  opacity: 0.8;
}
.se-menu.fixed .top-title-flex .top-title-item:first-child h2 {
  font-size: 30px;
}
.se-menu {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
}
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #fff;
  padding: 10px 0;
}
@media screen and (min-width: 360px) {
  .l-modal .modal-body,
  .l-modal .modal-title {
    padding: 0 8%;
  }
}
@media (min-width: 720px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 720px) and (min-resolution: 2dppx) {
  .c-about__report {
    background-image: url(../images/campaign-1440.jpg);
  }
}
@media (min-width: 767px) {
  .c-about__list {
    font-size: 36px;
    padding-left: 8.33333%;
  }
  .c-about__list_item {
    font-size: 36px;
  }
}
@media screen and (min-width: 767px) {
  .l-modal .modal-body .body-curry > ul > li {
    padding-bottom: 50px;
  }
  .l-modal .modal-body .body-curry > ul > li > dl > dt > figure > div {
    padding-right: 30px;
  }
  .l-modal .modal-body .body-curry > ul > li > dl > dt > figure > div > a {
    width: 130px;
    height: 130px;
    border-radius: 65px;
  }
  .l-modal
    .modal-body
    .body-curry
    > ul
    > li
    > dl
    > dt
    > figure
    > div
    > a
    > img {
    width: 130px;
    border-radius: 65px;
  }
  .l-modal
    .modal-body
    .body-curry
    > ul
    > li
    > dl
    > dt
    > figure
    > figcaption
    > dl
    > dt {
    font-size: 24px;
  }
  .l-modal
    .modal-body
    .body-curry
    > ul
    > li
    > dl
    > dt
    > figure
    > figcaption
    > dl
    > dt
    > span {
    font-size: 14px;
    display: inline-block;
    margin-top: 0;
  }
  .l-modal
    .modal-body
    .body-curry
    > ul
    > li
    > dl
    > dt
    > figure
    > figcaption
    > dl
    > dd.spec
    .spec-hot {
    display: inline-block;
    vertical-align: middle;
  }
  .l-modal
    .modal-body
    .body-curry
    > ul
    > li
    > dl
    > dt
    > figure
    > figcaption
    > dl
    > dd.spec
    .spec-price {
    margin-top: 0;
    padding-left: 1em;
    vertical-align: middle;
  }
  .l-modal
    .modal-body
    .body-curry
    > ul
    > li
    > dl
    > dt
    > figure
    > figcaption
    > dl
    > dd.spec
    .spec-cap {
    vertical-align: middle;
  }
  .l-modal .modal-body .body-curry > ul > li > dl > dd {
    font-size: 14px;
  }
  .l-modal .modal-container__top-image {
    height: 270px;
    background-position: 0;
    background: url(/jp/curry/images/thai-report-top_pc.jpg) 50% no-repeat;
    background-size: cover;
  }
  .l-modal .modal-title h2 {
    font-size: 48px;
  }
  .l-modal .modal-title p {
    font-size: 15px;
  }
  .l-modal .modal-close > button {
    line-height: 40px;
    width: 40px;
    height: 40px;
  }
  .modal-content {
    font-size: 18px;
  }
  .l-modal .modal-close {
    top: 30px;
    right: 30px;
  }
  .modal-content {
    padding-bottom: 80px;
  }
  .modal-article {
    padding: 0 50px;
  }
  .modal-section__figure-desc:after {
    right: 0;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background-size: 14px;
  }
  .modal-top {
    padding: 60px 50px 50px;
  }
  .remodal .remodal-inner .remodal-main .main-left {
    margin-top: 40px;
    padding: 0 30px;
  }
  .remodal .remodal-inner .remodal-main .main-right {
    padding: 0 30px;
  }
}
@media (min-width: 769px) {
  .c-about {
    padding: 100px 0 0;
  }
  .c-about__report_link {
    padding: 50px 66px;
  }
  .c-about__report_title {
    font-size: 50px;
  }
  .c-about__report_more {
    font-size: 24px;
  }
  .c-accordion__button {
    font-size: 20px;
    min-width: 160px;
    padding-bottom: 30px;
  }
  .c-accordion__button:after {
    height: 18px;
    width: 36px;
  }
  .c-campaign__wrapper {
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .c-campaign__column {
    margin: 0 auto;
    width: 648px;
  }
  .c-campaign__title {
    font-size: 42px;
  }
  .c-campaign__title small {
    font-size: 25px;
  }
  .c-campaign__period,
  .c-campaign__outline {
    font-size: 20px;
  }
  .c-campaign__image,
  .c-campaign__button {
    margin-top: 40px;
  }
  .c-campaign__button a {
    font-size: 25px;
    padding: 14px;
    width: 360px;
  }
  .c-campaign__link {
    font-size: 25px;
  }
  .c-campaign__link a {
    border-bottom-width: 2px;
  }
  .c-campaign__detail {
    margin-top: 40px;
  }
  .c-campaign__detail p {
    font-size: 14px;
  }
  .c-column__row {
    display: -ms-flexbox;
    display: flex;
  }
  .c-column__image {
    margin: 0;
    width: 50%;
  }
  .c-column__entries {
    padding-left: 56px;
    width: 50%;
  }
  .c-column__entries_list {
    font-size: 18px;
    margin-top: -12px;
  }
  .c-column__entry {
    margin-top: 25px;
  }
  .c-control {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
  }
  .c-control__label {
    font-size: 24px;
  }
  .c-control__note {
    font-size: 14px;
    display: block;
    margin-left: 0;
  }
  .c-control__bar {
    margin-top: 0;
    margin-left: 48px;
    max-width: 532px;
    width: calc(100% - 216px);
  }
  .c-control__button {
    height: 33px;
    width: 33px;
  }
  .c-control__all {
    border-radius: 18px;
    font-size: 16px;
    height: 36px;
  }
  .c-control__indicator_wrapper {
    background-size: 182px 16px;
    background-position: left 33px bottom;
    margin-top: -11px;
    padding: 0 26px 28px;
  }
  .c-control__indicator {
    height: 55px;
    margin: 0 11px;
    width: 17px;
  }
  .c-lineup {
    padding-top: 0;
  }
  .c-lineup__list {
    margin-left: -16px;
    margin-top: 34px;
  }
  .c-lineup__list_item {
    margin-top: 16px;
    margin-left: 16px;
    width: calc(33.33% - 16px);
  }
  .c-lineup__list_item.full {
    margin-top: 16px;
    margin-bottom: 4px;
    width: calc(100% - 16px);
  }
  .c-lineup__list_item.full:first-child {
    margin-top: -34px;
  }
  .c-lineup__detail {
    font-size: 24px;
    padding: 15px 18px 18px;
  }
  .c-lineup__detail_votes {
    font-size: 16px;
  }
  .c-lineup__detail_votes .number {
    font-size: 24px;
    margin-right: 0.3em;
  }
  .c-lineup__detail_entrynum {
    font-size: 12px;
    transform: none;
  }
  .full .c-lineup__detail_entrynum {
    font-size: 14px;
    margin-top: -28px;
  }
  .full .c-lineup__detail_label {
    font-size: 24px;
  }
  .full .c-lineup__detail_name {
    margin-top: 0;
    font-size: 34px;
  }
  .c-lineup__detail_catch {
    font-size: 24px;
  }
  .c-lineup__detail_level {
    height: 32px;
    margin-top: 8px;
    width: 126px;
  }
  .c-lineup__detail_level.level6 {
    width: 155px;
  }
  .c-lineup__number {
    font-size: 25px;
    left: 14px;
    padding: 9px 0 8px;
    top: 14px;
    width: 42px;
  }
  .c-lineup__rank {
    font-size: 19px;
    height: 80px;
    left: 20px;
    padding: 5px 0;
    transform: scale(0.625);
    width: 80px;
  }
  .c-lineup__rank .number {
    font-size: 49px;
  }
  .c-lineup__rank.small {
    padding: 5px 0;
  }
  .c-lineup__rank.small .number {
    font-size: 42px;
  }
  .c-lineup__detail_comment {
    font-size: 12px;
  }
  .full .c-lineup__detail_comment {
    background-image: url(../images/comment_pc.svg);
    font-size: 4.02778vw;
    height: 30.83333vw;
  }
  .c-new__list {
    margin-top: 0;
  }
  .c-new__item {
    margin-top: 20px;
  }
  .c-new__item:first-child {
    margin-top: 0;
  }
  .c-new__detail {
    padding: 36px 70px;
  }
  .c-new__date {
    font-size: 24px;
  }
  .c-new__name {
    font-size: 35px;
  }
  .c-new__name span {
    font-size: 24px;
  }
  .c-new__desc {
    font-size: 18px;
  }
  .c-new__level img {
    height: 83px;
    margin-top: 20px;
  }
  .c-new__link {
    font-size: 18px;
  }
  .c-poster__slider {
    margin-top: 0;
  }
  .c-poster__slide {
    padding-right: 10px;
  }
  .c-poster__year {
    font-size: 13px;
    padding: 0 30px 25px 0;
    transform: none;
  }
  .c-recipe__list {
    margin-left: -14px;
    margin-right: 0;
  }
  .c-recipe__item {
    margin-left: 14px;
    margin-top: 28px;
    width: calc(33.33% - 14px);
  }
  .c-recipe__name {
    font-size: 18px;
  }
  .c-recipe__more {
    margin-top: 90px;
  }
  .c-service__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .c-service__outline {
    font-size: 16px;
    margin-top: -52px;
    width: 44.375%;
  }
  .c-service__outline small {
    font-size: 12px;
  }
  .c-service__outline_title {
    font-size: 41px;
  }
  .c-service__image {
    height: calc(100% + 160px);
    margin-top: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -80px;
    width: 50.57143%;
  }
  .c-service__link_wrapper {
    margin-top: 20px;
  }
  .c-service__link_wrapper.c-recipe__more {
    margin-top: 90px;
  }
  .c-service__link {
    font-size: 16px;
  }
  .c-recipe__more .c-service__link {
    font-size: 20px;
  }
  .c-service__link br {
    display: none;
  }
  .c-vote__header {
    padding: 52px 0;
  }
  .is-ranking .c-vote__header {
    padding: 34px 0 20px;
  }
  .c-vote__title {
    font-size: 42px;
  }
  .c-vote__title small {
    font-size: 25px;
  }
  .c-vote__title.large {
    font-size: 50px;
  }
  .c-vote__header_catch {
    font-size: 24px;
  }
  .c-vote__header_comment {
    font-size: 21px;
  }
  .c-vote__header_comment small {
    font-size: 18px;
  }
  .c-vote__section {
    padding-top: 100px;
  }
  .c-vote__section:first-of-type {
    padding-top: 50px;
  }
  .c-vote__section_title {
    font-size: 42px;
  }
  .c-vote__section_title:before {
    height: 3px;
  }
  .c-vote__button {
    bottom: 75px;
    font-size: 28px;
    padding: 61px 0;
    right: 54px;
    width: 150px;
  }
  .c-vote__back {
    padding: 120px 0;
  }
  .c-vote__back_link {
    font-size: 16px;
  }
  .l-nav {
    height: 70px;
  }
  .l-nav__logo_img {
    height: 20px;
    width: 158px;
  }
  .l-nav__button {
    display: none;
  }
  .l-nav__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
    position: static;
  }
  .l-nav__item {
    font-size: 13px;
    margin-left: 1.5em;
    margin-top: 0;
  }
  .l-section {
    padding: 100px 0;
  }
  .l-section:last-child {
    padding-bottom: 150px;
  }
  .l-section__inner {
    margin: 0 auto;
    max-width: 1320px;
    padding: 0 60px;
  }
  .l-section__title {
    font-size: 32px;
    padding-top: 0;
    padding-bottom: 72px;
  }
  .u-pc-hide {
    display: none !important;
  }
}
@media (min-width: 821px) {
  .c-control__all {
    font-size: 20px;
  }
}
@media (min-width: 960px) and (-webkit-min-device-pixel-ratio: 2),
  (min-width: 960px) and (min-resolution: 2dppx) {
  .c-about__report {
    background-image: url(../images/campaign-1920.jpg);
  }
}
@media screen and (min-width: 1024px) {
  .l-modal .modal-body,
  .l-modal .modal-title {
    padding: 0 50px;
  }
  .l-modal
    .modal-body
    .body-curry
    > ul
    > li
    > dl
    > dt
    > figure
    > figcaption
    > dl
    > dt {
    font-size: 20px;
  }
  .l-modal .modal-body .body-curry > ul {
    letter-spacing: -0.4em;
  }
  .l-modal .modal-body .body-curry > ul > li {
    display: inline-block;
    width: 50%;
    padding-right: 2em;
    vertical-align: top;
    letter-spacing: normal;
  }
  .modal-content {
    font-size: 15px;
  }
  .modal-article h3 {
    font-size: 32px;
    margin-top: -15px;
  }
  .modal-article h3 span {
    font-size: 27px;
  }
  .modal-section {
    margin-bottom: 50px;
  }
  .modal-section:last-child h3 {
    font-size: 44px;
    margin-bottom: 35px;
  }
  .modal-section:last-child h3 span {
    font-size: 27px;
  }
  .modal-section:last-child p + p {
    margin-top: 1.7em;
  }
  .modal-section:last-child p + p:last-child {
    text-align: left;
  }
  .modal-section--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .modal-section__text {
    width: calc(44% - 38px);
    margin-top: 0;
  }
  .modal-section__text .w60 {
    width: 56%;
  }
  .modal-section__text .w40 {
    width: calc(44% - 38px);
  }
  .modal-section__image.sp {
    display: none !important;
  }
  .modal-section__image.pc {
    display: block !important;
  }
  .modal-section__image {
    width: 48.6%;
  }
  .modal-section__image-sub {
    font-size: 14px;
  }
  .modal-section__figure-link {
    display: block;
  }
  .modal-section__figure-img {
    width: 100%;
  }
  .modal-section__figure-desc {
    font-size: 14px;
    width: 100%;
    margin-top: 0.5em;
    padding-left: 0;
  }
  .modal-top {
    padding: 80px 50px 65px;
  }
  .modal-top--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .modal-top__title h2 {
    font-size: 54px;
  }
  .modal-top__title h2 > span {
    font-size: 24px;
  }
  .remodal.is-scroll .remodal-inner {
    top: 0;
    padding: 60px 0;
    transform: translateY(0);
  }
  .remodal .remodal-inner {
    top: 50%;
    width: 960px;
    padding: 0;
    transform: translateY(-50%);
  }
  .remodal .remodal-inner .remodal-main .main-left {
    float: left;
    width: 40%;
    margin-top: 0;
    padding: 0 40px;
  }
  .remodal .remodal-inner .remodal-main .main-right {
    float: right;
    width: 60%;
    padding: 0 40px;
  }
}
@media (min-width: 1024px) {
  .c-about__text {
    padding-bottom: 100px;
    width: 83.33333%;
  }
  .c-about__list {
    font-size: 42px;
  }
  .c-about__list_item {
    font-size: 4.10156vw;
  }
}
@media (min-width: 1025px) {
  .c-campaign__row {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
  }
  .c-campaign__column {
    margin-left: 0;
    width: 572px;
  }
  .c-campaign__title {
    margin-top: 0;
  }
  .c-campaign__image {
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
    width: calc(100% - 610px);
  }
  .c-lineup__list_item {
    width: calc(25% - 16px);
  }
  .full .c-lineup__link {
    display: -ms-flexbox;
    display: flex;
  }
  .full .c-lineup__image {
    padding-top: 28.47222vw;
    width: 44%;
  }
  .full .c-lineup__detail {
    padding: 45px 56px 11px;
    width: 56%;
  }
  .full .c-lineup__detail_comment {
    font-size: 2.15278vw;
    height: 16.66667vw;
  }
  .c-new__item_inner {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
  }
  .c-new__image_wrapper {
    height: auto;
    min-height: 32.14286vw;
    width: 55.71429%;
  }
  .c-new__detail {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44.28571%;
  }
}
@media (min-width: 1051px) {
  .l-nav__item {
    font-size: 16px;
    margin-left: 3.5em;
  }
}
@media (min-width: 1152px) {
  .c-about__list,
  .c-about__list_item {
    font-size: 48px;
  }
}
@media screen and (min-width: 1152px) {
  .l-modal .modal-body,
  .l-modal .modal-inner,
  .l-modal .modal-title,
  .voting__inner {
    max-width: 1200px;
  }
  .l-modal
    .modal-body
    .body-curry
    > ul
    > li
    > dl
    > dt
    > figure
    > figcaption
    > dl
    > dt {
    font-size: 24px;
  }
  .l-modal .modal-inner.modal-fluid {
    max-width: 100%;
  }
  .modal-content {
    font-size: 18px;
  }
  .remodal .remodal-inner {
    width: 1200px;
  }
}
@media (min-width: 1401px) {
  .c-about__report_link {
    padding-left: calc(50vw - 640px);
    padding-right: calc(50vw - 640px);
  }
  .c-campaign__image {
    right: calc(50% - 640px);
  }
  .full .c-lineup__image {
    padding-top: 364px;
  }
  .full .c-lineup__detail_comment {
    font-size: 34px;
    height: 231px;
    padding: 0 0.6em 0.8em;
  }
}
@media (max-width: 768px) {
  .c-about__report {
    height: 106.66667vw;
  }
  .c-control__label {
    padding-bottom: 25.33333vw;
  }
  .c-control__bar {
    background: #fff;
    left: -5.33333vw;
    padding: 6.4vw 5.33333vw;
    position: absolute;
    top: 7.73333vw;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100vw;
    z-index: 10;
  }
  .c-control__bar.is-fixed {
    left: 0;
    margin: 0;
    position: fixed;
    top: 17.33333vw;
  }
  .c-control__bar.is-hidden {
    transform: translateY(-100%);
  }
  .full .c-lineup__detail_comment.large {
    background-image: url(../images/comment_large.svg);
    height: 55.2vw;
  }
  .c-poster__slider .slick-arrow {
    width: calc(50% - 137px);
  }
  .c-poster__slider .slick-arrow:before {
    height: 24px;
    width: 12px;
  }
  .c-poster__slider .slick-arrow.slick-prev:before {
    left: 10px;
  }
  .c-poster__slider .slick-arrow.slick-next:before {
    right: 10px;
  }
  .c-visual__video {
    display: none;
  }
  .c-visual__area {
    height: 100vh;
    margin-top: -53px;
  }
  .u-sp-hide,
  .PConly {
    display: none !important;
  }
  .Mobonly {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .c-visual__video {
    display: none;
  }
}
@media (max-width: 768px) and (max-aspect-ratio: 2 / 3) {
  .c-about__report {
    background-image: url(../images/campaign-750.jpg);
  }
  .c-visual__bg {
    background-image: url(../images/main_sp_2.png);
  }
  .c-visual__logo {
    animation: fade-out 1s ease 2.3s forwards;
    background: url(../images/main_sp_1.png) no-repeat center;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .c-visual__video {
    display: none;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  font-family: Helvetica, Noto Sans TC, Microsoft JhengHei, 微軟正黑體, Arial,
    'sans-serif';
  font-size: 1rem;
  line-height: 1.5;
  color: #222;
  text-align: left;
  background-color: #fff;
}
[tabindex='-1']:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[role='button'] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw);
  }
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.125rem;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-1 {
    font-size: calc(1.725rem + 5.7vw);
  }
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-2 {
    font-size: calc(1.675rem + 5.1vw);
  }
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-3 {
    font-size: calc(1.575rem + 3.9vw);
  }
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 1200px) {
  .display-4 {
    font-size: calc(1.475rem + 2.7vw);
  }
}
hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 80%;
  font-weight: 500;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled,
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 5px;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer:before {
  content: '— ';
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 2.5px;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}
.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}
.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}
.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}
.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.33333%;
}
.offset-2 {
  margin-left: 16.66667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333%;
}
.offset-5 {
  margin-left: 41.66667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333%;
}
.offset-8 {
  margin-left: 66.66667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333%;
}
.offset-11 {
  margin-left: 91.66667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}
@media (min-width: 1290px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}
.btn {
  display: inline-block;
  font-weight: 500;
  color: #222;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #222;
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #7f001940;
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.btn-primary:hover {
  color: #fff;
  background-color: #590011;
  border-color: #4c000f;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #590011;
  border-color: #4c000f;
  box-shadow: 0 0 0 0.2rem #92263c80;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #4c000f;
  border-color: #3f000c;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #92263c80;
}
.btn-secondary {
  color: #222;
  background-color: #999;
  border-color: #999;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #868686;
  border-color: gray;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #868686;
  border-color: gray;
  box-shadow: 0 0 0 0.2rem #87878780;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #222;
  background-color: #999;
  border-color: #999;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: gray;
  border-color: #797979;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #87878780;
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem #48b46180;
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #48b46180;
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem #3ab0c380;
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #3ab0c380;
}
.btn-warning {
  color: #222;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #222;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #222;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem #dea90b80;
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #222;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #222;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #dea90b80;
}
.btn-danger {
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.btn-danger:hover {
  color: #fff;
  background-color: #590011;
  border-color: #4c000f;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #590011;
  border-color: #4c000f;
  box-shadow: 0 0 0 0.2rem #92263c80;
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #4c000f;
  border-color: #3f000c;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #92263c80;
}
.btn-light {
  color: #222;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn-light:hover {
  color: #222;
  background-color: #dfdfdf;
  border-color: #d9d9d9;
}
.btn-light:focus,
.btn-light.focus {
  color: #222;
  background-color: #dfdfdf;
  border-color: #d9d9d9;
  box-shadow: 0 0 0 0.2rem #d3d3d380;
}
.btn-light.disabled,
.btn-light:disabled {
  color: #222;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #222;
  background-color: #d9d9d9;
  border-color: #d2d2d2;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #d3d3d380;
}
.btn-dark {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.btn-dark:hover {
  color: #fff;
  background-color: #0f0f0f;
  border-color: #090909;
}
.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #0f0f0f;
  border-color: #090909;
  box-shadow: 0 0 0 0.2rem #43434380;
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #090909;
  border-color: #020202;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #43434380;
}
.btn-outline-primary {
  color: #7f0019;
  border-color: #7f0019;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem #7f001980;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #7f0019;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #7f001980;
}
.btn-outline-secondary {
  color: #999;
  border-color: #999;
}
.btn-outline-secondary:hover {
  color: #222;
  background-color: #999;
  border-color: #999;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem #99999980;
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #999;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #222;
  background-color: #999;
  border-color: #999;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #99999980;
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem #28a74580;
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #28a74580;
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem #17a2b880;
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #17a2b880;
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #222;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem #ffc10780;
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #222;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #ffc10780;
}
.btn-outline-danger {
  color: #7f0019;
  border-color: #7f0019;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem #7f001980;
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #7f0019;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #7f001980;
}
.btn-outline-light {
  color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn-outline-light:hover {
  color: #222;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem #f2f2f280;
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f2f2f2;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #222;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #f2f2f280;
}
.btn-outline-dark {
  color: #222;
  border-color: #222;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem #22222280;
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #222;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #222;
  border-color: #222;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #22222280;
}
.btn-link {
  font-weight: 500;
  color: #999;
  text-decoration: none;
}
.btn-link:hover {
  color: #222;
  text-decoration: none;
}
.btn-link:focus,
.btn-link.focus {
  text-decoration: none;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #222;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1290px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropright .dropdown-toggle:after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: '';
}
.dropleft .dropdown-toggle:after {
  display: none;
}
.dropleft .dropdown-toggle:before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: '';
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty:after {
  margin-left: 0;
}
.dropleft .dropdown-toggle:before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^='top'],
.dropdown-menu[x-placement^='right'],
.dropdown-menu[x-placement^='bottom'],
.dropdown-menu[x-placement^='left'] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 2.5px 0;
  overflow: hidden;
  border-top: 1px solid #e6e6e6;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 500;
  color: #222;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #151515;
  text-decoration: none;
  background-color: #f2f2f2;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #7f0019;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #222;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split:before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type='radio'],
.btn-group-toggle > .btn input[type='checkbox'],
.btn-group-toggle > .btn-group > .btn input[type='radio'],
.btn-group-toggle > .btn-group > .btn input[type='checkbox'] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e6e6e6 #e6e6e6 #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #7f0019;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 2.5px 5px;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 5px;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: '';
  background: no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1289.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1290px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: #000000e6;
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: #000000e6;
}
.navbar-light .navbar-nav .nav-link {
  color: #00000080;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: #000000b3;
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: #0000004d;
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: #000000e6;
}
.navbar-light .navbar-toggler {
  color: #00000080;
  border-color: #0000001a;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: #00000080;
}
.navbar-light .navbar-text a {
  color: #000000e6;
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: #000000e6;
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: #ffffff80;
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: #ffffffbf;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: #ffffff40;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: #ffffff80;
  border-color: #ffffff1a;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: #ffffff80;
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
}
.card > .list-group:last-child {
  border-bottom-width: 0;
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #00000008;
  border-bottom: 0 solid rgba(0, 0, 0, 0.125);
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #00000008;
  border-top: 0 solid rgba(0, 0, 0, 0.125);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}
.card-deck .card {
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
  }
}
.card-group > .card {
  margin-bottom: 10px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
}
.accordion > .card > .card-header {
  margin-bottom: 0;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #999;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #222;
  text-decoration: none;
  background-color: #e6e6e6;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #7f001940;
}
.page-item:first-child .page-link {
  margin-left: 0;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.badge {
  display: inline-block;
  padding: 0.5em 0.6em;
  font-size: 75%;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover,
a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
}
.badge-primary {
  color: #fff;
  background-color: #7f0019;
}
a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #4c000f;
}
a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #7f001980;
}
.badge-secondary {
  color: #222;
  background-color: #999;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #222;
  background-color: gray;
}
a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #99999980;
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #28a74580;
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #17a2b880;
}
.badge-warning {
  color: #222;
  background-color: #ffc107;
}
a.badge-warning:hover,
a.badge-warning:focus {
  color: #222;
  background-color: #d39e00;
}
a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #ffc10780;
}
.badge-danger {
  color: #fff;
  background-color: #7f0019;
}
a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #4c000f;
}
a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #7f001980;
}
.badge-light {
  color: #222;
  background-color: #f2f2f2;
}
a.badge-light:hover,
a.badge-light:focus {
  color: #222;
  background-color: #d9d9d9;
}
a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #f2f2f280;
}
.badge-dark {
  color: #fff;
  background-color: #222;
}
a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #090909;
}
a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem #22222280;
}
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f2f2f2;
}
.list-group-item-action:active {
  color: #222;
  background-color: #e6e6e6;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #7f0019;
  border-color: #7f0019;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1290px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #42000d;
  background-color: #dbb8bf;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #42000d;
  background-color: #d2a7b0;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #42000d;
  border-color: #42000d;
}
.list-group-item-secondary {
  color: #505050;
  background-color: #e2e2e2;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #505050;
  background-color: #d5d5d5;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #505050;
  border-color: #505050;
}
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}
.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}
.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}
.list-group-item-danger {
  color: #42000d;
  background-color: #dbb8bf;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #42000d;
  background-color: #d2a7b0;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #42000d;
  border-color: #42000d;
}
.list-group-item-light {
  color: #7e7e7e;
  background-color: #fbfbfb;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #7e7e7e;
  background-color: #eee;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #7e7e7e;
  border-color: #7e7e7e;
}
.list-group-item-dark {
  color: #121212;
  background-color: #c1c1c1;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #121212;
  background-color: #b4b4b4;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #121212;
  border-color: #121212;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #7f0019 !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #4c000f !important;
}
.bg-secondary {
  background-color: #999 !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: gray !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #7f0019 !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #4c000f !important;
}
.bg-light {
  background-color: #f2f2f2 !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #d9d9d9 !important;
}
.bg-dark {
  background-color: #222 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #090909 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #7f0019 !important;
}
.border-secondary {
  border-color: #999 !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #7f0019 !important;
}
.border-light {
  border-color: #f2f2f2 !important;
}
.border-dark {
  border-color: #222 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix:after {
  display: block;
  clear: both;
  content: '';
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1290px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive:before {
  display: block;
  content: '';
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9:before {
  padding-top: 42.85714%;
}
.embed-responsive-16by9:before {
  padding-top: 56.25%;
}
.embed-responsive-4by3:before {
  padding-top: 75%;
}
.embed-responsive-1by1:before {
  padding-top: 100%;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1290px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1290px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem #00000013 !important;
}
.shadow {
  box-shadow: 1px 3px 10px #0000004d !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem #0000002d !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 5px !important;
}
.mt-1,
.my-1 {
  margin-top: 5px !important;
}
.mr-1,
.mx-1 {
  margin-right: 5px !important;
}
.mb-1,
.my-1 {
  margin-bottom: 5px !important;
}
.ml-1,
.mx-1 {
  margin-left: 5px !important;
}
.m-2 {
  margin: 10px !important;
}
.mt-2,
.my-2 {
  margin-top: 10px !important;
}
.mr-2,
.mx-2 {
  margin-right: 10px !important;
}
.mb-2,
.my-2 {
  margin-bottom: 10px !important;
}
.ml-2,
.mx-2 {
  margin-left: 10px !important;
}
.m-3 {
  margin: 15px !important;
}
.mt-3,
.my-3 {
  margin-top: 15px !important;
}
.mr-3,
.mx-3 {
  margin-right: 15px !important;
}
.mb-3,
.my-3 {
  margin-bottom: 15px !important;
}
.ml-3,
.mx-3 {
  margin-left: 15px !important;
}
.m-4 {
  margin: 20px !important;
}
.mt-4,
.my-4 {
  margin-top: 20px !important;
}
.mr-4,
.mx-4 {
  margin-right: 20px !important;
}
.mb-4,
.my-4 {
  margin-bottom: 20px !important;
}
.ml-4,
.mx-4 {
  margin-left: 20px !important;
}
.m-5 {
  margin: 25px !important;
}
.mt-5,
.my-5 {
  margin-top: 25px !important;
}
.mr-5,
.mx-5 {
  margin-right: 25px !important;
}
.mb-5,
.my-5 {
  margin-bottom: 25px !important;
}
.ml-5,
.mx-5 {
  margin-left: 25px !important;
}
.m-6 {
  margin: 30px !important;
}
.mt-6,
.my-6 {
  margin-top: 30px !important;
}
.mr-6,
.mx-6 {
  margin-right: 30px !important;
}
.mb-6,
.my-6 {
  margin-bottom: 30px !important;
}
.ml-6,
.mx-6 {
  margin-left: 30px !important;
}
.m-7 {
  margin: 35px !important;
}
.mt-7,
.my-7 {
  margin-top: 35px !important;
}
.mr-7,
.mx-7 {
  margin-right: 35px !important;
}
.mb-7,
.my-7 {
  margin-bottom: 35px !important;
}
.ml-7,
.mx-7 {
  margin-left: 35px !important;
}
.m-8 {
  margin: 40px !important;
}
.mt-8,
.my-8 {
  margin-top: 40px !important;
}
.mr-8,
.mx-8 {
  margin-right: 40px !important;
}
.mb-8,
.my-8 {
  margin-bottom: 40px !important;
}
.ml-8,
.mx-8 {
  margin-left: 40px !important;
}
.m-9 {
  margin: 45px !important;
}
.mt-9,
.my-9 {
  margin-top: 45px !important;
}
.mr-9,
.mx-9 {
  margin-right: 45px !important;
}
.mb-9,
.my-9 {
  margin-bottom: 45px !important;
}
.ml-9,
.mx-9 {
  margin-left: 45px !important;
}
.m-10 {
  margin: 50px !important;
}
.mt-10,
.my-10 {
  margin-top: 50px !important;
}
.mr-10,
.mx-10 {
  margin-right: 50px !important;
}
.mb-10,
.my-10 {
  margin-bottom: 50px !important;
}
.ml-10,
.mx-10 {
  margin-left: 50px !important;
}
.m-11 {
  margin: 55px !important;
}
.mt-11,
.my-11 {
  margin-top: 55px !important;
}
.mr-11,
.mx-11 {
  margin-right: 55px !important;
}
.mb-11,
.my-11 {
  margin-bottom: 55px !important;
}
.ml-11,
.mx-11 {
  margin-left: 55px !important;
}
.m-12 {
  margin: 60px !important;
}
.mt-12,
.my-12 {
  margin-top: 60px !important;
}
.mr-12,
.mx-12 {
  margin-right: 60px !important;
}
.mb-12,
.my-12 {
  margin-bottom: 60px !important;
}
.ml-12,
.mx-12 {
  margin-left: 60px !important;
}
.m-13 {
  margin: 65px !important;
}
.mt-13,
.my-13 {
  margin-top: 65px !important;
}
.mr-13,
.mx-13 {
  margin-right: 65px !important;
}
.mb-13,
.my-13 {
  margin-bottom: 65px !important;
}
.ml-13,
.mx-13 {
  margin-left: 65px !important;
}
.m-14 {
  margin: 70px !important;
}
.mt-14,
.my-14 {
  margin-top: 70px !important;
}
.mr-14,
.mx-14 {
  margin-right: 70px !important;
}
.mb-14,
.my-14 {
  margin-bottom: 70px !important;
}
.ml-14,
.mx-14 {
  margin-left: 70px !important;
}
.m-15 {
  margin: 75px !important;
}
.mt-15,
.my-15 {
  margin-top: 75px !important;
}
.mr-15,
.mx-15 {
  margin-right: 75px !important;
}
.mb-15,
.my-15 {
  margin-bottom: 75px !important;
}
.ml-15,
.mx-15 {
  margin-left: 75px !important;
}
.m-16 {
  margin: 80px !important;
}
.mt-16,
.my-16 {
  margin-top: 80px !important;
}
.mr-16,
.mx-16 {
  margin-right: 80px !important;
}
.mb-16,
.my-16 {
  margin-bottom: 80px !important;
}
.ml-16,
.mx-16 {
  margin-left: 80px !important;
}
.m-17 {
  margin: 85px !important;
}
.mt-17,
.my-17 {
  margin-top: 85px !important;
}
.mr-17,
.mx-17 {
  margin-right: 85px !important;
}
.mb-17,
.my-17 {
  margin-bottom: 85px !important;
}
.ml-17,
.mx-17 {
  margin-left: 85px !important;
}
.m-18 {
  margin: 90px !important;
}
.mt-18,
.my-18 {
  margin-top: 90px !important;
}
.mr-18,
.mx-18 {
  margin-right: 90px !important;
}
.mb-18,
.my-18 {
  margin-bottom: 90px !important;
}
.ml-18,
.mx-18 {
  margin-left: 90px !important;
}
.m-19 {
  margin: 95px !important;
}
.mt-19,
.my-19 {
  margin-top: 95px !important;
}
.mr-19,
.mx-19 {
  margin-right: 95px !important;
}
.mb-19,
.my-19 {
  margin-bottom: 95px !important;
}
.ml-19,
.mx-19 {
  margin-left: 95px !important;
}
.m-20 {
  margin: 100px !important;
}
.mt-20,
.my-20 {
  margin-top: 100px !important;
}
.mr-20,
.mx-20 {
  margin-right: 100px !important;
}
.mb-20,
.my-20 {
  margin-bottom: 100px !important;
}
.ml-20,
.mx-20 {
  margin-left: 100px !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 5px !important;
}
.pt-1,
.py-1 {
  padding-top: 5px !important;
}
.pr-1,
.px-1 {
  padding-right: 5px !important;
}
.pb-1,
.py-1 {
  padding-bottom: 5px !important;
}
.pl-1,
.px-1 {
  padding-left: 5px !important;
}
.p-2 {
  padding: 10px !important;
}
.pt-2,
.py-2 {
  padding-top: 10px !important;
}
.pr-2,
.px-2 {
  padding-right: 10px !important;
}
.pb-2,
.py-2 {
  padding-bottom: 10px !important;
}
.pl-2,
.px-2 {
  padding-left: 10px !important;
}
.p-3 {
  padding: 15px !important;
}
.pt-3,
.py-3 {
  padding-top: 15px !important;
}
.pr-3,
.px-3 {
  padding-right: 15px !important;
}
.pb-3,
.py-3 {
  padding-bottom: 15px !important;
}
.pl-3,
.px-3 {
  padding-left: 15px !important;
}
.p-4 {
  padding: 20px !important;
}
.pt-4,
.py-4 {
  padding-top: 20px !important;
}
.pr-4,
.px-4 {
  padding-right: 20px !important;
}
.pb-4,
.py-4 {
  padding-bottom: 20px !important;
}
.pl-4,
.px-4 {
  padding-left: 20px !important;
}
.p-5 {
  padding: 25px !important;
}
.pt-5,
.py-5 {
  padding-top: 25px !important;
}
.pr-5,
.px-5 {
  padding-right: 25px !important;
}
.pb-5,
.py-5 {
  padding-bottom: 25px !important;
}
.pl-5,
.px-5 {
  padding-left: 25px !important;
}
.p-6 {
  padding: 30px !important;
}
.pt-6,
.py-6 {
  padding-top: 30px !important;
}
.pr-6,
.px-6 {
  padding-right: 30px !important;
}
.pb-6,
.py-6 {
  padding-bottom: 30px !important;
}
.pl-6,
.px-6 {
  padding-left: 30px !important;
}
.p-7 {
  padding: 35px !important;
}
.pt-7,
.py-7 {
  padding-top: 35px !important;
}
.pr-7,
.px-7 {
  padding-right: 35px !important;
}
.pb-7,
.py-7 {
  padding-bottom: 35px !important;
}
.pl-7,
.px-7 {
  padding-left: 35px !important;
}
.p-8 {
  padding: 40px !important;
}
.pt-8,
.py-8 {
  padding-top: 40px !important;
}
.pr-8,
.px-8 {
  padding-right: 40px !important;
}
.pb-8,
.py-8 {
  padding-bottom: 40px !important;
}
.pl-8,
.px-8 {
  padding-left: 40px !important;
}
.p-9 {
  padding: 45px !important;
}
.pt-9,
.py-9 {
  padding-top: 45px !important;
}
.pr-9,
.px-9 {
  padding-right: 45px !important;
}
.pb-9,
.py-9 {
  padding-bottom: 45px !important;
}
.pl-9,
.px-9 {
  padding-left: 45px !important;
}
.p-10 {
  padding: 50px !important;
}
.pt-10,
.py-10 {
  padding-top: 50px !important;
}
.pr-10,
.px-10 {
  padding-right: 50px !important;
}
.pb-10,
.py-10 {
  padding-bottom: 50px !important;
}
.pl-10,
.px-10 {
  padding-left: 50px !important;
}
.p-11 {
  padding: 55px !important;
}
.pt-11,
.py-11 {
  padding-top: 55px !important;
}
.pr-11,
.px-11 {
  padding-right: 55px !important;
}
.pb-11,
.py-11 {
  padding-bottom: 55px !important;
}
.pl-11,
.px-11 {
  padding-left: 55px !important;
}
.p-12 {
  padding: 60px !important;
}
.pt-12,
.py-12 {
  padding-top: 60px !important;
}
.pr-12,
.px-12 {
  padding-right: 60px !important;
}
.pb-12,
.py-12 {
  padding-bottom: 60px !important;
}
.pl-12,
.px-12 {
  padding-left: 60px !important;
}
.p-13 {
  padding: 65px !important;
}
.pt-13,
.py-13 {
  padding-top: 65px !important;
}
.pr-13,
.px-13 {
  padding-right: 65px !important;
}
.pb-13,
.py-13 {
  padding-bottom: 65px !important;
}
.pl-13,
.px-13 {
  padding-left: 65px !important;
}
.p-14 {
  padding: 70px !important;
}
.pt-14,
.py-14 {
  padding-top: 70px !important;
}
.pr-14,
.px-14 {
  padding-right: 70px !important;
}
.pb-14,
.py-14 {
  padding-bottom: 70px !important;
}
.pl-14,
.px-14 {
  padding-left: 70px !important;
}
.p-15 {
  padding: 75px !important;
}
.pt-15,
.py-15 {
  padding-top: 75px !important;
}
.pr-15,
.px-15 {
  padding-right: 75px !important;
}
.pb-15,
.py-15 {
  padding-bottom: 75px !important;
}
.pl-15,
.px-15 {
  padding-left: 75px !important;
}
.p-16 {
  padding: 80px !important;
}
.pt-16,
.py-16 {
  padding-top: 80px !important;
}
.pr-16,
.px-16 {
  padding-right: 80px !important;
}
.pb-16,
.py-16 {
  padding-bottom: 80px !important;
}
.pl-16,
.px-16 {
  padding-left: 80px !important;
}
.p-17 {
  padding: 85px !important;
}
.pt-17,
.py-17 {
  padding-top: 85px !important;
}
.pr-17,
.px-17 {
  padding-right: 85px !important;
}
.pb-17,
.py-17 {
  padding-bottom: 85px !important;
}
.pl-17,
.px-17 {
  padding-left: 85px !important;
}
.p-18 {
  padding: 90px !important;
}
.pt-18,
.py-18 {
  padding-top: 90px !important;
}
.pr-18,
.px-18 {
  padding-right: 90px !important;
}
.pb-18,
.py-18 {
  padding-bottom: 90px !important;
}
.pl-18,
.px-18 {
  padding-left: 90px !important;
}
.p-19 {
  padding: 95px !important;
}
.pt-19,
.py-19 {
  padding-top: 95px !important;
}
.pr-19,
.px-19 {
  padding-right: 95px !important;
}
.pb-19,
.py-19 {
  padding-bottom: 95px !important;
}
.pl-19,
.px-19 {
  padding-left: 95px !important;
}
.p-20 {
  padding: 100px !important;
}
.pt-20,
.py-20 {
  padding-top: 100px !important;
}
.pr-20,
.px-20 {
  padding-right: 100px !important;
}
.pb-20,
.py-20 {
  padding-bottom: 100px !important;
}
.pl-20,
.px-20 {
  padding-left: 100px !important;
}
.m-n1 {
  margin: -5px !important;
}
.mt-n1,
.my-n1 {
  margin-top: -5px !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -5px !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -5px !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -5px !important;
}
.m-n2 {
  margin: -10px !important;
}
.mt-n2,
.my-n2 {
  margin-top: -10px !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -10px !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -10px !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -10px !important;
}
.m-n3 {
  margin: -15px !important;
}
.mt-n3,
.my-n3 {
  margin-top: -15px !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -15px !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -15px !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -15px !important;
}
.m-n4 {
  margin: -20px !important;
}
.mt-n4,
.my-n4 {
  margin-top: -20px !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -20px !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -20px !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -20px !important;
}
.m-n5 {
  margin: -25px !important;
}
.mt-n5,
.my-n5 {
  margin-top: -25px !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -25px !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -25px !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -25px !important;
}
.m-n6 {
  margin: -30px !important;
}
.mt-n6,
.my-n6 {
  margin-top: -30px !important;
}
.mr-n6,
.mx-n6 {
  margin-right: -30px !important;
}
.mb-n6,
.my-n6 {
  margin-bottom: -30px !important;
}
.ml-n6,
.mx-n6 {
  margin-left: -30px !important;
}
.m-n7 {
  margin: -35px !important;
}
.mt-n7,
.my-n7 {
  margin-top: -35px !important;
}
.mr-n7,
.mx-n7 {
  margin-right: -35px !important;
}
.mb-n7,
.my-n7 {
  margin-bottom: -35px !important;
}
.ml-n7,
.mx-n7 {
  margin-left: -35px !important;
}
.m-n8 {
  margin: -40px !important;
}
.mt-n8,
.my-n8 {
  margin-top: -40px !important;
}
.mr-n8,
.mx-n8 {
  margin-right: -40px !important;
}
.mb-n8,
.my-n8 {
  margin-bottom: -40px !important;
}
.ml-n8,
.mx-n8 {
  margin-left: -40px !important;
}
.m-n9 {
  margin: -45px !important;
}
.mt-n9,
.my-n9 {
  margin-top: -45px !important;
}
.mr-n9,
.mx-n9 {
  margin-right: -45px !important;
}
.mb-n9,
.my-n9 {
  margin-bottom: -45px !important;
}
.ml-n9,
.mx-n9 {
  margin-left: -45px !important;
}
.m-n10 {
  margin: -50px !important;
}
.mt-n10,
.my-n10 {
  margin-top: -50px !important;
}
.mr-n10,
.mx-n10 {
  margin-right: -50px !important;
}
.mb-n10,
.my-n10 {
  margin-bottom: -50px !important;
}
.ml-n10,
.mx-n10 {
  margin-left: -50px !important;
}
.m-n11 {
  margin: -55px !important;
}
.mt-n11,
.my-n11 {
  margin-top: -55px !important;
}
.mr-n11,
.mx-n11 {
  margin-right: -55px !important;
}
.mb-n11,
.my-n11 {
  margin-bottom: -55px !important;
}
.ml-n11,
.mx-n11 {
  margin-left: -55px !important;
}
.m-n12 {
  margin: -60px !important;
}
.mt-n12,
.my-n12 {
  margin-top: -60px !important;
}
.mr-n12,
.mx-n12 {
  margin-right: -60px !important;
}
.mb-n12,
.my-n12 {
  margin-bottom: -60px !important;
}
.ml-n12,
.mx-n12 {
  margin-left: -60px !important;
}
.m-n13 {
  margin: -65px !important;
}
.mt-n13,
.my-n13 {
  margin-top: -65px !important;
}
.mr-n13,
.mx-n13 {
  margin-right: -65px !important;
}
.mb-n13,
.my-n13 {
  margin-bottom: -65px !important;
}
.ml-n13,
.mx-n13 {
  margin-left: -65px !important;
}
.m-n14 {
  margin: -70px !important;
}
.mt-n14,
.my-n14 {
  margin-top: -70px !important;
}
.mr-n14,
.mx-n14 {
  margin-right: -70px !important;
}
.mb-n14,
.my-n14 {
  margin-bottom: -70px !important;
}
.ml-n14,
.mx-n14 {
  margin-left: -70px !important;
}
.m-n15 {
  margin: -75px !important;
}
.mt-n15,
.my-n15 {
  margin-top: -75px !important;
}
.mr-n15,
.mx-n15 {
  margin-right: -75px !important;
}
.mb-n15,
.my-n15 {
  margin-bottom: -75px !important;
}
.ml-n15,
.mx-n15 {
  margin-left: -75px !important;
}
.m-n16 {
  margin: -80px !important;
}
.mt-n16,
.my-n16 {
  margin-top: -80px !important;
}
.mr-n16,
.mx-n16 {
  margin-right: -80px !important;
}
.mb-n16,
.my-n16 {
  margin-bottom: -80px !important;
}
.ml-n16,
.mx-n16 {
  margin-left: -80px !important;
}
.m-n17 {
  margin: -85px !important;
}
.mt-n17,
.my-n17 {
  margin-top: -85px !important;
}
.mr-n17,
.mx-n17 {
  margin-right: -85px !important;
}
.mb-n17,
.my-n17 {
  margin-bottom: -85px !important;
}
.ml-n17,
.mx-n17 {
  margin-left: -85px !important;
}
.m-n18 {
  margin: -90px !important;
}
.mt-n18,
.my-n18 {
  margin-top: -90px !important;
}
.mr-n18,
.mx-n18 {
  margin-right: -90px !important;
}
.mb-n18,
.my-n18 {
  margin-bottom: -90px !important;
}
.ml-n18,
.mx-n18 {
  margin-left: -90px !important;
}
.m-n19 {
  margin: -95px !important;
}
.mt-n19,
.my-n19 {
  margin-top: -95px !important;
}
.mr-n19,
.mx-n19 {
  margin-right: -95px !important;
}
.mb-n19,
.my-n19 {
  margin-bottom: -95px !important;
}
.ml-n19,
.mx-n19 {
  margin-left: -95px !important;
}
.m-n20 {
  margin: -100px !important;
}
.mt-n20,
.my-n20 {
  margin-top: -100px !important;
}
.mr-n20,
.mx-n20 {
  margin-right: -100px !important;
}
.mb-n20,
.my-n20 {
  margin-bottom: -100px !important;
}
.ml-n20,
.mx-n20 {
  margin-left: -100px !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 5px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 5px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 5px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 5px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 5px !important;
  }
  .m-sm-2 {
    margin: 10px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 10px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 10px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 10px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 10px !important;
  }
  .m-sm-3 {
    margin: 15px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 15px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 15px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 15px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 15px !important;
  }
  .m-sm-4 {
    margin: 20px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 20px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 20px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 20px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 20px !important;
  }
  .m-sm-5 {
    margin: 25px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 25px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 25px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 25px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 25px !important;
  }
  .m-sm-6 {
    margin: 30px !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 30px !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 30px !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 30px !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 30px !important;
  }
  .m-sm-7 {
    margin: 35px !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 35px !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 35px !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 35px !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 35px !important;
  }
  .m-sm-8 {
    margin: 40px !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 40px !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 40px !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 40px !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 40px !important;
  }
  .m-sm-9 {
    margin: 45px !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 45px !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 45px !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 45px !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 45px !important;
  }
  .m-sm-10 {
    margin: 50px !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 50px !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 50px !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 50px !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 50px !important;
  }
  .m-sm-11 {
    margin: 55px !important;
  }
  .mt-sm-11,
  .my-sm-11 {
    margin-top: 55px !important;
  }
  .mr-sm-11,
  .mx-sm-11 {
    margin-right: 55px !important;
  }
  .mb-sm-11,
  .my-sm-11 {
    margin-bottom: 55px !important;
  }
  .ml-sm-11,
  .mx-sm-11 {
    margin-left: 55px !important;
  }
  .m-sm-12 {
    margin: 60px !important;
  }
  .mt-sm-12,
  .my-sm-12 {
    margin-top: 60px !important;
  }
  .mr-sm-12,
  .mx-sm-12 {
    margin-right: 60px !important;
  }
  .mb-sm-12,
  .my-sm-12 {
    margin-bottom: 60px !important;
  }
  .ml-sm-12,
  .mx-sm-12 {
    margin-left: 60px !important;
  }
  .m-sm-13 {
    margin: 65px !important;
  }
  .mt-sm-13,
  .my-sm-13 {
    margin-top: 65px !important;
  }
  .mr-sm-13,
  .mx-sm-13 {
    margin-right: 65px !important;
  }
  .mb-sm-13,
  .my-sm-13 {
    margin-bottom: 65px !important;
  }
  .ml-sm-13,
  .mx-sm-13 {
    margin-left: 65px !important;
  }
  .m-sm-14 {
    margin: 70px !important;
  }
  .mt-sm-14,
  .my-sm-14 {
    margin-top: 70px !important;
  }
  .mr-sm-14,
  .mx-sm-14 {
    margin-right: 70px !important;
  }
  .mb-sm-14,
  .my-sm-14 {
    margin-bottom: 70px !important;
  }
  .ml-sm-14,
  .mx-sm-14 {
    margin-left: 70px !important;
  }
  .m-sm-15 {
    margin: 75px !important;
  }
  .mt-sm-15,
  .my-sm-15 {
    margin-top: 75px !important;
  }
  .mr-sm-15,
  .mx-sm-15 {
    margin-right: 75px !important;
  }
  .mb-sm-15,
  .my-sm-15 {
    margin-bottom: 75px !important;
  }
  .ml-sm-15,
  .mx-sm-15 {
    margin-left: 75px !important;
  }
  .m-sm-16 {
    margin: 80px !important;
  }
  .mt-sm-16,
  .my-sm-16 {
    margin-top: 80px !important;
  }
  .mr-sm-16,
  .mx-sm-16 {
    margin-right: 80px !important;
  }
  .mb-sm-16,
  .my-sm-16 {
    margin-bottom: 80px !important;
  }
  .ml-sm-16,
  .mx-sm-16 {
    margin-left: 80px !important;
  }
  .m-sm-17 {
    margin: 85px !important;
  }
  .mt-sm-17,
  .my-sm-17 {
    margin-top: 85px !important;
  }
  .mr-sm-17,
  .mx-sm-17 {
    margin-right: 85px !important;
  }
  .mb-sm-17,
  .my-sm-17 {
    margin-bottom: 85px !important;
  }
  .ml-sm-17,
  .mx-sm-17 {
    margin-left: 85px !important;
  }
  .m-sm-18 {
    margin: 90px !important;
  }
  .mt-sm-18,
  .my-sm-18 {
    margin-top: 90px !important;
  }
  .mr-sm-18,
  .mx-sm-18 {
    margin-right: 90px !important;
  }
  .mb-sm-18,
  .my-sm-18 {
    margin-bottom: 90px !important;
  }
  .ml-sm-18,
  .mx-sm-18 {
    margin-left: 90px !important;
  }
  .m-sm-19 {
    margin: 95px !important;
  }
  .mt-sm-19,
  .my-sm-19 {
    margin-top: 95px !important;
  }
  .mr-sm-19,
  .mx-sm-19 {
    margin-right: 95px !important;
  }
  .mb-sm-19,
  .my-sm-19 {
    margin-bottom: 95px !important;
  }
  .ml-sm-19,
  .mx-sm-19 {
    margin-left: 95px !important;
  }
  .m-sm-20 {
    margin: 100px !important;
  }
  .mt-sm-20,
  .my-sm-20 {
    margin-top: 100px !important;
  }
  .mr-sm-20,
  .mx-sm-20 {
    margin-right: 100px !important;
  }
  .mb-sm-20,
  .my-sm-20 {
    margin-bottom: 100px !important;
  }
  .ml-sm-20,
  .mx-sm-20 {
    margin-left: 100px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 5px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 5px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 5px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 5px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 5px !important;
  }
  .p-sm-2 {
    padding: 10px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 10px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 10px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 10px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 10px !important;
  }
  .p-sm-3 {
    padding: 15px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 15px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 15px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 15px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 15px !important;
  }
  .p-sm-4 {
    padding: 20px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 20px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 20px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 20px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 20px !important;
  }
  .p-sm-5 {
    padding: 25px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 25px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 25px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 25px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 25px !important;
  }
  .p-sm-6 {
    padding: 30px !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 30px !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 30px !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 30px !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 30px !important;
  }
  .p-sm-7 {
    padding: 35px !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 35px !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 35px !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 35px !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 35px !important;
  }
  .p-sm-8 {
    padding: 40px !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 40px !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 40px !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 40px !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 40px !important;
  }
  .p-sm-9 {
    padding: 45px !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 45px !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 45px !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 45px !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 45px !important;
  }
  .p-sm-10 {
    padding: 50px !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 50px !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 50px !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 50px !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 50px !important;
  }
  .p-sm-11 {
    padding: 55px !important;
  }
  .pt-sm-11,
  .py-sm-11 {
    padding-top: 55px !important;
  }
  .pr-sm-11,
  .px-sm-11 {
    padding-right: 55px !important;
  }
  .pb-sm-11,
  .py-sm-11 {
    padding-bottom: 55px !important;
  }
  .pl-sm-11,
  .px-sm-11 {
    padding-left: 55px !important;
  }
  .p-sm-12 {
    padding: 60px !important;
  }
  .pt-sm-12,
  .py-sm-12 {
    padding-top: 60px !important;
  }
  .pr-sm-12,
  .px-sm-12 {
    padding-right: 60px !important;
  }
  .pb-sm-12,
  .py-sm-12 {
    padding-bottom: 60px !important;
  }
  .pl-sm-12,
  .px-sm-12 {
    padding-left: 60px !important;
  }
  .p-sm-13 {
    padding: 65px !important;
  }
  .pt-sm-13,
  .py-sm-13 {
    padding-top: 65px !important;
  }
  .pr-sm-13,
  .px-sm-13 {
    padding-right: 65px !important;
  }
  .pb-sm-13,
  .py-sm-13 {
    padding-bottom: 65px !important;
  }
  .pl-sm-13,
  .px-sm-13 {
    padding-left: 65px !important;
  }
  .p-sm-14 {
    padding: 70px !important;
  }
  .pt-sm-14,
  .py-sm-14 {
    padding-top: 70px !important;
  }
  .pr-sm-14,
  .px-sm-14 {
    padding-right: 70px !important;
  }
  .pb-sm-14,
  .py-sm-14 {
    padding-bottom: 70px !important;
  }
  .pl-sm-14,
  .px-sm-14 {
    padding-left: 70px !important;
  }
  .p-sm-15 {
    padding: 75px !important;
  }
  .pt-sm-15,
  .py-sm-15 {
    padding-top: 75px !important;
  }
  .pr-sm-15,
  .px-sm-15 {
    padding-right: 75px !important;
  }
  .pb-sm-15,
  .py-sm-15 {
    padding-bottom: 75px !important;
  }
  .pl-sm-15,
  .px-sm-15 {
    padding-left: 75px !important;
  }
  .p-sm-16 {
    padding: 80px !important;
  }
  .pt-sm-16,
  .py-sm-16 {
    padding-top: 80px !important;
  }
  .pr-sm-16,
  .px-sm-16 {
    padding-right: 80px !important;
  }
  .pb-sm-16,
  .py-sm-16 {
    padding-bottom: 80px !important;
  }
  .pl-sm-16,
  .px-sm-16 {
    padding-left: 80px !important;
  }
  .p-sm-17 {
    padding: 85px !important;
  }
  .pt-sm-17,
  .py-sm-17 {
    padding-top: 85px !important;
  }
  .pr-sm-17,
  .px-sm-17 {
    padding-right: 85px !important;
  }
  .pb-sm-17,
  .py-sm-17 {
    padding-bottom: 85px !important;
  }
  .pl-sm-17,
  .px-sm-17 {
    padding-left: 85px !important;
  }
  .p-sm-18 {
    padding: 90px !important;
  }
  .pt-sm-18,
  .py-sm-18 {
    padding-top: 90px !important;
  }
  .pr-sm-18,
  .px-sm-18 {
    padding-right: 90px !important;
  }
  .pb-sm-18,
  .py-sm-18 {
    padding-bottom: 90px !important;
  }
  .pl-sm-18,
  .px-sm-18 {
    padding-left: 90px !important;
  }
  .p-sm-19 {
    padding: 95px !important;
  }
  .pt-sm-19,
  .py-sm-19 {
    padding-top: 95px !important;
  }
  .pr-sm-19,
  .px-sm-19 {
    padding-right: 95px !important;
  }
  .pb-sm-19,
  .py-sm-19 {
    padding-bottom: 95px !important;
  }
  .pl-sm-19,
  .px-sm-19 {
    padding-left: 95px !important;
  }
  .p-sm-20 {
    padding: 100px !important;
  }
  .pt-sm-20,
  .py-sm-20 {
    padding-top: 100px !important;
  }
  .pr-sm-20,
  .px-sm-20 {
    padding-right: 100px !important;
  }
  .pb-sm-20,
  .py-sm-20 {
    padding-bottom: 100px !important;
  }
  .pl-sm-20,
  .px-sm-20 {
    padding-left: 100px !important;
  }
  .m-sm-n1 {
    margin: -5px !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -5px !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -5px !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -5px !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -5px !important;
  }
  .m-sm-n2 {
    margin: -10px !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -10px !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -10px !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -10px !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -10px !important;
  }
  .m-sm-n3 {
    margin: -15px !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -15px !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -15px !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -15px !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -15px !important;
  }
  .m-sm-n4 {
    margin: -20px !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -20px !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -20px !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -20px !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -20px !important;
  }
  .m-sm-n5 {
    margin: -25px !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -25px !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -25px !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -25px !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -25px !important;
  }
  .m-sm-n6 {
    margin: -30px !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -30px !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -30px !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -30px !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -30px !important;
  }
  .m-sm-n7 {
    margin: -35px !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -35px !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -35px !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -35px !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -35px !important;
  }
  .m-sm-n8 {
    margin: -40px !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -40px !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -40px !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -40px !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -40px !important;
  }
  .m-sm-n9 {
    margin: -45px !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -45px !important;
  }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -45px !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -45px !important;
  }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -45px !important;
  }
  .m-sm-n10 {
    margin: -50px !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -50px !important;
  }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -50px !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -50px !important;
  }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -50px !important;
  }
  .m-sm-n11 {
    margin: -55px !important;
  }
  .mt-sm-n11,
  .my-sm-n11 {
    margin-top: -55px !important;
  }
  .mr-sm-n11,
  .mx-sm-n11 {
    margin-right: -55px !important;
  }
  .mb-sm-n11,
  .my-sm-n11 {
    margin-bottom: -55px !important;
  }
  .ml-sm-n11,
  .mx-sm-n11 {
    margin-left: -55px !important;
  }
  .m-sm-n12 {
    margin: -60px !important;
  }
  .mt-sm-n12,
  .my-sm-n12 {
    margin-top: -60px !important;
  }
  .mr-sm-n12,
  .mx-sm-n12 {
    margin-right: -60px !important;
  }
  .mb-sm-n12,
  .my-sm-n12 {
    margin-bottom: -60px !important;
  }
  .ml-sm-n12,
  .mx-sm-n12 {
    margin-left: -60px !important;
  }
  .m-sm-n13 {
    margin: -65px !important;
  }
  .mt-sm-n13,
  .my-sm-n13 {
    margin-top: -65px !important;
  }
  .mr-sm-n13,
  .mx-sm-n13 {
    margin-right: -65px !important;
  }
  .mb-sm-n13,
  .my-sm-n13 {
    margin-bottom: -65px !important;
  }
  .ml-sm-n13,
  .mx-sm-n13 {
    margin-left: -65px !important;
  }
  .m-sm-n14 {
    margin: -70px !important;
  }
  .mt-sm-n14,
  .my-sm-n14 {
    margin-top: -70px !important;
  }
  .mr-sm-n14,
  .mx-sm-n14 {
    margin-right: -70px !important;
  }
  .mb-sm-n14,
  .my-sm-n14 {
    margin-bottom: -70px !important;
  }
  .ml-sm-n14,
  .mx-sm-n14 {
    margin-left: -70px !important;
  }
  .m-sm-n15 {
    margin: -75px !important;
  }
  .mt-sm-n15,
  .my-sm-n15 {
    margin-top: -75px !important;
  }
  .mr-sm-n15,
  .mx-sm-n15 {
    margin-right: -75px !important;
  }
  .mb-sm-n15,
  .my-sm-n15 {
    margin-bottom: -75px !important;
  }
  .ml-sm-n15,
  .mx-sm-n15 {
    margin-left: -75px !important;
  }
  .m-sm-n16 {
    margin: -80px !important;
  }
  .mt-sm-n16,
  .my-sm-n16 {
    margin-top: -80px !important;
  }
  .mr-sm-n16,
  .mx-sm-n16 {
    margin-right: -80px !important;
  }
  .mb-sm-n16,
  .my-sm-n16 {
    margin-bottom: -80px !important;
  }
  .ml-sm-n16,
  .mx-sm-n16 {
    margin-left: -80px !important;
  }
  .m-sm-n17 {
    margin: -85px !important;
  }
  .mt-sm-n17,
  .my-sm-n17 {
    margin-top: -85px !important;
  }
  .mr-sm-n17,
  .mx-sm-n17 {
    margin-right: -85px !important;
  }
  .mb-sm-n17,
  .my-sm-n17 {
    margin-bottom: -85px !important;
  }
  .ml-sm-n17,
  .mx-sm-n17 {
    margin-left: -85px !important;
  }
  .m-sm-n18 {
    margin: -90px !important;
  }
  .mt-sm-n18,
  .my-sm-n18 {
    margin-top: -90px !important;
  }
  .mr-sm-n18,
  .mx-sm-n18 {
    margin-right: -90px !important;
  }
  .mb-sm-n18,
  .my-sm-n18 {
    margin-bottom: -90px !important;
  }
  .ml-sm-n18,
  .mx-sm-n18 {
    margin-left: -90px !important;
  }
  .m-sm-n19 {
    margin: -95px !important;
  }
  .mt-sm-n19,
  .my-sm-n19 {
    margin-top: -95px !important;
  }
  .mr-sm-n19,
  .mx-sm-n19 {
    margin-right: -95px !important;
  }
  .mb-sm-n19,
  .my-sm-n19 {
    margin-bottom: -95px !important;
  }
  .ml-sm-n19,
  .mx-sm-n19 {
    margin-left: -95px !important;
  }
  .m-sm-n20 {
    margin: -100px !important;
  }
  .mt-sm-n20,
  .my-sm-n20 {
    margin-top: -100px !important;
  }
  .mr-sm-n20,
  .mx-sm-n20 {
    margin-right: -100px !important;
  }
  .mb-sm-n20,
  .my-sm-n20 {
    margin-bottom: -100px !important;
  }
  .ml-sm-n20,
  .mx-sm-n20 {
    margin-left: -100px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 5px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 5px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 5px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 5px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 5px !important;
  }
  .m-md-2 {
    margin: 10px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 10px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 10px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 10px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 10px !important;
  }
  .m-md-3 {
    margin: 15px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 15px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 15px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 15px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 15px !important;
  }
  .m-md-4 {
    margin: 20px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 20px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 20px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 20px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 20px !important;
  }
  .m-md-5 {
    margin: 25px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 25px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 25px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 25px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 25px !important;
  }
  .m-md-6 {
    margin: 30px !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 30px !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 30px !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 30px !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 30px !important;
  }
  .m-md-7 {
    margin: 35px !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 35px !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 35px !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 35px !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 35px !important;
  }
  .m-md-8 {
    margin: 40px !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 40px !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 40px !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 40px !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 40px !important;
  }
  .m-md-9 {
    margin: 45px !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 45px !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 45px !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 45px !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 45px !important;
  }
  .m-md-10 {
    margin: 50px !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 50px !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 50px !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 50px !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 50px !important;
  }
  .m-md-11 {
    margin: 55px !important;
  }
  .mt-md-11,
  .my-md-11 {
    margin-top: 55px !important;
  }
  .mr-md-11,
  .mx-md-11 {
    margin-right: 55px !important;
  }
  .mb-md-11,
  .my-md-11 {
    margin-bottom: 55px !important;
  }
  .ml-md-11,
  .mx-md-11 {
    margin-left: 55px !important;
  }
  .m-md-12 {
    margin: 60px !important;
  }
  .mt-md-12,
  .my-md-12 {
    margin-top: 60px !important;
  }
  .mr-md-12,
  .mx-md-12 {
    margin-right: 60px !important;
  }
  .mb-md-12,
  .my-md-12 {
    margin-bottom: 60px !important;
  }
  .ml-md-12,
  .mx-md-12 {
    margin-left: 60px !important;
  }
  .m-md-13 {
    margin: 65px !important;
  }
  .mt-md-13,
  .my-md-13 {
    margin-top: 65px !important;
  }
  .mr-md-13,
  .mx-md-13 {
    margin-right: 65px !important;
  }
  .mb-md-13,
  .my-md-13 {
    margin-bottom: 65px !important;
  }
  .ml-md-13,
  .mx-md-13 {
    margin-left: 65px !important;
  }
  .m-md-14 {
    margin: 70px !important;
  }
  .mt-md-14,
  .my-md-14 {
    margin-top: 70px !important;
  }
  .mr-md-14,
  .mx-md-14 {
    margin-right: 70px !important;
  }
  .mb-md-14,
  .my-md-14 {
    margin-bottom: 70px !important;
  }
  .ml-md-14,
  .mx-md-14 {
    margin-left: 70px !important;
  }
  .m-md-15 {
    margin: 75px !important;
  }
  .mt-md-15,
  .my-md-15 {
    margin-top: 75px !important;
  }
  .mr-md-15,
  .mx-md-15 {
    margin-right: 75px !important;
  }
  .mb-md-15,
  .my-md-15 {
    margin-bottom: 75px !important;
  }
  .ml-md-15,
  .mx-md-15 {
    margin-left: 75px !important;
  }
  .m-md-16 {
    margin: 80px !important;
  }
  .mt-md-16,
  .my-md-16 {
    margin-top: 80px !important;
  }
  .mr-md-16,
  .mx-md-16 {
    margin-right: 80px !important;
  }
  .mb-md-16,
  .my-md-16 {
    margin-bottom: 80px !important;
  }
  .ml-md-16,
  .mx-md-16 {
    margin-left: 80px !important;
  }
  .m-md-17 {
    margin: 85px !important;
  }
  .mt-md-17,
  .my-md-17 {
    margin-top: 85px !important;
  }
  .mr-md-17,
  .mx-md-17 {
    margin-right: 85px !important;
  }
  .mb-md-17,
  .my-md-17 {
    margin-bottom: 85px !important;
  }
  .ml-md-17,
  .mx-md-17 {
    margin-left: 85px !important;
  }
  .m-md-18 {
    margin: 90px !important;
  }
  .mt-md-18,
  .my-md-18 {
    margin-top: 90px !important;
  }
  .mr-md-18,
  .mx-md-18 {
    margin-right: 90px !important;
  }
  .mb-md-18,
  .my-md-18 {
    margin-bottom: 90px !important;
  }
  .ml-md-18,
  .mx-md-18 {
    margin-left: 90px !important;
  }
  .m-md-19 {
    margin: 95px !important;
  }
  .mt-md-19,
  .my-md-19 {
    margin-top: 95px !important;
  }
  .mr-md-19,
  .mx-md-19 {
    margin-right: 95px !important;
  }
  .mb-md-19,
  .my-md-19 {
    margin-bottom: 95px !important;
  }
  .ml-md-19,
  .mx-md-19 {
    margin-left: 95px !important;
  }
  .m-md-20 {
    margin: 100px !important;
  }
  .mt-md-20,
  .my-md-20 {
    margin-top: 100px !important;
  }
  .mr-md-20,
  .mx-md-20 {
    margin-right: 100px !important;
  }
  .mb-md-20,
  .my-md-20 {
    margin-bottom: 100px !important;
  }
  .ml-md-20,
  .mx-md-20 {
    margin-left: 100px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 5px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 5px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 5px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 5px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 5px !important;
  }
  .p-md-2 {
    padding: 10px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 10px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 10px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 10px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 10px !important;
  }
  .p-md-3 {
    padding: 15px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 15px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 15px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 15px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 15px !important;
  }
  .p-md-4 {
    padding: 20px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 20px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 20px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 20px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 20px !important;
  }
  .p-md-5 {
    padding: 25px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 25px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 25px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 25px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 25px !important;
  }
  .p-md-6 {
    padding: 30px !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 30px !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 30px !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 30px !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 30px !important;
  }
  .p-md-7 {
    padding: 35px !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 35px !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 35px !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 35px !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 35px !important;
  }
  .p-md-8 {
    padding: 40px !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 40px !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 40px !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 40px !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 40px !important;
  }
  .p-md-9 {
    padding: 45px !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 45px !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 45px !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 45px !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 45px !important;
  }
  .p-md-10 {
    padding: 50px !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 50px !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 50px !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 50px !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 50px !important;
  }
  .p-md-11 {
    padding: 55px !important;
  }
  .pt-md-11,
  .py-md-11 {
    padding-top: 55px !important;
  }
  .pr-md-11,
  .px-md-11 {
    padding-right: 55px !important;
  }
  .pb-md-11,
  .py-md-11 {
    padding-bottom: 55px !important;
  }
  .pl-md-11,
  .px-md-11 {
    padding-left: 55px !important;
  }
  .p-md-12 {
    padding: 60px !important;
  }
  .pt-md-12,
  .py-md-12 {
    padding-top: 60px !important;
  }
  .pr-md-12,
  .px-md-12 {
    padding-right: 60px !important;
  }
  .pb-md-12,
  .py-md-12 {
    padding-bottom: 60px !important;
  }
  .pl-md-12,
  .px-md-12 {
    padding-left: 60px !important;
  }
  .p-md-13 {
    padding: 65px !important;
  }
  .pt-md-13,
  .py-md-13 {
    padding-top: 65px !important;
  }
  .pr-md-13,
  .px-md-13 {
    padding-right: 65px !important;
  }
  .pb-md-13,
  .py-md-13 {
    padding-bottom: 65px !important;
  }
  .pl-md-13,
  .px-md-13 {
    padding-left: 65px !important;
  }
  .p-md-14 {
    padding: 70px !important;
  }
  .pt-md-14,
  .py-md-14 {
    padding-top: 70px !important;
  }
  .pr-md-14,
  .px-md-14 {
    padding-right: 70px !important;
  }
  .pb-md-14,
  .py-md-14 {
    padding-bottom: 70px !important;
  }
  .pl-md-14,
  .px-md-14 {
    padding-left: 70px !important;
  }
  .p-md-15 {
    padding: 75px !important;
  }
  .pt-md-15,
  .py-md-15 {
    padding-top: 75px !important;
  }
  .pr-md-15,
  .px-md-15 {
    padding-right: 75px !important;
  }
  .pb-md-15,
  .py-md-15 {
    padding-bottom: 75px !important;
  }
  .pl-md-15,
  .px-md-15 {
    padding-left: 75px !important;
  }
  .p-md-16 {
    padding: 80px !important;
  }
  .pt-md-16,
  .py-md-16 {
    padding-top: 80px !important;
  }
  .pr-md-16,
  .px-md-16 {
    padding-right: 80px !important;
  }
  .pb-md-16,
  .py-md-16 {
    padding-bottom: 80px !important;
  }
  .pl-md-16,
  .px-md-16 {
    padding-left: 80px !important;
  }
  .p-md-17 {
    padding: 85px !important;
  }
  .pt-md-17,
  .py-md-17 {
    padding-top: 85px !important;
  }
  .pr-md-17,
  .px-md-17 {
    padding-right: 85px !important;
  }
  .pb-md-17,
  .py-md-17 {
    padding-bottom: 85px !important;
  }
  .pl-md-17,
  .px-md-17 {
    padding-left: 85px !important;
  }
  .p-md-18 {
    padding: 90px !important;
  }
  .pt-md-18,
  .py-md-18 {
    padding-top: 90px !important;
  }
  .pr-md-18,
  .px-md-18 {
    padding-right: 90px !important;
  }
  .pb-md-18,
  .py-md-18 {
    padding-bottom: 90px !important;
  }
  .pl-md-18,
  .px-md-18 {
    padding-left: 90px !important;
  }
  .p-md-19 {
    padding: 95px !important;
  }
  .pt-md-19,
  .py-md-19 {
    padding-top: 95px !important;
  }
  .pr-md-19,
  .px-md-19 {
    padding-right: 95px !important;
  }
  .pb-md-19,
  .py-md-19 {
    padding-bottom: 95px !important;
  }
  .pl-md-19,
  .px-md-19 {
    padding-left: 95px !important;
  }
  .p-md-20 {
    padding: 100px !important;
  }
  .pt-md-20,
  .py-md-20 {
    padding-top: 100px !important;
  }
  .pr-md-20,
  .px-md-20 {
    padding-right: 100px !important;
  }
  .pb-md-20,
  .py-md-20 {
    padding-bottom: 100px !important;
  }
  .pl-md-20,
  .px-md-20 {
    padding-left: 100px !important;
  }
  .m-md-n1 {
    margin: -5px !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -5px !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -5px !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -5px !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -5px !important;
  }
  .m-md-n2 {
    margin: -10px !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -10px !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -10px !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -10px !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -10px !important;
  }
  .m-md-n3 {
    margin: -15px !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -15px !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -15px !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -15px !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -15px !important;
  }
  .m-md-n4 {
    margin: -20px !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -20px !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -20px !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -20px !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -20px !important;
  }
  .m-md-n5 {
    margin: -25px !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -25px !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -25px !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -25px !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -25px !important;
  }
  .m-md-n6 {
    margin: -30px !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -30px !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -30px !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -30px !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -30px !important;
  }
  .m-md-n7 {
    margin: -35px !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -35px !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -35px !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -35px !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -35px !important;
  }
  .m-md-n8 {
    margin: -40px !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -40px !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -40px !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -40px !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -40px !important;
  }
  .m-md-n9 {
    margin: -45px !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: -45px !important;
  }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -45px !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -45px !important;
  }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -45px !important;
  }
  .m-md-n10 {
    margin: -50px !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: -50px !important;
  }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -50px !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -50px !important;
  }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -50px !important;
  }
  .m-md-n11 {
    margin: -55px !important;
  }
  .mt-md-n11,
  .my-md-n11 {
    margin-top: -55px !important;
  }
  .mr-md-n11,
  .mx-md-n11 {
    margin-right: -55px !important;
  }
  .mb-md-n11,
  .my-md-n11 {
    margin-bottom: -55px !important;
  }
  .ml-md-n11,
  .mx-md-n11 {
    margin-left: -55px !important;
  }
  .m-md-n12 {
    margin: -60px !important;
  }
  .mt-md-n12,
  .my-md-n12 {
    margin-top: -60px !important;
  }
  .mr-md-n12,
  .mx-md-n12 {
    margin-right: -60px !important;
  }
  .mb-md-n12,
  .my-md-n12 {
    margin-bottom: -60px !important;
  }
  .ml-md-n12,
  .mx-md-n12 {
    margin-left: -60px !important;
  }
  .m-md-n13 {
    margin: -65px !important;
  }
  .mt-md-n13,
  .my-md-n13 {
    margin-top: -65px !important;
  }
  .mr-md-n13,
  .mx-md-n13 {
    margin-right: -65px !important;
  }
  .mb-md-n13,
  .my-md-n13 {
    margin-bottom: -65px !important;
  }
  .ml-md-n13,
  .mx-md-n13 {
    margin-left: -65px !important;
  }
  .m-md-n14 {
    margin: -70px !important;
  }
  .mt-md-n14,
  .my-md-n14 {
    margin-top: -70px !important;
  }
  .mr-md-n14,
  .mx-md-n14 {
    margin-right: -70px !important;
  }
  .mb-md-n14,
  .my-md-n14 {
    margin-bottom: -70px !important;
  }
  .ml-md-n14,
  .mx-md-n14 {
    margin-left: -70px !important;
  }
  .m-md-n15 {
    margin: -75px !important;
  }
  .mt-md-n15,
  .my-md-n15 {
    margin-top: -75px !important;
  }
  .mr-md-n15,
  .mx-md-n15 {
    margin-right: -75px !important;
  }
  .mb-md-n15,
  .my-md-n15 {
    margin-bottom: -75px !important;
  }
  .ml-md-n15,
  .mx-md-n15 {
    margin-left: -75px !important;
  }
  .m-md-n16 {
    margin: -80px !important;
  }
  .mt-md-n16,
  .my-md-n16 {
    margin-top: -80px !important;
  }
  .mr-md-n16,
  .mx-md-n16 {
    margin-right: -80px !important;
  }
  .mb-md-n16,
  .my-md-n16 {
    margin-bottom: -80px !important;
  }
  .ml-md-n16,
  .mx-md-n16 {
    margin-left: -80px !important;
  }
  .m-md-n17 {
    margin: -85px !important;
  }
  .mt-md-n17,
  .my-md-n17 {
    margin-top: -85px !important;
  }
  .mr-md-n17,
  .mx-md-n17 {
    margin-right: -85px !important;
  }
  .mb-md-n17,
  .my-md-n17 {
    margin-bottom: -85px !important;
  }
  .ml-md-n17,
  .mx-md-n17 {
    margin-left: -85px !important;
  }
  .m-md-n18 {
    margin: -90px !important;
  }
  .mt-md-n18,
  .my-md-n18 {
    margin-top: -90px !important;
  }
  .mr-md-n18,
  .mx-md-n18 {
    margin-right: -90px !important;
  }
  .mb-md-n18,
  .my-md-n18 {
    margin-bottom: -90px !important;
  }
  .ml-md-n18,
  .mx-md-n18 {
    margin-left: -90px !important;
  }
  .m-md-n19 {
    margin: -95px !important;
  }
  .mt-md-n19,
  .my-md-n19 {
    margin-top: -95px !important;
  }
  .mr-md-n19,
  .mx-md-n19 {
    margin-right: -95px !important;
  }
  .mb-md-n19,
  .my-md-n19 {
    margin-bottom: -95px !important;
  }
  .ml-md-n19,
  .mx-md-n19 {
    margin-left: -95px !important;
  }
  .m-md-n20 {
    margin: -100px !important;
  }
  .mt-md-n20,
  .my-md-n20 {
    margin-top: -100px !important;
  }
  .mr-md-n20,
  .mx-md-n20 {
    margin-right: -100px !important;
  }
  .mb-md-n20,
  .my-md-n20 {
    margin-bottom: -100px !important;
  }
  .ml-md-n20,
  .mx-md-n20 {
    margin-left: -100px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 5px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 5px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 5px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 5px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 5px !important;
  }
  .m-lg-2 {
    margin: 10px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 10px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 10px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 10px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 10px !important;
  }
  .m-lg-3 {
    margin: 15px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 15px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 15px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 15px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 15px !important;
  }
  .m-lg-4 {
    margin: 20px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 20px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 20px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 20px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 20px !important;
  }
  .m-lg-5 {
    margin: 25px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 25px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 25px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 25px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 25px !important;
  }
  .m-lg-6 {
    margin: 30px !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 30px !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 30px !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 30px !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 30px !important;
  }
  .m-lg-7 {
    margin: 35px !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 35px !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 35px !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 35px !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 35px !important;
  }
  .m-lg-8 {
    margin: 40px !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 40px !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 40px !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 40px !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 40px !important;
  }
  .m-lg-9 {
    margin: 45px !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 45px !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 45px !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 45px !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 45px !important;
  }
  .m-lg-10 {
    margin: 50px !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 50px !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 50px !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 50px !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 50px !important;
  }
  .m-lg-11 {
    margin: 55px !important;
  }
  .mt-lg-11,
  .my-lg-11 {
    margin-top: 55px !important;
  }
  .mr-lg-11,
  .mx-lg-11 {
    margin-right: 55px !important;
  }
  .mb-lg-11,
  .my-lg-11 {
    margin-bottom: 55px !important;
  }
  .ml-lg-11,
  .mx-lg-11 {
    margin-left: 55px !important;
  }
  .m-lg-12 {
    margin: 60px !important;
  }
  .mt-lg-12,
  .my-lg-12 {
    margin-top: 60px !important;
  }
  .mr-lg-12,
  .mx-lg-12 {
    margin-right: 60px !important;
  }
  .mb-lg-12,
  .my-lg-12 {
    margin-bottom: 60px !important;
  }
  .ml-lg-12,
  .mx-lg-12 {
    margin-left: 60px !important;
  }
  .m-lg-13 {
    margin: 65px !important;
  }
  .mt-lg-13,
  .my-lg-13 {
    margin-top: 65px !important;
  }
  .mr-lg-13,
  .mx-lg-13 {
    margin-right: 65px !important;
  }
  .mb-lg-13,
  .my-lg-13 {
    margin-bottom: 65px !important;
  }
  .ml-lg-13,
  .mx-lg-13 {
    margin-left: 65px !important;
  }
  .m-lg-14 {
    margin: 70px !important;
  }
  .mt-lg-14,
  .my-lg-14 {
    margin-top: 70px !important;
  }
  .mr-lg-14,
  .mx-lg-14 {
    margin-right: 70px !important;
  }
  .mb-lg-14,
  .my-lg-14 {
    margin-bottom: 70px !important;
  }
  .ml-lg-14,
  .mx-lg-14 {
    margin-left: 70px !important;
  }
  .m-lg-15 {
    margin: 75px !important;
  }
  .mt-lg-15,
  .my-lg-15 {
    margin-top: 75px !important;
  }
  .mr-lg-15,
  .mx-lg-15 {
    margin-right: 75px !important;
  }
  .mb-lg-15,
  .my-lg-15 {
    margin-bottom: 75px !important;
  }
  .ml-lg-15,
  .mx-lg-15 {
    margin-left: 75px !important;
  }
  .m-lg-16 {
    margin: 80px !important;
  }
  .mt-lg-16,
  .my-lg-16 {
    margin-top: 80px !important;
  }
  .mr-lg-16,
  .mx-lg-16 {
    margin-right: 80px !important;
  }
  .mb-lg-16,
  .my-lg-16 {
    margin-bottom: 80px !important;
  }
  .ml-lg-16,
  .mx-lg-16 {
    margin-left: 80px !important;
  }
  .m-lg-17 {
    margin: 85px !important;
  }
  .mt-lg-17,
  .my-lg-17 {
    margin-top: 85px !important;
  }
  .mr-lg-17,
  .mx-lg-17 {
    margin-right: 85px !important;
  }
  .mb-lg-17,
  .my-lg-17 {
    margin-bottom: 85px !important;
  }
  .ml-lg-17,
  .mx-lg-17 {
    margin-left: 85px !important;
  }
  .m-lg-18 {
    margin: 90px !important;
  }
  .mt-lg-18,
  .my-lg-18 {
    margin-top: 90px !important;
  }
  .mr-lg-18,
  .mx-lg-18 {
    margin-right: 90px !important;
  }
  .mb-lg-18,
  .my-lg-18 {
    margin-bottom: 90px !important;
  }
  .ml-lg-18,
  .mx-lg-18 {
    margin-left: 90px !important;
  }
  .m-lg-19 {
    margin: 95px !important;
  }
  .mt-lg-19,
  .my-lg-19 {
    margin-top: 95px !important;
  }
  .mr-lg-19,
  .mx-lg-19 {
    margin-right: 95px !important;
  }
  .mb-lg-19,
  .my-lg-19 {
    margin-bottom: 95px !important;
  }
  .ml-lg-19,
  .mx-lg-19 {
    margin-left: 95px !important;
  }
  .m-lg-20 {
    margin: 100px !important;
  }
  .mt-lg-20,
  .my-lg-20 {
    margin-top: 100px !important;
  }
  .mr-lg-20,
  .mx-lg-20 {
    margin-right: 100px !important;
  }
  .mb-lg-20,
  .my-lg-20 {
    margin-bottom: 100px !important;
  }
  .ml-lg-20,
  .mx-lg-20 {
    margin-left: 100px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 5px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 5px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 5px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 5px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 5px !important;
  }
  .p-lg-2 {
    padding: 10px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 10px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 10px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 10px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 10px !important;
  }
  .p-lg-3 {
    padding: 15px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 15px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 15px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 15px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 15px !important;
  }
  .p-lg-4 {
    padding: 20px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 20px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 20px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 20px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 20px !important;
  }
  .p-lg-5 {
    padding: 25px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 25px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 25px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 25px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 25px !important;
  }
  .p-lg-6 {
    padding: 30px !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 30px !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 30px !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 30px !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 30px !important;
  }
  .p-lg-7 {
    padding: 35px !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 35px !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 35px !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 35px !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 35px !important;
  }
  .p-lg-8 {
    padding: 40px !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 40px !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 40px !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 40px !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 40px !important;
  }
  .p-lg-9 {
    padding: 45px !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 45px !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 45px !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 45px !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 45px !important;
  }
  .p-lg-10 {
    padding: 50px !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 50px !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 50px !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 50px !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 50px !important;
  }
  .p-lg-11 {
    padding: 55px !important;
  }
  .pt-lg-11,
  .py-lg-11 {
    padding-top: 55px !important;
  }
  .pr-lg-11,
  .px-lg-11 {
    padding-right: 55px !important;
  }
  .pb-lg-11,
  .py-lg-11 {
    padding-bottom: 55px !important;
  }
  .pl-lg-11,
  .px-lg-11 {
    padding-left: 55px !important;
  }
  .p-lg-12 {
    padding: 60px !important;
  }
  .pt-lg-12,
  .py-lg-12 {
    padding-top: 60px !important;
  }
  .pr-lg-12,
  .px-lg-12 {
    padding-right: 60px !important;
  }
  .pb-lg-12,
  .py-lg-12 {
    padding-bottom: 60px !important;
  }
  .pl-lg-12,
  .px-lg-12 {
    padding-left: 60px !important;
  }
  .p-lg-13 {
    padding: 65px !important;
  }
  .pt-lg-13,
  .py-lg-13 {
    padding-top: 65px !important;
  }
  .pr-lg-13,
  .px-lg-13 {
    padding-right: 65px !important;
  }
  .pb-lg-13,
  .py-lg-13 {
    padding-bottom: 65px !important;
  }
  .pl-lg-13,
  .px-lg-13 {
    padding-left: 65px !important;
  }
  .p-lg-14 {
    padding: 70px !important;
  }
  .pt-lg-14,
  .py-lg-14 {
    padding-top: 70px !important;
  }
  .pr-lg-14,
  .px-lg-14 {
    padding-right: 70px !important;
  }
  .pb-lg-14,
  .py-lg-14 {
    padding-bottom: 70px !important;
  }
  .pl-lg-14,
  .px-lg-14 {
    padding-left: 70px !important;
  }
  .p-lg-15 {
    padding: 75px !important;
  }
  .pt-lg-15,
  .py-lg-15 {
    padding-top: 75px !important;
  }
  .pr-lg-15,
  .px-lg-15 {
    padding-right: 75px !important;
  }
  .pb-lg-15,
  .py-lg-15 {
    padding-bottom: 75px !important;
  }
  .pl-lg-15,
  .px-lg-15 {
    padding-left: 75px !important;
  }
  .p-lg-16 {
    padding: 80px !important;
  }
  .pt-lg-16,
  .py-lg-16 {
    padding-top: 80px !important;
  }
  .pr-lg-16,
  .px-lg-16 {
    padding-right: 80px !important;
  }
  .pb-lg-16,
  .py-lg-16 {
    padding-bottom: 80px !important;
  }
  .pl-lg-16,
  .px-lg-16 {
    padding-left: 80px !important;
  }
  .p-lg-17 {
    padding: 85px !important;
  }
  .pt-lg-17,
  .py-lg-17 {
    padding-top: 85px !important;
  }
  .pr-lg-17,
  .px-lg-17 {
    padding-right: 85px !important;
  }
  .pb-lg-17,
  .py-lg-17 {
    padding-bottom: 85px !important;
  }
  .pl-lg-17,
  .px-lg-17 {
    padding-left: 85px !important;
  }
  .p-lg-18 {
    padding: 90px !important;
  }
  .pt-lg-18,
  .py-lg-18 {
    padding-top: 90px !important;
  }
  .pr-lg-18,
  .px-lg-18 {
    padding-right: 90px !important;
  }
  .pb-lg-18,
  .py-lg-18 {
    padding-bottom: 90px !important;
  }
  .pl-lg-18,
  .px-lg-18 {
    padding-left: 90px !important;
  }
  .p-lg-19 {
    padding: 95px !important;
  }
  .pt-lg-19,
  .py-lg-19 {
    padding-top: 95px !important;
  }
  .pr-lg-19,
  .px-lg-19 {
    padding-right: 95px !important;
  }
  .pb-lg-19,
  .py-lg-19 {
    padding-bottom: 95px !important;
  }
  .pl-lg-19,
  .px-lg-19 {
    padding-left: 95px !important;
  }
  .p-lg-20 {
    padding: 100px !important;
  }
  .pt-lg-20,
  .py-lg-20 {
    padding-top: 100px !important;
  }
  .pr-lg-20,
  .px-lg-20 {
    padding-right: 100px !important;
  }
  .pb-lg-20,
  .py-lg-20 {
    padding-bottom: 100px !important;
  }
  .pl-lg-20,
  .px-lg-20 {
    padding-left: 100px !important;
  }
  .m-lg-n1 {
    margin: -5px !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -5px !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -5px !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -5px !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -5px !important;
  }
  .m-lg-n2 {
    margin: -10px !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -10px !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -10px !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -10px !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -10px !important;
  }
  .m-lg-n3 {
    margin: -15px !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -15px !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -15px !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -15px !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -15px !important;
  }
  .m-lg-n4 {
    margin: -20px !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -20px !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -20px !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -20px !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -20px !important;
  }
  .m-lg-n5 {
    margin: -25px !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -25px !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -25px !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -25px !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -25px !important;
  }
  .m-lg-n6 {
    margin: -30px !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -30px !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -30px !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -30px !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -30px !important;
  }
  .m-lg-n7 {
    margin: -35px !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -35px !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -35px !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -35px !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -35px !important;
  }
  .m-lg-n8 {
    margin: -40px !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -40px !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -40px !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -40px !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -40px !important;
  }
  .m-lg-n9 {
    margin: -45px !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -45px !important;
  }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -45px !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -45px !important;
  }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -45px !important;
  }
  .m-lg-n10 {
    margin: -50px !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -50px !important;
  }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -50px !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -50px !important;
  }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -50px !important;
  }
  .m-lg-n11 {
    margin: -55px !important;
  }
  .mt-lg-n11,
  .my-lg-n11 {
    margin-top: -55px !important;
  }
  .mr-lg-n11,
  .mx-lg-n11 {
    margin-right: -55px !important;
  }
  .mb-lg-n11,
  .my-lg-n11 {
    margin-bottom: -55px !important;
  }
  .ml-lg-n11,
  .mx-lg-n11 {
    margin-left: -55px !important;
  }
  .m-lg-n12 {
    margin: -60px !important;
  }
  .mt-lg-n12,
  .my-lg-n12 {
    margin-top: -60px !important;
  }
  .mr-lg-n12,
  .mx-lg-n12 {
    margin-right: -60px !important;
  }
  .mb-lg-n12,
  .my-lg-n12 {
    margin-bottom: -60px !important;
  }
  .ml-lg-n12,
  .mx-lg-n12 {
    margin-left: -60px !important;
  }
  .m-lg-n13 {
    margin: -65px !important;
  }
  .mt-lg-n13,
  .my-lg-n13 {
    margin-top: -65px !important;
  }
  .mr-lg-n13,
  .mx-lg-n13 {
    margin-right: -65px !important;
  }
  .mb-lg-n13,
  .my-lg-n13 {
    margin-bottom: -65px !important;
  }
  .ml-lg-n13,
  .mx-lg-n13 {
    margin-left: -65px !important;
  }
  .m-lg-n14 {
    margin: -70px !important;
  }
  .mt-lg-n14,
  .my-lg-n14 {
    margin-top: -70px !important;
  }
  .mr-lg-n14,
  .mx-lg-n14 {
    margin-right: -70px !important;
  }
  .mb-lg-n14,
  .my-lg-n14 {
    margin-bottom: -70px !important;
  }
  .ml-lg-n14,
  .mx-lg-n14 {
    margin-left: -70px !important;
  }
  .m-lg-n15 {
    margin: -75px !important;
  }
  .mt-lg-n15,
  .my-lg-n15 {
    margin-top: -75px !important;
  }
  .mr-lg-n15,
  .mx-lg-n15 {
    margin-right: -75px !important;
  }
  .mb-lg-n15,
  .my-lg-n15 {
    margin-bottom: -75px !important;
  }
  .ml-lg-n15,
  .mx-lg-n15 {
    margin-left: -75px !important;
  }
  .m-lg-n16 {
    margin: -80px !important;
  }
  .mt-lg-n16,
  .my-lg-n16 {
    margin-top: -80px !important;
  }
  .mr-lg-n16,
  .mx-lg-n16 {
    margin-right: -80px !important;
  }
  .mb-lg-n16,
  .my-lg-n16 {
    margin-bottom: -80px !important;
  }
  .ml-lg-n16,
  .mx-lg-n16 {
    margin-left: -80px !important;
  }
  .m-lg-n17 {
    margin: -85px !important;
  }
  .mt-lg-n17,
  .my-lg-n17 {
    margin-top: -85px !important;
  }
  .mr-lg-n17,
  .mx-lg-n17 {
    margin-right: -85px !important;
  }
  .mb-lg-n17,
  .my-lg-n17 {
    margin-bottom: -85px !important;
  }
  .ml-lg-n17,
  .mx-lg-n17 {
    margin-left: -85px !important;
  }
  .m-lg-n18 {
    margin: -90px !important;
  }
  .mt-lg-n18,
  .my-lg-n18 {
    margin-top: -90px !important;
  }
  .mr-lg-n18,
  .mx-lg-n18 {
    margin-right: -90px !important;
  }
  .mb-lg-n18,
  .my-lg-n18 {
    margin-bottom: -90px !important;
  }
  .ml-lg-n18,
  .mx-lg-n18 {
    margin-left: -90px !important;
  }
  .m-lg-n19 {
    margin: -95px !important;
  }
  .mt-lg-n19,
  .my-lg-n19 {
    margin-top: -95px !important;
  }
  .mr-lg-n19,
  .mx-lg-n19 {
    margin-right: -95px !important;
  }
  .mb-lg-n19,
  .my-lg-n19 {
    margin-bottom: -95px !important;
  }
  .ml-lg-n19,
  .mx-lg-n19 {
    margin-left: -95px !important;
  }
  .m-lg-n20 {
    margin: -100px !important;
  }
  .mt-lg-n20,
  .my-lg-n20 {
    margin-top: -100px !important;
  }
  .mr-lg-n20,
  .mx-lg-n20 {
    margin-right: -100px !important;
  }
  .mb-lg-n20,
  .my-lg-n20 {
    margin-bottom: -100px !important;
  }
  .ml-lg-n20,
  .mx-lg-n20 {
    margin-left: -100px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1290px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 5px !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 5px !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 5px !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 5px !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 5px !important;
  }
  .m-xl-2 {
    margin: 10px !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 10px !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 10px !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 10px !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 10px !important;
  }
  .m-xl-3 {
    margin: 15px !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 15px !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 15px !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 15px !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 15px !important;
  }
  .m-xl-4 {
    margin: 20px !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 20px !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 20px !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 20px !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 20px !important;
  }
  .m-xl-5 {
    margin: 25px !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 25px !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 25px !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 25px !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 25px !important;
  }
  .m-xl-6 {
    margin: 30px !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 30px !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 30px !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 30px !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 30px !important;
  }
  .m-xl-7 {
    margin: 35px !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 35px !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 35px !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 35px !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 35px !important;
  }
  .m-xl-8 {
    margin: 40px !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 40px !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 40px !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 40px !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 40px !important;
  }
  .m-xl-9 {
    margin: 45px !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 45px !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 45px !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 45px !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 45px !important;
  }
  .m-xl-10 {
    margin: 50px !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 50px !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 50px !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 50px !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 50px !important;
  }
  .m-xl-11 {
    margin: 55px !important;
  }
  .mt-xl-11,
  .my-xl-11 {
    margin-top: 55px !important;
  }
  .mr-xl-11,
  .mx-xl-11 {
    margin-right: 55px !important;
  }
  .mb-xl-11,
  .my-xl-11 {
    margin-bottom: 55px !important;
  }
  .ml-xl-11,
  .mx-xl-11 {
    margin-left: 55px !important;
  }
  .m-xl-12 {
    margin: 60px !important;
  }
  .mt-xl-12,
  .my-xl-12 {
    margin-top: 60px !important;
  }
  .mr-xl-12,
  .mx-xl-12 {
    margin-right: 60px !important;
  }
  .mb-xl-12,
  .my-xl-12 {
    margin-bottom: 60px !important;
  }
  .ml-xl-12,
  .mx-xl-12 {
    margin-left: 60px !important;
  }
  .m-xl-13 {
    margin: 65px !important;
  }
  .mt-xl-13,
  .my-xl-13 {
    margin-top: 65px !important;
  }
  .mr-xl-13,
  .mx-xl-13 {
    margin-right: 65px !important;
  }
  .mb-xl-13,
  .my-xl-13 {
    margin-bottom: 65px !important;
  }
  .ml-xl-13,
  .mx-xl-13 {
    margin-left: 65px !important;
  }
  .m-xl-14 {
    margin: 70px !important;
  }
  .mt-xl-14,
  .my-xl-14 {
    margin-top: 70px !important;
  }
  .mr-xl-14,
  .mx-xl-14 {
    margin-right: 70px !important;
  }
  .mb-xl-14,
  .my-xl-14 {
    margin-bottom: 70px !important;
  }
  .ml-xl-14,
  .mx-xl-14 {
    margin-left: 70px !important;
  }
  .m-xl-15 {
    margin: 75px !important;
  }
  .mt-xl-15,
  .my-xl-15 {
    margin-top: 75px !important;
  }
  .mr-xl-15,
  .mx-xl-15 {
    margin-right: 75px !important;
  }
  .mb-xl-15,
  .my-xl-15 {
    margin-bottom: 75px !important;
  }
  .ml-xl-15,
  .mx-xl-15 {
    margin-left: 75px !important;
  }
  .m-xl-16 {
    margin: 80px !important;
  }
  .mt-xl-16,
  .my-xl-16 {
    margin-top: 80px !important;
  }
  .mr-xl-16,
  .mx-xl-16 {
    margin-right: 80px !important;
  }
  .mb-xl-16,
  .my-xl-16 {
    margin-bottom: 80px !important;
  }
  .ml-xl-16,
  .mx-xl-16 {
    margin-left: 80px !important;
  }
  .m-xl-17 {
    margin: 85px !important;
  }
  .mt-xl-17,
  .my-xl-17 {
    margin-top: 85px !important;
  }
  .mr-xl-17,
  .mx-xl-17 {
    margin-right: 85px !important;
  }
  .mb-xl-17,
  .my-xl-17 {
    margin-bottom: 85px !important;
  }
  .ml-xl-17,
  .mx-xl-17 {
    margin-left: 85px !important;
  }
  .m-xl-18 {
    margin: 90px !important;
  }
  .mt-xl-18,
  .my-xl-18 {
    margin-top: 90px !important;
  }
  .mr-xl-18,
  .mx-xl-18 {
    margin-right: 90px !important;
  }
  .mb-xl-18,
  .my-xl-18 {
    margin-bottom: 90px !important;
  }
  .ml-xl-18,
  .mx-xl-18 {
    margin-left: 90px !important;
  }
  .m-xl-19 {
    margin: 95px !important;
  }
  .mt-xl-19,
  .my-xl-19 {
    margin-top: 95px !important;
  }
  .mr-xl-19,
  .mx-xl-19 {
    margin-right: 95px !important;
  }
  .mb-xl-19,
  .my-xl-19 {
    margin-bottom: 95px !important;
  }
  .ml-xl-19,
  .mx-xl-19 {
    margin-left: 95px !important;
  }
  .m-xl-20 {
    margin: 100px !important;
  }
  .mt-xl-20,
  .my-xl-20 {
    margin-top: 100px !important;
  }
  .mr-xl-20,
  .mx-xl-20 {
    margin-right: 100px !important;
  }
  .mb-xl-20,
  .my-xl-20 {
    margin-bottom: 100px !important;
  }
  .ml-xl-20,
  .mx-xl-20 {
    margin-left: 100px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 5px !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 5px !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 5px !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 5px !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 5px !important;
  }
  .p-xl-2 {
    padding: 10px !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 10px !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 10px !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 10px !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 10px !important;
  }
  .p-xl-3 {
    padding: 15px !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 15px !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 15px !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 15px !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 15px !important;
  }
  .p-xl-4 {
    padding: 20px !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 20px !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 20px !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 20px !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 20px !important;
  }
  .p-xl-5 {
    padding: 25px !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 25px !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 25px !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 25px !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 25px !important;
  }
  .p-xl-6 {
    padding: 30px !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 30px !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 30px !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 30px !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 30px !important;
  }
  .p-xl-7 {
    padding: 35px !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 35px !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 35px !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 35px !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 35px !important;
  }
  .p-xl-8 {
    padding: 40px !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 40px !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 40px !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 40px !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 40px !important;
  }
  .p-xl-9 {
    padding: 45px !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 45px !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 45px !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 45px !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 45px !important;
  }
  .p-xl-10 {
    padding: 50px !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 50px !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 50px !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 50px !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 50px !important;
  }
  .p-xl-11 {
    padding: 55px !important;
  }
  .pt-xl-11,
  .py-xl-11 {
    padding-top: 55px !important;
  }
  .pr-xl-11,
  .px-xl-11 {
    padding-right: 55px !important;
  }
  .pb-xl-11,
  .py-xl-11 {
    padding-bottom: 55px !important;
  }
  .pl-xl-11,
  .px-xl-11 {
    padding-left: 55px !important;
  }
  .p-xl-12 {
    padding: 60px !important;
  }
  .pt-xl-12,
  .py-xl-12 {
    padding-top: 60px !important;
  }
  .pr-xl-12,
  .px-xl-12 {
    padding-right: 60px !important;
  }
  .pb-xl-12,
  .py-xl-12 {
    padding-bottom: 60px !important;
  }
  .pl-xl-12,
  .px-xl-12 {
    padding-left: 60px !important;
  }
  .p-xl-13 {
    padding: 65px !important;
  }
  .pt-xl-13,
  .py-xl-13 {
    padding-top: 65px !important;
  }
  .pr-xl-13,
  .px-xl-13 {
    padding-right: 65px !important;
  }
  .pb-xl-13,
  .py-xl-13 {
    padding-bottom: 65px !important;
  }
  .pl-xl-13,
  .px-xl-13 {
    padding-left: 65px !important;
  }
  .p-xl-14 {
    padding: 70px !important;
  }
  .pt-xl-14,
  .py-xl-14 {
    padding-top: 70px !important;
  }
  .pr-xl-14,
  .px-xl-14 {
    padding-right: 70px !important;
  }
  .pb-xl-14,
  .py-xl-14 {
    padding-bottom: 70px !important;
  }
  .pl-xl-14,
  .px-xl-14 {
    padding-left: 70px !important;
  }
  .p-xl-15 {
    padding: 75px !important;
  }
  .pt-xl-15,
  .py-xl-15 {
    padding-top: 75px !important;
  }
  .pr-xl-15,
  .px-xl-15 {
    padding-right: 75px !important;
  }
  .pb-xl-15,
  .py-xl-15 {
    padding-bottom: 75px !important;
  }
  .pl-xl-15,
  .px-xl-15 {
    padding-left: 75px !important;
  }
  .p-xl-16 {
    padding: 80px !important;
  }
  .pt-xl-16,
  .py-xl-16 {
    padding-top: 80px !important;
  }
  .pr-xl-16,
  .px-xl-16 {
    padding-right: 80px !important;
  }
  .pb-xl-16,
  .py-xl-16 {
    padding-bottom: 80px !important;
  }
  .pl-xl-16,
  .px-xl-16 {
    padding-left: 80px !important;
  }
  .p-xl-17 {
    padding: 85px !important;
  }
  .pt-xl-17,
  .py-xl-17 {
    padding-top: 85px !important;
  }
  .pr-xl-17,
  .px-xl-17 {
    padding-right: 85px !important;
  }
  .pb-xl-17,
  .py-xl-17 {
    padding-bottom: 85px !important;
  }
  .pl-xl-17,
  .px-xl-17 {
    padding-left: 85px !important;
  }
  .p-xl-18 {
    padding: 90px !important;
  }
  .pt-xl-18,
  .py-xl-18 {
    padding-top: 90px !important;
  }
  .pr-xl-18,
  .px-xl-18 {
    padding-right: 90px !important;
  }
  .pb-xl-18,
  .py-xl-18 {
    padding-bottom: 90px !important;
  }
  .pl-xl-18,
  .px-xl-18 {
    padding-left: 90px !important;
  }
  .p-xl-19 {
    padding: 95px !important;
  }
  .pt-xl-19,
  .py-xl-19 {
    padding-top: 95px !important;
  }
  .pr-xl-19,
  .px-xl-19 {
    padding-right: 95px !important;
  }
  .pb-xl-19,
  .py-xl-19 {
    padding-bottom: 95px !important;
  }
  .pl-xl-19,
  .px-xl-19 {
    padding-left: 95px !important;
  }
  .p-xl-20 {
    padding: 100px !important;
  }
  .pt-xl-20,
  .py-xl-20 {
    padding-top: 100px !important;
  }
  .pr-xl-20,
  .px-xl-20 {
    padding-right: 100px !important;
  }
  .pb-xl-20,
  .py-xl-20 {
    padding-bottom: 100px !important;
  }
  .pl-xl-20,
  .px-xl-20 {
    padding-left: 100px !important;
  }
  .m-xl-n1 {
    margin: -5px !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -5px !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -5px !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -5px !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -5px !important;
  }
  .m-xl-n2 {
    margin: -10px !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -10px !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -10px !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -10px !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -10px !important;
  }
  .m-xl-n3 {
    margin: -15px !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -15px !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -15px !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -15px !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -15px !important;
  }
  .m-xl-n4 {
    margin: -20px !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -20px !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -20px !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -20px !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -20px !important;
  }
  .m-xl-n5 {
    margin: -25px !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -25px !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -25px !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -25px !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -25px !important;
  }
  .m-xl-n6 {
    margin: -30px !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -30px !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -30px !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -30px !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -30px !important;
  }
  .m-xl-n7 {
    margin: -35px !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -35px !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -35px !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -35px !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -35px !important;
  }
  .m-xl-n8 {
    margin: -40px !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -40px !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -40px !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -40px !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -40px !important;
  }
  .m-xl-n9 {
    margin: -45px !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -45px !important;
  }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -45px !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -45px !important;
  }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -45px !important;
  }
  .m-xl-n10 {
    margin: -50px !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -50px !important;
  }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -50px !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -50px !important;
  }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -50px !important;
  }
  .m-xl-n11 {
    margin: -55px !important;
  }
  .mt-xl-n11,
  .my-xl-n11 {
    margin-top: -55px !important;
  }
  .mr-xl-n11,
  .mx-xl-n11 {
    margin-right: -55px !important;
  }
  .mb-xl-n11,
  .my-xl-n11 {
    margin-bottom: -55px !important;
  }
  .ml-xl-n11,
  .mx-xl-n11 {
    margin-left: -55px !important;
  }
  .m-xl-n12 {
    margin: -60px !important;
  }
  .mt-xl-n12,
  .my-xl-n12 {
    margin-top: -60px !important;
  }
  .mr-xl-n12,
  .mx-xl-n12 {
    margin-right: -60px !important;
  }
  .mb-xl-n12,
  .my-xl-n12 {
    margin-bottom: -60px !important;
  }
  .ml-xl-n12,
  .mx-xl-n12 {
    margin-left: -60px !important;
  }
  .m-xl-n13 {
    margin: -65px !important;
  }
  .mt-xl-n13,
  .my-xl-n13 {
    margin-top: -65px !important;
  }
  .mr-xl-n13,
  .mx-xl-n13 {
    margin-right: -65px !important;
  }
  .mb-xl-n13,
  .my-xl-n13 {
    margin-bottom: -65px !important;
  }
  .ml-xl-n13,
  .mx-xl-n13 {
    margin-left: -65px !important;
  }
  .m-xl-n14 {
    margin: -70px !important;
  }
  .mt-xl-n14,
  .my-xl-n14 {
    margin-top: -70px !important;
  }
  .mr-xl-n14,
  .mx-xl-n14 {
    margin-right: -70px !important;
  }
  .mb-xl-n14,
  .my-xl-n14 {
    margin-bottom: -70px !important;
  }
  .ml-xl-n14,
  .mx-xl-n14 {
    margin-left: -70px !important;
  }
  .m-xl-n15 {
    margin: -75px !important;
  }
  .mt-xl-n15,
  .my-xl-n15 {
    margin-top: -75px !important;
  }
  .mr-xl-n15,
  .mx-xl-n15 {
    margin-right: -75px !important;
  }
  .mb-xl-n15,
  .my-xl-n15 {
    margin-bottom: -75px !important;
  }
  .ml-xl-n15,
  .mx-xl-n15 {
    margin-left: -75px !important;
  }
  .m-xl-n16 {
    margin: -80px !important;
  }
  .mt-xl-n16,
  .my-xl-n16 {
    margin-top: -80px !important;
  }
  .mr-xl-n16,
  .mx-xl-n16 {
    margin-right: -80px !important;
  }
  .mb-xl-n16,
  .my-xl-n16 {
    margin-bottom: -80px !important;
  }
  .ml-xl-n16,
  .mx-xl-n16 {
    margin-left: -80px !important;
  }
  .m-xl-n17 {
    margin: -85px !important;
  }
  .mt-xl-n17,
  .my-xl-n17 {
    margin-top: -85px !important;
  }
  .mr-xl-n17,
  .mx-xl-n17 {
    margin-right: -85px !important;
  }
  .mb-xl-n17,
  .my-xl-n17 {
    margin-bottom: -85px !important;
  }
  .ml-xl-n17,
  .mx-xl-n17 {
    margin-left: -85px !important;
  }
  .m-xl-n18 {
    margin: -90px !important;
  }
  .mt-xl-n18,
  .my-xl-n18 {
    margin-top: -90px !important;
  }
  .mr-xl-n18,
  .mx-xl-n18 {
    margin-right: -90px !important;
  }
  .mb-xl-n18,
  .my-xl-n18 {
    margin-bottom: -90px !important;
  }
  .ml-xl-n18,
  .mx-xl-n18 {
    margin-left: -90px !important;
  }
  .m-xl-n19 {
    margin: -95px !important;
  }
  .mt-xl-n19,
  .my-xl-n19 {
    margin-top: -95px !important;
  }
  .mr-xl-n19,
  .mx-xl-n19 {
    margin-right: -95px !important;
  }
  .mb-xl-n19,
  .my-xl-n19 {
    margin-bottom: -95px !important;
  }
  .ml-xl-n19,
  .mx-xl-n19 {
    margin-left: -95px !important;
  }
  .m-xl-n20 {
    margin: -100px !important;
  }
  .mt-xl-n20,
  .my-xl-n20 {
    margin-top: -100px !important;
  }
  .mr-xl-n20,
  .mx-xl-n20 {
    margin-right: -100px !important;
  }
  .mb-xl-n20,
  .my-xl-n20 {
    margin-bottom: -100px !important;
  }
  .ml-xl-n20,
  .mx-xl-n20 {
    margin-left: -100px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: '';
  background-color: transparent;
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1290px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 400 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 500 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #7f0019 !important;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #33000a !important;
}
.text-secondary {
  color: #999 !important;
}
a.text-secondary:hover,
a.text-secondary:focus {
  color: #737373 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:hover,
a.text-success:focus {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:hover,
a.text-info:focus {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #ba8b00 !important;
}
.text-danger {
  color: #7f0019 !important;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #33000a !important;
}
.text-light {
  color: #f2f2f2 !important;
}
a.text-light:hover,
a.text-light:focus {
  color: #ccc !important;
}
.text-dark {
  color: #222 !important;
}
a.text-dark:hover,
a.text-dark:focus {
  color: #000 !important;
}
.text-body {
  color: #222 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: #00000080 !important;
}
.text-white-50 {
  color: #ffffff80 !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  *:before,
  *:after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]:after {
    content: ' (' attr(title) ')';
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body,
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
a {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
body {
  overflow-x: hidden;
}
hr {
  border-top-color: #6c757d;
}
img {
  -webkit-backface-visibility: hidden;
}
.card-img-overlay {
  top: auto;
  background-color: #0006;
}
.zoom-background,
.card .item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.zoom-background-hover,
.zoom-background:hover,
.card .item-image:hover,
.card:hover .item-image {
  transform: scale(1.05);
  transition-duration: 0.5s;
}
.card .item-header {
  position: relative;
  overflow: hidden;
  display: block;
}
.card-headlines {
  display: block;
  overflow-x: hidden;
}
.card-headlines .item-header {
  height: 630px;
}
@media (max-width: 1289.98px) {
  .card-headlines .item-header {
    height: 375px;
  }
}
.card-square .item-header {
  padding-bottom: 100%;
  width: 100%;
}
.card-square .item-header .item-image {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-article-headlines .item-header {
  height: 420px;
}
@media (max-width: 1289.98px) {
  .card-article-headlines .item-header {
    height: 360px;
  }
}
.card-article-headlines .card-img-overlay {
  background-color: #0009;
}
.card-article-headlines p {
  font-size: 15px;
}
@media (max-width: 1289.98px) {
  .card-article-headlines p {
    font-size: 13px;
  }
}
.card-article-second .item-header {
  height: 205px;
}
@media (max-width: 1289.98px) {
  .card-article-second .item-header {
    height: 175px;
  }
}
.card-article-second .card-img-overlay {
  background-color: #0009;
}
.card-article-list .item-header {
  height: 150px;
}
@media (max-width: 1289.98px) {
  .card-article-list .item-header {
    height: 85px;
  }
}
.section-social a .social-icon {
  opacity: 0.4;
}
.section-social a:hover .social-icon {
  opacity: 1;
}
.section-social .social-icon {
  max-width: 40px;
  transition: all 0.3s ease;
}
.section-social.section-social-sm .social-icon {
  max-width: 30px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.1rem;
}
.font-sm {
  font-size: 0.875rem;
}
.line-height-18 {
  line-height: 1.6;
}
.text-ci {
  color: #7f0019;
}
.fs-30 {
  font-size: 1.875rem;
}
.fs-26 {
  font-size: 1.625rem;
}
.fs-24 {
  font-size: 1.5rem;
}
.fs-15 {
  font-size: 15px;
}
.text-prize {
  font-size: 1.875rem;
  font-family: Helvetica, Arial, sans-serif !important;
  font-weight: 700;
}
.text-prize.text-prize-lg {
  font-size: 2.5rem;
}
.article-title {
  font-size: 1.875rem;
  line-height: 1;
  border-left: 8px solid #222;
  font-weight: 500;
}
small {
  font-size: 13px;
}
@media (max-width: 991.98px) {
  .badge {
    padding: 0.6em 0.7em;
    font-size: 88% !important;
  }
}
@media (max-width: 767.98px) {
  body {
    font-size: 15px;
  }
  h1,
  .h1 {
    font-size: 32px;
  }
  h2,
  .h2 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 18px;
  }
  h5,
  .h5 {
    font-size: 16px;
  }
  .lead {
    font-size: 15px;
  }
  .fs-30 {
    font-size: 18px;
  }
  .article-title {
    font-size: 20px;
  }
}
.img-weekly {
  height: 470px;
}
@media (max-width: 1289.98px) {
  .img-weekly {
    height: 350px;
    object-fit: cover;
  }
}
.img-article {
  height: 400px;
}
@media (max-width: 1289.98px) {
  .img-article {
    height: 300px;
    object-fit: cover;
  }
}
.nav-responsive {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.nav-responsive .nav {
  flex-flow: nowrap;
  white-space: nowrap;
}
.nav-life .nav-link:hover,
.nav-life .nav-link.active {
  border-bottom: 3px solid #999;
}
[class^='icon-'],
[class*='icon-'] {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: 100%;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.icon-top {
  width: 20px;
  height: 20px;
  background-image: url(../img/ui/icon-top.svg);
}
[class^='icon-btn-arw'],
[class*='icon-btn-arw'] {
  width: 6px;
  height: 12px;
}
.icon-btn-arw-right {
  background-image: url(../img/ui/icon-btn-arw-right.svg);
}
.icon-btn-arw-left {
  background-image: url(../img/ui/icon-btn-arw-left.svg);
}
.back-to-top {
  display: none;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  padding: 5px;
  background-color: #e6e6e6;
  text-align: center;
  position: fixed;
  bottom: 45px;
  right: 10px;
  cursor: pointer;
  z-index: 1;
}
.back-to-top i {
  opacity: 0.4;
}
.back-to-top:hover {
  background-color: #999;
  text-decoration: none;
}
.back-to-top:hover i {
  opacity: 1;
  filter: invert(1);
}
.btn-outline-secondary .hvr-icon {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translate(0);
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background: none;
  opacity: 0.6;
}
.btn-outline-secondary.btn-arw-right:hover .hvr-icon,
.btn-outline-secondary.btn-arw-right:focus .hvr-icon {
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -webkit-transform: translateX(4px);
  transform: translate(4px);
}
.btn-outline-secondary.btn-arw-left:hover .hvr-icon,
.btn-outline-secondary.btn-arw-left:focus .hvr-icon {
  -moz-transform: translateX(-4px);
  -ms-transform: translateX(-4px);
  -webkit-transform: translateX(-4px);
  transform: translate(-4px);
}
.btn-caret {
  padding: 20px 0;
  border-bottom: 2px solid transparent;
}
.btn-caret:before {
  display: inline-block;
  content: '';
  margin-right: 0.255em;
  vertical-align: 0.255em;
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.btn-caret:hover,
.btn-caret:focus {
  border-bottom-color: #e6e6e6;
} /*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #7f0019;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
* {
  font-family: Arial, Noto Sans TC, Helvetica, sans-serif;
}
#mainContent *,
#mainContent *:before,
#mainContent *:after {
  box-sizing: border-box;
}
#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6,
#mainContent p {
  margin: 0;
  padding: 0;
}
#mainContent dl,
#mainContent dd,
#mainContent dt,
#mainContent ol,
#mainContent ul,
#mainContent li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#mainContent figure,
#mainContent figcaption {
  margin: 0;
  padding: 0;
}
#mainContent del,
#mainContent ins {
  text-decoration: none;
}
#mainContent a {
  display: inline-block;
  color: initial;
}
#mainContent a:link,
#mainContent a:visited,
#mainContent a:hover,
#mainContent a:active,
#mainContent a:focus {
  text-decoration: none;
}
#mainContent {
  display: block;
  color: #000;
  font-size: 14px;
  font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
}
#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4 {
  margin-top: -0.3em;
  margin-bottom: -0.3em;
  font-weight: 600;
  font-family: Arial, Noto Sans TC, Helvetica, sans-serif;
  line-height: 1.6;
}
#mainContent h5,
#mainContent h6 {
  margin-top: -0.3em;
  margin-bottom: -0.3em;
  font-weight: 600;
  line-height: 1.6;
}
#mainContent a {
  color: #000;
}
#mainContent p {
  margin-top: -0.4em;
  margin-bottom: -0.4em;
  color: #585858;
  line-height: 1.8;
}
#mainContent img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  font-size: 0.5em;
}
#mainContent *.ut-hide {
  display: none !important;
}
#mainContent *.ut-inBlock {
  display: inline-block;
}
#mainContent *.ut-caption {
  padding-left: 1em;
  color: #585858;
  text-indent: -1em;
  font-weight: 400 !important;
  font-size: 0.857em;
}
#mainContent *.ut-caption + *.ut-caption {
  margin-top: 0.5em !important;
}
#mainContent *.ut-caption:before {
  content: '※';
}
#mainContent *.ut-tb,
#mainContent *.ut-sp {
  display: none !important;
}
#mainContent *.ut-wrapper {
  margin-right: auto;
  margin-left: auto;
  padding-right: 40px;
  padding-left: 40px;
  max-width: 1280px;
}
#mainContent *.ut-hidden {
  display: none !important;
  visibility: hidden;
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  #mainContent *.ut-pc {
    display: none !important;
  }
  #mainContent *.ut-tb {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #mainContent *.ut-pc,
  #mainContent *.ut-tb {
    display: none !important;
  }
  #mainContent *.ut-sp {
    display: block;
  }
  #mainContent *.ut-wrapper {
    padding-right: 8vw;
    padding-left: 8vw;
  }
}
@media screen and (min-width: 768px) {
  #mainContent {
    overflow: hidden;
  }
  #mainContent .section {
    margin-bottom: 80px;
    padding-top: 60px;
  }
  #mainContent .section__heading {
    margin-bottom: 26px;
  }
  #mainContent .section__heading--col {
    display: flex;
    align-items: center;
  }
  #mainContent .section__heading--col .section__ttl {
    margin-right: 40px;
    white-space: nowrap;
  }
  #mainContent .section__ttl {
    font-size: 32px;
    font-weight: 900;
    color: #d6af04;
  }
  #mainContent .section__txt span {
    display: inline-block;
  }
  #mainContent .thumb {
    display: block;
  }
  #mainContent .thumb img {
    height: 100%;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
  }
  #mainContent .desc {
    display: block;
  }
  #mainContent .series {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
  }
  #mainContent .name {
    display: block;
    font-size: 16px;
    font-weight: 600;
  }
  #mainContent .price {
    display: block;
    font-size: 12px;
    line-height: 1;
  }
  #mainContent .price .num {
    margin: 0 0.2em;
  }
  #mainContent .num {
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .section__heading--col {
    display: block;
  }
  #mainContent .section__heading--col .section__ttl {
    margin-right: 0;
    white-space: wrap;
  }
  #mainContent .section__ttl:not(:only-child) {
    margin-bottom: calc(26px - 0.3em);
  }
  #mainContent .series {
    font-size: 12px;
  }
  #mainContent .name {
    font-size: 14px;
  }
  #mainContent .price {
    font-size: 10px;
  }
  #mainContent .num {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #mainContent {
    overflow: hidden;
  }
  #mainContent .section {
    margin-bottom: 60px;
    padding-top: 60px;
  }
  #mainContent .section__heading {
    margin-bottom: 20px;
  }
  #mainContent .section__ttl {
    font-size: 24px;
    font-weight: 600;
    color: #d6af04;
  }
  #mainContent .section__ttl:not(:only-child) {
    margin-bottom: calc(20px - 0.3em);
  }
  #mainContent .section__ttl span {
    display: inline-block;
  }
  #mainContent .thumb {
    display: block;
  }
  #mainContent .thumb img {
    height: 100%;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
  }
  #mainContent .desc {
    display: block;
  }
  #mainContent .series {
    font-size: 12px;
    font-weight: 600;
  }
  #mainContent .name {
    display: block;
    font-size: 14px;
    font-weight: 600;
  }
  #mainContent .price {
    display: block;
    font-size: 10px;
    line-height: 1;
  }
  #mainContent .price .num {
    margin: 0 0.2em;
  }
  #mainContent .num {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .m-btn--circle > * {
    min-width: 248px;
    padding: 0.8125em 1.75em;
    font-size: 16px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 1.625em;
  }
  #mainContent .m-link--arrow {
    text-align: right;
  }
  #mainContent .m-link--arrow > * {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 1.143em;
    font-size: 1em;
  }
  #mainContent .m-link--arrow > *:before {
    content: '';
    position: absolute;
    left: 0;
    width: 8px;
    height: 14px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.089%22%20height%3D%2214.753%22%20viewBox%3D%220%200%209.089%2014.753%22%3E%20%3Cpath%20d%3D%22M3.135.986l8%2C7-8%2C7%22%20transform%3D%22translate(-2.806%20-0.61)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .m-btn--circle > * {
    min-width: 248px;
    width: 100%;
    padding: 0.6875em 1.75em;
    font-size: 16px;
    text-align: center;
    border: 1px solid #999;
    border-radius: 1.5em;
  }
  #mainContent .m-link--arrow {
    text-align: right;
  }
  #mainContent .m-link--arrow > * {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 1.143em;
    font-size: 1em;
  }
  #mainContent .m-link--arrow > *:before {
    content: '';
    position: absolute;
    left: 0;
    width: 6.5px;
    height: 12px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.089%22%20height%3D%2214.753%22%20viewBox%3D%220%200%209.089%2014.753%22%3E%20%3Cpath%20d%3D%22M3.135.986l8%2C7-8%2C7%22%20transform%3D%22translate(-2.806%20-0.61)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .hero {
    margin-bottom: 80px;
  }
  #mainContent .hero .mainvisual {
    display: flex;
    flex-direction: row-reverse;
  }
  #mainContent .hero .mainvisual--kv {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  #mainContent .hero .mainvisual__visual {
    width: 58.67%;
  }
  #mainContent .hero .mainvisual__lead {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 41.33%;
    background-color: #d6af04;
  }
  #mainContent .hero .mainvisual__ttl {
    font-size: 4vw;
    font-size: clamp(44px, 4vw, 90px);
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .hero {
    margin-bottom: 60px;
  }
  #mainContent .hero .mainvisual__lead {
    padding: 40px 8vw;
    background-color: #d6af04;
  }
  #mainContent .hero .mainvisual__ttl {
    font-size: 40px;
    font-size: clamp(32px, 10.67vw, 60px);
    text-align: center;
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .story .storyFeature__list {
    display: flex;
  }
  #mainContent .story .storyFeature__item {
    width: 31.33%;
    margin-left: 3%;
  }
  #mainContent .story .storyFeature__item:nth-of-type(3n-2) {
    margin-left: 0;
  }
  #mainContent .story .storyFeature__itemTmb {
    margin-bottom: 20px;
  }
  #mainContent .story .storyFeature__itemTtl {
    font-size: 20px;
    font-weight: 600;
  }
  #mainContent .story .storyFeature__itemTtl:not(:only-child) {
    margin-bottom: calc(20px - 0.3em);
  }
  #mainContent .story .storyFeature__itemTtl span {
    display: inline-block;
  }
  #mainContent .story .storyFeature__itemTxt {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .story .storyFeature__list {
    display: block;
  }
  #mainContent .story .storyFeature__item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 0 !important;
  }
  #mainContent .story .storyFeature__item:not(:first-of-type) {
    margin-top: 40px;
  }
  #mainContent .story .storyFeature__itemTmb {
    width: 48.55%;
    margin-bottom: 0;
  }
  #mainContent .story .storyFeature__itemLead {
    width: 48.55%;
  }
  #mainContent .story .storyFeature__itemTtl {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .story .storyFeature__item:not(:first-of-type) {
    margin-top: 60px;
  }
  #mainContent .story .storyFeature__itemTmb {
    margin-left: -8vw;
    margin-right: -8vw;
    margin-bottom: 20px;
  }
  #mainContent .story .storyFeature__itemTtl {
    font-size: 18px;
    font-weight: 600;
  }
  #mainContent .story .storyFeature__itemTtl:not(:only-child) {
    margin-bottom: calc(20px - 0.3em);
  }
  #mainContent .story .storyFeature__itemTxt {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #popularity_vote .vote__ttl {
    margin-top: 38px;
  }
  #popularity_vote .vote__link {
    margin-top: 22px;
  }
  #popularity_vote .vote__link .vote__btn {
    width: 100%;
    max-width: 294px;
    padding: 11px 1.5em;
    text-align: center;
    background-color: #d6af04;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
  }
  #popularity_vote .vote__date {
    margin-bottom: 10px;
    font-weight: 600;
  }
  #popularity_vote .vote__midterm {
    display: flex;
    margin: 0 0 30px;
  }
  #popularity_vote .vote__midterm .midterm__link {
    font-size: 18px;
    font-weight: 600;
    font-family: Gothic MB101 Bold, MySansSerif, YakuHanJP, sans-serif;
    color: #d6af04;
  }
  #popularity_vote .vote__midterm .midterm__link__arrow {
    position: relative;
    top: 0;
    left: 6px;
  }
  #popularity_vote .vote__txt {
    margin-top: 10px;
    color: #000;
  }
  #popularity_vote .voteWay,
  #popularity_vote .winningInfo,
  #popularity_vote .downloadInfo,
  #popularity_vote .badgeWrap {
    display: flex;
    flex-direction: column;
  }
  #popularity_vote .voteWay {
    margin-top: 37px;
  }
  #popularity_vote .voteWay .voteWay__ttl,
  #popularity_vote .voteWay .voteWay__subttl {
    margin-bottom: 10px;
  }
  #popularity_vote .voteWay .voteWay__txt {
    font-size: 12px;
    padding-left: 1em;
    text-indent: -1em;
  }
  #popularity_vote .voteWay .voteWay__txt:last-child {
    margin-top: 12px;
  }
  #popularity_vote .winningInfo {
    margin-top: 27px;
  }
  #popularity_vote .winningInfo .winningInfo__ttl {
    margin-bottom: 10px;
  }
  #popularity_vote .winningInfo .winningInfo__txt {
    color: #000;
    font-size: 14px;
  }
  #popularity_vote .downloadInfo {
    margin-top: 34px;
  }
  #popularity_vote .downloadInfo .downloadInfo__img {
    height: 100%;
    display: flex;
    margin-top: 20px;
  }
  #popularity_vote .downloadInfo .downloadInfo__img .qrCode {
    width: 103px;
    height: 103px;
  }
  #popularity_vote .downloadInfo .downloadInfo__img .badgeWrap {
    margin-bottom: 25px;
    margin-left: 20px;
  }
  #popularity_vote .downloadInfo .downloadInfo__img .badgeWrap .badge {
    max-width: 138px;
    height: 100%;
  }
  #popularity_vote
    .downloadInfo
    .downloadInfo__img
    .badgeWrap
    .badge:first-child {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #popularity_vote .vote__ttl {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  #popularity_vote .vote__ttl {
    margin-bottom: 12px !important;
  }
  #popularity_vote .vote__link {
    margin-top: 22px;
    width: 100%;
  }
  #popularity_vote .vote__link .vote__btn {
    width: 100%;
    padding: 11px 1.5em;
    text-align: center;
    background-color: #d6af04;
    border-radius: 100px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
  }
  #popularity_vote .vote__date {
    margin-bottom: 10px;
    font-weight: 600;
  }
  #popularity_vote .vote__midterm {
    display: flex;
    margin: 0 0 30px;
  }
  #popularity_vote .vote__midterm .midterm__link {
    font-size: 16px;
    font-weight: 600;
    color: #d6af04;
  }
  #popularity_vote .vote__midterm .midterm__link__arrow {
    position: relative;
    top: 2px;
    left: 5px;
  }
  #popularity_vote .vote__txt {
    margin-top: 10px;
    color: #000;
  }
  #popularity_vote .voteWay,
  #popularity_vote .winningInfo,
  #popularity_vote .downloadInfo,
  #popularity_vote .badgeWrap {
    display: flex;
    flex-direction: column;
  }
  #popularity_vote .voteWay {
    margin-top: 32px;
  }
  #popularity_vote .voteWay .voteWay__ttl {
    margin-bottom: 10px;
  }
  #popularity_vote .voteWay .voteWay__subttl {
    margin-bottom: 15px;
  }
  #popularity_vote .voteWay .voteWay__txt {
    font-size: 12px;
    padding-left: 1em;
    text-indent: -1em;
  }
  #popularity_vote .voteWay .voteWay__txt:last-child {
    margin-top: 12px;
  }
  #popularity_vote .winningInfo {
    margin-top: 27px;
  }
  #popularity_vote .winningInfo .winningInfo__ttl {
    margin-bottom: 10px;
  }
  #popularity_vote .winningInfo .winningInfo__txt {
    color: #000;
    font-size: 14px;
  }
  #popularity_vote .downloadInfo {
    margin-top: 25px;
  }
  #popularity_vote .downloadInfo .downloadInfo__img {
    display: flex;
    margin-top: 15px;
  }
  #popularity_vote .downloadInfo .downloadInfo__img .qrCode {
    display: none;
  }
  #popularity_vote .downloadInfo .downloadInfo__img .badgeWrap {
    flex-direction: row;
    margin: 0;
  }
  #popularity_vote .downloadInfo .downloadInfo__img .badgeWrap .badge {
    max-width: 150px;
    height: auto;
  }
  #popularity_vote
    .downloadInfo
    .downloadInfo__img
    .badgeWrap
    .badge:first-child {
    margin-right: 15px;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .latest .latestProduct {
    display: flex;
    background-color: #fbf9ec;
  }
  #mainContent .latest .latestProduct:not(:first-child) {
    margin-top: 40px;
  }
  #mainContent .latest .latestProduct .m-link {
    margin-top: 20px;
  }
  #mainContent .latest .latestProduct__visual {
    width: 50%;
  }
  #mainContent .latest .latestProduct__visual img {
    height: 100%;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
  }
  #mainContent .latest .latestProduct__desc {
    width: 50%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 3.333%;
  }
  #mainContent .latest .latestProduct__ttl {
    position: relative;
    font-size: 24px;
    font-weight: 600;
  }
  #mainContent .latest .latestProduct__ttl:not(:only-child) {
    margin-bottom: calc(20px - 0.3em);
  }
  #mainContent .latest .latestProduct__ttl:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    transform: translateY(-15%);
    pointer-events: none;
  }
  #mainContent .latest .latestProduct__ttl--level00:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale00.svg);
  }
  #mainContent .latest .latestProduct__ttl--level01:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale01.svg);
  }
  #mainContent .latest .latestProduct__ttl--level02:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale02.svg);
  }
  #mainContent .latest .latestProduct__ttl--level03:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale03.svg);
  }
  #mainContent .latest .latestProduct__ttl--level04:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale04.svg);
  }
  #mainContent .latest .latestProduct__ttl--level05:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale05.svg);
  }
  #mainContent .latest .latestProduct__ttl .series {
    display: inline-block;
    width: 100%;
    font-size: 0.667em;
    margin-bottom: 0.25em;
  }
  #mainContent .latest .latestProduct__ttl span {
    display: inline-block;
  }
  #mainContent .latest .latestProduct__ttlLink {
    width: calc(100% - 140px);
  }
  #mainContent .latest .latestProduct__txt {
    font-size: 14px;
    font-weight: 600;
    color: #000;
  }
  #mainContent .latest .latestComment {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #mainContent .latest .latestComment:not(:first-child) {
    margin-top: 40px;
  }
  #mainContent .latest .latestComment__tmb {
    min-width: 40px;
    width: 40px;
  }
  #mainContent .latest .latestComment__desc {
    position: relative;
    width: 87.5%;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
  }
  #mainContent .latest .latestComment__desc:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    width: 15px;
    height: 20px;
    transform: translateY(-50%);
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2220%22%20viewBox%3D%220%200%2016%2020%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%2216%22%20height%3D%2220%22%20transform%3D%22translate(-2.078%2065.569)%22%20fill%3D%22%23fff%22%20stroke%3D%22%23ddd%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22translate(2.078%20-65.569)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20transform%3D%22translate(-4.078%2090.379)%20rotate(-90)%22%20fill%3D%22%23fff%22%20stroke-miterlimit%3D%2210%22%3E%20%3Cpath%20d%3D%22M%2026.53718185424805%2025.50000190734863%20L%203.462821006774902%2025.50000190734863%20C%202.92064094543457%2025.50000190734863%202.435070991516113%2025.21971130371094%202.163900852203369%2024.75021171569824%20C%201.892740964889526%2024.28072166442871%201.892601013183594%2023.72004127502441%202.163540840148926%2023.25041198730469%20L%2013.70072078704834%203.252641439437866%20C%2013.97181129455566%202.782751560211182%2014.45752048492432%202.502221584320068%2015.00000095367432%202.502221584320068%20C%2015.54248142242432%202.502221584320068%2016.02819061279297%202.782751560211182%2016.29928016662598%203.252641439437866%20L%2027.83646011352539%2023.25041198730469%20C%2028.10740089416504%2023.72004127502441%2028.10726165771484%2024.28072166442871%2027.83610153198242%2024.75021171569824%20C%2027.56493186950684%2025.21971130371094%2027.07936096191406%2025.50000190734863%2026.53718185424805%2025.50000190734863%20Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%2015.00000095367432%203.002222061157227%20C%2014.826340675354%203.002222061157227%2014.39431095123291%203.050971984863281%2014.13382053375244%203.502490997314453%20L%202.596641540527344%2023.50027084350586%20C%202.336280822753906%2023.95156097412109%202.51007080078125%2024.34985160827637%202.596881866455078%2024.50014114379883%20C%202.683681488037109%2024.65043258666992%202.94182014465332%2025.00000190734863%203.462820053100586%2025.00000190734863%20L%2026.53718185424805%2025.00000190734863%20C%2027.05818176269531%2025.00000190734863%2027.31632041931152%2024.65043258666992%2027.40312194824219%2024.50014114379883%20C%2027.48993110656738%2024.34985160827637%2027.66372108459473%2023.95156097412109%2027.40336036682129%2023.50027084350586%20L%2015.86618137359619%203.502490997314453%20C%2015.60569095611572%203.050971984863281%2015.17366123199463%203.002222061157227%2015.00000095367432%203.002222061157227%20M%2015.00000095367432%202.002218246459961%20C%2015.67377090454102%202.002218246459961%2016.34754180908203%202.335737228393555%2016.73237228393555%203.002771377563477%20L%2028.26955032348633%2023.00055122375488%20C%2029.03878021240234%2024.33389091491699%2028.07650184631348%2026.00000190734863%2026.53718185424805%2026.00000190734863%20L%203.462820053100586%2026.00000190734863%20C%201.923500061035156%2026.00000190734863%200.9612216949462891%2024.33389091491699%201.730451583862305%2023.00055122375488%20L%2013.26763153076172%203.002771377563477%20C%2013.6524600982666%202.335737228393555%2014.32623100280762%202.002218246459961%2015.00000095367432%202.002218246459961%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23ddd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: contain;
  }
  #mainContent .latest .latestComment__ttl {
    font-size: 14px;
    font-weight: 600;
    font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  }
  #mainContent .latest .latestComment__ttl:not(:only-child) {
    margin-bottom: calc(10px - 0.3em);
  }
  #mainContent .latest .latestComment__txt {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .latest .latestProduct {
    display: block;
  }
  #mainContent .latest .latestProduct .m-link {
    margin-top: 15px;
  }
  #mainContent .latest .latestProduct__visual {
    width: 100%;
  }
  #mainContent .latest .latestProduct__desc {
    width: 100%;
    padding: 40px 5.814%;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .latest .latestProduct {
    display: block;
    background-color: #fbf9ec;
    margin-left: -8vw;
    margin-right: -8vw;
  }
  #mainContent .latest .latestProduct:not(:first-child) {
    margin-top: 40px;
  }
  #mainContent .latest .latestProduct .m-link {
    margin-top: 20px;
  }
  #mainContent .latest .latestProduct__desc {
    width: 100%;
    padding: 30px 8vw;
  }
  #mainContent .latest .latestProduct__ttl {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.333;
  }
  #mainContent .latest .latestProduct__ttl:not(:only-child) {
    margin-bottom: calc(30px - 0.1665em);
  }
  #mainContent .latest .latestProduct__ttl:after {
    content: '';
    position: absolute;
    top: 70%;
    right: 0;
    width: 100%;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    transform: translateY(-50%);
    pointer-events: none;
  }
  #mainContent .latest .latestProduct__ttl--level00:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale00.svg);
  }
  #mainContent .latest .latestProduct__ttl--level01:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale01.svg);
  }
  #mainContent .latest .latestProduct__ttl--level02:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale02.svg);
  }
  #mainContent .latest .latestProduct__ttl--level03:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale03.svg);
  }
  #mainContent .latest .latestProduct__ttl--level04:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale04.svg);
  }
  #mainContent .latest .latestProduct__ttl--level05:after {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale05.svg);
  }
  #mainContent .latest .latestProduct__ttl .series {
    display: inline-block;
    width: 100%;
    font-size: 0.889em;
    margin-bottom: 0.6em;
  }
  #mainContent .latest .latestProduct__ttl span {
    display: inline-block;
  }
  #mainContent .latest .latestProduct__ttlLink {
    padding-right: 44.44%;
  }
  #mainContent .latest .latestProduct__txt {
    font-size: 14px;
    font-weight: 600;
    color: #000;
  }
  #mainContent .latest .latestComment {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  #mainContent .latest .latestComment:not(:first-child) {
    margin-top: 30px;
  }
  #mainContent .latest .latestComment__tmb {
    min-width: 40px;
    width: 40px;
  }
  #mainContent .latest .latestComment__desc {
    position: relative;
    margin-bottom: 25px;
    padding: 20px 5.333vw;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
  }
  #mainContent .latest .latestComment__desc:before {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 20px;
    height: 15px;
    transform: translate(-50%);
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2216%22%20viewBox%3D%220%200%2021%2016%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%2221%22%20height%3D%2216%22%20transform%3D%22translate(152%202513.691)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22translate(-152%20-2513.691)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20transform%3D%22translate(177.5%202531.501)%20rotate(180)%22%20fill%3D%22%23fff%22%3E%20%3Cpath%20d%3D%22M%2026.53718185424805%2025.50000190734863%20L%203.462821006774902%2025.50000190734863%20C%202.92064094543457%2025.50000190734863%202.435070991516113%2025.21971130371094%202.163900852203369%2024.75021171569824%20C%201.892740964889526%2024.28072166442871%201.892601013183594%2023.72004127502441%202.163540840148926%2023.25041198730469%20L%2013.70072078704834%203.252641439437866%20C%2013.97181129455566%202.782751560211182%2014.45752048492432%202.502221584320068%2015.00000095367432%202.502221584320068%20C%2015.54248142242432%202.502221584320068%2016.02819061279297%202.782751560211182%2016.29928016662598%203.252641439437866%20L%2027.83646011352539%2023.25041198730469%20C%2028.10740089416504%2023.72004127502441%2028.10726165771484%2024.28072166442871%2027.83610153198242%2024.75021171569824%20C%2027.56493186950684%2025.21971130371094%2027.07936096191406%2025.50000190734863%2026.53718185424805%2025.50000190734863%20Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%2015.00000095367432%203.002222061157227%20C%2014.826340675354%203.002222061157227%2014.39431095123291%203.050971984863281%2014.13382053375244%203.502490997314453%20L%202.596641540527344%2023.50027084350586%20C%202.336280822753906%2023.95156097412109%202.51007080078125%2024.34985160827637%202.596881866455078%2024.50014114379883%20C%202.683681488037109%2024.65043258666992%202.94182014465332%2025.00000190734863%203.462820053100586%2025.00000190734863%20L%2026.53718185424805%2025.00000190734863%20C%2027.05818176269531%2025.00000190734863%2027.31632041931152%2024.65043258666992%2027.40312194824219%2024.50014114379883%20C%2027.48993110656738%2024.34985160827637%2027.66372108459473%2023.95156097412109%2027.40336036682129%2023.50027084350586%20L%2015.86618137359619%203.502490997314453%20C%2015.60569095611572%203.050971984863281%2015.17366123199463%203.002222061157227%2015.00000095367432%203.002222061157227%20M%2015.00000095367432%202.002218246459961%20C%2015.67377090454102%202.002218246459961%2016.34754180908203%202.335737228393555%2016.73237228393555%203.002771377563477%20L%2028.26955032348633%2023.00055122375488%20C%2029.03878021240234%2024.33389091491699%2028.07650184631348%2026.00000190734863%2026.53718185424805%2026.00000190734863%20L%203.462820053100586%2026.00000190734863%20C%201.923500061035156%2026.00000190734863%200.9612216949462891%2024.33389091491699%201.730451583862305%2023.00055122375488%20L%2013.26763153076172%203.002771377563477%20C%2013.6524600982666%202.335737228393555%2014.32623100280762%202.002218246459961%2015.00000095367432%202.002218246459961%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23ddd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: contain;
  }
  #mainContent .latest .latestComment__ttl {
    font-size: 14px;
    font-weight: 600;
    font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
  }
  #mainContent .latest .latestComment__ttl:not(:only-child) {
    margin-bottom: calc(15px - 0.3em);
  }
  #mainContent .latest .latestComment__txt {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .relation .relationSlide__container {
    position: relative;
    max-width: 1280px;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
  #mainContent .relation .relationSlide__container.swiper-container {
    padding-bottom: 70px;
  }
  #mainContent .relation .relationSlide__container .swiper-button-prev,
  #mainContent .relation .relationSlide__container .swiper-button-next {
    top: initial;
    top: auto;
    right: initial;
    right: auto;
    left: initial;
    left: auto;
    bottom: 0;
    width: 40px;
    height: 50px;
    margin: 0;
    background-position: center;
    background-size: 10px 21.5px;
    transform: none;
    transition: opacity 0.3s ease;
  }
  #mainContent
    .relation
    .relationSlide__container
    .swiper-button-prev.swiper-button-disabled,
  #mainContent
    .relation
    .relationSlide__container
    .swiper-button-next.swiper-button-disabled {
    opacity: 0.3;
  }
  #mainContent .relation .relationSlide__container .swiper-button-prev {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.098%22%20height%3D%2222.862%22%20viewBox%3D%220%200%2012.098%2022.862%22%3E%20%3Cg%20transform%3D%22translate(-22.134%20-21.79)%22%3E%20%3Cpath%20d%3D%22M5333.319%2C2696.953l-10%2C10.75%2C10%2C10.75%22%20transform%3D%22translate(-5299.819%20-2674.481)%22%20fill%3D%22none%22%20stroke%3D%22%23585858%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  #mainContent .relation .relationSlide__container .swiper-button-next {
    margin-left: 40px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.098%22%20height%3D%2222.862%22%20viewBox%3D%220%200%2012.098%2022.862%22%3E%20%3Cpath%20d%3D%22M5323.319%2C2696.953l10%2C10.75-10%2C10.75%22%20transform%3D%22translate(-5322.586%20-2696.271)%22%20fill%3D%22none%22%20stroke%3D%22%23585858%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E');
  }
  #mainContent .relation .relationSlide__item.swiper-slide {
    margin-right: 60px;
    opacity: 0.3;
    transition: opacity 0.8s ease;
  }
  #mainContent .relation .relationSlide__item.swiper-slide-active {
    opacity: 1;
  }
  #mainContent .relation .relationItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #mainContent .relation .relationItem.swiper-slide .relationItem__desc {
    opacity: 0;
    transition: opacity 1s ease;
  }
  #mainContent .relation .relationItem.swiper-slide-active .relationItem__desc {
    opacity: 1;
  }
  #mainContent .relation .relationItem__tmb {
    min-width: 350px;
    width: 31.33%;
    margin-right: 2.5%;
  }
  #mainContent .relation .relationItem__desc {
    width: 66.16%;
  }
  #mainContent .relation .relationItem__ttl {
    font-size: 16px;
    font-weight: 600;
  }
  #mainContent .relation .relationItem__ttl:not(:only-child) {
    margin-bottom: calc(25px - 0.3em);
  }
  #mainContent .relation .relationItem__list {
    display: flex;
    flex-wrap: wrap;
  }
  #mainContent .relation .relationItem__item {
    width: 46.85%;
    margin-left: 5.038%;
  }
  #mainContent .relation .relationItem__item:nth-of-type(2n-1) {
    margin-left: 0;
  }
  #mainContent .relation .relationItem__item:nth-of-type(n + 3) {
    margin-top: 21px;
  }
  #mainContent .relation .relationItem__itemLink {
    display: flex;
    align-items: center;
  }
  #mainContent .relation .relationItem__itemLink .thumb {
    min-width: 80px;
    width: 80px;
    margin-right: 10px;
  }
  #mainContent .relation .relationItem__itemLink .name {
    margin-bottom: calc(10px - 0.25em);
    font-size: 13px;
    font-weight: 400;
  }
  #mainContent .relation .relationItem__itemLink .price {
    font-size: 11px;
    color: #585858;
  }
  #mainContent .relation .relationItem__itemLink .num {
    font-size: 13px;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .relation .relationSlide__container .swiper-button-prev,
  #mainContent .relation .relationSlide__container .swiper-button-next {
    display: none;
  }
  #mainContent .relation .relationSlide__item.swiper-slide {
    margin-right: 15px;
  }
  #mainContent .relation .relationItem {
    display: block;
  }
  #mainContent .relation .relationItem__item {
    width: 47.82%;
    margin-left: 4.36%;
  }
  #mainContent .relation .relationItem__tmb {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #mainContent .relation .relationItem__desc {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .relation .relationSlide__container {
    padding-left: 8vw;
    padding-right: 8vw;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
  #mainContent .relation .relationSlide__container .swiper-button-prev,
  #mainContent .relation .relationSlide__container .swiper-button-next {
    display: none;
  }
  #mainContent .relation .relationSlide__item.swiper-slide {
    margin-right: 4vw;
    opacity: 0.3;
    transition: opacity 0.3s ease;
  }
  #mainContent .relation .relationSlide__item.swiper-slide-active {
    opacity: 1;
  }
  #mainContent .relation .relationItem.swiper-slide .relationItem__desc {
    opacity: 0;
    transition: opacity 1s ease;
  }
  #mainContent .relation .relationItem.swiper-slide-active .relationItem__desc {
    opacity: 1;
  }
  #mainContent .relation .relationItem__tmb {
    margin-bottom: 20px;
  }
  #mainContent .relation .relationItem__ttl {
    font-size: 16px;
    font-weight: 600;
  }
  #mainContent .relation .relationItem__ttl:not(:only-child) {
    margin-bottom: calc(15px - 0.3em);
  }
  #mainContent .relation .relationItem__item:not(:first-child) {
    margin-top: 20px;
  }
  #mainContent .relation .relationItem__itemLink {
    display: flex;
    align-items: center;
  }
  #mainContent .relation .relationItem__itemLink .thumb {
    min-width: 50px;
    width: 1.333vw;
    margin-right: 10px;
  }
  #mainContent .relation .relationItem__itemLink .name {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: calc(10px - 0.25em);
  }
  #mainContent .relation .relationItem__itemLink .price {
    font-size: 11px;
    color: #585858;
  }
  #mainContent .relation .relationItem__itemLink .num {
    font-size: 13px;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .history .historyFeature {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #mainContent .history .historyFeature__visual {
    width: 50%;
  }
  #mainContent .history .historyFeature__lead {
    width: 46.67%;
  }
  #mainContent .history .historyFeature__txt {
    font-size: 14px;
  }
  #mainContent .history .historySeries {
    margin-top: 60px;
  }
  #mainContent .history .historySeries__heading {
    margin-bottom: 55px;
    text-align: center;
  }
  #mainContent .history .historySeries__ttl {
    margin-top: 0;
    font-size: 20px;
    font-weight: 600;
  }
  #mainContent .history .historySeries__container {
    position: relative;
  }
  #mainContent .history .historySeries__btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
    transform: translateY(-50%);
  }
  #mainContent .history .historySeries__btnLink {
    position: relative;
    display: inline-block;
    width: 248px;
    padding: 11.5px 20px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 28px;
    cursor: pointer;
  }
  #mainContent .history .historySeries__btnLink:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3153%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203153%22%20transform%3D%22translate(-840)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3153-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203153%22%20transform%3D%22translate(840)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1534%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201534%22%20width%3D%2216%22%20height%3D%222%22%20transform%3D%22translate(0%207)%22%20fill%3D%22%23999%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1535%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201535%22%20width%3D%2216%22%20height%3D%222%22%20transform%3D%22translate(9)%20rotate(90)%22%20fill%3D%22%23999%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  #mainContent .history .historySeries__btnLink.js-active {
    font-size: 0;
  }
  #mainContent .history .historySeries__btnLink.js-active:before {
    content: '閉じる';
    font-size: 14px;
  }
  #mainContent .history .historySeries__btnLink.js-active:after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3153%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203153%22%20transform%3D%22translate(-840)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3153-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203153%22%20transform%3D%22translate(840)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1534%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201534%22%20width%3D%2216%22%20height%3D%222%22%20transform%3D%22translate(0%207)%22%20fill%3D%22%23999%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1535%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201535%22%20width%3D%2216%22%20height%3D%222%22%20transform%3D%22translate(9)%20rotate(90)%22%20fill%3D%22%23585858%22%20opacity%3D%220%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  #mainContent .history .historySeries__list {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.6s ease;
  }
  #mainContent .history .historySeries__list.js-active {
    max-height: 9999px;
    padding: 60px 39px;
    opacity: 1;
    border: 1px solid #dddddd;
    border-radius: 6px;
  }
  #mainContent .history .historySeries__list.js-active .historySeries__item {
    opacity: 1;
    transition: opacity 0.6s ease;
  }
  #mainContent .history .historySeries__list .historySeries__item {
    opacity: 0;
  }
  #mainContent .history .historySeries__item {
    display: flex;
    align-items: center;
  }
  #mainContent .history .historySeries__item:not(:first-of-type) {
    margin-top: 50px;
  }
  #mainContent .history .historySeries__itemTmb {
    min-width: 34.82%;
    width: 34.82%;
    margin-right: 2.678%;
  }
  #mainContent .history .historySeries__itemDesc {
    width: 100%;
  }
  #mainContent .history .historySeries__itemDesc .m-link {
    margin-top: 15px;
  }
  #mainContent .history .historySeries__itemTtl {
    font-size: 16px;
    font-weight: 600;
    font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    margin-top: 0;
    margin-bottom: calc(15px - 0.3em);
  }
  #mainContent .history .historySeries__itemTtl span {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.25em;
    font-size: 13px;
    color: #999;
  }
  #mainContent .history .historySeries__itemTxt {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .history .historyFeature {
    flex-wrap: wrap;
  }
  #mainContent .history .historyFeature__visual {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  #mainContent .history .historyFeature__lead {
    width: 100%;
  }
  #mainContent .history .historySeries {
    margin-top: 50px;
  }
  #mainContent .history .historySeries__ttl {
    font-size: 24px;
    line-height: 1.5;
  }
  #mainContent .history .historySeries__list.js-active {
    padding: 55px 19px 30px;
  }
  #mainContent .history .historySeries__item {
    align-items: flex-start;
  }
  #mainContent .history .historySeries__itemTmb {
    min-width: 216px;
    width: 34.82%;
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .history .historyFeature__visual {
    margin-left: -8vw;
    margin-right: -8vw;
  }
  #mainContent .history .historyFeature__lead {
    margin-top: 30px;
  }
  #mainContent .history .historyFeature__txt {
    font-size: 14px;
  }
  #mainContent .history .historySeries {
    margin-top: 60px;
  }
  #mainContent .history .historySeries__heading {
    margin-bottom: 55px;
    text-align: center;
  }
  #mainContent .history .historySeries__ttl {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
  }
  #mainContent .history .historySeries__ttl span {
    display: inline-block;
  }
  #mainContent .history .historySeries__container {
    position: relative;
  }
  #mainContent .history .historySeries__btn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    text-align: center;
    transform: translateY(-50%);
  }
  #mainContent .history .historySeries__btnLink {
    position: relative;
    display: inline-block;
    width: 255px;
    padding: 11.5px 20px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 28px;
    cursor: pointer;
  }
  #mainContent .history .historySeries__btnLink:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3153%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203153%22%20transform%3D%22translate(-840)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3153-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203153%22%20transform%3D%22translate(840)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1534%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201534%22%20width%3D%2216%22%20height%3D%222%22%20transform%3D%22translate(0%207)%22%20fill%3D%22%23999%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1535%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201535%22%20width%3D%2216%22%20height%3D%222%22%20transform%3D%22translate(9)%20rotate(90)%22%20fill%3D%22%23999%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  #mainContent .history .historySeries__btnLink.js-active {
    font-size: 0;
  }
  #mainContent .history .historySeries__btnLink.js-active:before {
    content: '閉じる';
    font-size: 14px;
  }
  #mainContent .history .historySeries__btnLink.js-active:after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3153%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203153%22%20transform%3D%22translate(-840)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_3153-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%203153%22%20transform%3D%22translate(840)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1534%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201534%22%20width%3D%2216%22%20height%3D%222%22%20transform%3D%22translate(0%207)%22%20fill%3D%22%23999%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1535%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201535%22%20width%3D%2216%22%20height%3D%222%22%20transform%3D%22translate(9)%20rotate(90)%22%20fill%3D%22%23585858%22%20opacity%3D%220%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
  }
  #mainContent .history .historySeries__list {
    max-height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.8s ease;
  }
  #mainContent .history .historySeries__list.js-active {
    max-height: 9999px;
    padding: 50px 5.333vw 30px;
    opacity: 1;
    border: 1px solid #dddddd;
    border-radius: 6px;
  }
  #mainContent .history .historySeries__list.js-active .historySeries__item {
    opacity: 1;
    transition: opacity 0.8s ease;
  }
  #mainContent .history .historySeries__list .historySeries__item {
    opacity: 0;
  }
  #mainContent .history .historySeries__item:not(:first-of-type) {
    margin-top: 40px;
  }
  #mainContent .history .historySeries__itemTmb {
    margin-bottom: 20px;
  }
  #mainContent .history .historySeries__itemDesc {
    width: 100%;
  }
  #mainContent .history .historySeries__itemDesc .m-link {
    margin-top: 15px;
  }
  #mainContent .history .historySeries__itemTtl {
    font-size: 16px;
    font-weight: 600;
    font-family: Hiragino Kaku Gothic ProN, Meiryo, sans-serif;
    margin-top: 0;
    margin-bottom: calc(15px - 0.3em);
  }
  #mainContent .history .historySeries__itemTtl span {
    display: inline-block;
    width: 100%;
    margin-bottom: 0.4em;
    font-size: 13px;
    color: #999;
  }
  #mainContent .history .historySeries__itemTxt {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .survey {
    margin-top: 120px;
    padding-bottom: 60px;
    background-color: #fbf9ec;
  }
  #mainContent .survey .section__heading {
    margin-bottom: 60px;
  }
  #mainContent .survey .surveyResult {
    display: flex;
  }
  #mainContent .survey .surveyResult__block {
    width: 48.33%;
  }
  #mainContent .survey .surveyResult__block:nth-of-type(2n) {
    margin-left: 3.333%;
  }
  #mainContent .survey .surveyResult__heading {
    position: relative;
    padding-top: 60px;
    text-align: center;
  }
  #mainContent .survey .surveyResult__heading:before {
    content: 'Q.';
    position: absolute;
    top: 0;
    left: 50%;
    font-size: 30px;
    font-weight: 600;
    font-family: Gothic MB101 Bold, MySansSerif, YakuHanJP, sans-serif;
    color: #999;
    transform: translate(-50%);
  }
  #mainContent .survey .surveyResult__heading:not(:only-child) {
    margin-bottom: 40px;
  }
  #mainContent .survey .surveyResult__heading .surveyResult__caption {
    margin-top: 0.6em;
  }
  #mainContent .survey .surveyResult__ttl {
    font-size: 24px;
    font-weight: 600;
  }
  #mainContent .survey .surveyResult__ttl span {
    display: block;
    font-size: 14px;
    margin-bottom: 0.3em;
  }
  #mainContent .survey .surveyResult__caption {
    font-size: 12px;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__list {
    display: flex;
    flex-wrap: wrap;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__item {
    max-width: 90px;
    width: 23.07%;
    margin-left: 2.564%;
    margin-bottom: 35px;
    text-align: center;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__item:nth-of-type(4n-3) {
    margin-left: 0;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__itemTmb {
    margin-bottom: 20px;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__itemTxt {
    font-size: 13px;
    font-weight: 600;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__itemTxt
    small {
    font-size: 10px;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__itemTxt--name {
    font-size: 14px;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__itemTxt:not(:first-of-type) {
    margin-top: 0.4em;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__caption {
    text-align: center;
  }
  #mainContent .survey .surveyResult__aside {
    position: relative;
    margin-top: 45px;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
  }
  #mainContent .survey .surveyResult__aside:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    width: 20px;
    height: 16px;
    transform: translate(-50%);
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2216%22%20transform%3D%22translate(430%203375.002)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22translate(-430%20-3375.002)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20transform%3D%22translate(425%203373)%22%20fill%3D%22%23fff%22%3E%20%3Cpath%20d%3D%22M%2026.53718185424805%2025.50000190734863%20L%203.462821006774902%2025.50000190734863%20C%202.92064094543457%2025.50000190734863%202.435070991516113%2025.21971130371094%202.163900852203369%2024.75021171569824%20C%201.892740964889526%2024.28072166442871%201.892601013183594%2023.72004127502441%202.163540840148926%2023.25041198730469%20L%2013.70072078704834%203.252641439437866%20C%2013.97181129455566%202.782751560211182%2014.45752048492432%202.502221584320068%2015.00000095367432%202.502221584320068%20C%2015.54248142242432%202.502221584320068%2016.02819061279297%202.782751560211182%2016.29928016662598%203.252641439437866%20L%2027.83646011352539%2023.25041198730469%20C%2028.10740089416504%2023.72004127502441%2028.10726165771484%2024.28072166442871%2027.83610153198242%2024.75021171569824%20C%2027.56493186950684%2025.21971130371094%2027.07936096191406%2025.50000190734863%2026.53718185424805%2025.50000190734863%20Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%2015.00000095367432%203.002222061157227%20C%2014.826340675354%203.002222061157227%2014.39431095123291%203.050971984863281%2014.13382053375244%203.502490997314453%20L%202.596641540527344%2023.50027084350586%20C%202.336280822753906%2023.95156097412109%202.51007080078125%2024.34985160827637%202.596881866455078%2024.50014114379883%20C%202.683681488037109%2024.65043258666992%202.94182014465332%2025.00000190734863%203.462820053100586%2025.00000190734863%20L%2026.53718185424805%2025.00000190734863%20C%2027.05818176269531%2025.00000190734863%2027.31632041931152%2024.65043258666992%2027.40312194824219%2024.50014114379883%20C%2027.48993110656738%2024.34985160827637%2027.66372108459473%2023.95156097412109%2027.40336036682129%2023.50027084350586%20L%2015.86618137359619%203.502490997314453%20C%2015.60569095611572%203.050971984863281%2015.17366123199463%203.002222061157227%2015.00000095367432%203.002222061157227%20M%2015.00000095367432%202.002218246459961%20C%2015.67377090454102%202.002218246459961%2016.34754180908203%202.335737228393555%2016.73237228393555%203.002771377563477%20L%2028.26955032348633%2023.00055122375488%20C%2029.03878021240234%2024.33389091491699%2028.07650184631348%2026.00000190734863%2026.53718185424805%2026.00000190734863%20L%203.462820053100586%2026.00000190734863%20C%201.923500061035156%2026.00000190734863%200.9612216949462891%2024.33389091491699%201.730451583862305%2023.00055122375488%20L%2013.26763153076172%203.002771377563477%20C%2013.6524600982666%202.335737228393555%2014.32623100280762%202.002218246459961%2015.00000095367432%202.002218246459961%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23ddd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
  }
  #mainContent .survey .surveyResult__asideTxt {
    font-size: 14px;
  }
  #mainContent .survey .surveyResult__asideBtn {
    margin-top: 20px;
    text-align: center;
  }
  #mainContent .survey .surveyResult__asideBtn > * {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.821em 1.75em;
    font-size: 14px;
    border: 1px solid #999;
    border-radius: 1.643em;
  }
  #mainContent .survey .surveyResult__asideBtn > *:after {
    content: '';
    width: 14px;
    height: 8px;
    margin-left: 1em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.753%22%20height%3D%229.089%22%20viewBox%3D%220%200%2014.753%209.089%22%3E%20%3Cpath%20d%3D%22M3.135.986l8%2C7-8%2C7%22%20transform%3D%22translate(15.362%20-2.806)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
  }
  #mainContent .survey .asideProduct:not(:first-child) {
    margin-top: 20px;
  }
  #mainContent .survey .asideProduct__ttl {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
  }
  #mainContent .survey .asideProduct__ttl:not(:only-child) {
    margin-bottom: calc(15px - 0.3em);
  }
  #mainContent .survey .asideProduct__ttl--level03:after {
    content: '';
    display: inline-block;
    width: 52px;
    height: 18px;
    margin-left: 10px;
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level03.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  #mainContent .survey .asideProduct__list {
    display: flex;
  }
  #mainContent .survey .asideProduct__item {
    width: 30.77%;
    margin-left: 3.846%;
  }
  #mainContent .survey .asideProduct__item:first-child {
    margin-left: 0;
  }
  #mainContent .survey .asideProduct__itemLink {
    display: block;
    transition: opacity 0.3s ease;
  }
  #mainContent .survey .asideProduct__itemLink:hover {
    opacity: 0.8;
  }
  #mainContent .survey .asideProduct__itemLink .thumb {
    position: relative;
    padding-bottom: 75%;
    margin-bottom: 8px;
  }
  #mainContent .survey .asideProduct__itemLink .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #mainContent .survey .asideProduct__itemLink .series {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0.4em;
  }
  #mainContent .survey .asideProduct__itemLink .name {
    font-size: 13px;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .survey .surveyResult {
    display: block;
  }
  #mainContent .survey .surveyResult__block {
    width: 100%;
  }
  #mainContent .survey .surveyResult__block:not(:first-child) {
    margin-top: 50px;
  }
  #mainContent .survey .surveyResult__block:nth-of-type(2n) {
    margin-left: 0;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__list {
    display: flex;
    flex-wrap: nowrap;
    max-width: none;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__item {
    width: 10.46%;
    margin-left: 2.325%;
    margin-bottom: 25px;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__item:nth-of-type(4n-3) {
    margin-left: 2.325%;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__item:first-of-type {
    margin-left: 0;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__itemTmb {
    margin-bottom: 15px;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__itemTxt--name {
    font-size: 12px;
    white-space: nowrap;
  }
  #mainContent .survey .surveyResult__answer--spicy .surveyResult__graph {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
  }
  #mainContent .survey .surveyResult__aside {
    padding: 30px 20px;
  }
  #mainContent .survey .surveyResult__aside--secret {
    display: flex;
  }
  #mainContent .survey .surveyResult__aside--secret .surveyResult__asideBtn {
    min-width: 47.83%;
    width: 47.83%;
    margin-top: 0;
    margin-left: 2.941%;
  }
  #mainContent
    .survey
    .surveyResult__aside--secret
    .surveyResult__asideBtn
    > * {
    width: 100%;
  }
  #mainContent .survey .asideProduct:not(:first-child) {
    margin-top: 20px;
  }
  #mainContent .survey .asideProduct__ttl {
    font-size: 14px;
    font-weight: 600;
  }
  #mainContent .survey .asideProduct__ttl:not(:only-child) {
    margin-bottom: calc(15px - 0.3em);
  }
  #mainContent .survey .asideProduct__list {
    display: flex;
  }
  #mainContent .survey .asideProduct__item {
    width: 31.73%;
    margin-left: 2.322%;
  }
  #mainContent .survey .asideProduct__item:first-child {
    margin-left: 0;
  }
  #mainContent .survey .asideProduct__itemLink {
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
  }
  #mainContent .survey .asideProduct__itemLink:hover {
    opacity: 0.8;
  }
  #mainContent .survey .asideProduct__itemLink .thumb {
    position: relative;
    min-width: 85px;
    width: 85px;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-right: 10px;
  }
  #mainContent .survey .asideProduct__itemLink .thumb img {
    position: static;
  }
  #mainContent .survey .asideProduct__itemLink .series {
    font-size: 10px;
    margin-bottom: 0.4em;
  }
  #mainContent .survey .asideProduct__itemLink .name {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .survey {
    margin-top: 120px;
    padding-bottom: 30px;
    background-color: #fbf9ec;
  }
  #mainContent .survey .section__heading {
    margin-bottom: 60px;
  }
  #mainContent .survey .surveyResult__block:not(:first-child) {
    margin-top: 60px;
  }
  #mainContent .survey .surveyResult__heading {
    position: relative;
    padding-left: 46px;
  }
  #mainContent .survey .surveyResult__heading:before {
    content: 'Q.';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    font-weight: 600;
    font-family: Gothic MB101 Bold, MySansSerif, YakuHanJP, sans-serif;
    color: #999;
  }
  #mainContent .survey .surveyResult__heading:not(:only-child) {
    margin-bottom: 30px;
  }
  #mainContent .survey .surveyResult__heading .surveyResult__caption {
    margin-top: 0.6em;
  }
  #mainContent .survey .surveyResult__ttl {
    font-size: 18px;
    font-weight: 600;
  }
  #mainContent .survey .surveyResult__ttl span {
    display: block;
    font-size: 14px;
    margin-bottom: 0.3em;
  }
  #mainContent .survey .surveyResult__caption {
    font-size: 12px;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__list {
    display: flex;
    flex-wrap: wrap;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__item {
    width: 21.9%;
    margin-left: 4.127%;
    text-align: center;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__item:nth-of-type(4n-3) {
    margin-left: 0;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__item:nth-of-type(n + 5) {
    margin-top: 35px;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__itemTmb {
    max-width: 80px;
    width: 72.46%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__itemTxt {
    font-size: 13px;
    font-weight: 600;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__itemTxt
    small {
    font-size: 10px;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__itemTxt--name {
    font-size: 14px;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__itemTxt--name
    span {
    display: inline-block;
  }
  #mainContent
    .survey
    .surveyResult__answer--secret
    .surveyResult__itemTxt:not(:first-of-type) {
    margin-top: 0.4em;
  }
  #mainContent .survey .surveyResult__answer--secret .surveyResult__caption {
    margin-top: 20px;
    text-align: center;
  }
  #mainContent .survey .surveyResult__aside {
    position: relative;
    margin-top: 30px;
    padding: 30px 5.333vw;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
  }
  #mainContent .survey .surveyResult__aside:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    width: 20px;
    height: 16px;
    transform: translate(-50%);
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%3E%20%3Cdefs%3E%20%3CclipPath%20id%3D%22clip-path%22%3E%20%3Crect%20width%3D%2220%22%20height%3D%2216%22%20transform%3D%22translate(430%203375.002)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3Cg%20transform%3D%22translate(-430%20-3375.002)%22%20clip-path%3D%22url(%23clip-path)%22%3E%20%3Cg%20transform%3D%22translate(425%203373)%22%20fill%3D%22%23fff%22%3E%20%3Cpath%20d%3D%22M%2026.53718185424805%2025.50000190734863%20L%203.462821006774902%2025.50000190734863%20C%202.92064094543457%2025.50000190734863%202.435070991516113%2025.21971130371094%202.163900852203369%2024.75021171569824%20C%201.892740964889526%2024.28072166442871%201.892601013183594%2023.72004127502441%202.163540840148926%2023.25041198730469%20L%2013.70072078704834%203.252641439437866%20C%2013.97181129455566%202.782751560211182%2014.45752048492432%202.502221584320068%2015.00000095367432%202.502221584320068%20C%2015.54248142242432%202.502221584320068%2016.02819061279297%202.782751560211182%2016.29928016662598%203.252641439437866%20L%2027.83646011352539%2023.25041198730469%20C%2028.10740089416504%2023.72004127502441%2028.10726165771484%2024.28072166442871%2027.83610153198242%2024.75021171569824%20C%2027.56493186950684%2025.21971130371094%2027.07936096191406%2025.50000190734863%2026.53718185424805%2025.50000190734863%20Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%2015.00000095367432%203.002222061157227%20C%2014.826340675354%203.002222061157227%2014.39431095123291%203.050971984863281%2014.13382053375244%203.502490997314453%20L%202.596641540527344%2023.50027084350586%20C%202.336280822753906%2023.95156097412109%202.51007080078125%2024.34985160827637%202.596881866455078%2024.50014114379883%20C%202.683681488037109%2024.65043258666992%202.94182014465332%2025.00000190734863%203.462820053100586%2025.00000190734863%20L%2026.53718185424805%2025.00000190734863%20C%2027.05818176269531%2025.00000190734863%2027.31632041931152%2024.65043258666992%2027.40312194824219%2024.50014114379883%20C%2027.48993110656738%2024.34985160827637%2027.66372108459473%2023.95156097412109%2027.40336036682129%2023.50027084350586%20L%2015.86618137359619%203.502490997314453%20C%2015.60569095611572%203.050971984863281%2015.17366123199463%203.002222061157227%2015.00000095367432%203.002222061157227%20M%2015.00000095367432%202.002218246459961%20C%2015.67377090454102%202.002218246459961%2016.34754180908203%202.335737228393555%2016.73237228393555%203.002771377563477%20L%2028.26955032348633%2023.00055122375488%20C%2029.03878021240234%2024.33389091491699%2028.07650184631348%2026.00000190734863%2026.53718185424805%2026.00000190734863%20L%203.462820053100586%2026.00000190734863%20C%201.923500061035156%2026.00000190734863%200.9612216949462891%2024.33389091491699%201.730451583862305%2023.00055122375488%20L%2013.26763153076172%203.002771377563477%20C%2013.6524600982666%202.335737228393555%2014.32623100280762%202.002218246459961%2015.00000095367432%202.002218246459961%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23ddd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
  }
  #mainContent .survey .surveyResult__asideTxt {
    font-size: 14px;
  }
  #mainContent .survey .surveyResult__asideBtn {
    margin-top: 20px;
    text-align: center;
  }
  #mainContent .survey .surveyResult__asideBtn > * {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0.821em 1.75em;
    font-size: 14px;
    border: 1px solid #999;
    border-radius: 1.643em;
  }
  #mainContent .survey .surveyResult__asideBtn > *:after {
    content: '';
    width: 14px;
    height: 8px;
    margin-left: 1em;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.753%22%20height%3D%229.089%22%20viewBox%3D%220%200%2014.753%209.089%22%3E%20%3Cpath%20d%3D%22M3.135.986l8%2C7-8%2C7%22%20transform%3D%22translate(15.362%20-2.806)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-size: contain;
  }
  #mainContent .survey .asideProduct:not(:first-child) {
    margin-top: 20px;
  }
  #mainContent .survey .asideProduct__ttl {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
  }
  #mainContent .survey .asideProduct__ttl:not(:only-child) {
    margin-bottom: calc(20px - 0.3em);
  }
  #mainContent .survey .asideProduct__ttl--level03:after {
    content: '';
    display: inline-block;
    width: 52px;
    height: 18px;
    margin-left: 10px;
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level03.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  #mainContent .survey .asideProduct__item:not(:first-child) {
    margin-top: 20px;
  }
  #mainContent .survey .asideProduct__itemLink {
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
  }
  #mainContent .survey .asideProduct__itemLink:hover {
    opacity: 0.8;
  }
  #mainContent .survey .asideProduct__itemLink .thumb {
    position: relative;
    min-width: 47.62%;
    width: 47.62%;
    margin-right: 4.395%;
    padding-bottom: 37.73%;
  }
  #mainContent .survey .asideProduct__itemLink .thumb img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #mainContent .survey .asideProduct__itemLink .series {
    font-size: 11px;
    font-weight: 400;
    margin-bottom: 0.4em;
  }
  #mainContent .survey .asideProduct__itemLink .name {
    font-size: 13px;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .lineup .lineupFilter {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    padding-top: 26px;
    padding-bottom: 20px;
  }
  #mainContent .lineup .lineupFilter__heading {
    margin-right: 40px;
    white-space: nowrap;
  }
  #mainContent .lineup .lineupFilter__ttl {
    font-size: 24px;
    font-weight: 600;
  }
  #mainContent .lineup .lineupFilter__caption {
    margin-top: 0.2em;
  }
  #mainContent .lineup .lineupController {
    display: flex;
    align-items: flex-start;
  }
  #mainContent .lineup .lineupController__level {
    display: flex;
    opacity: 0.35;
    transition: opacity 0.3s ease;
  }
  #mainContent .lineup .lineupController__level.js-selected {
    opacity: 1;
  }
  #mainContent .lineup .lineupController__btn {
    width: 30px;
    height: 30px;
    padding: 0;
    background: none;
    border: none;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }
  #mainContent .lineup .lineupController__btn.js-limited {
    opacity: 0.35;
    pointer-events: none;
  }
  #mainContent .lineup .lineupController__indicator {
    position: relative;
    margin-top: -11px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 27px;
  }
  #mainContent .lineup .lineupController__indicator:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 15px;
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  #mainContent .lineup .lineupController__scale {
    font-size: 0;
    padding: 0;
    margin: 0 9px;
    width: 18px;
    height: 56px;
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-off.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border: none;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
    cursor: pointer;
  }
  #mainContent .lineup .lineupController__scale:first-child {
    margin-left: 0;
  }
  #mainContent .lineup .lineupController__scale:last-child {
    margin-right: 0;
  }
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(6),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(5),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(4),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(3),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(5),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(4),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(3),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='4'] .lineupController__scale:nth-child(4),
  #mainContent .lineup [data-level='4'] .lineupController__scale:nth-child(3),
  #mainContent .lineup [data-level='4'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='4'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='3'] .lineupController__scale:nth-child(3),
  #mainContent .lineup [data-level='3'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='3'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='2'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='2'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='1'] .lineupController__scale:nth-child(1) {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-on.svg);
  }
  #mainContent .lineup .lineupController__all {
    margin-left: 40px;
    padding: 0.083em 1.2em;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background-color: #7f0019;
    border: none;
    border-radius: 1.1em;
    opacity: 0.35;
    transition: opacity 0.3s ease;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
    cursor: pointer;
  }
  #mainContent .lineup .lineupController__all.js-selected {
    opacity: 1;
  }
  #mainContent .lineup .lineupList__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.833%;
    margin-right: -0.833%;
    margin-bottom: -40px;
  }
  #mainContent .lineup .lineupList__item {
    display: none;
    width: 23.36%;
    margin-left: 0.819%;
    margin-right: 0.819%;
    margin-bottom: 40px;
    text-align: center;
    background-color: #fbf9ec;
  }
  #mainContent .lineup .lineupList__item.js-show {
    display: block;
    opacity: 0;
    -webkit-animation: fadeIn 0.6s ease 0s forwards;
    animation: fadeIn 0.6s ease 0s forwards;
  }
  #mainContent .lineup .lineupList__item .desc {
    position: relative;
  }
  #mainContent .lineup .lineupList__item .desc:after {
    display: block;
    width: 100%;
    height: 27px;
    margin-top: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #mainContent .lineup .lineupList__item.level00 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level00.svg);
  }
  #mainContent .lineup .lineupList__item.level01 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level01.svg);
  }
  #mainContent .lineup .lineupList__item.level02 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level02.svg);
  }
  #mainContent .lineup .lineupList__item.level03 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level03.svg);
  }
  #mainContent .lineup .lineupList__item.level04 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level04.svg);
  }
  #mainContent .lineup .lineupList__item.level05 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level05.svg);
  }
  #mainContent .lineup .lineupList__item.level06 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level06.svg);
  }
  #mainContent .lineup .lineupList__itemLink {
    width: 100%;
    transition: opacity 0.3s ease;
  }
  #mainContent .lineup .lineupList__itemLink:hover {
    opacity: 0.8;
  }
  #mainContent .lineup .lineupList__itemLink .thumb {
    position: relative;
    padding-bottom: 87.72%;
  }
  #mainContent .lineup .lineupList__itemLink .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
  }
  #mainContent .lineup .lineupList__itemLink .desc {
    padding: 20px;
  }
  #mainContent .lineup .lineupList__itemLink .series {
    margin-bottom: 0.5em;
    line-height: 1;
  }
  #mainContent .lineup .lineupList__itemLink .price {
    margin-top: 1em;
  }
  #mainContent .lineup .lineupList__itemLink .level {
    display: block;
    margin-top: 1em;
  }
  #mainContent .lineup .lineupList__itemLink .level img {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .lineup .lineupList__item {
    text-align: left;
  }
  #mainContent .lineup .lineupList__item .desc:after {
    height: 23px;
    margin-top: 16px;
    background-position: left;
  }
  #mainContent .lineup .lineupList__itemLink .desc {
    padding: 15px 10px;
  }
  #mainContent .lineup .lineupList__itemLink .level {
    display: block;
    margin-top: 1em;
  }
  #mainContent .lineup .lineupList__itemLink .level img {
    max-width: 80px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .lineup .lineupFilter {
    margin-bottom: 40px;
  }
  #mainContent .lineup .lineupFilter__heading {
    display: flex;
    align-items: center;
    margin-right: 40px;
    white-space: nowrap;
  }
  #mainContent .lineup .lineupFilter__ttl {
    font-size: 18px;
    font-weight: 600;
  }
  #mainContent .lineup .lineupFilter__caption {
    font-size: 14px;
    font-weight: 600;
    margin-left: 0.5em;
  }
  #mainContent .lineup .lineupFilter__container {
    margin-left: -8vw;
    margin-right: -8vw;
    padding: 0 8vw;
  }
  #mainContent .lineup .lineupController {
    top: 0;
    z-index: 10;
    display: flex;
    align-items: flex-start;
    width: 100vw;
    left: 0;
    justify-content: center;
    padding: 20px 0;
    background-color: #fff;
    transform: translateZ(0);
  }
  #mainContent .lineup .lineupController__level {
    display: flex;
    opacity: 0.35;
    transition: opacity 0.3s ease;
  }
  #mainContent .lineup .lineupController__level.js-selected {
    opacity: 1;
  }
  #mainContent .lineup .lineupController__btn {
    min-width: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    background: none;
    border: none;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
    transition: opacity 0.3s ease;
    cursor: pointer;
  }
  #mainContent .lineup .lineupController__btn.js-limited {
    opacity: 0.35;
    pointer-events: none;
  }
  #mainContent .lineup .lineupController__indicator {
    position: relative;
    margin-top: -2px;
    margin-left: 8px;
    margin-right: 8px;
    padding-bottom: 18px;
  }
  #mainContent .lineup .lineupController__indicator:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-scale.svg);
    background-repeat: no-repeat;
    background-size: contain;
  }
  #mainContent .lineup .lineupController__scale {
    font-size: 0;
    padding: 0;
    margin: 0 6px;
    width: 10px;
    height: 38px;
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-off.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: transparent;
    border: none;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
    cursor: pointer;
  }
  #mainContent .lineup .lineupController__scale:first-child {
    margin-left: 0;
  }
  #mainContent .lineup .lineupController__scale:last-child {
    margin-right: 0;
  }
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(6),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(5),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(4),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(3),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='6'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(5),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(4),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(3),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='5'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='4'] .lineupController__scale:nth-child(4),
  #mainContent .lineup [data-level='4'] .lineupController__scale:nth-child(3),
  #mainContent .lineup [data-level='4'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='4'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='3'] .lineupController__scale:nth-child(3),
  #mainContent .lineup [data-level='3'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='3'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='2'] .lineupController__scale:nth-child(2),
  #mainContent .lineup [data-level='2'] .lineupController__scale:nth-child(1),
  #mainContent .lineup [data-level='1'] .lineupController__scale:nth-child(1) {
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-on.svg);
  }
  #mainContent .lineup .lineupController__all {
    min-width: 70px;
    margin-left: 20px;
    padding: 0.1875em 0.5em;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    background-color: #7f0019;
    border: none;
    border-radius: 1.1em;
    opacity: 0.35;
    transition: opacity 0.3s ease;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
    cursor: pointer;
  }
  #mainContent .lineup .lineupController__all.js-selected {
    opacity: 1;
  }
  #mainContent .lineup .lineupList__list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2.381%;
    margin-right: -2.381%;
    margin-bottom: -40px;
  }
  #mainContent .lineup .lineupList__item {
    display: none;
    width: 45.45%;
    margin-left: 2.272%;
    margin-right: 2.272%;
    margin-bottom: 40px;
    background-color: #fbf9ec;
  }
  #mainContent .lineup .lineupList__item.js-show {
    display: block;
    opacity: 0;
    -webkit-animation: fadeIn 0.6s ease 0s forwards;
    animation: fadeIn 0.6s ease 0s forwards;
  }
  #mainContent .lineup .lineupList__item .desc {
    position: relative;
  }
  #mainContent .lineup .lineupList__item .desc:after {
    display: block;
    width: 100%;
    height: 23px;
    margin-top: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  #mainContent .lineup .lineupList__item.level00 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level00.svg);
  }
  #mainContent .lineup .lineupList__item.level01 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level01.svg);
  }
  #mainContent .lineup .lineupList__item.level02 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level02.svg);
  }
  #mainContent .lineup .lineupList__item.level03 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level03.svg);
  }
  #mainContent .lineup .lineupList__item.level04 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level04.svg);
  }
  #mainContent .lineup .lineupList__item.level05 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level05.svg);
  }
  #mainContent .lineup .lineupList__item.level06 .desc:after {
    content: '';
    background-image: url(https://www.muji.tw/jp/feature/690666/assets/img/21ss/icon_hot-level06.svg);
  }
  #mainContent .lineup .lineupList__itemLink {
    width: 100%;
    transition: opacity 0.3s ease;
  }
  #mainContent .lineup .lineupList__itemLink:hover {
    opacity: 0.8;
  }
  #mainContent .lineup .lineupList__itemLink .thumb {
    position: relative;
    padding-bottom: 87.72%;
  }
  #mainContent .lineup .lineupList__itemLink .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
  }
  #mainContent .lineup .lineupList__itemLink .desc {
    padding: 20px 6.667%;
  }
  #mainContent .lineup .lineupList__itemLink .series {
    margin-bottom: 0.5em;
    line-height: 1;
  }
  #mainContent .lineup .lineupList__itemLink .price {
    margin-top: 1em;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .recipe .recipeList .m-btn {
    margin-top: 60px;
    text-align: center;
  }
  #mainContent .recipe .recipeList__list {
    display: flex;
  }
  #mainContent .recipe .recipeList__item {
    width: 23.75%;
    margin-left: 1.667%;
  }
  #mainContent .recipe .recipeList__item:nth-of-type(4n-3) {
    margin-left: 0;
  }
  #mainContent .recipe .recipeList__item:nth-of-type(n + 5) {
    margin-top: 40px;
  }
  #mainContent .recipe .recipeList__itemLink {
    transition: opacity 0.3s ease;
  }
  #mainContent .recipe .recipeList__itemLink:hover {
    opacity: 0.8;
  }
  #mainContent .recipe .recipeList__itemTmb {
    display: block;
  }
  #mainContent .recipe .recipeList__itemTmb:not(:only-child) {
    margin-bottom: 20px;
  }
  #mainContent .recipe .recipeList__itemName {
    display: block;
    font-size: 16px;
    font-weight: 600;
  }
  #mainContent .recipe .recipeList__itemName span {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .recipe .recipeList__item {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .recipe .recipeList .m-btn {
    margin-top: 60px;
  }
  #mainContent .recipe .recipeList__list {
    display: flex;
    flex-wrap: wrap;
  }
  #mainContent .recipe .recipeList__item {
    width: 47.62%;
    margin-left: 4.762%;
    text-align: center;
  }
  #mainContent .recipe .recipeList__item:nth-of-type(2n-1) {
    margin-left: 0;
  }
  #mainContent .recipe .recipeList__item:nth-of-type(n + 3) {
    margin-top: 40px;
  }
  #mainContent .recipe .recipeList__itemTmb {
    display: block;
  }
  #mainContent .recipe .recipeList__itemTmb:not(:only-child) {
    margin-bottom: 15px;
  }
  #mainContent .recipe .recipeList__itemName {
    display: block;
    font-size: 14px;
    font-weight: 600;
  }
  #mainContent .recipe .recipeList__itemName span {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .service .serviceContent {
    display: flex;
    background-color: #fbf9ec;
  }
  #mainContent .service .serviceContent .m-link {
    margin-top: 20px;
  }
  #mainContent .service .serviceContent__visual {
    width: 50%;
  }
  #mainContent .service .serviceContent__visual img {
    height: 100%;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
  }
  #mainContent .service .serviceContent__lead {
    width: 50%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 3.333%;
  }
  #mainContent .service .serviceContent__ttl {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: calc(25px - 0.3em);
  }
  #mainContent .service .serviceContent__stl {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: -0.3em;
  }
  #mainContent .service .serviceContent__txt {
    font-size: 14px;
    margin-top: calc(25px - 0.4em);
    color: #000;
  }
  #mainContent .service .serviceContent__txt--bold {
    font-weight: 600;
  }
  #mainContent .service .serviceContent__txt .ut-caption {
    display: block;
    margin-bottom: -0.25em;
  }
  #mainContent .service .serviceContent__pattern:not(:first-of-type) {
    margin-top: 35px;
  }
  #mainContent .service .serviceContent__pattern img {
    margin-bottom: -20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .service .serviceContent {
    display: block;
  }
  #mainContent .service .serviceContent .m-link {
    margin-top: 15px;
  }
  #mainContent .service .serviceContent__visual {
    width: 100%;
  }
  #mainContent .service .serviceContent__lead {
    width: 100%;
    padding: 40px 5.814%;
  }
  #mainContent .service .serviceContent__ttl {
    margin-bottom: calc(20px - 0.3em);
  }
  #mainContent .service .serviceContent__txt {
    margin-top: calc(20px - 0.4em);
  }
  #mainContent .service .serviceContent__pattern:not(:first-of-type) {
    margin-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .service .serviceContent {
    background-color: #fbf9ec;
    margin-left: -8vw;
    margin-right: -8vw;
  }
  #mainContent .service .serviceContent .m-link {
    margin-top: 20px;
  }
  #mainContent .service .serviceContent__visual img {
    height: 100%;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
  }
  #mainContent .service .serviceContent__lead {
    padding: 30px 8vw;
  }
  #mainContent .service .serviceContent__ttl {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: calc(20px - 0.3em);
  }
  #mainContent .service .serviceContent__stl {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: -0.3em;
  }
  #mainContent .service .serviceContent__txt {
    font-size: 14px;
    margin-top: calc(20px - 0.4em);
    color: #000;
  }
  #mainContent .service .serviceContent__txt--bold {
    font-weight: 600;
  }
  #mainContent .service .serviceContent__txt .ut-caption {
    display: block;
    margin-bottom: -0.25em;
  }
  #mainContent .service .serviceContent__pattern:not(:first-of-type) {
    margin-top: 20px;
  }
  #mainContent .service .serviceContent__pattern img {
    margin-bottom: -10px;
  }
}
@media screen and (min-width: 768px) {
  #mainContent .column {
    margin-top: 120px;
  }
  #mainContent .column .column__item {
    display: flex;
    max-width: 708px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
  }
  #mainContent .column .column__item:not(:first-child) {
    margin-top: 60px;
  }
  #mainContent .column .column__itemTmb {
    min-width: 47.31%;
    width: 47.31%;
  }
  #mainContent .column .column__itemTmb img {
    height: 100%;
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
  }
  #mainContent .column .column__itemLead {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 30px 40px;
  }
  #mainContent .column .column__itemLead .m-link {
    margin-top: 15px;
  }
  #mainContent .column .column__itemTtl {
    font-size: 24px;
    font-weight: 600;
  }
  #mainContent .column .column__itemTtl:not(:only-child) {
    margin-bottom: calc(30px - 0.3em);
  }
  #mainContent .column .column__itemTtl span {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  #mainContent .column .column__itemTmb {
    min-width: 47.96%;
    width: 47.96%;
  }
}
@media screen and (max-width: 767px) {
  #mainContent .column {
    margin-top: 120px;
  }
  #mainContent .column .column__item {
    display: flex;
    flex-direction: column-reverse;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
  }
  #mainContent .column .column__item:not(:first-child) {
    margin-top: 60px;
  }
  #mainContent .column .column__itemLead {
    padding: 25px 4vw;
  }
  #mainContent .column .column__itemLead .m-link {
    margin-top: 15px;
  }
  #mainContent .column .column__itemTtl {
    font-size: 16px;
    font-weight: 600;
  }
  #mainContent .column .column__itemTtl:not(:only-child) {
    margin-bottom: calc(15px - 0.3em);
  }
  #mainContent .column .column__itemTtl span {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  #mainContent *[data-fade] {
    opacity: 0;
    transform: translateY(20px);
  }
  #mainContent *.js-fadeIn[data-fade] {
    -webkit-animation: slideIn 0.8s ease-out 0s 1 normal forwards;
    animation: slideIn 0.8s ease-out 0s 1 normal forwards;
  }
}
@media screen and (max-width: 767px) {
  #mainContent *[data-fade] {
    opacity: 0;
    transform: translateY(20px);
  }
  #mainContent *.js-fadeIn[data-fade] {
    -webkit-animation: slideIn 0.6s ease-out 0s 1 normal forwards;
    animation: slideIn 0.6s ease-out 0s 1 normal forwards;
  }
}
@media screen and (max-width: 767px) {
  .ua-mp-ios #lineup .lineupController.js-fixed {
    margin-top: 9vh;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slideIn {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
body {
  color: #000 !important;
}
.container a {
  color: #000;
}
.section__h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 20px;
}
.products_name {
  font-size: 20px;
  font-weight: 700;
  padding: 6px 0 8px;
}
.section__h2 {
  display: flex;
  font-size: 28px;
  font-weight: 900;
  align-items: center;
}
.products_txt {
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}
img.vector-icon {
  position: absolute;
  top: -8%;
  left: 50%;
  transform: translate(-50%);
  width: auto;
}
.ml_bb,
.border-bottom-350g,
.selected-option {
  border-bottom: 2px solid #3c3c43;
}
.ss {
  justify-content: space-between;
  align-items: center;
}
.Price {
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  padding: 0 2px;
}
.bg_F8F4EB {
  background-color: #f8f4eb;
  height: 88px;
}
.points_Text {
  background-color: #fff;
  height: 250px;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.points_Text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}
.points_center {
  display: grid;
  align-items: center;
  justify-content: center;
}
.more_btn a {
  font-size: 20px;
  font-weight: 900;
  color: #000;
}
.more_btn a:hover {
  opacity: 0.7;
}
.PConly {
  display: block;
}
.Mobonly {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .points_Text {
    margin-left: 42px;
    margin-right: 42px;
    position: static;
    margin-top: -55px;
    transform: translateZ(1px);
  }
  .bg_F8F4EB {
    height: 125px;
  }
  .section__h3 {
    font-size: 16px;
  }
  .PConly {
    display: none !important;
  }
  .Mobonly {
    display: block !important;
  }
  #main-section1 img {
    width: 100%;
  }
  .points_Text {
    height: 200px;
  }
  .top-title-flex {
    display: block;
  }
  .top-title-flex .top-title-item:first-child,
  .top-title-flex .top-title-item:last-child {
    width: 100%;
  }
  .top-title-flex .top-title-item:last-child ul {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    gap: 10px;
  }
  .se-menu.fixed .top-title-flex .top-title-item:last-child ul li a img {
    width: 152px;
  }
  .se-menu.fixed .top-title-flex .top-title-item:first-child h2 {
    display: none;
  }
  .top-title-flex .top-title-item:first-child h2 {
    font-size: 32px;
    margin-top: 12px;
  }
  .top-title-flex .top-title-item:first-child p {
    display: none !important;
  }
  .top-title-flex .top-title-item:last-child ul li a img {
    width: 152px;
  }
  .top-title-flex .top-title-item:last-child ul {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .top-title-flex .top-title-item:last-child ul li {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  .top-title-flex .top-title-item:last-child ul li a {
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
  }
  .products_name {
    font-size: 16px;
  }
}
#app {
  position: relative;
  display: flex;
  flex-direction: column;
}
#app.hidden {
  display: none;
}
main {
  background-color: #fff !important;
  padding: 0 !important;
}
main a {
  color: #3c3c43;
}
main img {
  display: block;
  width: 100%;
  height: auto;
}
main .lazy {
  opacity: 0;
  visibility: hidden;
}
main .lazy.loaded {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s;
}
main .button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
main .button-group .button {
  flex: 1;
  border-radius: 4px;
  font-weight: 700;
  text-align: center;
  transition: background-color 0.3s ease-out, border 0.3s ease-out;
}
main .button-group .button.outline {
  background-color: #fff;
  border: 1px solid #c4c4c6;
}
main .button-group .button.large {
  font-size: 1.125rem;
  padding: 20px 32px;
}
main .button-group .button.full {
  font-size: 1.125rem;
  padding: 20px 32px;
  color: #3c3c43;
}
@media (any-hover: hover) {
  main .button-group .button:hover {
    background-color: #f5f5f5;
  }
}
@media (any-hover: none) {
  main .button-group .button:active {
    background-color: #f5f5f5;
  }
}
main .anchor-group {
  display: flex;
  justify-content: center;
}
main .anchor-group .item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(50% - 0.5px, 300px);
  transition: background-position 0.3s;
  padding: 0 8px 30px;
  background-image: url(/assets/img/ico_arrow-down-12x7.svg);
  background-repeat: no-repeat;
  background-position: bottom 8px center;
  background-size: 12px auto;
  cursor: pointer;
}
main .anchor-group .item:not(:first-child):before {
  content: '';
  position: absolute;
  left: -1px;
  top: 0;
  display: block;
  height: 100%;
  width: 1px;
  background-color: #d8d8d9;
}
main .swiper-control {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 20px;
}
main .swiper-button-prev,
main .swiper-button-next {
  position: static;
  transform: none;
  margin: 0;
  width: auto;
  height: auto;
}
main .swiper-button-prev:after,
main .swiper-button-next:after {
  content: '';
  width: 16px;
  height: 16px;
}
main .swiper-button-prev:after {
  transform: scaleX(-1);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjM0MzQzQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNiAxMyA1LTUtNS01Ii8+PC9zdmc+);
}
main .swiper-button-next:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjM0MzQzQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNiAxMyA1LTUtNS01Ii8+PC9zdmc+);
}
main .swiper-pagination-fraction,
main .swiper-pagination-custom,
main .swiper-horizontal > .swiper-pagination-bullets,
main .swiper-pagination-bullets.swiper-pagination-horizontal {
  position: static;
  transform: none;
  width: auto;
}
main .swiper-pagination-bullet {
  position: relative;
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: transparent;
}
main .swiper-pagination-bullet:before,
main .swiper-pagination-bullet:after {
  content: '';
  position: absolute;
  display: block;
  border-radius: 50%;
}
main .swiper-pagination-bullet:before {
  background-color: #c4c4c6;
  height: 6px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
}
main .swiper-pagination-bullet:after {
  opacity: 0;
  transition: opacity 0.2s ease;
}
main .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: #3c3c43;
}
main .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  border: 1px solid #3c3c43;
  height: 10px;
  left: 50%;
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}
.anchorBar {
  display: flex;
  justify-content: center;
}
.anchorBar_item {
  position: relative;
  flex: 1;
  padding: 12px 0;
}
.anchorBar_item:not(:first-child):before {
  content: '';
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  display: block;
  width: 1px;
  height: calc(100% - 24px);
  background-color: #d8d8d9;
}
.anchorBar_link {
  position: relative;
  padding: 0 4px 18px;
  font-size: 0.875rem;
  text-align: center;
  cursor: pointer;
}
.anchorBar_link:after {
  content: '';
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjM0MzQzQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMyA2IDUgNSA1LTUiLz48L3N2Zz4=)
    no-repeat 50% / contain;
  bottom: 0;
  height: 16px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translate3d(-50%, 0, 0);
  width: 16px;
  transition: transform 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .anchorBar_link:hover:after {
    transform: translate3d(-50%, 3px, 0);
  }
}
@media (any-hover: none) {
  .anchorBar_link:active:after {
    transform: translate3d(-50%, 3px, 0);
  }
}
.more-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #1d1d1f;
  font-size: 1rem;
}
.more-link:after {
  content: '';
  display: block;
  height: 16px;
  width: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjM0MzQzQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtNi41IDEzIDUtNS01LTUiLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: transform 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .more-link:hover {
    opacity: 0.8;
  }
  .more-link:hover:after {
    transform: translate(3px);
  }
}
@media (any-hover: none) {
  .more-link:active {
    opacity: 0.8;
  }
  .more-link:active:after {
    transform: translate(3px);
  }
}
.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1000px) {
  main .button-group .button.large {
    max-width: 370px;
  }
  main .button-group .button.full {
    max-width: 602px;
  }
  main .anchor-group .item {
    padding-bottom: 32px;
    background-image: url(/assets/img/ico_arrow-down-17.svg);
    background-position: bottom 0 center;
    background-size: 17px auto;
  }
}
@media only screen and (min-width: 1000px) and (any-hover: hover) {
  main .anchor-group .item:hover {
    background-position: bottom -3px center;
  }
}
@media only screen and (min-width: 1000px) and (any-hover: none) {
  main .anchor-group .item:active {
    background-position: bottom -3px center;
  }
}
@media only screen and (min-width: 1000px) {
  br.desktop-only {
    display: block;
  }
  br.mobile-only {
    display: none;
  }
}
@media only screen and (max-width: 999px) {
  main .button-group .button.large {
    max-width: 240px;
    font-size: 16px;
    padding: 16px 24px;
  }
  main .button-group .button.full {
    padding: 20px 32px;
  }
  .anchorBar_link {
    padding-left: 10px;
    padding-right: 10px;
  }
  br.desktop-only {
    display: none;
  }
  br.mobile-only {
    display: block;
  }
}
:root {
  --space-4xs: 4px;
  --space-3xs: 8px;
  --space-2xs: 12px;
  --space-xs: 16px;
  --space-s: 20px;
  --space-m: 24px;
  --space-l: 32px;
  --space-xl: 40px;
  --space-2xl: 48px;
  --space-3xl: 64px;
  --space-4xl: 96px;
}
.u-lh-200 {
  line-height: 2;
}
.u-lh-180 {
  line-height: 1.8;
}
.u-lh-150 {
  line-height: 1.5;
}
.u-fw-900 {
  font-weight: 900;
}
.u-fw-700 {
  font-weight: 700;
}
.u-fw-500 {
  font-weight: 500;
}
.u-text-center {
  text-align: center;
}
.u-pt-4xs {
  padding-top: var(--space-4xs);
}
.u-pb-4xs {
  padding-bottom: var(--space-4xs);
}
.u-mt-4xs {
  margin-top: var(--space-4xs);
}
.u-mb-4xs {
  margin-bottom: var(--space-4xs);
}
.u-pt-3xs {
  padding-top: var(--space-3xs);
}
.u-pb-3xs {
  padding-bottom: var(--space-3xs);
}
.u-mt-3xs {
  margin-top: var(--space-3xs);
}
.u-mb-3xs {
  margin-bottom: var(--space-3xs);
}
.u-pt-2xs {
  padding-top: var(--space-2xs);
}
.u-pb-2xs {
  padding-bottom: var(--space-2xs);
}
.u-mt-2xs {
  margin-top: var(--space-2xs);
}
.u-mb-2xs {
  margin-bottom: var(--space-2xs);
}
.u-pt-xs {
  padding-top: var(--space-xs);
}
.u-pb-xs {
  padding-bottom: var(--space-xs);
}
.u-mt-xs {
  margin-top: var(--space-xs);
}
.u-mb-xs {
  margin-bottom: var(--space-xs);
}
.u-pt-s {
  padding-top: var(--space-s);
}
.u-pb-s {
  padding-bottom: var(--space-s);
}
.u-mt-s {
  margin-top: var(--space-s);
}
.u-mb-s {
  margin-bottom: var(--space-s);
}
.u-pt-m {
  padding-top: var(--space-m);
}
.u-pb-m {
  padding-bottom: var(--space-m);
}
.u-mt-m {
  margin-top: var(--space-m);
}
.u-mb-m {
  margin-bottom: var(--space-m);
}
.u-pt-l {
  padding-top: var(--space-l);
}
.u-pb-l {
  padding-bottom: var(--space-l);
}
.u-mt-l {
  margin-top: var(--space-l);
}
.u-mb-l {
  margin-bottom: var(--space-l);
}
.u-pt-xl {
  padding-top: var(--space-xl);
}
.u-pb-xl {
  padding-bottom: var(--space-xl);
}
.u-mt-xl {
  margin-top: var(--space-xl);
}
.u-mb-xl {
  margin-bottom: var(--space-xl);
}
.u-pt-2xl {
  padding-top: var(--space-2xl);
}
.u-pb-2xl {
  padding-bottom: var(--space-2xl);
}
.u-mt-2xl {
  margin-top: var(--space-2xl);
}
.u-mb-2xl {
  margin-bottom: var(--space-2xl);
}
.u-pt-3xl {
  padding-top: var(--space-3xl);
}
.u-pb-3xl {
  padding-bottom: var(--space-3xl);
}
.u-mt-3xl {
  margin-top: var(--space-3xl);
}
.u-mb-3xl {
  margin-bottom: var(--space-3xl);
}
.u-pt-4xl {
  padding-top: var(--space-4xl);
}
.u-pb-4xl {
  padding-bottom: var(--space-4xl);
}
.u-mt-4xl {
  margin-top: var(--space-4xl);
}
.u-mb-4xl {
  margin-bottom: var(--space-4xl);
}
@media only screen and (min-width: 1000px) {
  .u-container {
    width: min(100%, 1352px);
    margin: 0 auto;
    padding: 0 64px;
  }
}
@media only screen and (max-width: 999px) {
  .u-container {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 599px) {
  .u-container {
    padding: 0 15px;
  }
}
:root {
  --c-bg: #f4f3ee;
  --c-card: #fff;
  --c-text: #222;
  --c-text-muted: #333;
  --c-border: #e6e3d4;
  --c-cta: #e6e3d4;
  --c-cta-hover: #dad5c6;
  --c-focus: #9aa3af;
  --r-lg: 20px;
  --r-md: 14px;
  --r-full: 999px;
  --shadow-1: 0 1px 0 rgba(0, 0, 0, 0.04);
  --shadow-2: 0 4px 16px rgba(0, 0, 0, 0.06);
  --sp-4: 4px;
  --sp-8: 8px;
  --sp-12: 12px;
  --sp-14: 14px;
  --sp-16: 16px;
  --sp-20: 20px;
  --sp-24: 24px;
  --sp-30: 30px;
  --sp-36: 36px;
  --sp-40: 40px;
  --dur-fast: 0.25s;
  --dur-med: 0.2s;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --bubble-delay: 0.6s;
  --bubble-dur: 0.6s;
  --content-gap: 0.2s;
}
.h-4 {
  height: 4rem;
}
.sf-main {
  background-color: var(--c-bg);
  padding: 4rem 0;
}
.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sp-30);
  padding: var(--sp-20);
}
.soup-card {
  display: flex;
  flex-direction: column;
  background: var(--c-card);
  border-radius: var(--r-lg);
  overflow: hidden;
  height: 100%;
}
.soup-card .swiper-control {
  margin-top: auto;
}
.soup-card h3 {
  font-size: 20px;
  margin: var(--sp-30) 0 0;
  text-align: center;
}
.image-wrapper {
  position: relative;
  padding: var(--sp-20);
  --pad: var(--sp-20);
}
.image-wrapper:before {
  content: '';
  position: absolute;
  inset: 50% auto auto 50%;
  aspect-ratio: 1/1;
  width: 77%;
  border-radius: 50%;
  background: #ffffff40;
  backdrop-filter: blur(0) saturate(120%);
  -webkit-backdrop-filter: blur(0) saturate(120%);
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.9);
  transition: opacity var(--dur-med) ease, transform var(--dur-med) ease;
  z-index: 2;
  pointer-events: none;
}
.image-wrapper:hover:before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.hotpot-img {
  width: 100%;
  display: block;
  animation: fadeIn 0.8s ease-in-out forwards;
  z-index: 1;
}
.bubble {
  position: absolute;
  top: -44px;
  right: 0;
  z-index: 3;
  aspect-ratio: 95/90;
  width: 95px;
  background: url(../../assets/img/bubble.svg) no-repeat center/contain;
  color: #000;
  font-size: 13px;
  opacity: 0;
  transform: scale(0.5);
}
.bubble-inner {
  position: absolute;
  top: 22px;
  left: 19px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bubble .flag,
.bubble p {
  opacity: 0;
}
.bubble .flag {
  width: 24px;
}
.bubble p {
  line-height: 1.8;
  white-space: nowrap;
}
.soup-img {
  position: absolute;
  right: 18px;
  bottom: 0;
  z-index: 4;
  aspect-ratio: 1/1;
  width: 40.625%;
  transform: translate3d(14.505%, 17.231%, 0);
  opacity: 0;
  pointer-events: none;
  animation: fadeInBlur 0.9s var(--ease) forwards;
  animation-delay: calc(
    var(--bubble-delay) + var(--bubble-dur) + var(--content-gap)
  );
}
.content {
  padding: var(--sp-20);
}
.content .bg-color {
  background: var(--c-bg);
  border-radius: 5px;
}
.content p {
  position: relative;
  padding: var(--sp-16);
  border-radius: 5px;
  font-size: 16px;
  background: var(--c-bg);
}
.content p:after {
  content: '';
  position: absolute;
  top: -20px;
  right: 40px;
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
  border-bottom: 20px solid var(--c-bg);
}
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 14px;
  margin: 12px 0 24px;
  padding: 0;
}
.tags li {
  list-style: none;
  padding: 8px 14px;
  font-size: 14px;
  color: #000;
  background: var(--c-card);
  border: 1.5px solid var(--c-border);
  border-radius: var(--r-full);
  box-shadow: var(--shadow-1) inset;
  line-height: 1;
  white-space: nowrap;
  font-weight: 700;
}
.cta-btn {
  --cta-bg: var(--c-cta);
  --cta-bg-hover: var(--c-cta-hover);
  --cta-text: var(--c-text);
  display: block;
  text-align: center;
  padding: 15px 50px;
  border-radius: 5px;
  background: var(--cta-bg);
  color: var(--cta-text);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  box-shadow: var(--shadow-1);
  transition: background var(--dur-fast) ease, transform 0.08s ease,
    box-shadow var(--dur-fast) ease;
}
.cta-btn:hover {
  background: var(--cta-bg-hover);
  box-shadow: var(--shadow-2);
}
.sf-slider .swiper-button-prev {
  left: 0;
  transform: scaleX(1);
}
.sf-slider .sf-slider_controllerBox {
  margin-bottom: var(--sp-30);
}
.card-flex {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--sp-36);
}
.card-flex .card-column {
  width: calc(50% - 20px);
  background: var(--c-card);
}
.card-flex .content p:after {
  display: none;
}
.card-flex .image-wrapper {
  padding: 40px 30px;
}
.card-flex .card h3 {
  margin: 0 0 12px;
  text-align: left;
}
.card-flex .tags {
  margin: 0;
  padding: 0 16px 16px;
}
.card-flex .tags li {
  padding: 3px 10px;
  font-size: 16px;
  line-height: 1.8;
  background: var(--c-card);
  border: none;
  border-radius: 0;
}
.content .price-content p {
  background: var(--c-card);
  margin: 12px 0 24px;
  padding: 0;
  font-size: 14px;
}
.content .price-content .priceNum {
  font-size: 20px;
  letter-spacing: 0.02em;
  padding: 0 3px;
}
.vote-section {
  display: flex;
  flex-direction: column;
  text-align: center;
  height: 100%;
}
.vote-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 27px;
  margin-bottom: var(--sp-12);
}
.vote-title span {
  flex: 1;
  height: 1px;
  background: #000;
}
.vote-title h4 {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin: 0;
  white-space: nowrap;
}
.vote-comment {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  border-radius: 10px;
  padding: 20px;
  max-width: 480px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
}
.vote-avatar {
  aspect-ratio: 1/1;
  width: 40px;
  margin-right: 20px;
  flex-shrink: 0;
}
.vote-avatar img {
  width: 100%;
  height: auto;
  display: block;
}
.vote-text {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bubbleIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInText {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInBlur {
  0% {
    opacity: 0;
    filter: blur(6px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}
@media (max-width: 1024px) {
  .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 750px) {
  .cards {
    grid-template-columns: 1fr;
    padding: 0;
  }
  .card-flex {
    display: block;
  }
  .card-flex .card-column {
    width: 100%;
    margin-bottom: var(--sp-30);
  }
  .card-flex .bubble {
    top: 20px;
    right: 30px;
  }
}
.special-report {
  margin-top: 64px;
}
.special-report .header h4 {
  font-size: 1.125rem;
}
.special-report .button-group {
  margin-top: 40px;
}
.special-report .button-group .button {
  background-color: #f4eede;
  border: 1px solid #f4eede;
}
@media (any-hover: hover) {
  .special-report .button-group .button:hover {
    background-color: #e0ceaa;
    border: 1px solid #e0ceaa;
  }
}
@media (any-hover: none) {
  .special-report .button-group .button:active {
    background-color: #e0ceaa;
    border: 1px solid #e0ceaa;
  }
}
.report-list {
  margin-top: 20px;
}
.report-list .row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 19px;
}
.report-list .grid {
  width: calc((100% - 19px) / 2);
}
.report-list .item .img-box {
  aspect-ratio: 640/400;
  border: 1px solid #d8d8d9;
}
.report-list .item .text-box {
  font-size: 0.75rem;
  margin-top: 4px;
}
.report-list + .button-group .button.large {
  max-width: 100%;
}
@media only screen and (min-width: 1000px) {
  .special-report {
    margin-top: 96px;
  }
  .report-list .row {
    gap: 24px 20px;
  }
  .report-list .grid {
    width: calc((100% - 40px) / 3);
  }
  .report-list .item .text-box {
    font-size: 0.875rem;
  }
  .report-list + .button-group .button.large {
    max-width: calc((100% - 20px) / 2);
  }
}
@keyframes marquee {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-33.333%);
  }
}
@keyframes smallSmall {
  0% {
    transform: translate(0) scale(0.8);
    opacity: 0;
  }
  70% {
    transform: translate(15px, -15px) scale(1);
    opacity: 0.8;
  }
  to {
    transform: translate(15px, -15px) scale(1);
    opacity: 0;
  }
}
@keyframes bigFog {
  0% {
    transform: translate(0) scale(0.8);
    opacity: 0;
  }
  38% {
    transform: translate(0) scale(0.8);
    opacity: 0;
  }
  80% {
    transform: translate(15px, -15px) scale(1);
    opacity: 0.8;
  }
  to {
    transform: translate(15px, -15px) scale(1);
    opacity: 0;
  }
}
.hero .img-box {
  aspect-ratio: 393/840;
}
.hero .content {
  padding: 0;
}
.leading__note {
  color: #3c3c43;
  font-size: 0.8125rem;
  margin-top: 12px;
}
.leading .gallery {
  position: relative;
}
.leading .gallery__icon {
  position: absolute;
  top: -16px;
  right: 4.1667vw;
  transform: translateY(-100%);
  display: flex;
  align-items: flex-end;
}
.leading .gallery__icon span {
  display: block;
}
.leading .gallery__icon span:nth-child(1) {
  aspect-ratio: 34/32;
  width: 34px;
}
.leading .gallery__icon span:nth-child(1):after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../assets/img/fog-small.svg) no-repeat center/contain;
  opacity: 0;
  animation: smallSmall 4s ease-in-out infinite;
}
.leading .gallery__icon span:nth-child(2) {
  aspect-ratio: 77/66;
  width: 77px;
  margin: 0 0 21px 5px;
}
.leading .gallery__icon span:nth-child(2):after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(../../assets/img/fog-big.svg) no-repeat center/contain;
  opacity: 0;
  animation: bigFog 4s ease-in-out infinite;
}
.leading .gallery__container {
  overflow: hidden;
  white-space: nowrap;
}
.leading .gallery__wrapper,
.leading .gallery__item {
  display: inline-block;
}
.leading .gallery__item .img-box {
  aspect-ratio: 250/350;
}
.rank {
  min-height: 800px;
  background-color: #f4f3ee;
}
.rank__heading img {
  margin: 0 auto;
}
.rank__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
.rank__item {
  display: flex;
  flex-direction: column;
}
.rank__item:nth-child(1) .rank__icon {
  background: url(../../assets/img/rank/rank1.svg) no-repeat center/contain;
}
.rank__item:nth-child(2) .rank__icon {
  background: url(../../assets/img/rank/rank2.svg) no-repeat center/contain;
}
.rank__item:nth-child(3) .rank__icon {
  background: url(../../assets/img/rank/rank3.svg) no-repeat center/contain;
}
.rank__item:nth-child(4) .rank__icon {
  background: url(../../assets/img/rank/rank4.svg) no-repeat center/contain;
}
.rank__item:nth-child(5) .rank__icon {
  background: url(../../assets/img/rank/rank5.svg) no-repeat center/contain;
}
.rank__item:nth-child(6) .rank__icon {
  background: url(../../assets/img/rank/rank6.svg) no-repeat center/contain;
}
.rank__item:nth-child(7) .rank__icon {
  background: url(../../assets/img/rank/rank7.svg) no-repeat center/contain;
}
.rank__item:nth-child(8) .rank__icon {
  background: url(../../assets/img/rank/rank8.svg) no-repeat center/contain;
}
.rank__item:nth-child(9) .rank__icon {
  background: url(../../assets/img/rank/rank9.svg) no-repeat center/contain;
}
.rank__item:nth-child(10) .rank__icon {
  background: url(../../assets/img/rank/rank10.svg) no-repeat center/contain;
}
.rank__item:nth-child(11) .rank__icon {
  background: url(../../assets/img/rank/rank11.svg) no-repeat center/contain;
}
.rank__item:nth-child(12) .rank__icon {
  background: url(../../assets/img/rank/rank12.svg) no-repeat center/contain;
}
.rank__item:nth-child(13) .rank__icon {
  background: url(../../assets/img/rank/rank13.svg) no-repeat center/contain;
}
.rank__item:nth-child(14) .rank__icon {
  background: url(../../assets/img/rank/rank14.svg) no-repeat center/contain;
}
.rank__item .soup-card {
  overflow: visible;
}
.rank__item .soup-card .card-bottom {
  flex: 1;
}
.rank__item .soup-card .image-wrapper {
  display: block;
  padding: 0;
}
.rank__item .soup-card .image-wrapper > a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  aspect-ratio: 1/1;
  width: 78%;
  border-radius: 50%;
  z-index: 1;
}
.rank__item .soup-card .vote-comment-swiper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.rank__item .soup-card .vote-comment-swiper .swiper-wrapper {
  margin-bottom: 20px;
}
.rank__item .soup-card.st-entered .bubble {
  animation: bubbleIn var(--bubble-dur) ease forwards;
  animation-delay: var(--bubble-delay);
}
.rank__item .soup-card.st-entered .bubble .flag,
.rank__item .soup-card.st-entered .bubble p {
  animation: fadeInText 0.9s var(--ease) forwards;
  animation-delay: calc(var(--bubble-delay) + var(--bubble-dur) + 0.1s);
}
.rank__icon {
  margin-left: auto;
  margin-right: auto;
}
.proposal__items {
  display: flex;
  flex-wrap: wrap;
  gap: 64px 20px;
}
.proposal__item {
  width: 100%;
}
.proposal__itemTitle {
  font-size: 1.25rem;
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: 0.08em;
  text-align: center;
  margin-bottom: 24px;
}
.proposal__itemReels {
  text-align: center;
}
.proposal__itemReels iframe {
  display: inline-block !important;
  width: 100% !important;
  min-width: fit-content !important;
  margin: 0 !important;
}
@media only screen and (min-width: 1000px) {
  .hero .img-box {
    aspect-ratio: 1440/700;
  }
  .leading {
    padding: 84px 0 134px;
  }
  .leading__title {
    font-size: 2.25rem;
  }
  .leading__desc {
    margin-top: 16px;
  }
  .leading__gallery {
    margin-top: 85px;
  }
  .leading__gallery .swiper-slide {
    width: 250px;
  }
  .leading .gallery__wrapper {
    animation: marquee 40s linear infinite;
  }
  .leading .gallery__item {
    width: 250px;
  }
  .leading .gallery__item:not(:first-child) {
    margin-left: 20px;
  }
  .rank {
    padding: 110px 0;
  }
  .rank__heading {
    margin-bottom: 32px;
  }
  .rank__heading img {
    width: 450px;
  }
  .rank__list {
    gap: 64px 36px;
  }
  .rank__item:first-child {
    width: 100%;
  }
  .rank__item:first-child .rank__icon {
    width: 90px;
    height: 90px;
    margin: 30px auto 20px;
  }
  .rank__item:first-child .soup-card {
    padding: 48px 77px;
  }
  .rank__item:first-child .soup-card h3 {
    text-align: left;
    margin: 0 0 16px;
  }
  .rank__item:first-child .soup-card .card-top {
    display: flex;
    align-items: center;
    gap: 0 64px;
    padding: 24px 0;
  }
  .rank__item:first-child .soup-card .card-bottom {
    padding: 24px 0;
  }
  .rank__item:first-child .soup-card .image-wrapper {
    width: min(100%, 400px);
  }
  .rank__item:first-child .soup-card .content {
    padding: 0;
    flex: 1;
  }
  .rank__item:first-child .soup-card .content .price-content p {
    margin: 14px 0 16px;
  }
  .rank__item:first-child .soup-card .bubble {
    top: -37px;
    right: -22px;
    width: 120px;
  }
  .rank__item:first-child .soup-card .bubble .bubble-inner {
    top: 30px;
    left: 24px;
  }
  .rank__item:first-child .soup-card .bubble .flag {
    width: 30px;
  }
  .rank__item:first-child .soup-card .bubble p {
    font-size: 1rem;
  }
  .rank__item:first-child .soup-card .cta-btn {
    display: inline-block;
    padding: 12px 50px;
  }
  .rank__item:first-child .soup-card .vote-title {
    margin-bottom: 32px;
  }
  .rank__item:first-child .soup-card .vote-comment-swiper .swiper-wrapper {
    gap: 0 28px;
  }
  .rank__item:first-child .soup-card .vote-comment-swiper .swiper-slide {
    width: calc((100% - 56px) / 3);
    height: auto;
  }
  .rank__item:first-child .soup-card .vote-comment-swiper .swiper-control {
    display: none;
  }
  .rank__item:nth-child(-n + 3) .soup-card h3 {
    font-size: 1.5rem;
  }
  .rank__item.x2 {
    width: calc((100% - 36px) / 2);
  }
  .rank__item.x2 .rank__icon {
    width: 70px;
    height: 70px;
    margin-bottom: 8px;
  }
  .rank__item.x2 .soup-card {
    padding: 70px 30px 30px;
  }
  .rank__item.x2 .soup-card h3 {
    text-align: left;
    margin: 0 0 12px;
  }
  .rank__item.x2 .soup-card .card-bottom {
    margin-top: 24px;
  }
  .rank__item.x2 .soup-card .image-wrapper {
    width: min(100%, 360px);
    margin: 0 auto;
  }
  .rank__item.x2 .soup-card .content {
    padding: 0;
    margin-top: 40px;
  }
  .rank__item.x2 .soup-card .bubble {
    top: -50px;
    right: 0;
    width: 107px;
  }
  .rank__item.x2 .soup-card .bubble .bubble-inner {
    top: 28px;
    left: 24px;
  }
  .rank__item.x2 .soup-card .bubble .flag {
    width: 27px;
  }
  .rank__item.x3 {
    width: calc((100% - 72px) / 3);
  }
  .rank__item.x3 .rank__icon {
    width: 64px;
    height: 64px;
    margin-bottom: 8px;
  }
  .rank__item.x3 .soup-card {
    padding: 62px 16px 22px;
  }
  .rank__item.x3 .soup-card h3 {
    text-align: left;
    margin: 0 0 10px;
  }
  .rank__item.x3 .soup-card .card-bottom {
    margin-top: 24px;
  }
  .rank__item.x3 .soup-card .image-wrapper {
    width: min(100%, 360px);
    margin: 0 auto;
  }
  .rank__item.x3 .soup-card .content {
    padding: 0;
    margin-top: 36px;
  }
  .rank__item.x3 .soup-card .vote-title {
    gap: 0 23px;
  }
  .proposal {
    padding: 100px 0 35px;
  }
  .proposal__items {
    margin-top: 96px;
  }
  .proposal__item {
    width: calc((100% - 40px) / 3);
  }
}
@media only screen and (max-width: 999px) {
  .leading {
    padding: 43px 0;
  }
  .leading__title {
    font-size: 2rem;
    line-height: 1.5;
  }
  .leading__desc {
    margin-top: 20px;
  }
  .leading__gallery {
    margin-top: 43px;
  }
  .leading__gallery .gallery__wrapper {
    animation: marquee 40s linear infinite;
  }
  .leading__gallery .gallery__item {
    width: 180px;
  }
  .leading__gallery .gallery__item:not(:first-child) {
    margin-left: 20px;
  }
  .rank {
    padding: var(--space-4xl) 0;
  }
  .rank__heading {
    margin-bottom: 32px;
  }
  .rank__heading img {
    width: min(82vw, 360px);
  }
  .rank__list {
    width: min(100%, 500px);
    margin: 0 auto;
    gap: 48px 0;
  }
  .rank__item {
    width: 100%;
  }
  .rank__item .soup-card {
    padding: 24px 16px;
  }
  .rank__item .soup-card h3 {
    text-align: left;
    margin: 0 0 15px;
  }
  .rank__item .soup-card .card-bottom {
    margin-top: 20px;
  }
  .rank__item .soup-card .image-wrapper {
    width: min(100%, 360px);
    margin: 0 auto;
  }
  .rank__item .soup-card .content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0;
    margin-top: 24px;
  }
  .rank__item .soup-card .content .bg-color {
    margin-bottom: 15px;
  }
  .rank__item .soup-card .content .price-content {
    align-self: center;
  }
  .rank__item .soup-card .content .price-content p {
    margin: 0;
  }
  .rank__item .soup-card .bubble {
    top: -50px;
    right: 0;
    width: 107px;
  }
  .rank__item .soup-card .bubble .bubble-inner {
    top: 28px;
    left: 24px;
  }
  .rank__item .soup-card .bubble .flag {
    width: 27px;
  }
  .rank__item .soup-card .cta-btn {
    padding: 10px 30px;
    margin: auto 0 auto auto;
  }
  .rank__icon {
    width: 70px;
    height: 70px;
    margin-bottom: 8px;
  }
  .proposal {
    padding: 70px 0 0;
  }
  .proposal__items {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 599px) {
  .leading .gallery__icon {
    top: 20px;
  }
  .rank__item .soup-card .image-wrapper {
    width: min(100%, 270px);
    margin: 0 auto;
  }
  .rank__item .soup-card .content .bg-color p {
    font-size: 0.9375rem;
    padding: 12px 16px 10px;
  }
  .rank__item .soup-card .tags {
    padding: 0 16px 12px;
  }
  .rank__item .soup-card .bubble {
    top: -50px;
    right: -10px;
    width: 95px;
  }
  .rank__item .soup-card .bubble .bubble-inner {
    top: 22px;
    left: 19px;
  }
  .rank__item .soup-card .bubble .flag {
    width: 24px;
  }
  .rank__item .soup-card .vote-title {
    gap: 0 23px;
  }
  .rank__item .soup-card .vote-title h4 {
    font-size: 0.9375rem;
  }
}
.modal__container {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  opacity: 0;
  z-index: 99999;
}
.modal__container.--type-normal {
  background-color: #000000b3;
}
.modal__container.--type-normal .modal__content {
  width: min(100%, 800px);
  min-height: 600px;
}
.modal__container.--type-alert .modal__content {
  width: min(100%, 400px);
  background-color: #fff;
  box-shadow: 2px 2px 20px #0000004d;
}
.modal__scroller {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.modal__wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 30px 0;
}
.modal__content {
  position: relative;
  background-color: #fff;
  margin: auto;
}
.modal__close-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  cursor: pointer;
}
.modal__close-btn:before,
.modal__close-btn:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-color: #8f9cb5;
}
.modal__close-btn:before {
  width: 14px;
  height: 3px;
}
.modal__close-btn:after {
  width: 3px;
  height: 14px;
}
.modal__close-btn:hover:before,
.modal__close-btn:hover:after {
  background-color: #bdc9df;
}
.modal__container .alert__body {
  padding: 48px 16px;
  text-align: center;
}
.modal__container .alert__buttons {
  display: flex;
}
.modal__container .alert__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px;
  min-height: 60px;
  background-color: #eee;
  flex: 1;
  cursor: pointer;
}
.modal__container .alert__button.--cancel {
  color: #fff;
  background-color: #fc7169;
}
.modal__container .alert__button.--confirm {
  color: #fff;
  background-color: #3dca89;
}
.modal__container .modal__content {
  opacity: 0;
  transition-property: opacity, transform;
}
.modal__container.enter {
  opacity: 1;
  transition: opacity 0.3s;
}
.modal__container[class*='effect-fade'].enter .modal__content {
  opacity: 1;
  transform: translateZ(0);
  transition-duration: 0.6s;
}
.modal__container[class*='effect-fade'].enter.leaving {
  opacity: 0;
  transition: opacity 0.3s;
}
.modal__container[class*='effect-fade'].enter.leaving .modal__content {
  opacity: 0;
  transform: translateZ(0);
}
.modal__container[class~='effect-fade-up'] .modal__content {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translate3d(0, 50px, 0);
}
.modal__container[class~='effect-fade-up'].enter.leaving .modal__content {
  transform: translate3d(0, 50px, 0);
}
.modal__container[class~='effect-fade-down'] .modal__content {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translate3d(0, -50px, 0);
}
.modal__container[class~='effect-fade-down'].enter.leaving .modal__content {
  transform: translate3d(0, -50px, 0);
}
.modal__container[class~='effect-fade-left'] .modal__content {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translate3d(50px, 0, 0);
}
.modal__container[class~='effect-fade-left'].enter.leaving .modal__content {
  transform: translate3d(50px, 0, 0);
}
.modal__container[class~='effect-fade-right'] .modal__content {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translate3d(-50px, 0, 0);
}
.modal__container[class~='effect-fade-right'].enter.leaving .modal__content {
  transform: translate3d(-50px, 0, 0);
}
.modal__container[class~='effect-zoom-in'] .modal__content {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scale(0.9);
}
.modal__container[class~='effect-zoom-in'].enter .modal__content {
  opacity: 1;
  transform: translateZ(0);
  transition-duration: 0.3s;
}
.modal__container[class~='effect-zoom-in'].enter.leaving {
  opacity: 0;
  transition: opacity 0.3s;
}
.modal__container[class~='effect-zoom-in'].enter.leaving .modal__content {
  transform: scale(0.9);
}
.modal__container[class~='effect-zoom-out'] .modal__content {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: scale(1.1);
}
.modal__container[class~='effect-zoom-out'].enter .modal__content {
  opacity: 1;
  transform: translateZ(0);
  transition-duration: 0.3s;
}
.modal__container[class~='effect-zoom-out'].enter.leaving {
  opacity: 0;
  transition: opacity 0.3s;
}
.modal__container[class~='effect-zoom-out'].enter.leaving .modal__content {
  transform: scale(1.1);
}
.tab__container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.tab__content {
  height: 100%;
}
.tab__panel {
  display: none;
}
.tab__panel.active {
  display: block;
}
.nav-tabs,
.k-st-wrapper {
  position: relative;
}
.k-st-wrapper .scroll-marker-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.k-st-wrapper .scroll-marker-wrapper .marker-item.viewpoint {
  position: absolute;
}
.k-st-wrapper .element-marker-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.marker-item {
  top: var(--start);
  right: var(--scrollbarWidth, 0);
  font-size: 20px;
  padding: 4px 8px;
  color: green;
  border-bottom: 1px solid green;
  transform: translateY(calc(-100% + 1px));
  z-index: 1000;
}
.marker-item:before {
  display: block;
}
.marker-item.viewpoint {
  position: fixed;
}
.marker-item.viewpoint:before {
  content: 'scroller-start';
}
.marker-item.observe-element {
  position: absolute;
}
.marker-item.observe-element:before {
  content: 'start';
}
.marker-item.hidden {
  display: none;
}
[k-st-effect] {
  transition-timing-function: ease-in-out;
  transition-duration: 0.6s;
}
[k-st-effect] [k-st-duration='100'] {
  transition-duration: 0.1s;
}
[k-st-effect] [k-st-duration='200'] {
  transition-duration: 0.2s;
}
[k-st-effect] [k-st-duration='300'] {
  transition-duration: 0.3s;
}
[k-st-effect] [k-st-duration='400'] {
  transition-duration: 0.4s;
}
[k-st-effect] [k-st-duration='500'] {
  transition-duration: 0.5s;
}
[k-st-effect] [k-st-duration='600'] {
  transition-duration: 0.6s;
}
[k-st-effect] [k-st-duration='700'] {
  transition-duration: 0.7s;
}
[k-st-effect] [k-st-duration='800'] {
  transition-duration: 0.8s;
}
[k-st-effect] [k-st-duration='900'] {
  transition-duration: 0.9s;
}
[k-st-effect] [k-st-duration='1000'] {
  transition-duration: 1s;
}
[k-st-effect] [k-st-duration='1100'] {
  transition-duration: 1.1s;
}
[k-st-effect] [k-st-duration='1200'] {
  transition-duration: 1.2s;
}
[k-st-effect] [k-st-duration='1300'] {
  transition-duration: 1.3s;
}
[k-st-effect] [k-st-duration='1400'] {
  transition-duration: 1.4s;
}
[k-st-effect] [k-st-duration='1500'] {
  transition-duration: 1.5s;
}
[k-st-effect] [k-st-duration='1600'] {
  transition-duration: 1.6s;
}
[k-st-effect] [k-st-duration='1700'] {
  transition-duration: 1.7s;
}
[k-st-effect] [k-st-duration='1800'] {
  transition-duration: 1.8s;
}
[k-st-effect] [k-st-duration='1900'] {
  transition-duration: 1.9s;
}
[k-st-effect] [k-st-duration='2000'] {
  transition-duration: 2s;
}
[k-st-effect] [k-st-duration='2100'] {
  transition-duration: 2.1s;
}
[k-st-effect] [k-st-duration='2200'] {
  transition-duration: 2.2s;
}
[k-st-effect] [k-st-duration='2300'] {
  transition-duration: 2.3s;
}
[k-st-effect] [k-st-duration='2400'] {
  transition-duration: 2.4s;
}
[k-st-effect] [k-st-duration='2500'] {
  transition-duration: 2.5s;
}
[k-st-effect] [k-st-duration='2600'] {
  transition-duration: 2.6s;
}
[k-st-effect] [k-st-duration='2700'] {
  transition-duration: 2.7s;
}
[k-st-effect] [k-st-duration='2800'] {
  transition-duration: 2.8s;
}
[k-st-effect] [k-st-duration='2900'] {
  transition-duration: 2.9s;
}
[k-st-effect] [k-st-duration='3000'] {
  transition-duration: 3s;
}
[k-st-effect^='fade'] {
  opacity: 0;
  transition-property: opacity, transform;
}
[k-st-effect^='fade'].st-entered {
  opacity: 1;
  transform: translateZ(0);
}
[k-st-effect='fade-up'] {
  transform: translate3d(0, min(80%, 60px), 0);
}
[k-st-effect='fade-down'] {
  transform: translate3d(0, -min(80%, 60px), 0);
}
[k-st-effect='fade-left'] {
  transform: translate3d(min(80%, 60px), 0, 0);
}
[k-st-effect='fade-right'] {
  transform: translate3d(min(-80%, -60px), 0, 0);
}
[k-st-effect='fade-up-left'] {
  transform: translate3d(min(80%, 60px), min(80%, 60px), 0);
}
[k-st-effect='fade-up-right'] {
  transform: translate3d(min(-80%, -60px), min(80%, 60px), 0);
}
[k-st-effect='fade-down-left'] {
  transform: translate3d(min(80%, 60px), min(-80%, -60px), 0);
}
[k-st-effect='fade-down-right'] {
  transform: translate3d(min(-80%, -60px), min(-80%, -60px), 0);
}
[k-st-effect^='flip'] {
  backface-visibility: hidden;
  transition-property: transform;
}
[k-st-effect='flip-up'] {
  transform: perspective(2500px) rotateX(-100deg);
}
[k-st-effect='flip-up'].st-entered {
  transform: perspective(2500px) rotateX(0);
}
[k-st-effect='flip-down'] {
  transform: perspective(2500px) rotateX(100deg);
}
[k-st-effect='flip-down'].st-entered {
  transform: perspective(2500px) rotateX(0);
}
[k-st-effect='flip-left'] {
  transform: perspective(2500px) rotateY(-100deg);
}
[k-st-effect='flip-left'].st-entered {
  transform: perspective(2500px) rotateY(0);
}
[k-st-effect='flip-right'] {
  transform: perspective(2500px) rotateY(100deg);
}
[k-st-effect='flip-right'].st-entered {
  transform: perspective(2500px) rotateY(0);
}
.accordion__item {
  border-top: 1px solid #ddd;
}
.accordion__item.active > .accordion__heading .icon {
  transform: rotateX(180deg);
}
.accordion__item.active > .accordion__content {
  height: var(--height);
}
.accordion__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  background-color: #eee;
  cursor: pointer;
}
.accordion__heading .title {
  font-size: 20px;
}
.accordion__heading .icon {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #000 transparent transparent transparent;
  margin-left: 10px;
  transition: transform 0.5s;
}
.accordion__content {
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
}
.accordion__contentInner {
  padding: 15px;
}
.accordion__contentInner p + .accordion__item {
  margin-top: 15px;
} /*! 
* OverlayScrollbars
* Version: 2.10.1
* 
* Copyright (c) Rene Haas | KingSora.
* https://github.com/KingSora
* 
* Released under the MIT license.
*/
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}
.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}
.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer:before {
  content: '';
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}
.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}
.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(10);
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty:before {
  content: '';
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty:before,
.os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}
.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}
.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}
.os-size-observer-listener-item-final {
  transition: none;
}
@keyframes os-size-observer-appear-animation {
  0% {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}
[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~='scrollbarHidden'] {
  scrollbar-width: none !important;
}
[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~='scrollbarHidden']::-webkit-scrollbar,
[data-overlayscrollbars-viewport~='scrollbarHidden']::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(
    body
  ) {
  overflow: auto;
}
html[data-overlayscrollbars-body] {
  overflow: hidden;
}
html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}
html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}
[data-overlayscrollbars] {
  position: relative;
}
[data-overlayscrollbars~='host'],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~='arrange']:before {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}
[data-overlayscrollbars],
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden !important;
}
[data-overlayscrollbars~='noClipping'],
[data-overlayscrollbars-padding~='noClipping'] {
  overflow: visible !important;
}
[data-overlayscrollbars-viewport~='measuring'] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-viewport~='overflowXVisible']:not(
    [data-overlayscrollbars-viewport~='measuring']
  ) {
  overflow-x: visible !important;
}
[data-overlayscrollbars-viewport~='overflowXHidden'] {
  overflow-x: hidden !important;
}
[data-overlayscrollbars-viewport~='overflowXScroll'] {
  overflow-x: scroll !important;
}
[data-overlayscrollbars-viewport~='overflowYVisible']:not(
    [data-overlayscrollbars-viewport~='measuring']
  ) {
  overflow-y: visible !important;
}
[data-overlayscrollbars-viewport~='overflowYHidden'] {
  overflow-y: hidden !important;
}
[data-overlayscrollbars-viewport~='overflowYScroll'] {
  overflow-y: scroll !important;
}
[data-overlayscrollbars-viewport~='noContent']:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}
[data-overlayscrollbars-viewport~='noContent']:not(#osFakeId):before,
[data-overlayscrollbars-viewport~='noContent']:not(#osFakeId):after,
[data-overlayscrollbars-viewport~='noContent']:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
[data-overlayscrollbars-viewport~='scrolling'] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}
[data-overlayscrollbars-contents]:not(#osFakeId):not(
    [data-overlayscrollbars-padding]
  ):not([data-overlayscrollbars-viewport]):not(
    [data-overlayscrollbars-content]
  ) {
  display: contents;
}
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid]
  > [data-overlayscrollbars-padding]
  > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}
@property --os-scroll-percent {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(
    var(--os-scroll-percent) -
      (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *
      var(--os-scroll-direction)
  );
}
.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s,
    bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}
.os-scrollbar-transitionless {
  transition: none !important;
}
.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}
.os-scrollbar-handle {
  position: absolute;
}
.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}
.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}
.os-scrollbar-vertical {
  top: 0;
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}
.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}
.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}
.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translate(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}
@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translate(
      calc(
        var(--os-scroll-percent-directional) * 100cqw +
          var(--os-scroll-percent-directional) * -100%
      )
    );
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(
      calc(
        var(--os-scroll-percent-directional) * 100cqh +
          var(--os-scroll-percent-directional) * -100%
      )
    );
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}
@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}
.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}
.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}
.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s,
    height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc(
    (var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) *
      -1
  );
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}
.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s,
    width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc(
    (var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) *
      -1
  );
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc(
    (var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) *
      -1
  );
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}
[data-overlayscrollbars-viewport~='measuring'] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}
.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}
.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, #00000080, #0000);
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper:before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translateZ(0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: #00000040;
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: #0000001a;
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #00000080;
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}