@charset 'utf-8';

.is-bg-primary {
  background: #ededed;
}

*, ::before, ::after {
  margin: 0;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  font-weight: inherit;
}

::before, ::after {
  vertical-align: inherit;
  text-decoration: inherit;
}

html {
  font-family: sans-serif;
  word-break: break-word;
  overflow-y: scroll;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

header, footer, main, section, article, aside, nav, details, menu, figure, figcaption {
  display: block;
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

ol, ul {
  padding: 0;
  list-style: none;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

sub, sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

canvas, audio, video {
  display: inline-block;
}

img, svg, iframe, canvas, audio, video {
  vertical-align: middle;
}

img {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

input {
  border-radius: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

[type="checkbox"], [type="radio"] {
  padding: 0;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

address {
  font-style: normal;
}

textarea {
  overflow: auto;
  resize: vertical;
}

legend {
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

summary {
  display: list-item;
}

table {
  border-collapse: collapse;
}

hr {
  height: 0;
  overflow: visible;
}

template {
  display: none;
}

a, area, button, input, label, select, textarea, [tabindex] {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

[hidden] {
  display: none;
}

[aria-busy="true"] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled="true"], [disabled] {
  cursor: not-allowed;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}

html {
  font-size: 62.5%;
}

body {
  color: #000000;
  line-height: 1.4;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 1.5rem;
}

@media screen and (max-width: 575px) {
  body {
    font-size: 3.4vw;
  }
}

.f-roboto { font-family: 'Roboto', sans-serif; font-weight: 500; }
.f-roboto .is-strong { font-weight: 900; }
.f-roboto.is-strong { font-weight: 900; }
.f-roboto.is-light { font-weight: 300; }

.f-SortsMillGoudy { font-family: 'Sorts Mill Goudy', serif; font-weight: 400; }

img {
  /*width: 100%;*/
  max-width: 100%;
  height: auto;
}

img[src$=".svg"] {
  width: 100%;
}

iframe {
  max-width: 100%;
}

a {
  color: #000000;
  display: inline-block;
}

.sp_view {
  display: none;
}

.pc_view {
  display: block;
}

.sp_item {
  display: none;
}

.pc_item {
  display: initial;
}

@media screen and (max-width: 575px) {
  .sp_view {
    display: block;
  }
  .pc_view {
    display: none;
  }
  .sp_item {
    display: initial;
  }
  .pc_item {
    display: none;
  }
}

.section>.inner {
  max-width: 100%;
  width: 82%;
  padding-left: 41px;
  margin-top: 14px;
}

@media screen and (max-width: 575px) {
  .section>.inner {
    width: 100%;
    padding-left: 0;
    margin-top: 10vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .section>.inner {
    width: 100%;
    padding-left: 0;
    margin-top: 30vw;
  }
}

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.grid:not(.is-gap-none) {
  margin-left: -1.2em;
  margin-bottom: -1.2em;
}

.grid.news-list:not(.is-gap-none)>.col {
  padding-left: 18px;
}

@media screen and (max-width: 575px) {
  .grid.news-list:not(.is-gap-none)>.col {
    padding-left: 5%;
  }
}

.grid.is-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.grid.is-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid.is-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.grid.is-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.grid.is-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.grid.is-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.grid.is-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.grid.is-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.grid.is-stretch>.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.is-space>*:not(:first-child) {
  margin-top: 1em;
}

.is-space>.heading:not(:first-child) {
  margin-top: 1.5em;
}

.is-space>.groups:not(:first-child) {
  margin-top: 3em;
}

.is-space .heading+.field {
  margin-top: 0.5em;
}

.is-space .field+.texts {
  margin-top: 0.5em;
}

.is-space .field+.alert {
  margin-top: 0.5em;
}

.is-page-mt {
  margin-bottom: 155px;
}

@media screen and (max-width: 575px) {
  .is-page-mt {
    margin-bottom: 0;
    margin-top: 20vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .is-page-mt {
    margin-bottom: 0;
    margin-top: 20vw;
  }
}

.is-collection-mb {
  margin-bottom: 234px;
}

@media screen and (max-width: 575px) {
  .is-collection-mb {
    margin-bottom: 30vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .is-collection-mb {
    margin-bottom: 30vw;
  }
}

.mb0 {
  margin-bottom: 0;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb100 {
  margin-bottom: 100px;
}

.mt0 {
  margin-top: 0;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.mt70 {
  margin-top: 70px;
}

.mt80 {
  margin-top: 80px;
}

.mt100 {
  margin-top: 100px;
}

@media screen and (max-width: 575px) {
  .mb10 {
    margin-bottom: 2vw;
  }
  .mb20 {
    margin-bottom: 4vw;
  }
  .mb30 {
    margin-bottom: 6vw;
  }
  .mb40 {
    margin-bottom: 8vw;
  }
  .mb50 {
    margin-bottom: 9vw;
  }
  .mb60 {
    margin-bottom: 10vw;
  }
  .mb80 {
    margin-bottom: 12vw;
  }
  .mb85 {
    margin-bottom: 13vw;
  }
  .mb100 {
    margin-bottom: 14vw;
  }
  .mt10 {
    margin-top: 2vw;
  }
  .mt20 {
    margin-top: 4vw;
  }
  .mt25 {
    margin-top: 5vw;
  }
  .mt30 {
    margin-top: 6vw;
  }
  .mt40 {
    margin-top: 8vw;
  }
  .mt50 {
    margin-top: 9vw;
  }
  .mt60 {
    margin-bottom: 10vw;
  }
  .mt70 {
    margin-top: 12vw;
  }
  .mt80 {
    margin-bottom: 12vw;
  }
  .mt100 {
    margin-bottom: 14vw;
  }
}

.heading {
  position: relative;
}

.site-en .texts {
  line-height: 1.4;
}

.site-en .is-align-j {
  text-align: left;
}

.texts {
  line-height: 1.9;
}

.under-line {
  text-decoration: underline;
}

.is-align-j {
  text-align: justify;
}

.text.is-link {
  cursor: pointer;
  border-bottom: 1px solid currentColor;
}

.text.is-link:hover {
  border-bottom-color: transparent;
}

.text.is-link-reverse {
  cursor: pointer;
  border-bottom: 1px solid transparent;
}

.text.is-link-reverse:hover {
  border-color: currentColor;
}

.btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.btns:not(.is-bar) {
  margin-left: -0.5em;
  margin-bottom: -0.5em;
}

.btns:not(.is-bar)>.btns, .btns:not(.is-bar)>.btn {
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}

.btns>.btns {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.btns.is-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btns.is-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.btns.is-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btns.is-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.btns.is-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.btns.is-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@-webkit-keyframes btn_hover1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}

@keyframes btn_hover1 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
}

@-webkit-keyframes btn_hover2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@keyframes btn_hover2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
}

@-webkit-keyframes btn_hover_text {
  0% {
    color: #ffffff;
  }
  49.9% {
    color: #000000;
  }
  100% {
    color: #ffffff;
  }
}

@keyframes btn_hover_text {
  0% {
    color: #ffffff;
  }
  49.9% {
    color: #000000;
  }
  100% {
    color: #ffffff;
  }
}

.btn,
.btn:link,
.btn:visited {
  cursor: pointer;
  padding: 12px 79px;
  line-height: 1.5;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: #ffffff;
  color: #ffffff;
  font-weight: 700;
  border: 1px solid #000000;
  letter-spacing: 1px;
  font-size: 1.5rem;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 575px) {
  .btn,
  .btn:link,
  .btn:visited {
    padding: 2vw;
    width: 39%;
    margin: auto;
    font-size: 3.5vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .btn,
  .btn:link,
  .btn:visited {
    padding: 2vw;
    width: 39%;
    margin: auto;
    font-size: 3.5vw;
  }
}

.btn.is-wide-btn {
  width: 377px;
  padding: 14px 27px;
}

@media screen and (max-width: 575px) {
  .btn.is-wide-btn {
    width: 85%;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .btn.is-wide-btn {
    width: 85%;
  }
}

.btn.is-wide-btn .is-more-arrow {
  width: 14px;
  top: calc((100% - 7px)/2);
  left: 76px;
}

.btn.is-bg-y {
  background: #f3be45;
}

.btn.is-bg-y:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn[type="button"], .btn[type="reset"], .btn[type="submit"] {
  color: #f3be45;
}

.btn.is-disable, .btn[disabled] {
  cursor: default;
}

.btn.is-round {
  border-radius: 999em;
}

.btn.is-circle {
  position: relative;
  width: calc(2.5em + 1px * 2);
  height: calc(2.5em + 1px * 2);
  padding: 0;
  border-radius: 999em;
  line-height: 1;
}

.btn span {
  position: relative;
  z-index: 10;
}

.btn:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.btn:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000000;
  left: 0;
  top: 0;
  z-index: 1;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.btn:hover span {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: btn_hover_text;
  animation-name: btn_hover_text;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.btn:hover:before {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: btn_hover1;
  animation-name: btn_hover1;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn:hover:after {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: btn_hover2;
  animation-name: btn_hover2;
  -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn.is-floating:not(.is-disable) {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
}

.btn.is-floating:not(.is-disable):hover {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.24);
}

.btn.is-plain {
  background-color: #f3be45;
  border: 1px solid transparent;
  width: 160px;
  margin: auto;
  letter-spacing: 3px;
}

@media screen and (max-width: 575px) {
  .btn.is-plain {
    width: 44%;
  }
}

.btn.is-plain:hover {
  background-color: #f3be45;
}

.btn.is-plain.is-primary {
  background-color: #f3be45;
  color: #ffffff;
}

.btn.is-plain.is-primary:hover {
  background-color: #f1b62d;
}

.btn.is-plain.is-info {
  background-color: #22ace0;
  color: #ffffff;
}

.btn.is-plain.is-info:hover {
  background-color: #1d9ccc;
}

.btn.is-plain.is-success {
  background-color: #00c853;
  color: #ffffff;
}

.btn.is-plain.is-success:hover {
  background-color: #00af48;
}

.btn.is-plain.is-warning {
  background-color: #fb8c00;
  color: #ffffff;
}

.btn.is-plain.is-warning:hover {
  background-color: #e27e00;
}

.btn.is-plain.is-danger {
  background-color: #e03030;
  color: #ffffff;
}

.btn.is-plain.is-danger:hover {
  background-color: #d62020;
}

.btn.is-plain.is-disable, .btn.is-plain.is-disable:hover, .btn.is-plain[disabled], .btn.is-plain[disabled]:hover {
  background-color: #f3be45;
  color: #f3be45;
}

.btn-wrap .more-btn {
  color: #474545;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 575px) {
  .btn-wrap .more-btn {
    display: block;
    width: 100%;
    padding: 2vw 9vw;
  }
}

.btn-wrap .more-btn:hover {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.7;
}

.btn-wrap .more-btn .is-more-arrow {
  width: 15px;
}

@media screen and (max-width: 575px) {
  .btn-wrap .more-btn .is-more-arrow {
    width: 9%;
    position: absolute;
    left: 18%;
    top: calc((100% - 20%)/2);
  }
}

.list>.item:not(:first-child) {
  margin-top: 0.25em;
}

.list>.item>.list {
  margin-top: 0.5em;
}

.list.is-disc, .list.is-circle, .list.is-decimal {
  margin-left: 1.5em;
}

.list.is-disc>.item, .list.is-circle>.item, .list.is-decimal>.item {
  display: list-item;
}

.list.is-disc>.item {
  list-style: disc outside;
}

.list.is-circle>.item {
  list-style: circle outside;
}

.list.is-decimal>.item {
  list-style: decimal outside;
}

.list.slick_temp {
  margin-left: -11px;
}

@media screen and (max-width: 575px) {
  .list.slick_temp {
    margin-left: -1vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .list.slick_temp {
    margin-left: -1vw;
  }
}

.list.slick_temp .collection-item h3 {
  margin: 10px 0 13px;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.4em;
}

@media screen and (max-width: 575px) {
  .list.slick_temp .collection-item h3 {
    margin: 2vw 0;
    font-size: 4vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .list.slick_temp .collection-item h3 {
    margin: 2vw 0;
    font-size: 4vw;
  }
}

.list.slick_temp .collection-item .is-textarea {
  margin-top: 29px;
}

@media screen and (max-width: 575px) {
  .list.slick_temp .collection-item .is-textarea {
    margin-top: 5vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .list.slick_temp .collection-item .is-textarea {
    margin-top: 5vw;
  }
}

.list.slick_temp .news-item h3 {
  margin: 20px 0 11px;
  line-height: 1.5;
  font-size: 1.1em;
}

@media screen and (max-width: 575px) {
  .list.slick_temp .news-item h3 {
    margin: 4vw 0 3vw;
    font-size: 3.4vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .list.slick_temp .news-item h3 {
    margin: 4vw 0 3vw;
    font-size: 3.4vw;
  }
}

.list.slick_temp .news-item span {
  margin-bottom: 8px;
  font-size: 0.8em;
}

@media screen and (max-width: 575px) {
  .list.slick_temp .news-item span {
    margin-bottom: 2vw;
    font-size: 3vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .list.slick_temp .news-item span {
    margin-bottom: 2vw;
    font-size: 3vw;
  }
}

.list.slick_temp li {
  padding-left: 24px;
  position: relative;
  list-style-type: none;
  z-index: 0;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .list.slick_temp li {
    width: 50%;
    padding-left: 2vw;
  }
}

@media screen and (max-width: 575px) {
  .list.slick_temp li {
    width: 50%;
    padding-left: 2vw;
  }
}

.list.slick_temp li .zoom-wrap {
  overflow: hidden;
  width: 100%;
}

.list.slick_temp li .zoom-wrap img {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  overflow: hidden;
  width: 100%;
  z-index: -1;
}

.list.slick_temp li .zoom-wrap .zoom-bg {
  width: 100%;
  padding: 66% 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.list.slick_temp li:hover {
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.list.slick_temp li:hover .zoom-bg, .list.slick_temp li:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.list.slick_temp li .is-textarea span {
  line-height: 1;
}

.list.slick_temp.archive-list {
  margin: 0;
  margin-left: -24px;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .list.slick_temp.archive-list {
    margin-left: -2vw;
  }
}

@media screen and (max-width: 575px) {
  .list.slick_temp.archive-list {
    margin-left: -2vw;
  }
}

.list.slick_temp.archive-list li {
  margin-bottom: 42px;
  max-width: 33.3333%;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .list.slick_temp.archive-list li {
    margin-bottom: 10vw;
    max-width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .list.slick_temp.archive-list li {
    margin-bottom: 10vw;
    max-width: 50%;
  }
}

.list.slick_temp.post-list li {
  padding-left: 24px;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .list.slick_temp.post-list li {
    padding-left: 2vw;
  }
}

@media screen and (max-width: 575px) {
  .list.slick_temp.post-list li {
    padding-left: 2vw;
  }
}

.list.slick_temp.post-list li a {
  padding-left: 0;
}

.list.is-sub-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list.is-sub-slide li {
  width: calc((100% - 40px)/3);
  max-width: 33.333%;
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.list.is-sub-slide li:nth-child(3n) {
  margin-right: 0;
}

.list.is-sub-slide li.over:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #14143c;
  opacity: 0.3;
  left: 0;
  top: 0;
  z-index: 0;
}

.list.is-note>.item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list.is-note>.item>*:not(:first-child) {
  margin-left: 0.25em;
}

#contact_form {
  width: 100%;
}

#contact_form .is-page-ttl {
  padding-bottom: 70px;
}

@media screen and (max-width: 575px) {
  #contact_form .is-page-ttl {
    padding-bottom: 12vw;
  }
}

#contact_form .is-contact-recruit {
  border-bottom: 2px solid #dcdcdc;
  margin: 111px 0 53px;
}

@media screen and (max-width: 575px) {
  #contact_form .is-contact-recruit {
    margin: 22vw 0 12vw;
  }
}

#contact_form button, #contact_form input, #contact_form select, #contact_form textarea {
  font-family: inherit;
  font-size: 100%;
}

#contact_form textarea, #contact_form select, #contact_form input:not([type=radio]):not([type=checkbox]) {
  padding: 9.5px 8px;
  border: none;
  border-radius: 8px;
  background: #f6f6f6;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#contact_form textarea::-ms-expand, #contact_form select::-ms-expand, #contact_form input:not([type=radio]):not([type=checkbox])::-ms-expand {
  display: none;
}

#contact_form textarea, #contact_form input:not([type=radio]):not([type=checkbox]) {
  width: 100%;
}

#contact_form textarea:placeholder-shown, #contact_form input:not([type=radio]):not([type=checkbox]):placeholder-shown {
  color: #7e7e7e;
}

#contact_form textarea::-webkit-input-placeholder, #contact_form input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder {
  color: #7e7e7e;
}

#contact_form textarea:-moz-placeholder, #contact_form input:not([type=radio]):not([type=checkbox]):-moz-placeholder {
  color: #7e7e7e;
  opacity: 1;
}

#contact_form textarea::-moz-placeholder, #contact_form input:not([type=radio]):not([type=checkbox])::-moz-placeholder {
  color: #7e7e7e;
  opacity: 1;
}

#contact_form textarea:-ms-input-placeholder, #contact_form input:not([type=radio]):not([type=checkbox]):-ms-input-placeholder {
  color: #7e7e7e;
}

#contact_form label.check_wrapp, #contact_form label.radio_wrapp {
  cursor: pointer;
  margin-right: 10px;
}

#contact_form label.check_wrapp input[type=radio], #contact_form label.check_wrapp input[type=checkbox], #contact_form label.radio_wrapp input[type=radio], #contact_form label.radio_wrapp input[type=checkbox] {
  cursor: pointer;
  vertical-align: middle;
}

#contact_form label.check_wrapp span, #contact_form label.radio_wrapp span {
  vertical-align: middle;
}

#contact_form .checkbox-business {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 575px) {
  #contact_form .checkbox-business {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

#contact_form span.wpcf7-list-item {
  margin: 0;
  margin-right: 27px;
}

@media screen and (max-width: 575px) {
  #contact_form span.wpcf7-list-item {
    margin-right: 6vw;
    margin-bottom: 3vw;
  }
}

#contact_form .select span {
  width: 48%;
  display: block;
  position: relative;
}

@media screen and (max-width: 575px) {
  #contact_form .select span {
    margin: auto;
  }
}

#contact_form .select span:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  top: 0;
  right: 17%;
}

#contact_form .select span:after {
  content: "";
  position: absolute;
  background: url("../img/dist/common/select_arrow.png") no-repeat center/cover;
  width: 12px;
  height: 9px;
  top: calc((100% - 9px)/2);
  right: calc((17% - 12px)/2);
}

#contact_form .wpcf7-select {
  width: 100%;
  background: #fcfcfc;
  border: 1px solid #dcdcdc;
  padding: 8.5px 15px;
}

#contact_form button {
  padding: 0;
  border: none;
  cursor: pointer;
}

#contact_form dl {
  margin-bottom: 22px;
}

@media screen and (max-width: 575px) {
  #contact_form dl {
    margin-bottom: 8vw;
    display: block;
    text-align: center;
  }
}

#contact_form dl.m47 {
  margin: 47px 0;
}

@media screen and (max-width: 575px) {
  #contact_form dl.m47 {
    margin: 8vw 0;
  }
}

#contact_form dl.mt53 {
  margin-top: 53px;
}

@media screen and (max-width: 575px) {
  #contact_form dl.mt53 {
    margin-top: 8vw;
  }
}

#contact_form dl dt.letter-1 {
  letter-spacing: -1px;
}

@media screen and (max-width: 575px) {
  #contact_form dl dt {
    margin-bottom: 3vw;
  }
}

#contact_form dl dt span {
  display: inline-block;
  color: #fff;
  font-size: 1rem;
  padding: 6.5px 9px 3.5px;
  background: #f3be45;
  margin-left: 15px;
  line-height: 1;
}

@media screen and (max-width: 575px) {
  #contact_form dl dt span {
    font-size: 10px;
    margin-left: 2vw;
  }
}

@media screen and (max-width: 575px) {
  #contact_form dl dd {
    margin: auto;
  }
}

#contact_form dl dd #is-send {
  background: #f3be45;
  font-size: 1.6rem;
  color: #ffffff;
  padding: 14.5px;
  border-radius: 0;
  width: 82%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 575px) {
  #contact_form dl dd #is-send {
    margin-left: 6%;
  }
}

#contact_form dl dd #is-send:hover {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.7;
}

#contact_form table {
  width: 100%;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

#contact_form table td, #contact_form table th {
  padding: 16px;
  vertical-align: middle;
  text-align: left;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
}

#contact_form table th {
  position: relative;
  background: #fafafa;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 1px;
  width: 300px;
}

#contact_form table th span {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 1.2rem;
  padding: 0px 8px;
  background: #f3be45;
}

@media screen and (max-width: 575px) {
  #contact_form table th span {
    font-size: 10px;
  }
}

@media screen and (max-width: 575px) {
  #contact_form table td.birth .select_wrapp {
    margin-bottom: 2%;
  }
}

#contact_form table td.birth span {
  margin: 0 4px;
}

#contact_form table td.birth input[type=text] {
  width: 12em;
}

#contact_form table #zipcode {
  width: 10em;
  margin-left: 4px;
}

#contact_form table #address {
  display: block;
  margin-top: 8px;
}

@media screen and (max-width: 575px) {
  #contact_form table, #contact_form table tbody, #contact_form table tr, #contact_form table td, #contact_form table th {
    display: block;
  }
}

#contact_form #conf_btn {
  width: 70%;
  display: block;
  color: #fff;
  font-size: 16rem;
  padding: 15px 0;
  margin: 40px auto 0;
  border: none;
  background: #f3be45;
  cursor: pointer;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 1px;
}

@media screen and (max-width: 575px) {
  #contact_form #conf_btn {
    padding: 3% 0;
  }
}

#contact_form #conf_btn:hover {
  opacity: 0.8;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

#form_modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 10vh 0;
  display: none;
  z-index: 2000;
}

#form_modal #overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#form_modal .wrapp {
  width: 960px;
  max-height: 100%;
  position: relative;
  padding: 60px;
  margin: auto;
  overflow: auto;
  background: #FFF;
  z-index: 1;
}

@media screen and (max-width: 575px) {
  #form_modal .wrapp {
    width: 90%;
    padding: 6vw;
  }
}

#form_modal .title {
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width: 575px) {
  #form_modal .title {
    font-size: 6vw;
  }
}

#form_modal .response {
  margin: 20px 0 40px;
}

@media screen and (max-width: 575px) {
  #form_modal .response {
    margin: 4vw 0 6vw;
  }
}

#form_modal table {
  width: 100%;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
}

@media screen and (max-width: 575px) {
  #form_modal table, #form_modal table tbody, #form_modal table tr, #form_modal table td, #form_modal table th {
    display: block;
  }
}

#form_modal table th, #form_modal table td {
  padding: 8px;
  text-align: left;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
}

#form_modal table th {
  width: 40%;
  background: #fafafa;
}

#form_modal .btns {
  margin: auto;
  width: 76%;
}

@media screen and (max-width: 575px) {
  #form_modal .btns {
    width: 90%;
  }
}

#form_modal #submit_btn, #form_modal .back_btn {
  display: block;
  width: 48%;
  padding: 10px 0;
  color: #FFF;
  text-align: center;
}

@media screen and (max-width: 575px) {
  #form_modal #submit_btn, #form_modal .back_btn {
    padding: 3% 0;
  }
}

#form_modal #submit_btn {
  float: right;
  background: #f3be45;
}

#form_modal .back_btn {
  float: left;
  background: #aaa;
}

#form_modal .send .back_btn {
  float: none;
  margin: auto;
}

#form_modal .comp_text {
  text-align: center;
}

.focused:invalid {
  border: solid 1px #ff1717 !important;
}

.focused:valid {
  border: solid 1px #569c56;
}

:disabled {
  opacity: 0.2;
  cursor: not-allowed !important;
}

.icon, .im, .fa, .fas, .far, .fal, .fab, .material-icons {
  font-size: inherit;
  line-height: inherit;
}

.material-icons {
  vertical-align: bottom;
}

.icon+.text, .im+.text, .fa+.text, .fas+.text, .far+.text, .fal+.text, .fab+.text, .material-icons+.text {
  margin-left: 0.375em;
}

.text+.icon, .text+.im, .text+.fa, .text+.fas, .text+.far, .text+.fal, .text+.fab, .text+.material-icons {
  margin-left: 0.375em;
}

.icon.is-fit, .im.is-fit, .fa.is-fit, .fas.is-fit, .far.is-fit, .fal.is-fit, .fab.is-fit, .material-icons.is-fit {
  width: 1em;
  text-align: center;
}

.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
  font-weight: bold;
  line-height: inherit;
}

.wysiwyg .is-sec-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 575px) {
  .wysiwyg .is-sec-ttl {
    font-size: 6vw;
    line-height: 1;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .wysiwyg .is-sec-ttl {
    font-size: 6vw;
    line-height: 1;
  }
}

.wysiwyg .is-sec-ttl span {
  margin-left: 12px;
}

@media screen and (max-width: 575px) {
  .wysiwyg .is-sec-ttl span {
    margin-left: 2vw;
  }
}

.wysiwyg .is-post-ttl .is-post-ttl-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wysiwyg .is-post-ttl .is-post-ttl-main span {
  margin-left: 12px;
}

@media screen and (max-width: 575px) {
  .wysiwyg .is-post-ttl .is-post-ttl-main span {
    margin-left: 2vw;
  }
}

.wysiwyg .is-post-ttl .is-post-ttl-sub {
  display: block;
}

@media screen and (max-width: 575px) {
  .wysiwyg .is-post-ttl .is-post-ttl-sub {
    display: block;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .wysiwyg .is-post-ttl .is-post-ttl-sub {
    display: block;
  }
}

.wysiwyg .is-top-sec-ttl {
  margin-bottom: 50px;
  padding-left: 13px;
}

@media screen and (max-width: 575px) {
  .wysiwyg .is-top-sec-ttl {
    margin-bottom: 8vw;
    padding-left: 1vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .wysiwyg .is-top-sec-ttl {
    margin-bottom: 8vw;
    padding-left: 1vw;
  }
}

.site-en .is-post-ttl .is-post-ttl-main, .site-en .is-post-ttl .is-post-ttl-sub {
  line-height: 1.9;
}

#breadcrumb {
  margin: 10px auto 40px;
}

@media screen and (max-width: 575px) {
  #breadcrumb {
    margin: 2vw auto 5vw;
  }
}

#breadcrumb li {
  display: inline-block;
  position: relative;
  padding-right: 24px;
}

#breadcrumb li::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  right: 10px;
  width: 6px;
  height: 6px;
  border-top: solid 1px #f3be45;
  border-right: solid 1px #f3be45;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 575px) {
  #breadcrumb li::after {
    top: calc(50% - 1.2vw);
    right: 2.1vw;
    width: 1.6vw;
    height: 1.6vw;
  }
}

#breadcrumb li:last-child::after {
  content: none;
}

#breadcrumb a, #breadcrumb span {
  display: inline-block;
  font-size: 1.3rem;
}

@media screen and (max-width: 575px) {
  #breadcrumb a, #breadcrumb span {
    font-size: 3.2vw;
  }
}

#breadcrumb a:hover span {
  text-decoration: underline;
}

#ui-datepicker-div {
  border-radius: 0;
  width: 400px;
}

#ui-datepicker-div .ui-corner-all {
  border-radius: 0;
}

#ui-datepicker-div .ui-state-hover {
  background: #f3be45;
  border-color: #fff;
}

#ui-datepicker-div .ui-datepicker-header {
  padding: 5px 0;
}

#ui-datepicker-div .ui-datepicker-header a {
  top: 0;
  height: 100%;
  width: 30px;
  cursor: pointer;
}

#ui-datepicker-div .ui-datepicker-header select.ui-datepicker-month, #ui-datepicker-div .ui-datepicker-header select.ui-datepicker-year {
  border: none;
  padding: 4px;
  background: #fff;
  vertical-align: middle;
}

#ui-datepicker-div .ui-datepicker-header select.ui-datepicker-month {
  width: 40%;
  margin-right: 5%;
}

#ui-datepicker-div .ui-datepicker-header .y_suffix {
  vertical-align: middle;
  display: inline-block;
  padding-left: 4px;
}

#ui-datepicker-div table.ui-datepicker-calendar thead th span[title="Saturday"] {
  color: #292980;
}

#ui-datepicker-div table.ui-datepicker-calendar thead th span[title="Sunday"] {
  color: #b53636;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody td .ui-state-default {
  padding: 8px;
  background: #fefefe;
  border-color: #dcdcdc;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody td .ui-state-default.ui-state-hover {
  background: #f3be45;
  color: #fff;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody td.ui-datepicker-today a.ui-state-highlight {
  background: #fbf9ee;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody td.ui-datepicker-today.ui-state-hover {
  background: #f3be45;
}

#ui-datepicker-div table.ui-datepicker-calendar tbody td.ui-datepicker-current-day a.ui-state-active {
  background: #f3be45;
  color: #fff;
}

@-webkit-keyframes lum-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes lum-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes lum-fadeZoom {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes lum-fadeZoom {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes lum-loader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes lum-loader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    transform: translate(-50%, -50%) rotate(-180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@-webkit-keyframes lum-loader-before {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(6px);
    transform: scale(1.2) translateX(6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(8px);
    transform: scale(1.3) translateX(8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(6px);
    transform: scale(1.2) translateX(6px);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(6px);
    transform: scale(0.8) translateX(6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(8px);
    transform: scale(0.7) translateX(8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(6px);
    transform: scale(0.8) translateX(6px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes lum-loader-before {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(6px);
    transform: scale(1.2) translateX(6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(8px);
    transform: scale(1.3) translateX(8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(6px);
    transform: scale(1.2) translateX(6px);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(6px);
    transform: scale(0.8) translateX(6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(8px);
    transform: scale(0.7) translateX(8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(6px);
    transform: scale(0.8) translateX(6px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes lum-loader-after {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(-6px);
    transform: scale(1.2) translateX(-6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(-8px);
    transform: scale(1.3) translateX(-8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(-6px);
    transform: scale(1.2) translateX(-6px);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(-6px);
    transform: scale(0.8) translateX(-6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(-8px);
    transform: scale(0.7) translateX(-8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(-6px);
    transform: scale(0.8) translateX(-6px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes lum-loader-after {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.2) translateX(-6px);
    transform: scale(1.2) translateX(-6px);
  }
  25% {
    -webkit-transform: scale(1.3) translateX(-8px);
    transform: scale(1.3) translateX(-8px);
  }
  40% {
    -webkit-transform: scale(1.2) translateX(-6px);
    transform: scale(1.2) translateX(-6px);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.8) translateX(-6px);
    transform: scale(0.8) translateX(-6px);
  }
  75% {
    -webkit-transform: scale(0.7) translateX(-8px);
    transform: scale(0.7) translateX(-8px);
  }
  90% {
    -webkit-transform: scale(0.8) translateX(-6px);
    transform: scale(0.8) translateX(-6px);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.lum-lightbox {
  background: rgba(0, 0, 0, 0.6);
}

.lum-lightbox-inner {
  top: 2.5%;
  right: 2.5%;
  bottom: 2.5%;
  left: 2.5%;
}

.lum-lightbox-inner img {
  position: relative;
}

.lum-lightbox-inner .lum-lightbox-caption {
  margin: 0 auto;
  color: #fff;
  max-width: 700px;
  text-align: center;
}

.lum-loading .lum-lightbox-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  -webkit-animation: lum-loader-rotate 1800ms infinite linear;
  animation: lum-loader-rotate 1800ms infinite linear;
}

.lum-lightbox-loader:before, .lum-lightbox-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
}

.lum-lightbox-loader:before {
  left: 0;
  -webkit-animation: lum-loader-before 1800ms infinite linear;
  animation: lum-loader-before 1800ms infinite linear;
}

.lum-lightbox-loader:after {
  right: 0;
  -webkit-animation: lum-loader-after 1800ms infinite linear;
  animation: lum-loader-after 1800ms infinite linear;
  -webkit-animation-delay: -900ms;
  animation-delay: -900ms;
}

.lum-lightbox.lum-opening {
  -webkit-animation: lum-fade 180ms ease-out;
  animation: lum-fade 180ms ease-out;
}

.lum-lightbox.lum-opening .lum-lightbox-inner {
  -webkit-animation: lum-fadeZoom 180ms ease-out;
  animation: lum-fadeZoom 180ms ease-out;
}

.lum-lightbox.lum-closing {
  -webkit-animation: lum-fade 300ms ease-in;
  animation: lum-fade 300ms ease-in;
  animation-direction: reverse;
}

.lum-lightbox.lum-closing .lum-lightbox-inner {
  -webkit-animation: lum-fadeZoom 300ms ease-in;
  animation: lum-fadeZoom 300ms ease-in;
  animation-direction: reverse;
}

.lum-img {
  -webkit-transition: opacity 120ms ease-out;
  -o-transition: opacity 120ms ease-out;
  transition: opacity 120ms ease-out;
}

.lum-loading .lum-img {
  opacity: 0;
}

.lum-gallery-button {
  overflow: hidden;
  text-indent: 150%;
  white-space: nowrap;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 100px;
  max-height: 100%;
  width: 60px;
  cursor: pointer;
}

.lum-previous-button {
  left: 12px;
}

.lum-next-button {
  right: 12px;
}

.lum-gallery-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 36px;
  height: 36px;
  border-top: 4px solid rgba(255, 255, 255, 0.8);
}

.lum-previous-button:after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  border-left: 4px solid rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: -2px 0 rgba(0, 0, 0, 0.2);
  left: 12%;
  border-radius: 3px 0 0 0;
}

.lum-next-button:after {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-right: 4px solid rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 0 rgba(0, 0, 0, 0.2);
  right: 12%;
  border-radius: 0 3px 0 0;
}

/* This media query makes screens less than 460px wide display in a "fullscreen"-esque mode. Users can then scroll around inside the lightbox to see the entire image. */

@media (max-width: 460px) {
  .lum-lightbox-image-wrapper {
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .lum-lightbox-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
  }
  .lum-lightbox-inner img {
    max-width: none;
    max-height: none;
    display: block;
  }
}

.lum-lightbox {
  z-index: 1000;
}

.lum-lightbox-image-wrapper {
  position: relative;
}

.lum-lightbox-position-helper {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 100%;
}

@media (max-width: 460px) {
  .lum-lightbox-inner img {
    max-width: 200vw;
  }
  .lum-gallery-button:after {
    width: 6vw;
    height: 6vw;
  }
}

/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
  margin: 40px auto 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

@media screen and (max-width: 575px) {
  .wp-pagenavi {
    margin: 5vw 0 20vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .wp-pagenavi {
    margin: 5vw 0 20vw;
  }
}

.wp-pagenavi .wp-pagenavi-inner {
  position: relative;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi a, .wp-pagenavi span {
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  margin: 0 6px !important;
  padding: 9px 5px !important;
  color: #000000;
  font-size: 1.5rem;
  font-family: "Roboto", sans-serif;
  border: none !important;
  position: relative;
}

.wp-pagenavi a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #000000;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.wp-pagenavi a:hover:before {
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

.wp-pagenavi span.current {
  font-weight: bold;
}

.wp-pagenavi span.current:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #000000;
}

.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink, .wp-pagenavi .first, .wp-pagenavi .last {
  position: absolute;
  top: calc((100% - 20px)/2);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .first:hover, .wp-pagenavi .last:hover {
  opacity: 0.6;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.wp-pagenavi .nextpostslink {
  width: 11px;
  height: 20px;
  background: url("../img/dist/common/swiper_arrow_next.svg") no-repeat center/cover;
  right: -75px;
}

@media screen and (max-width: 575px) {
  .wp-pagenavi .nextpostslink {
    right: -10vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .wp-pagenavi .nextpostslink {
    right: -10vw;
  }
}

.wp-pagenavi .nextpostslink:before {
  display: none;
}

.wp-pagenavi .last {
  width: 22px;
  height: 20px;
  background: url("../img/dist/common/swiper_arrow_next.svg");
  right: -130px;
}

@media screen and (max-width: 575px) {
  .wp-pagenavi .last {
    right: -22vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .wp-pagenavi .last {
    right: -22vw;
  }
}

.wp-pagenavi .last:before {
  display: none;
}

.wp-pagenavi .previouspostslink {
  width: 11px;
  height: 20px;
  background: url("../img/dist/common/swiper_arrow_prev.svg") no-repeat center/cover;
  left: -75px;
}

.wp-pagenavi .previouspostslink:before {
  display: none;
}

@media screen and (max-width: 575px) {
  .wp-pagenavi .previouspostslink {
    left: -10vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .wp-pagenavi .previouspostslink {
    left: -10vw;
  }
}

.wp-pagenavi .first {
  width: 22px;
  height: 20px;
  background: url("../img/dist/common/swiper_arrow_prev.svg");
  left: -130px;
}

@media screen and (max-width: 575px) {
  .wp-pagenavi .first {
    left: -22vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .wp-pagenavi .first {
    left: -22vw;
  }
}

.wp-pagenavi .first:before {
  display: none;
}

.wp-pagenavi .extend {
  border: none;
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-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 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 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;
}

.slick-slider:after {
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  width: 100%;
  height: 100%;
}

.slick-prev, .slick-next {
  display: block;
  width: 29px;
  height: 29px;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  position: absolute !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  background: transparent;
}

@media screen and (max-width: 575px) {
  .slick-prev, .slick-next {
    top: 33%;
  }
}

.slick-prev:hover, .slick-next:hover {
  opacity: 0.7;
}

.slick-prev {
  left: -4.5%;
  position: relative;
  padding-left: 33px;
}

.slick-prev:before {
  position: absolute;
  top: calc(50% - 15.4px + 4px);
  left: calc(4px + 20px);
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 575px) {
  .slick-prev {
    left: -6.5vw;
    position: relative;
    padding-left: 20.4px;
  }
  .slick-prev:before {
    position: absolute;
    top: calc(50% - 8.4px + 2px);
    left: calc(2px + 10px);
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 11px;
    height: 11px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .slick-prev {
    left: -6.5vw;
    position: relative;
    padding-left: 20.4px;
  }
  .slick-prev:before {
    position: absolute;
    top: calc(50% - 8.4px + 2px);
    left: calc(2px + 10px);
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 11px;
    height: 11px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.slick-prev:before {
  -webkit-transform: rotate(-135deg) !important;
  -ms-transform: rotate(-135deg) !important;
  transform: rotate(-135deg) !important;
}

.slick-next {
  right: -3%;
  position: relative;
  padding-left: 33px;
}

.slick-next:before {
  position: absolute;
  top: calc(50% - 15.4px + 4px);
  left: calc(4px + 20px);
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width: 575px) {
  .slick-next {
    right: -5vw;
    position: relative;
    padding-left: 20.4px;
  }
  .slick-next:before {
    position: absolute;
    top: calc(50% - 8.4px + 2px);
    left: calc(2px + 10px);
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 11px;
    height: 11px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .slick-next {
    right: -5vw;
    position: relative;
    padding-left: 20.4px;
  }
  .slick-next:before {
    position: absolute;
    top: calc(50% - 8.4px + 2px);
    left: calc(2px + 10px);
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 11px;
    height: 11px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

.slick-dots {
  text-align: center;
  padding: 0;
  height: auto;
  width: 24px;
  position: absolute;
  top: calc((100vh - 81px)/2);
  right: 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
}

@media screen and (max-width: 575px) {
  .slick-dots {
    top: 1vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .slick-dots {
    top: 1vw;
  }
}

.slick-dots .swiper-pagination-bullet {
  display: inline-block;
  border: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  background: none;
  margin: 7px;
  padding: 0;
}

.slick-dots .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}

.slick-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ffffff;
}

.slick-dots li button {
  text-indent: -9999px;
  border: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  background: none;
  margin: 5px;
  padding: 0;
}

@media screen and (max-width: 575px) {
  .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}

.sec2 .slick-prev, .sec2 .slick-next {
  top: calc((100% - 99px - 29px)/2);
  -webkit-transform: 0;
  -ms-transform: 0;
  transform: 0;
}

@media screen and (max-width: 575px) {
  .sec2 .slick-prev, .sec2 .slick-next {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sec2 .slick-prev, .sec2 .slick-next {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
}

.sec3 .slick-prev, .sec3 .slick-next {
  top: calc((100% - 184px - 29px)/2);
  -webkit-transform: 0;
  -ms-transform: 0;
  transform: 0;
}

@media screen and (max-width: 575px) {
  .sec3 .slick-prev, .sec3 .slick-next {
    top: 29%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sec3 .slick-prev, .sec3 .slick-next {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
}

/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev, .swiper-button-next, .swiper-button-prev2, .swiper-button-next2, .swiper-button-prev3, .swiper-button-next3 {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled, .swiper-button-prev2.swiper-button-disabled, .swiper-button-next2.swiper-button-disabled, .swiper-button-prev3.swiper-button-disabled, .swiper-button-next3.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-prev2, .swiper-container-rtl .swiper-button-next2, .swiper-button-prev3, .swiper-container-rtl .swiper-button-next3 {
  background: url("../img/dist/common/swiper_arrow_prev.svg") no-repeat center/cover;
  left: 0;
  right: auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev, .swiper-button-next2, .swiper-container-rtl .swiper-button-prev2, .swiper-button-next3, .swiper-container-rtl .swiper-button-prev3 {
  background: url("../img/dist/common/swiper_arrow_next.svg") no-repeat center/cover;
  right: 0;
  left: auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets {
  z-index: 9;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progressbar, .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-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: rgba(0, 0, 0, 0.5);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

.swiper-button-prev, .swiper-button-next, .swiper-button-prev2, .swiper-button-next2, .swiper-button-prev3, .swiper-button-next3 {
  width: 13px;
  height: 27px;
}

@media screen and (max-width: 575px) {
  .swiper-button-prev, .swiper-button-next, .swiper-button-prev2, .swiper-button-next2, .swiper-button-prev3, .swiper-button-next3 {
    width: 9px;
    height: 17px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .swiper-button-prev, .swiper-button-next, .swiper-button-prev2, .swiper-button-next2, .swiper-button-prev3, .swiper-button-next3 {
    width: 9px;
    height: 17px;
  }
}

.swiper-button-next, .swiper-button-next2, .swiper-button-next3 {
  outline: none;
}

@media screen and (max-width: 575px) {
  .swiper-button-next, .swiper-button-next2, .swiper-button-next3 {
    right: -5vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .swiper-button-next, .swiper-button-next2, .swiper-button-next3 {
    right: -5vw;
  }
}

.swiper-button-prev, .swiper-button-prev2, .swiper-button-prev3 {
  outline: none;
}

@media screen and (max-width: 575px) {
  .swiper-button-prev, .swiper-button-prev2, .swiper-button-prev3 {
    left: -5vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .swiper-button-prev, .swiper-button-prev2, .swiper-button-prev3 {
    left: -5vw;
  }
}

.sec2 .swiper-button-prev, .sec2 .swiper-button-next {
  top: calc((100% - 120.5px)/2);
}

@media screen and (max-width: 575px) {
  .sec2 .swiper-button-prev, .sec2 .swiper-button-next {
    top: 40.5%;
  }
}

.sec2 .swiper-button-next {
  right: -42px;
}

@media screen and (max-width: 575px) {
  .sec2 .swiper-button-next {
    right: -14px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sec2 .swiper-button-next {
    right: -14px;
  }
}

.sec2 .swiper-button-prev {
  left: -16px;
}

@media screen and (max-width: 575px) {
  .sec2 .swiper-button-prev {
    left: -14px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sec2 .swiper-button-prev {
    left: -14px;
  }
}

.sec3 .swiper-button-prev2, .sec3 .swiper-button-next2 {
  top: calc((100% - 192px)/2);
}

@media screen and (max-width: 575px) {
  .sec3 .swiper-button-prev2, .sec3 .swiper-button-next2 {
    top: 34%;
  }
}

.sec3 .swiper-button-prev2 {
  left: -16px;
}

@media screen and (max-width: 575px) {
  .sec3 .swiper-button-prev2 {
    left: -14px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sec3 .swiper-button-prev2 {
    left: -14px;
  }
}

.sec3 .swiper-button-next2 {
  right: -42px;
}

@media screen and (max-width: 575px) {
  .sec3 .swiper-button-next2 {
    right: -14px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sec3 .swiper-button-next2 {
    right: -14px;
  }
}

@media screen and (max-width: 575px) {
  .slick-dots {
    display: none;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .slick-dots {
    display: none;
  }
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-button-prev3 {
  left: 4%;
}

.swiper-button-next3 {
  right: 4%;
}

#header.is-page-header .menu_btn .menu_trigger span {
  background-color: #000000;
}

.menu_btn {
  width: 13vw;
  height: 16vw;
  padding: 5vw 3vw;
  border-radius: 50%;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  position: relative;
  top: 0;
  right: -3vw;
  z-index: 10;
  opacity: 1;
}

.menu_btn.view_hide {
  opacity: 0;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .menu_btn {
    display: block;
  }
}

.menu_btn .menu_trigger {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.menu_btn .menu_trigger span {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  background-color: #fff;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.menu_btn .menu_trigger span:nth-of-type(1) {
  top: 0;
}

.menu_btn .menu_trigger span:nth-of-type(2) {
  top: calc(50% - 1.5px);
}

.menu_btn .menu_trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu_btn.menu_black {
  opacity: 1;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.menu_btn.menu_black .menu_trigger span {
  background-color: #000;
}

.menu_btn.open_ {
  background: none;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.menu_btn.open_ .menu_trigger span {
  background-color: #000;
}

.menu_btn.open_ .menu_trigger span:nth-of-type(1) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: calc(50% - 1px);
}

.menu_btn.open_ .menu_trigger span:nth-of-type(2) {
  opacity: 0;
}

.menu_btn.open_ .menu_trigger span:nth-of-type(3) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: calc(50% - 1px);
}

#sp_menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.91);
  z-index: 100;
}
.fs-l-page.collection #sp_menu #menu-sp_side_menu ,
.fs-l-page.factory #sp_menu #menu-sp_side_menu {
  margin-top: 25%;
}
#sp_menu .menu_wrapp ul li a {
  font-size: 4.26666666667vw;
  font-weight: 800;
  display: block;
  line-height: 2;
/*   padding: 3vw 0; */
}

#sp_menu .menu_wrapp .sub-menu {
  display: none;
}

@media screen and (max-width: 575px) {
  #sp_menu .menu_wrapp .sub-menu {
    display: block;
  }
  #sp_menu .menu_wrapp .sub-menu li:last-child a {
    padding-bottom: 3vw;
  }
  #sp_menu .menu_wrapp .sub-menu li a {
    font-weight: 400;
    font-size: 3.8vw;
    padding: 1.5vw 0;
  }
}

#sp_menu .menu_wrapp .depth1 .menu-item-type-post_type_archive:hover .sub-menu {
  display: none;
}

@media screen and (max-width: 575px) {
  #sp_menu .menu_wrapp .depth1 .menu-item-type-post_type_archive:hover .sub-menu {
    display: block;
  }
}

#sp_menu .menu_wrapp .depth1 .menu-item-type-post_type_archive .sub-menu {
  display: none;
}

@media screen and (max-width: 575px) {
  #sp_menu .menu_wrapp .depth1 .menu-item-type-post_type_archive .sub-menu {
    display: block;
  }
}

/** VARIABLES
===================================*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
  /*fix flickering when used background-image instead of <img> (on Chrome)*/
  -webkit-perspective: 1000;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  /* fix other elements on the page moving (in Chrome) */
  -webkit-transform: translateZ(0);
}

/** THEME
===================================*/

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("images/bx_loader.gif") center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #000;
}

.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: 10px;
  background: url("images/controls.png") no-repeat 0 -32px;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("images/controls.png") no-repeat -43px -32px;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("images/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.is-fs32, .is-mobile-fs32 {
  font-size: 3.2rem;
}

.is-fs31, .is-mobile-fs31 {
  font-size: 3.1rem;
}

.is-fs30, .is-mobile-fs30 {
  font-size: 3rem;
}

.is-fs29, .is-mobile-fs29 {
  font-size: 2.9rem;
}

.is-fs28, .is-mobile-fs28 {
  font-size: 2.8rem;
}

.is-fs27, .is-mobile-fs27 {
  font-size: 2.7rem;
}

.is-fs26, .is-mobile-fs26 {
  font-size: 2.6rem;
}

.is-fs25, .is-mobile-fs25 {
  font-size: 2.5rem;
}

.is-fs24, .is-mobile-fs24 {
  font-size: 2.4rem;
}

.is-fs23, .is-mobile-fs23 {
  font-size: 2.3rem;
}

.is-fs22, .is-mobile-fs22 {
  font-size: 2.2rem;
}

.is-fs21, .is-mobile-fs21 {
  font-size: 2.1rem;
}

.is-fs20, .is-mobile-fs20 {
  font-size: 2rem;
}

.is-fs19, .is-mobile-fs19 {
  font-size: 1.9rem;
}

.is-fs18, .is-mobile-fs18 {
  font-size: 1.8rem;
}

.is-fs17, .is-mobile-fs17 {
  font-size: 1.7rem;
}

.is-fs16, .is-mobile-fs16 {
  font-size: 1.6rem;
}

.is-fs15, .is-mobile-fs15 {
  font-size: 1.5rem;
}

.is-fs14, .is-mobile-fs14 {
  font-size: 1.4rem;
}

.is-fs13, .is-mobile-fs13 {
  font-size: 1.3rem;
}

.is-fs12, .is-mobile-fs12 {
  font-size: 1.2rem;
}

.is-fs11, .is-mobile-fs11 {
  font-size: 1.1rem;
}

.is-fs10, .is-mobile-fs10 {
  font-size: 1rem;
}

.is-fs9, .is-mobile-fs9 {
  font-size: 0.9rem;
}

@media screen and (min-width: 576px) {
  .is-fablet-fs32 {
    font-size: 3.2rem;
  }
  .is-fablet-fs31 {
    font-size: 3.1rem;
  }
  .is-fablet-fs30 {
    font-size: 3rem;
  }
  .is-fablet-fs29 {
    font-size: 2.9rem;
  }
  .is-fablet-fs28 {
    font-size: 2.8rem;
  }
  .is-fablet-fs27 {
    font-size: 2.7rem;
  }
  .is-fablet-fs26 {
    font-size: 2.6rem;
  }
  .is-fablet-fs25 {
    font-size: 2.5rem;
  }
  .is-fablet-fs24 {
    font-size: 2.4rem;
  }
  .is-fablet-fs23 {
    font-size: 2.3rem;
  }
  .is-fablet-fs22 {
    font-size: 2.2rem;
  }
  .is-fablet-fs21 {
    font-size: 2.1rem;
  }
  .is-fablet-fs20 {
    font-size: 2rem;
  }
  .is-fablet-fs19 {
    font-size: 1.9rem;
  }
  .is-fablet-fs18 {
    font-size: 1.8rem;
  }
  .is-fablet-fs17 {
    font-size: 1.7rem;
  }
  .is-fablet-fs16 {
    font-size: 1.6rem;
  }
  .is-fablet-fs15 {
    font-size: 1.5rem;
  }
  .is-fablet-fs14 {
    font-size: 1.4rem;
  }
  .is-fablet-fs13 {
    font-size: 1.3rem;
  }
  .is-fablet-fs12 {
    font-size: 1.2rem;
  }
  .is-fablet-fs11 {
    font-size: 1.1rem;
  }
  .is-fablet-fs10 {
    font-size: 1rem;
  }
  .is-fablet-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 768px) {
  .is-tablet-fs32 {
    font-size: 3.2rem;
  }
  .is-tablet-fs31 {
    font-size: 3.1rem;
  }
  .is-tablet-fs30 {
    font-size: 3rem;
  }
  .is-tablet-fs29 {
    font-size: 2.9rem;
  }
  .is-tablet-fs28 {
    font-size: 2.8rem;
  }
  .is-tablet-fs27 {
    font-size: 2.7rem;
  }
  .is-tablet-fs26 {
    font-size: 2.6rem;
  }
  .is-tablet-fs25 {
    font-size: 2.5rem;
  }
  .is-tablet-fs24 {
    font-size: 2.4rem;
  }
  .is-tablet-fs23 {
    font-size: 2.3rem;
  }
  .is-tablet-fs22 {
    font-size: 2.2rem;
  }
  .is-tablet-fs21 {
    font-size: 2.1rem;
  }
  .is-tablet-fs20 {
    font-size: 2rem;
  }
  .is-tablet-fs19 {
    font-size: 1.9rem;
  }
  .is-tablet-fs18 {
    font-size: 1.8rem;
  }
  .is-tablet-fs17 {
    font-size: 1.7rem;
  }
  .is-tablet-fs16 {
    font-size: 1.6rem;
  }
  .is-tablet-fs15 {
    font-size: 1.5rem;
  }
  .is-tablet-fs14 {
    font-size: 1.4rem;
  }
  .is-tablet-fs13 {
    font-size: 1.3rem;
  }
  .is-tablet-fs12 {
    font-size: 1.2rem;
  }
  .is-tablet-fs11 {
    font-size: 1.1rem;
  }
  .is-tablet-fs10 {
    font-size: 1rem;
  }
  .is-tablet-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 992px) {
  .is-desktop-fs32 {
    font-size: 3.2rem;
  }
  .is-desktop-fs31 {
    font-size: 3.1rem;
  }
  .is-desktop-fs30 {
    font-size: 3rem;
  }
  .is-desktop-fs29 {
    font-size: 2.9rem;
  }
  .is-desktop-fs28 {
    font-size: 2.8rem;
  }
  .is-desktop-fs27 {
    font-size: 2.7rem;
  }
  .is-desktop-fs26 {
    font-size: 2.6rem;
  }
  .is-desktop-fs25 {
    font-size: 2.5rem;
  }
  .is-desktop-fs24 {
    font-size: 2.4rem;
  }
  .is-desktop-fs23 {
    font-size: 2.3rem;
  }
  .is-desktop-fs22 {
    font-size: 2.2rem;
  }
  .is-desktop-fs21 {
    font-size: 2.1rem;
  }
  .is-desktop-fs20 {
    font-size: 2rem;
  }
  .is-desktop-fs19 {
    font-size: 1.9rem;
  }
  .is-desktop-fs18 {
    font-size: 1.8rem;
  }
  .is-desktop-fs17 {
    font-size: 1.7rem;
  }
  .is-desktop-fs16 {
    font-size: 1.6rem;
  }
  .is-desktop-fs15 {
    font-size: 1.5rem;
  }
  .is-desktop-fs14 {
    font-size: 1.4rem;
  }
  .is-desktop-fs13 {
    font-size: 1.3rem;
  }
  .is-desktop-fs12 {
    font-size: 1.2rem;
  }
  .is-desktop-fs11 {
    font-size: 1.1rem;
  }
  .is-desktop-fs10 {
    font-size: 1rem;
  }
  .is-desktop-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 1200px) {
  .is-wide-fs32 {
    font-size: 3.2rem;
  }
  .is-wide-fs31 {
    font-size: 3.1rem;
  }
  .is-wide-fs30 {
    font-size: 3rem;
  }
  .is-wide-fs29 {
    font-size: 2.9rem;
  }
  .is-wide-fs28 {
    font-size: 2.8rem;
  }
  .is-wide-fs27 {
    font-size: 2.7rem;
  }
  .is-wide-fs26 {
    font-size: 2.6rem;
  }
  .is-wide-fs25 {
    font-size: 2.5rem;
  }
  .is-wide-fs24 {
    font-size: 2.4rem;
  }
  .is-wide-fs23 {
    font-size: 2.3rem;
  }
  .is-wide-fs22 {
    font-size: 2.2rem;
  }
  .is-wide-fs21 {
    font-size: 2.1rem;
  }
  .is-wide-fs20 {
    font-size: 2rem;
  }
  .is-wide-fs19 {
    font-size: 1.9rem;
  }
  .is-wide-fs18 {
    font-size: 1.8rem;
  }
  .is-wide-fs17 {
    font-size: 1.7rem;
  }
  .is-wide-fs16 {
    font-size: 1.6rem;
  }
  .is-wide-fs15 {
    font-size: 1.5rem;
  }
  .is-wide-fs14 {
    font-size: 1.4rem;
  }
  .is-wide-fs13 {
    font-size: 1.3rem;
  }
  .is-wide-fs12 {
    font-size: 1.2rem;
  }
  .is-wide-fs11 {
    font-size: 1.1rem;
  }
  .is-wide-fs10 {
    font-size: 1rem;
  }
  .is-wide-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-only-fs32 {
    font-size: 3.2rem;
  }
  .is-mobile-only-fs31 {
    font-size: 3.1rem;
  }
  .is-mobile-only-fs30 {
    font-size: 3rem;
  }
  .is-mobile-only-fs29 {
    font-size: 2.9rem;
  }
  .is-mobile-only-fs28 {
    font-size: 2.8rem;
  }
  .is-mobile-only-fs27 {
    font-size: 2.7rem;
  }
  .is-mobile-only-fs26 {
    font-size: 2.6rem;
  }
  .is-mobile-only-fs25 {
    font-size: 2.5rem;
  }
  .is-mobile-only-fs24 {
    font-size: 2.4rem;
  }
  .is-mobile-only-fs23 {
    font-size: 2.3rem;
  }
  .is-mobile-only-fs22 {
    font-size: 2.2rem;
  }
  .is-mobile-only-fs21 {
    font-size: 2.1rem;
  }
  .is-mobile-only-fs20 {
    font-size: 2rem;
  }
  .is-mobile-only-fs19 {
    font-size: 1.9rem;
  }
  .is-mobile-only-fs18 {
    font-size: 1.8rem;
  }
  .is-mobile-only-fs17 {
    font-size: 1.7rem;
  }
  .is-mobile-only-fs16 {
    font-size: 1.6rem;
  }
  .is-mobile-only-fs15 {
    font-size: 1.5rem;
  }
  .is-mobile-only-fs14 {
    font-size: 1.4rem;
  }
  .is-mobile-only-fs13 {
    font-size: 1.3rem;
  }
  .is-mobile-only-fs12 {
    font-size: 1.2rem;
  }
  .is-mobile-only-fs11 {
    font-size: 1.1rem;
  }
  .is-mobile-only-fs10 {
    font-size: 1rem;
  }
  .is-mobile-only-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .is-fablet-only-fs32 {
    font-size: 3.2rem;
  }
  .is-fablet-only-fs31 {
    font-size: 3.1rem;
  }
  .is-fablet-only-fs30 {
    font-size: 3rem;
  }
  .is-fablet-only-fs29 {
    font-size: 2.9rem;
  }
  .is-fablet-only-fs28 {
    font-size: 2.8rem;
  }
  .is-fablet-only-fs27 {
    font-size: 2.7rem;
  }
  .is-fablet-only-fs26 {
    font-size: 2.6rem;
  }
  .is-fablet-only-fs25 {
    font-size: 2.5rem;
  }
  .is-fablet-only-fs24 {
    font-size: 2.4rem;
  }
  .is-fablet-only-fs23 {
    font-size: 2.3rem;
  }
  .is-fablet-only-fs22 {
    font-size: 2.2rem;
  }
  .is-fablet-only-fs21 {
    font-size: 2.1rem;
  }
  .is-fablet-only-fs20 {
    font-size: 2rem;
  }
  .is-fablet-only-fs19 {
    font-size: 1.9rem;
  }
  .is-fablet-only-fs18 {
    font-size: 1.8rem;
  }
  .is-fablet-only-fs17 {
    font-size: 1.7rem;
  }
  .is-fablet-only-fs16 {
    font-size: 1.6rem;
  }
  .is-fablet-only-fs15 {
    font-size: 1.5rem;
  }
  .is-fablet-only-fs14 {
    font-size: 1.4rem;
  }
  .is-fablet-only-fs13 {
    font-size: 1.3rem;
  }
  .is-fablet-only-fs12 {
    font-size: 1.2rem;
  }
  .is-fablet-only-fs11 {
    font-size: 1.1rem;
  }
  .is-fablet-only-fs10 {
    font-size: 1rem;
  }
  .is-fablet-only-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .is-tablet-only-fs32 {
    font-size: 3.2rem;
  }
  .is-tablet-only-fs31 {
    font-size: 3.1rem;
  }
  .is-tablet-only-fs30 {
    font-size: 3rem;
  }
  .is-tablet-only-fs29 {
    font-size: 2.9rem;
  }
  .is-tablet-only-fs28 {
    font-size: 2.8rem;
  }
  .is-tablet-only-fs27 {
    font-size: 2.7rem;
  }
  .is-tablet-only-fs26 {
    font-size: 2.6rem;
  }
  .is-tablet-only-fs25 {
    font-size: 2.5rem;
  }
  .is-tablet-only-fs24 {
    font-size: 2.4rem;
  }
  .is-tablet-only-fs23 {
    font-size: 2.3rem;
  }
  .is-tablet-only-fs22 {
    font-size: 2.2rem;
  }
  .is-tablet-only-fs21 {
    font-size: 2.1rem;
  }
  .is-tablet-only-fs20 {
    font-size: 2rem;
  }
  .is-tablet-only-fs19 {
    font-size: 1.9rem;
  }
  .is-tablet-only-fs18 {
    font-size: 1.8rem;
  }
  .is-tablet-only-fs17 {
    font-size: 1.7rem;
  }
  .is-tablet-only-fs16 {
    font-size: 1.6rem;
  }
  .is-tablet-only-fs15 {
    font-size: 1.5rem;
  }
  .is-tablet-only-fs14 {
    font-size: 1.4rem;
  }
  .is-tablet-only-fs13 {
    font-size: 1.3rem;
  }
  .is-tablet-only-fs12 {
    font-size: 1.2rem;
  }
  .is-tablet-only-fs11 {
    font-size: 1.1rem;
  }
  .is-tablet-only-fs10 {
    font-size: 1rem;
  }
  .is-tablet-only-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .is-desktop-only-fs32 {
    font-size: 3.2rem;
  }
  .is-desktop-only-fs31 {
    font-size: 3.1rem;
  }
  .is-desktop-only-fs30 {
    font-size: 3rem;
  }
  .is-desktop-only-fs29 {
    font-size: 2.9rem;
  }
  .is-desktop-only-fs28 {
    font-size: 2.8rem;
  }
  .is-desktop-only-fs27 {
    font-size: 2.7rem;
  }
  .is-desktop-only-fs26 {
    font-size: 2.6rem;
  }
  .is-desktop-only-fs25 {
    font-size: 2.5rem;
  }
  .is-desktop-only-fs24 {
    font-size: 2.4rem;
  }
  .is-desktop-only-fs23 {
    font-size: 2.3rem;
  }
  .is-desktop-only-fs22 {
    font-size: 2.2rem;
  }
  .is-desktop-only-fs21 {
    font-size: 2.1rem;
  }
  .is-desktop-only-fs20 {
    font-size: 2rem;
  }
  .is-desktop-only-fs19 {
    font-size: 1.9rem;
  }
  .is-desktop-only-fs18 {
    font-size: 1.8rem;
  }
  .is-desktop-only-fs17 {
    font-size: 1.7rem;
  }
  .is-desktop-only-fs16 {
    font-size: 1.6rem;
  }
  .is-desktop-only-fs15 {
    font-size: 1.5rem;
  }
  .is-desktop-only-fs14 {
    font-size: 1.4rem;
  }
  .is-desktop-only-fs13 {
    font-size: 1.3rem;
  }
  .is-desktop-only-fs12 {
    font-size: 1.2rem;
  }
  .is-desktop-only-fs11 {
    font-size: 1.1rem;
  }
  .is-desktop-only-fs10 {
    font-size: 1rem;
  }
  .is-desktop-only-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 1200px) {
  .is-wide-only-fs32 {
    font-size: 3.2rem;
  }
  .is-wide-only-fs31 {
    font-size: 3.1rem;
  }
  .is-wide-only-fs30 {
    font-size: 3rem;
  }
  .is-wide-only-fs29 {
    font-size: 2.9rem;
  }
  .is-wide-only-fs28 {
    font-size: 2.8rem;
  }
  .is-wide-only-fs27 {
    font-size: 2.7rem;
  }
  .is-wide-only-fs26 {
    font-size: 2.6rem;
  }
  .is-wide-only-fs25 {
    font-size: 2.5rem;
  }
  .is-wide-only-fs24 {
    font-size: 2.4rem;
  }
  .is-wide-only-fs23 {
    font-size: 2.3rem;
  }
  .is-wide-only-fs22 {
    font-size: 2.2rem;
  }
  .is-wide-only-fs21 {
    font-size: 2.1rem;
  }
  .is-wide-only-fs20 {
    font-size: 2rem;
  }
  .is-wide-only-fs19 {
    font-size: 1.9rem;
  }
  .is-wide-only-fs18 {
    font-size: 1.8rem;
  }
  .is-wide-only-fs17 {
    font-size: 1.7rem;
  }
  .is-wide-only-fs16 {
    font-size: 1.6rem;
  }
  .is-wide-only-fs15 {
    font-size: 1.5rem;
  }
  .is-wide-only-fs14 {
    font-size: 1.4rem;
  }
  .is-wide-only-fs13 {
    font-size: 1.3rem;
  }
  .is-wide-only-fs12 {
    font-size: 1.2rem;
  }
  .is-wide-only-fs11 {
    font-size: 1.1rem;
  }
  .is-wide-only-fs10 {
    font-size: 1rem;
  }
  .is-wide-only-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 767px) {
  .is-mobile-fablet-fs32 {
    font-size: 3.2rem;
  }
  .is-mobile-fablet-fs31 {
    font-size: 3.1rem;
  }
  .is-mobile-fablet-fs30 {
    font-size: 3rem;
  }
  .is-mobile-fablet-fs29 {
    font-size: 2.9rem;
  }
  .is-mobile-fablet-fs28 {
    font-size: 2.8rem;
  }
  .is-mobile-fablet-fs27 {
    font-size: 2.7rem;
  }
  .is-mobile-fablet-fs26 {
    font-size: 2.6rem;
  }
  .is-mobile-fablet-fs25 {
    font-size: 2.5rem;
  }
  .is-mobile-fablet-fs24 {
    font-size: 2.4rem;
  }
  .is-mobile-fablet-fs23 {
    font-size: 2.3rem;
  }
  .is-mobile-fablet-fs22 {
    font-size: 2.2rem;
  }
  .is-mobile-fablet-fs21 {
    font-size: 2.1rem;
  }
  .is-mobile-fablet-fs20 {
    font-size: 2rem;
  }
  .is-mobile-fablet-fs19 {
    font-size: 1.9rem;
  }
  .is-mobile-fablet-fs18 {
    font-size: 1.8rem;
  }
  .is-mobile-fablet-fs17 {
    font-size: 1.7rem;
  }
  .is-mobile-fablet-fs16 {
    font-size: 1.6rem;
  }
  .is-mobile-fablet-fs15 {
    font-size: 1.5rem;
  }
  .is-mobile-fablet-fs14 {
    font-size: 1.4rem;
  }
  .is-mobile-fablet-fs13 {
    font-size: 1.3rem;
  }
  .is-mobile-fablet-fs12 {
    font-size: 1.2rem;
  }
  .is-mobile-fablet-fs11 {
    font-size: 1.1rem;
  }
  .is-mobile-fablet-fs10 {
    font-size: 1rem;
  }
  .is-mobile-fablet-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 991px) {
  .is-mobile-tablet-fs32 {
    font-size: 3.2rem;
  }
  .is-mobile-tablet-fs31 {
    font-size: 3.1rem;
  }
  .is-mobile-tablet-fs30 {
    font-size: 3rem;
  }
  .is-mobile-tablet-fs29 {
    font-size: 2.9rem;
  }
  .is-mobile-tablet-fs28 {
    font-size: 2.8rem;
  }
  .is-mobile-tablet-fs27 {
    font-size: 2.7rem;
  }
  .is-mobile-tablet-fs26 {
    font-size: 2.6rem;
  }
  .is-mobile-tablet-fs25 {
    font-size: 2.5rem;
  }
  .is-mobile-tablet-fs24 {
    font-size: 2.4rem;
  }
  .is-mobile-tablet-fs23 {
    font-size: 2.3rem;
  }
  .is-mobile-tablet-fs22 {
    font-size: 2.2rem;
  }
  .is-mobile-tablet-fs21 {
    font-size: 2.1rem;
  }
  .is-mobile-tablet-fs20 {
    font-size: 2rem;
  }
  .is-mobile-tablet-fs19 {
    font-size: 1.9rem;
  }
  .is-mobile-tablet-fs18 {
    font-size: 1.8rem;
  }
  .is-mobile-tablet-fs17 {
    font-size: 1.7rem;
  }
  .is-mobile-tablet-fs16 {
    font-size: 1.6rem;
  }
  .is-mobile-tablet-fs15 {
    font-size: 1.5rem;
  }
  .is-mobile-tablet-fs14 {
    font-size: 1.4rem;
  }
  .is-mobile-tablet-fs13 {
    font-size: 1.3rem;
  }
  .is-mobile-tablet-fs12 {
    font-size: 1.2rem;
  }
  .is-mobile-tablet-fs11 {
    font-size: 1.1rem;
  }
  .is-mobile-tablet-fs10 {
    font-size: 1rem;
  }
  .is-mobile-tablet-fs9 {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 1199px) {
  .is-mobile-desktop-fs32 {
    font-size: 3.2rem;
  }
  .is-mobile-desktop-fs31 {
    font-size: 3.1rem;
  }
  .is-mobile-desktop-fs30 {
    font-size: 3rem;
  }
  .is-mobile-desktop-fs29 {
    font-size: 2.9rem;
  }
  .is-mobile-desktop-fs28 {
    font-size: 2.8rem;
  }
  .is-mobile-desktop-fs27 {
    font-size: 2.7rem;
  }
  .is-mobile-desktop-fs26 {
    font-size: 2.6rem;
  }
  .is-mobile-desktop-fs25 {
    font-size: 2.5rem;
  }
  .is-mobile-desktop-fs24 {
    font-size: 2.4rem;
  }
  .is-mobile-desktop-fs23 {
    font-size: 2.3rem;
  }
  .is-mobile-desktop-fs22 {
    font-size: 2.2rem;
  }
  .is-mobile-desktop-fs21 {
    font-size: 2.1rem;
  }
  .is-mobile-desktop-fs20 {
    font-size: 2rem;
  }
  .is-mobile-desktop-fs19 {
    font-size: 1.9rem;
  }
  .is-mobile-desktop-fs18 {
    font-size: 1.8rem;
  }
  .is-mobile-desktop-fs17 {
    font-size: 1.7rem;
  }
  .is-mobile-desktop-fs16 {
    font-size: 1.6rem;
  }
  .is-mobile-desktop-fs15 {
    font-size: 1.5rem;
  }
  .is-mobile-desktop-fs14 {
    font-size: 1.4rem;
  }
  .is-mobile-desktop-fs13 {
    font-size: 1.3rem;
  }
  .is-mobile-desktop-fs12 {
    font-size: 1.2rem;
  }
  .is-mobile-desktop-fs11 {
    font-size: 1.1rem;
  }
  .is-mobile-desktop-fs10 {
    font-size: 1rem;
  }
  .is-mobile-desktop-fs9 {
    font-size: 0.9rem;
  }
}

@media all and (orientation: landscape) and (max-width: 991px) {
  .is-landscape-fs32 {
    font-size: 3.2rem;
  }
  .is-landscape-fs31 {
    font-size: 3.1rem;
  }
  .is-landscape-fs30 {
    font-size: 3rem;
  }
  .is-landscape-fs29 {
    font-size: 2.9rem;
  }
  .is-landscape-fs28 {
    font-size: 2.8rem;
  }
  .is-landscape-fs27 {
    font-size: 2.7rem;
  }
  .is-landscape-fs26 {
    font-size: 2.6rem;
  }
  .is-landscape-fs25 {
    font-size: 2.5rem;
  }
  .is-landscape-fs24 {
    font-size: 2.4rem;
  }
  .is-landscape-fs23 {
    font-size: 2.3rem;
  }
  .is-landscape-fs22 {
    font-size: 2.2rem;
  }
  .is-landscape-fs21 {
    font-size: 2.1rem;
  }
  .is-landscape-fs20 {
    font-size: 2rem;
  }
  .is-landscape-fs19 {
    font-size: 1.9rem;
  }
  .is-landscape-fs18 {
    font-size: 1.8rem;
  }
  .is-landscape-fs17 {
    font-size: 1.7rem;
  }
  .is-landscape-fs16 {
    font-size: 1.6rem;
  }
  .is-landscape-fs15 {
    font-size: 1.5rem;
  }
  .is-landscape-fs14 {
    font-size: 1.4rem;
  }
  .is-landscape-fs13 {
    font-size: 1.3rem;
  }
  .is-landscape-fs12 {
    font-size: 1.2rem;
  }
  .is-landscape-fs11 {
    font-size: 1.1rem;
  }
  .is-landscape-fs10 {
    font-size: 1rem;
  }
  .is-landscape-fs9 {
    font-size: 0.9rem;
  }
}

@media all and (orientation: portrait) and (max-width: 991px) {
  .is-portrait-fs32 {
    font-size: 3.2rem;
  }
  .is-portrait-fs31 {
    font-size: 3.1rem;
  }
  .is-portrait-fs30 {
    font-size: 3rem;
  }
  .is-portrait-fs29 {
    font-size: 2.9rem;
  }
  .is-portrait-fs28 {
    font-size: 2.8rem;
  }
  .is-portrait-fs27 {
    font-size: 2.7rem;
  }
  .is-portrait-fs26 {
    font-size: 2.6rem;
  }
  .is-portrait-fs25 {
    font-size: 2.5rem;
  }
  .is-portrait-fs24 {
    font-size: 2.4rem;
  }
  .is-portrait-fs23 {
    font-size: 2.3rem;
  }
  .is-portrait-fs22 {
    font-size: 2.2rem;
  }
  .is-portrait-fs21 {
    font-size: 2.1rem;
  }
  .is-portrait-fs20 {
    font-size: 2rem;
  }
  .is-portrait-fs19 {
    font-size: 1.9rem;
  }
  .is-portrait-fs18 {
    font-size: 1.8rem;
  }
  .is-portrait-fs17 {
    font-size: 1.7rem;
  }
  .is-portrait-fs16 {
    font-size: 1.6rem;
  }
  .is-portrait-fs15 {
    font-size: 1.5rem;
  }
  .is-portrait-fs14 {
    font-size: 1.4rem;
  }
  .is-portrait-fs13 {
    font-size: 1.3rem;
  }
  .is-portrait-fs12 {
    font-size: 1.2rem;
  }
  .is-portrait-fs11 {
    font-size: 1.1rem;
  }
  .is-portrait-fs10 {
    font-size: 1rem;
  }
  .is-portrait-fs9 {
    font-size: 0.9rem;
  }
}

.site-en .is-fs32-en, .site-en .is-mobile-fs32-en {
  font-size: 3.2rem;
}

.site-en .is-fs31-en, .site-en .is-mobile-fs31-en {
  font-size: 3.1rem;
}

.site-en .is-fs30-en, .site-en .is-mobile-fs30-en {
  font-size: 3rem;
}

.site-en .is-fs29-en, .site-en .is-mobile-fs29-en {
  font-size: 2.9rem;
}

.site-en .is-fs28-en, .site-en .is-mobile-fs28-en {
  font-size: 2.8rem;
}

.site-en .is-fs27-en, .site-en .is-mobile-fs27-en {
  font-size: 2.7rem;
}

.site-en .is-fs26-en, .site-en .is-mobile-fs26-en {
  font-size: 2.6rem;
}

.site-en .is-fs25-en, .site-en .is-mobile-fs25-en {
  font-size: 2.5rem;
}

.site-en .is-fs24-en, .site-en .is-mobile-fs24-en {
  font-size: 2.4rem;
}

.site-en .is-fs23-en, .site-en .is-mobile-fs23-en {
  font-size: 2.3rem;
}

.site-en .is-fs22-en, .site-en .is-mobile-fs22-en {
  font-size: 2.2rem;
}

.site-en .is-fs21-en, .site-en .is-mobile-fs21-en {
  font-size: 2.1rem;
}

.site-en .is-fs20-en, .site-en .is-mobile-fs20-en {
  font-size: 2rem;
}

.site-en .is-fs19-en, .site-en .is-mobile-fs19-en {
  font-size: 1.9rem;
}

.site-en .is-fs18-en, .site-en .is-mobile-fs18-en {
  font-size: 1.8rem;
}

.site-en .is-fs17-en, .site-en .is-mobile-fs17-en {
  font-size: 1.7rem;
}

.site-en .is-fs16-en, .site-en .is-mobile-fs16-en {
  font-size: 1.6rem;
}

.site-en .is-fs15-en, .site-en .is-mobile-fs15-en {
  font-size: 1.5rem;
}

.site-en .is-fs14-en, .site-en .is-mobile-fs14-en {
  font-size: 1.4rem;
}

.site-en .is-fs13-en, .site-en .is-mobile-fs13-en {
  font-size: 1.3rem;
}

.site-en .is-fs12-en, .site-en .is-mobile-fs12-en {
  font-size: 1.2rem;
}

.site-en .is-fs11-en, .site-en .is-mobile-fs11-en {
  font-size: 1.1rem;
}

.site-en .is-fs10-en, .site-en .is-mobile-fs10-en {
  font-size: 1rem;
}

.site-en .is-fs9-en, .site-en .is-mobile-fs9-en {
  font-size: 0.9rem;
}

@media screen and (min-width: 576px) {
  .site-en .is-fablet-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-fablet-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-fablet-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-fablet-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-fablet-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-fablet-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-fablet-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-fablet-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-fablet-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-fablet-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-fablet-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-fablet-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-fablet-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-fablet-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-fablet-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-fablet-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-fablet-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-fablet-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-fablet-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-fablet-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-fablet-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-fablet-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-fablet-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-fablet-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 768px) {
  .site-en .is-tablet-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-tablet-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-tablet-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-tablet-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-tablet-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-tablet-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-tablet-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-tablet-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-tablet-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-tablet-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-tablet-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-tablet-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-tablet-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-tablet-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-tablet-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-tablet-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-tablet-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-tablet-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-tablet-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-tablet-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-tablet-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-tablet-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-tablet-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-tablet-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 992px) {
  .site-en .is-desktop-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-desktop-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-desktop-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-desktop-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-desktop-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-desktop-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-desktop-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-desktop-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-desktop-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-desktop-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-desktop-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-desktop-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-desktop-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-desktop-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-desktop-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-desktop-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-desktop-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-desktop-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-desktop-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-desktop-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-desktop-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-desktop-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-desktop-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-desktop-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 1200px) {
  .site-en .is-wide-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-wide-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-wide-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-wide-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-wide-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-wide-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-wide-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-wide-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-wide-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-wide-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-wide-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-wide-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-wide-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-wide-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-wide-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-wide-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-wide-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-wide-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-wide-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-wide-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-wide-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-wide-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-wide-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-wide-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 575px) {
  .site-en .is-mobile-only-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-mobile-only-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-mobile-only-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-mobile-only-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-mobile-only-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-mobile-only-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-mobile-only-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-mobile-only-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-mobile-only-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-mobile-only-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-mobile-only-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-mobile-only-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-mobile-only-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-mobile-only-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-mobile-only-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-mobile-only-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-mobile-only-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-mobile-only-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-mobile-only-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-mobile-only-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-mobile-only-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-mobile-only-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-mobile-only-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-mobile-only-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .site-en .is-fablet-only-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-fablet-only-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-fablet-only-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-fablet-only-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-fablet-only-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-fablet-only-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-fablet-only-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-fablet-only-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-fablet-only-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-fablet-only-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-fablet-only-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-fablet-only-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-fablet-only-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-fablet-only-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-fablet-only-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-fablet-only-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-fablet-only-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-fablet-only-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-fablet-only-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-fablet-only-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-fablet-only-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-fablet-only-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-fablet-only-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-fablet-only-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .site-en .is-tablet-only-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-tablet-only-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-tablet-only-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-tablet-only-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-tablet-only-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-tablet-only-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-tablet-only-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-tablet-only-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-tablet-only-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-tablet-only-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-tablet-only-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-tablet-only-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-tablet-only-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-tablet-only-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-tablet-only-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-tablet-only-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-tablet-only-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-tablet-only-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-tablet-only-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-tablet-only-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-tablet-only-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-tablet-only-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-tablet-only-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-tablet-only-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .site-en .is-desktop-only-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-desktop-only-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-desktop-only-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-desktop-only-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-desktop-only-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-desktop-only-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-desktop-only-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-desktop-only-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-desktop-only-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-desktop-only-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-desktop-only-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-desktop-only-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-desktop-only-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-desktop-only-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-desktop-only-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-desktop-only-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-desktop-only-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-desktop-only-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-desktop-only-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-desktop-only-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-desktop-only-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-desktop-only-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-desktop-only-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-desktop-only-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (min-width: 1200px) {
  .site-en .is-wide-only-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-wide-only-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-wide-only-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-wide-only-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-wide-only-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-wide-only-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-wide-only-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-wide-only-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-wide-only-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-wide-only-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-wide-only-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-wide-only-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-wide-only-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-wide-only-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-wide-only-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-wide-only-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-wide-only-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-wide-only-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-wide-only-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-wide-only-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-wide-only-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-wide-only-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-wide-only-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-wide-only-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 767px) {
  .site-en .is-mobile-fablet-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-mobile-fablet-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-mobile-fablet-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-mobile-fablet-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-mobile-fablet-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-mobile-fablet-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-mobile-fablet-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-mobile-fablet-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-mobile-fablet-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-mobile-fablet-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-mobile-fablet-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-mobile-fablet-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-mobile-fablet-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-mobile-fablet-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-mobile-fablet-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-mobile-fablet-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-mobile-fablet-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-mobile-fablet-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-mobile-fablet-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-mobile-fablet-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-mobile-fablet-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-mobile-fablet-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-mobile-fablet-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-mobile-fablet-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 991px) {
  .site-en .is-mobile-tablet-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-mobile-tablet-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-mobile-tablet-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-mobile-tablet-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-mobile-tablet-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-mobile-tablet-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-mobile-tablet-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-mobile-tablet-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-mobile-tablet-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-mobile-tablet-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-mobile-tablet-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-mobile-tablet-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-mobile-tablet-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-mobile-tablet-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-mobile-tablet-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-mobile-tablet-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-mobile-tablet-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-mobile-tablet-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-mobile-tablet-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-mobile-tablet-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-mobile-tablet-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-mobile-tablet-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-mobile-tablet-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-mobile-tablet-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 1199px) {
  .site-en .is-mobile-desktop-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-mobile-desktop-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-mobile-desktop-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-mobile-desktop-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-mobile-desktop-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-mobile-desktop-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-mobile-desktop-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-mobile-desktop-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-mobile-desktop-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-mobile-desktop-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-mobile-desktop-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-mobile-desktop-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-mobile-desktop-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-mobile-desktop-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-mobile-desktop-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-mobile-desktop-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-mobile-desktop-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-mobile-desktop-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-mobile-desktop-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-mobile-desktop-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-mobile-desktop-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-mobile-desktop-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-mobile-desktop-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-mobile-desktop-fs9-en {
    font-size: 0.9rem;
  }
}

@media all and (orientation: landscape) and (max-width: 991px) {
  .site-en .is-landscape-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-landscape-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-landscape-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-landscape-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-landscape-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-landscape-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-landscape-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-landscape-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-landscape-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-landscape-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-landscape-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-landscape-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-landscape-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-landscape-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-landscape-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-landscape-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-landscape-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-landscape-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-landscape-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-landscape-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-landscape-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-landscape-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-landscape-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-landscape-fs9-en {
    font-size: 0.9rem;
  }
}

@media all and (orientation: portrait) and (max-width: 991px) {
  .site-en .is-portrait-fs32-en {
    font-size: 3.2rem;
  }
  .site-en .is-portrait-fs31-en {
    font-size: 3.1rem;
  }
  .site-en .is-portrait-fs30-en {
    font-size: 3rem;
  }
  .site-en .is-portrait-fs29-en {
    font-size: 2.9rem;
  }
  .site-en .is-portrait-fs28-en {
    font-size: 2.8rem;
  }
  .site-en .is-portrait-fs27-en {
    font-size: 2.7rem;
  }
  .site-en .is-portrait-fs26-en {
    font-size: 2.6rem;
  }
  .site-en .is-portrait-fs25-en {
    font-size: 2.5rem;
  }
  .site-en .is-portrait-fs24-en {
    font-size: 2.4rem;
  }
  .site-en .is-portrait-fs23-en {
    font-size: 2.3rem;
  }
  .site-en .is-portrait-fs22-en {
    font-size: 2.2rem;
  }
  .site-en .is-portrait-fs21-en {
    font-size: 2.1rem;
  }
  .site-en .is-portrait-fs20-en {
    font-size: 2rem;
  }
  .site-en .is-portrait-fs19-en {
    font-size: 1.9rem;
  }
  .site-en .is-portrait-fs18-en {
    font-size: 1.8rem;
  }
  .site-en .is-portrait-fs17-en {
    font-size: 1.7rem;
  }
  .site-en .is-portrait-fs16-en {
    font-size: 1.6rem;
  }
  .site-en .is-portrait-fs15-en {
    font-size: 1.5rem;
  }
  .site-en .is-portrait-fs14-en {
    font-size: 1.4rem;
  }
  .site-en .is-portrait-fs13-en {
    font-size: 1.3rem;
  }
  .site-en .is-portrait-fs12-en {
    font-size: 1.2rem;
  }
  .site-en .is-portrait-fs11-en {
    font-size: 1.1rem;
  }
  .site-en .is-portrait-fs10-en {
    font-size: 1rem;
  }
  .site-en .is-portrait-fs9-en {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs26 {
    font-size: 2.6vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs32 {
    font-size: 3.2vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs33 {
    font-size: 3.3vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs34 {
    font-size: 3.4vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs35 {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs36 {
    font-size: 3.6vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs37 {
    font-size: 3.7vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs38 {
    font-size: 3.8vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs39 {
    font-size: 3.9vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs40 {
    font-size: 4vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs42 {
    font-size: 4.2vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs44 {
    font-size: 4.4vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs46 {
    font-size: 4.6vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs48 {
    font-size: 4.8vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs50 {
    font-size: 5vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs53 {
    font-size: 5.3vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs67 {
    font-size: 6.7vw;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-fs72 {
    font-size: 7.2vw;
  }
}

.is-mobile-0 {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}

.is-mobile-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  width: 8.33333%;
}

.is-mobile-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  width: 16.66667%;
}

.is-mobile-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
}

.is-mobile-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  width: 33.33333%;
}

.is-mobile-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  width: 41.66667%;
}

.is-mobile-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
}

.is-mobile-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  width: 58.33333%;
}

.is-mobile-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  width: 66.66667%;
}

.is-mobile-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
}

.is-mobile-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  width: 83.33333%;
}

.is-mobile-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  width: 91.66667%;
}

.is-mobile-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
}

.is-mobile-full {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  width: 100%;
}

.is-mobile-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
}

@media screen and (min-width: 576px) {
  .is-fablet-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-fablet-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-fablet-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-fablet-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-fablet-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-fablet-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-fablet-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-fablet-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-fablet-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-fablet-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-fablet-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-fablet-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-fablet-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-fablet-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-fablet-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .is-tablet-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-tablet-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-tablet-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-tablet-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-tablet-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-tablet-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-tablet-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-tablet-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-tablet-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-tablet-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-tablet-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-tablet-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-tablet-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-tablet-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-tablet-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (min-width: 992px) {
  .is-desktop-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-desktop-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-desktop-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-desktop-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-desktop-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-desktop-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-desktop-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-desktop-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-desktop-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-desktop-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-desktop-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-desktop-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-desktop-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-desktop-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-desktop-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (min-width: 1200px) {
  .is-wide-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-wide-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-wide-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-wide-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-wide-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-wide-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-wide-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-wide-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-wide-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-wide-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-wide-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-wide-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-wide-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-wide-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-wide-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-only-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-mobile-only-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-mobile-only-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-mobile-only-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-mobile-only-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-mobile-only-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-mobile-only-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-mobile-only-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-mobile-only-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-mobile-only-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-mobile-only-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-mobile-only-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-mobile-only-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-mobile-only-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-mobile-only-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .is-fablet-only-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-fablet-only-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-fablet-only-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-fablet-only-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-fablet-only-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-fablet-only-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-fablet-only-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-fablet-only-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-fablet-only-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-fablet-only-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-fablet-only-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-fablet-only-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-fablet-only-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-fablet-only-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-fablet-only-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .is-tablet-only-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-tablet-only-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-tablet-only-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-tablet-only-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-tablet-only-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-tablet-only-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-tablet-only-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-tablet-only-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-tablet-only-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-tablet-only-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-tablet-only-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-tablet-only-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-tablet-only-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-tablet-only-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-tablet-only-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .is-desktop-only-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-desktop-only-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-desktop-only-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-desktop-only-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-desktop-only-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-desktop-only-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-desktop-only-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-desktop-only-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-desktop-only-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-desktop-only-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-desktop-only-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-desktop-only-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-desktop-only-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-desktop-only-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-desktop-only-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (min-width: 1200px) {
  .is-wide-only-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-wide-only-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-wide-only-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-wide-only-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-wide-only-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-wide-only-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-wide-only-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-wide-only-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-wide-only-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-wide-only-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-wide-only-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-wide-only-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-wide-only-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-wide-only-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-wide-only-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .is-mobile-fablet-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-mobile-fablet-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-mobile-fablet-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-mobile-fablet-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-mobile-fablet-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-mobile-fablet-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-mobile-fablet-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-mobile-fablet-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-mobile-fablet-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-mobile-fablet-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-mobile-fablet-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-mobile-fablet-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-mobile-fablet-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-mobile-fablet-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-mobile-fablet-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (max-width: 991px) {
  .is-mobile-tablet-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-mobile-tablet-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-mobile-tablet-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-mobile-tablet-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-mobile-tablet-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-mobile-tablet-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-mobile-tablet-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-mobile-tablet-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-mobile-tablet-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-mobile-tablet-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-mobile-tablet-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-mobile-tablet-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-mobile-tablet-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-mobile-tablet-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-mobile-tablet-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media screen and (max-width: 1199px) {
  .is-mobile-desktop-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-mobile-desktop-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-mobile-desktop-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-mobile-desktop-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-mobile-desktop-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-mobile-desktop-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-mobile-desktop-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-mobile-desktop-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-mobile-desktop-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-mobile-desktop-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-mobile-desktop-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-mobile-desktop-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-mobile-desktop-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-mobile-desktop-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-mobile-desktop-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media all and (orientation: landscape) and (max-width: 991px) {
  .is-landscape-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-landscape-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-landscape-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-landscape-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-landscape-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-landscape-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-landscape-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-landscape-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-landscape-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-landscape-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-landscape-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-landscape-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-landscape-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-landscape-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-landscape-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

@media all and (orientation: portrait) and (max-width: 991px) {
  .is-portrait-0 {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .is-portrait-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
  }
  .is-portrait-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
  }
  .is-portrait-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
  }
  .is-portrait-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
  }
  .is-portrait-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
  }
  .is-portrait-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
  }
  .is-portrait-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
  }
  .is-portrait-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
  }
  .is-portrait-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
  }
  .is-portrait-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
  }
  .is-portrait-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
  }
  .is-portrait-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }
  .is-portrait-full {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    width: 100%;
  }
  .is-portrait-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: auto;
  }
}

.is-dark {
  color: #000000;
}

.is-light {
  color: #ffffff;
}

.is-primary:not(.btn) {
  color: #f3be45;
}

.is-info:not(.btn) {
  color: #22ace0;
}

.is-success:not(.btn) {
  color: #00c853;
}

.is-warning:not(.btn) {
  color: #fb8c00;
}

.is-danger:not(.btn) {
  color: #e03030;
}

.is-normal {
  font-weight: 400;
}

.is-strong {
  font-weight: 700;
}

.is-weight-100 {
  font-weight: 100;
}

.is-weight-200 {
  font-weight: 200;
}

.is-weight-300 {
  font-weight: 300;
}

.is-weight-400 {
  font-weight: 400;
}

.is-weight-500 {
  font-weight: 500;
}

.is-weight-600 {
  font-weight: 600;
}

.is-weight-700 {
  font-weight: 700;
}

.is-weight-800 {
  font-weight: 800;
}

.is-weight-900 {
  font-weight: 900;
}

.is-italic {
  font-style: italic;
}

.is-delete {
  text-decoration: line-through;
}

.is-capitalize {
  text-transform: capitalize;
}

.is-lowercase {
  text-transform: lowercase;
}

.is-uppercase {
  text-transform: uppercase;
}

:not(.grid):not(.btns):not(.field).is-left, :not(.grid):not(.btns):not(.field).is-mobile-left {
  text-align: left;
}

:not(.grid):not(.btns):not(.field).is-center, :not(.grid):not(.btns):not(.field).is-mobile-center {
  text-align: center;
}

:not(.grid):not(.btns):not(.field).is-right, :not(.grid):not(.btns):not(.field).is-mobile-right {
  text-align: right;
}

@media screen and (min-width: 576px) {
  :not(.grid):not(.btns):not(.field).is-fablet-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-fablet-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-fablet-right {
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  :not(.grid):not(.btns):not(.field).is-tablet-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-tablet-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-tablet-right {
    text-align: right;
  }
}

@media screen and (min-width: 992px) {
  :not(.grid):not(.btns):not(.field).is-desktop-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-desktop-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-desktop-right {
    text-align: right;
  }
}

@media screen and (min-width: 1200px) {
  :not(.grid):not(.btns):not(.field).is-wide-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-wide-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-wide-right {
    text-align: right;
  }
}

@media screen and (max-width: 575px) {
  :not(.grid):not(.btns):not(.field).is-mobile-only-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-mobile-only-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-mobile-only-right {
    text-align: right;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  :not(.grid):not(.btns):not(.field).is-fablet-only-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-fablet-only-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-fablet-only-right {
    text-align: right;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  :not(.grid):not(.btns):not(.field).is-tablet-only-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-tablet-only-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-tablet-only-right {
    text-align: right;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  :not(.grid):not(.btns):not(.field).is-desktop-only-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-desktop-only-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-desktop-only-right {
    text-align: right;
  }
}

@media screen and (min-width: 1200px) {
  :not(.grid):not(.btns):not(.field).is-wide-only-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-wide-only-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-wide-only-right {
    text-align: right;
  }
}

@media screen and (max-width: 767px) {
  :not(.grid):not(.btns):not(.field).is-mobile-fablet-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-mobile-fablet-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-mobile-fablet-right {
    text-align: right;
  }
}

@media screen and (max-width: 991px) {
  :not(.grid):not(.btns):not(.field).is-mobile-tablet-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-mobile-tablet-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-mobile-tablet-right {
    text-align: right;
  }
}

@media screen and (max-width: 1199px) {
  :not(.grid):not(.btns):not(.field).is-mobile-desktop-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-mobile-desktop-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-mobile-desktop-right {
    text-align: right;
  }
}

@media all and (orientation: landscape) and (max-width: 991px) {
  :not(.grid):not(.btns):not(.field).is-landscape-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-landscape-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-landscape-right {
    text-align: right;
  }
}

@media all and (orientation: portrait) and (max-width: 991px) {
  :not(.grid):not(.btns):not(.field).is-portrait-left {
    text-align: left;
  }
  :not(.grid):not(.btns):not(.field).is-portrait-center {
    text-align: center;
  }
  :not(.grid):not(.btns):not(.field).is-portrait-right {
    text-align: right;
  }
}

:not(.grid):not(.btns):not(.field).is-justify {
  text-align: justify;
}

:not(.grid):not(.btns):not(.field).is-baseline {
  vertical-align: baseline;
}

:not(.grid):not(.btns):not(.field).is-top {
  vertical-align: top;
}

:not(.grid):not(.btns):not(.field).is-middle {
  vertical-align: middle;
}

:not(.grid):not(.btns):not(.field).is-bottom {
  vertical-align: bottom;
}

.is-nowrap {
  white-space: nowrap;
}

.is-break {
  word-break: break-all;
}

.is-centering {
  margin: 0 auto;
}

.is-scroll-x {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.is-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.is-block, .is-mobile-block {
  display: block;
}

.is-inline, .is-mobile-inline {
  display: inline;
}

.is-inline-block, .is-mobile-inline-block {
  display: inline-block;
}

.is-none, .is-mobile-none {
  display: none;
}

@media screen and (min-width: 576px) {
  .is-fablet-block {
    display: block;
  }
  .is-fablet-inline {
    display: inline;
  }
  .is-fablet-inline-block {
    display: inline-block;
  }
  .is-fablet-none {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .is-tablet-block {
    display: block;
  }
  .is-tablet-inline {
    display: inline;
  }
  .is-tablet-inline-block {
    display: inline-block;
  }
  .is-tablet-none {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .is-desktop-block {
    display: block;
  }
  .is-desktop-inline {
    display: inline;
  }
  .is-desktop-inline-block {
    display: inline-block;
  }
  .is-desktop-none {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .is-wide-block {
    display: block;
  }
  .is-wide-inline {
    display: inline;
  }
  .is-wide-inline-block {
    display: inline-block;
  }
  .is-wide-none {
    display: none;
  }
}

@media screen and (max-width: 575px) {
  .is-mobile-only-block {
    display: block;
  }
  .is-mobile-only-inline {
    display: inline;
  }
  .is-mobile-only-inline-block {
    display: inline-block;
  }
  .is-mobile-only-none {
    display: none;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .is-fablet-only-block {
    display: block;
  }
  .is-fablet-only-inline {
    display: inline;
  }
  .is-fablet-only-inline-block {
    display: inline-block;
  }
  .is-fablet-only-none {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .is-tablet-only-block {
    display: block;
  }
  .is-tablet-only-inline {
    display: inline;
  }
  .is-tablet-only-inline-block {
    display: inline-block;
  }
  .is-tablet-only-none {
    display: none;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .is-desktop-only-block {
    display: block;
  }
  .is-desktop-only-inline {
    display: inline;
  }
  .is-desktop-only-inline-block {
    display: inline-block;
  }
  .is-desktop-only-none {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .is-wide-only-block {
    display: block;
  }
  .is-wide-only-inline {
    display: inline;
  }
  .is-wide-only-inline-block {
    display: inline-block;
  }
  .is-wide-only-none {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .is-mobile-fablet-block {
    display: block;
  }
  .is-mobile-fablet-inline {
    display: inline;
  }
  .is-mobile-fablet-inline-block {
    display: inline-block;
  }
  .is-mobile-fablet-none {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .is-mobile-tablet-block {
    display: block;
  }
  .is-mobile-tablet-inline {
    display: inline;
  }
  .is-mobile-tablet-inline-block {
    display: inline-block;
  }
  .is-mobile-tablet-none {
    display: none;
  }
}

@media screen and (max-width: 1199px) {
  .is-mobile-desktop-block {
    display: block;
  }
  .is-mobile-desktop-inline {
    display: inline;
  }
  .is-mobile-desktop-inline-block {
    display: inline-block;
  }
  .is-mobile-desktop-none {
    display: none;
  }
}

@media all and (orientation: landscape) and (max-width: 991px) {
  .is-landscape-block {
    display: block;
  }
  .is-landscape-inline {
    display: inline;
  }
  .is-landscape-inline-block {
    display: inline-block;
  }
  .is-landscape-none {
    display: none;
  }
}

@media all and (orientation: portrait) and (max-width: 991px) {
  .is-portrait-block {
    display: block;
  }
  .is-portrait-inline {
    display: inline;
  }
  .is-portrait-inline-block {
    display: inline-block;
  }
  .is-portrait-none {
    display: none;
  }
}

.is-pc-view {
  display: block;
}

@media screen and (max-width: 575px) {
  .is-pc-view {
    display: none;
  }
}

.is-sp-view {
  display: none;
}

@media screen and (max-width: 575px) {
  .is-sp-view {
    display: block;
  }
}

.is-clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.is-position-ab {
  position: absolute;
}

.is-position-ab.z-index-1 {
  z-index: -1;
}

.is-position-ab.z-index0 {
  z-index: 0;
}

.is-position-ab.z-index1 {
  z-index: 1;
}

.is-position-ab.z-index2 {
  z-index: 2;
}

.is-position-ab.z-index3 {
  z-index: 3;
}

.is-position-re {
  position: relative;
}

.is-position-re.z-index-1 {
  z-index: -1;
}

.is-position-re.z-index0 {
  z-index: 0;
}

.is-position-re.z-index1 {
  z-index: 1;
}

.is-position-re.z-index2 {
  z-index: 2;
}

.is-position-re.z-index3 {
  z-index: 3;
}

/*
    共通スタイル
*/

*:not(br) {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.xdebug-var-dump {
  font-size: 13px;
  font-family: arial;
}

.xdebug-var-dump font {
  color: #4368af;
}

.xdebug-var-dump small {
  color: #ff6868;
}

.radius12 {
  border-radius: 12px;
  overflow: hidden;
}

.radius18 {
  border-radius: 18px;
  overflow: hidden;
}

#header {
  padding: 30px 57px;
  position: relative;
}

@media screen and (max-width: 575px) {
  #header {
    padding: 0 9vw;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #header.bg_white {
    background: #ffffff;
  }
}

#header .sp-logo {
  display: none;
}

@media screen and (max-width: 575px) {
  #header .sp-logo {
    display: block;
    width: 42.9333333333vw;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
  }
}

#header .sp-logo a {
  display: table-cell;
  vertical-align: middle;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#header .sp-logo a:hover {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.7;
}

@media screen and (max-width: 575px) {
  #header .sp-logo.sp_logo_view.sp_logo_view {
    opacity: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
}

#header.is-page-header {
  background: #ffffff;
}

@media screen and (max-width: 575px) {
  #header.is-page-header .sp-logo {
    display: block;
    width: 42.9333333333vw;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
  }
}

#logo_svg {
  opacity: 0;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: logo_fadeIn;
  animation-name: logo_fadeIn;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.grad_item {
  stop-color: rgba(255, 255, 255, 0.3);
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .grad_item {
    stop-color: white;
  }
  /* IE11 */
}

.item00 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item01 {
  -webkit-animation-delay: 2.05s;
  animation-delay: 2.05s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item02 {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item03 {
  -webkit-animation-delay: 2.15s;
  animation-delay: 2.15s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item04 {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item05 {
  -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item06 {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item07 {
  -webkit-animation-delay: 2.35s;
  animation-delay: 2.35s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item08 {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item09 {
  -webkit-animation-delay: 2.45s;
  animation-delay: 2.45s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.item10 {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-name: gradation_animation1;
  animation-name: gradation_animation1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes logo_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes logo_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes gradation_animation1 {
  0% {
    stop-color: rgba(255, 255, 255, 0.3);
  }
  to {
    stop-color: white;
  }
}

@keyframes gradation_animation1 {
  0% {
    stop-color: rgba(255, 255, 255, 0.3);
  }
  to {
    stop-color: white;
  }
}

.line-item {
  left: 0;
  width: 100%;
  z-index: 1;
}

.line-item.is-item-tp {
  top: -3px;
}

@media screen and (max-width: 575px) {
  .line-item.is-item-tp {
    top: -1px;
  }
}

.line-item.is-item-bt {
  bottom: -3px;
}

@media screen and (max-width: 575px) {
  .line-item.is-item-bt {
    bottom: -1px;
  }
}

#header.is-page-header .menu_btn .menu_trigger span {
  background-color: #000000;
}

.menu_btn {
  width: 13vw;
  height: 16vw;
  padding: 5vw 3vw;
  border-radius: 50%;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  position: relative;
  top: 0;
  right: -3vw;
  z-index: 10;
  opacity: 1;
}

.menu_btn.view_hide {
  opacity: 0;
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .menu_btn {
    display: block;
  }
}

.menu_btn .menu_trigger {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.menu_btn .menu_trigger span {
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  background-color: #fff;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.menu_btn .menu_trigger span:nth-of-type(1) {
  top: 0;
}

.menu_btn .menu_trigger span:nth-of-type(2) {
  top: calc(50% - 1.5px);
}

.menu_btn .menu_trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu_btn.menu_black {
  opacity: 1;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.menu_btn.menu_black .menu_trigger span {
  background-color: #000;
}

.menu_btn.open_ {
  background: none;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.menu_btn.open_ .menu_trigger span {
  background-color: #000;
}

.menu_btn.open_ .menu_trigger span:nth-of-type(1) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: calc(50% - 1px);
}

.menu_btn.open_ .menu_trigger span:nth-of-type(2) {
  opacity: 0;
}

.menu_btn.open_ .menu_trigger span:nth-of-type(3) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: calc(50% - 1px);
}

#sp_menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.91);
  z-index: 100;
}

#sp_menu .menu_wrapp { position: relative; width: 100%; height: 100%; overflow-y: auto; }
#sp_menu .menu_wrapp > div { padding: 22vw 8vw 13.3333333333vw; }
#sp_menu .menu_wrapp .online-menu-search { margin-bottom: 6vw; }
#sp_menu .menu_wrapp .online-menu-search--keyword input { font-weight: 300; }
#sp_menu .menu_wrapp .sp_menu-linksns { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 6vw; }
#sp_menu .menu_wrapp .online-menu-links {}
#sp_menu .menu_wrapp .online-menu-links--item > a { font-size: 3.2vw; font-weight: 300; }

#sp_menu .menu_wrapp ul li a {
  font-size: 4.26666666667vw;
  font-weight: 800;
  display: block;
  line-height: 2;
/*   padding: 3vw 0; */
}

#sp_menu .menu_wrapp .sub-menu {
  display: none;
}
.fs-l-page.page #sp_menu .menu_wrapp {
  top: 10%;
  max-height: 90%;
}
@media screen and (max-width: 575px) {
  #sp_menu .menu_wrapp .sub-menu {
    display: block;
  }
  #sp_menu .menu_wrapp .sub-menu li:last-child a {
    padding-bottom: 3vw;
  }
}

#sp_menu .menu_wrapp .depth1 .menu-item-type-post_type_archive:hover .sub-menu {
  display: none;
}

@media screen and (max-width: 575px) {
  #sp_menu .menu_wrapp .depth1 .menu-item-type-post_type_archive:hover .sub-menu {
    display: block;
  }
}

#sp_menu .menu_wrapp .depth1 .menu-item-type-post_type_archive .sub-menu {
  display: none;
}

@media screen and (max-width: 575px) {
  #sp_menu .menu_wrapp .depth1 .menu-item-type-post_type_archive .sub-menu {
    display: block;
  }
}

#gnav {
  width: 918px;
  float: right;
  margin-top: 28px;
}

#gnav li {
  display: inline-block;
  position: relative;
}

#gnav li:before {
  content: "";
  position: absolute;
  height: 20px;
  width: 1px;
  right: -4px;
  bottom: 15px;
  background: #f3be45;
  -webkit-transform: rotate(22deg);
  -ms-transform: rotate(22deg);
  transform: rotate(22deg);
}

#gnav li:nth-child(2n):before {
  background: #22ace0;
}

#gnav li:last-child:before {
  display: none;
}

#gnav li a {
  display: inline-block;
  position: relative;
  padding: 0 20px 8px;
  overflow: hidden;
  line-height: 1;
}

#gnav li a span {
  margin-bottom: 6px;
}

#gnav li a:after {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: 3px;
  background: #f3be45;
  position: absolute;
  left: 20px;
  bottom: -10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#gnav li a:hover:after {
  bottom: 2px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#eyecatch .swiper-container .swiper-slide .image_content {
  opacity: 0;
  position: relative;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: animation_default;
  animation-name: animation_default;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 0;
}

#eyecatch .swiper-container .swiper-slide .image_content.is_animation {
  opacity: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: animation_prev_action;
  animation-name: animation_prev_action;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 10;
}

#eyecatch .swiper-container .swiper-slide .image_content.is_prev_animation {
  opacity: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: animation_action;
  animation-name: animation_action;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  z-index: 10;
}

@-webkit-keyframes animation_default {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  80% {
    opacity: 0;
    /* transform:translateX(-100px); */
  }
  100% {
    opacity: 0;
    /* transform:translateX(-100px); */
  }
}

@keyframes animation_default {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  80% {
    opacity: 0;
    /* transform:translateX(-100px); */
  }
  100% {
    opacity: 0;
    /* transform:translateX(-100px); */
  }
}

@-webkit-keyframes animation_action {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  90% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes animation_action {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
  }
  90% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes animation_prev_action {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  90% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes animation_prev_action {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
  }
  90% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

#eyecatch {
  overflow: hidden;
}

#eyecatch .swiper-container .swiper-slide .image_wrapp_ {
  -webkit-animation-name: slideIndexKv;
  animation-name: slideIndexKv;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

#eyecatch .is-logo {
  width: 48%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}

@media screen and (max-width: 575px) {
  #eyecatch .is-logo {
    width: 75%;
    top: 52.5%;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #eyecatch .is-logo {
    width: 75%;
    top: 52.5%;
  }
}

@-webkit-keyframes scroll_animation {
  0% {
    top: -50px;
  }
  100% {
    top: 80px;
  }
}

@keyframes scroll_animation {
  0% {
    top: -50px;
  }
  100% {
    top: 80px;
  }
}

#eyecatch .scroll-item {
  bottom: 0;
  left: calc((100% - 36.53px)/2);
  padding-bottom: 55px;
  cursor: pointer;
  z-index: 2;
}

@media screen and (max-width: 575px) {
  #eyecatch .scroll-item {
    padding-bottom: 13vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #eyecatch .scroll-item {
    padding-bottom: 13vw;
  }
}

#eyecatch .scroll-item .border-rail, #eyecatch .scroll-item .border-rail:after {
  position: absolute;
  width: 1px;
  left: calc((100% - 1px)/2);
}

#eyecatch .scroll-item .border-rail {
  height: 48px;
  background: #ffffff;
  bottom: 0;
  overflow: hidden;
}

@media screen and (max-width: 575px) {
  #eyecatch .scroll-item .border-rail {
    height: 12vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #eyecatch .scroll-item .border-rail {
    height: 12vw;
  }
}

#eyecatch .scroll-item .border-rail:after {
  content: "";
  background: #000000;
  height: 15px;
  top: -50px;
  -webkit-animation: scroll_animation 1.5s infinite linear;
  animation: scroll_animation 1.5s infinite linear;
}

#eyecatch.page {
  position: relative;
}

#eyecatch.page h1 {
  font-size: 3.8rem;
  font-weight: bold;
  padding: 132px 0;
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
}

#eyecatch.page h1 .is-about-eyecatch-item {
  width: 50px;
  margin-left: -50px;
  position: relative;
  top: -10px;
}

@media screen and (max-width: 575px) {
  #eyecatch.page h1 .is-about-eyecatch-item {
    width: 8%;
    top: -5px;
    margin-left: -8%;
  }
}

@media screen and (max-width: 575px) {
  #eyecatch.page h1 {
    padding: 14vw 0;
    font-size: 5vw;
  }
}

@-webkit-keyframes page_top {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  75% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes page_top {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  25% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  50% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
  75% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

#pagetop .is-pagetop_border {
  left: 50%;
}

.disnonOP {
  opacity: 0;
}

#pagetop {
  display: none;
  position: fixed;
  bottom: 9px;
  right: 6.5%;
  cursor: pointer;
  z-index: 3;
  width: 10px;
}

@media screen and (max-width: 575px) {
  #pagetop {
    width: 2.2vw;
    right: 9vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #pagetop {
    width: 2.2vw;
    right: 9vw;
  }
}

#pagetop:hover {
  -webkit-animation: page_top 1.5s ease-in-out;
  animation: page_top 1.5s ease-in-out;
}

#footer {
  position: relative;
}

#footer .footer-nav-wrap {
  background: #14143c;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 49px 0;
}

@media screen and (max-width: 575px) {
  #footer .footer-nav-wrap {
    padding: 6.5vw 5vw;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #footer .footer-nav-wrap {
    padding: 6.5vw 5vw;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

#footer .footer-nav-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
	#footer .footer-nav-wrap #menu-footer_menu { display: flex; flex-wrap: wrap; }
	#footer .footer-nav-wrap #menu-footer_menu li { margin-bottom: 3.73333333333vw !important; font-size: 2.66666666667vw; }
	#footer .footer-nav-wrap #menu-footer_menu li:nth-of-type(1) { order: 1; width: 24.6666666667vw; }
	#footer .footer-nav-wrap #menu-footer_menu li:nth-of-type(2) { order: 4; width: 24.6666666667vw; }
	#footer .footer-nav-wrap #menu-footer_menu li:nth-of-type(3) { order: 7; margin-bottom: 0 !important; width: 24.6666666667vw; }
	#footer .footer-nav-wrap #menu-footer_menu li:nth-of-type(4) { order: 2; width: 24vw; }
	#footer .footer-nav-wrap #menu-footer_menu li:nth-of-type(5) { order: 3; }
	#footer .footer-nav-wrap #menu-footer_menu li:nth-of-type(6) { order: 5; width: 24vw; }
	#footer .footer-nav-wrap #menu-footer_menu li:nth-of-type(7) { order: 6; }
	#footer .footer-nav-wrap #menu-footer_menu li a { padding-left: 1em; }
	#footer .footer-nav-wrap #menu-footer_menu li a:after { content: '-'; position: absolute; top: 0; left: 0; }
}

#footer .footer-nav-wrap #menu-footer_menu li {
  margin-right: 40px;
  line-height: 1;
}

@media screen and (max-width: 575px) {
  #footer .footer-nav-wrap #menu-footer_menu li {
    margin-right: 0;
    margin-bottom: 5vw;
  }
  #footer .footer-nav-wrap #menu-footer_menu li:last-child {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #footer .footer-nav-wrap #menu-footer_menu li {
    margin-right: 0;
    margin-bottom: 5vw;
  }
  #footer .footer-nav-wrap #menu-footer_menu li:last-child {
    margin-bottom: 0;
  }
}

#footer .footer-nav-wrap #menu-footer_menu li:last-child {
  margin-right: 0;
}

#footer .footer-nav-wrap #menu-footer_menu li a {
  position: relative;
  color: #fff;
}

#footer .footer-nav-wrap #menu-footer_menu li a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background: #ffffff;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

#footer .footer-nav-wrap #menu-footer_menu li a:hover:before {
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

#footer .footer-nav-wrap .footer-sns li {
  width: 24px;
  margin-right: 30px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
	#footer .footer-nav-wrap { position: relative; }
	#footer .footer-nav-wrap .footer-sns { position: absolute; bottom: 3.73333333333vw; right: 5vw; }
	#footer .footer-nav-wrap .footer-sns li { width: 4.8vw; margin-right: 6vw; }
	#footer .copyright { font-weight: 900; }
}

#footer .footer-nav-wrap .footer-sns li:first-child {
  margin-left: 40px;
}

#footer .footer-nav-wrap .footer-sns li:last-child {
  margin-right: 0;
}

#footer .footer-nav-wrap .footer-sns li a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#footer .footer-nav-wrap .footer-sns li a:hover {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.7;
}

#footer .copyright-wrap {
  background: #000000;
  padding: 20px 0;
}

@media screen and (max-width: 575px) {
  #footer .copyright-wrap {
    padding: 2vw 0;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  #footer .copyright-wrap {
    padding: 2vw 0;
  }
}

.contents {
  float: right;
}

@media screen and (max-width: 575px) {
  .contents {
    float: none;
    margin: 0 20px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .contents {
    float: none;
    margin: 0 20px;
  }
}

@media screen and (min-width: 768px) {
  .contents {
    width: 75%;
  }
}

@media screen and (min-width: 992px) {
  .contents {
    width: 80%;
  }
}

@media screen and (min-width: 1200px) {
  .contents {
    width: 80%;
  }
}

.slick_inner {
  width: calc(82% + 12px);
  padding-left: 28px;
}

@media screen and (max-width: 575px) {
  .slick_inner {
    width: 100%;
    padding-left: 0;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .slick_inner {
    width: 100%;
    padding-left: 0;
  }
}

.is-overflow-hidden {
  overflow: hidden;
}

.top #sidebar .side-logo {
  margin: 36px 0 84px;
}

#sidebar {
  float: left;
  width: 17%;
  padding: 0 3%;
  margin-right: 3%;
}
@media screen and (min-width:767px) {
  #sidebar ul#menu-side_menu-1{
    white-space: nowrap;
  }
  
  #sidebar li.menu-item-1205 a{
    font-size: 1.6rem !important;
  }
}


@media screen and (min-width: 576px) and (max-width: 767px) {
  #sidebar {
    display: none;
    float: none;
    width: 90%;
    margin: auto;
  }
}

@media screen and (max-width: 575px) {
  #sidebar {
    float: none;
    width: 90%;
    margin: auto;
  }
}

@media screen and (min-width: 768px) {
  #sidebar {
    width: 22%;
  }
}

@media screen and (min-width: 992px) {
  #sidebar {
    width: 17%;
  }
}

@media screen and (min-width: 1200px) {
  #sidebar {
    width: 17%;
  }
}

#sidebar .side-logo {
  width: 161px;
  max-width: 300px;
  min-width: 150px;
  margin: 10px 0 84px;
}

#sidebar .menu li, #sidebar .side-nav li {
  margin-bottom: 8px;
  line-height: 1.9;
  cursor: pointer;
}

#sidebar .menu li a, #sidebar .side-nav li a {
  font-size: 1.8rem;
  font-weight: 900;
  position: relative;
}

#sidebar .menu li a:before, #sidebar .side-nav li a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background: #000000;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

#sidebar .menu li a:hover:before, #sidebar .side-nav li a:hover:before {
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

#sidebar .menu li:last-child, #sidebar .side-nav li:last-child {
  margin-bottom: 0;
}

#sidebar .menu li .sub-menu, #sidebar .side-nav li .sub-menu {
  position: relative;
  margin-top: 10px;
  display: none;
  top: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#sidebar .menu li .sub-menu li, #sidebar .side-nav li .sub-menu li {
  padding-left: 20px;
}

#sidebar .menu li .sub-menu li a, #sidebar .side-nav li .sub-menu li a {
  font-size: 1.6rem;
  font-weight: 600;
}

#sidebar .menu.depth1 .menu-item-type-post_type_archive:hover .sub-menu, #sidebar .side-nav.depth1 .menu-item-type-post_type_archive:hover .sub-menu {
  display: none;
}

@media screen and (max-width: 575px) {
  #sidebar .menu.depth1 .menu-item-type-post_type_archive:hover .sub-menu, #sidebar .side-nav.depth1 .menu-item-type-post_type_archive:hover .sub-menu {
    display: block;
  }
}

#sidebar .menu.depth1 .menu-item-type-post_type_archive .sub-menu, #sidebar .side-nav.depth1 .menu-item-type-post_type_archive .sub-menu {
  display: none;
}

@media screen and (max-width: 575px) {
  #sidebar .menu.depth1 .menu-item-type-post_type_archive .sub-menu, #sidebar .side-nav.depth1 .menu-item-type-post_type_archive .sub-menu {
    display: block;
  }
}

#sidebar.is-side-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
}

#sidebar.is-page-fixed {
  position: fixed;
  top: 118px;
  left: 0;
}

.sns-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 22px;
}

@media screen and (max-width: 575px) {
  .sns-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 6vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sns-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 6vw;
  }
}

.sns-list li {
  width: 19px;
  margin-right: 9px;
}

@media screen and (max-width: 575px) {
  .sns-list li {
    width: 6vw;
    margin-right: 6vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .sns-list li {
    width: 6vw;
    margin-right: 6vw;
  }
}

.sns-list li:last-child {
  margin-right: 0;
}

.sns-list li a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.sns-list li a:hover {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0.7;
}

.lang-wrap {
  margin-top: 62px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 575px) {
  .lang-wrap {
    text-align: center;
    margin-top: 13vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .lang-wrap {
    text-align: center;
    margin-top: 13vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.lang-wrap a {
  position: relative;
  line-height: 1;
  font-size: 1.8rem;
  font-weight: 900;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.lang-wrap a:nth-child(1) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.lang-wrap a:nth-child(1):before {
  display: none;
}

.lang-wrap a:nth-child(2) {
  padding-right: 13px;
  margin-right: 12px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.lang-wrap a:nth-child(2):before {
  content: "";
  position: absolute;
  width: 2px;
  height: 100%;
  background: #000;
  top: 0;
  right: 0;
}

.lang-wrap a:hover {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #999;
}

.scroll-prevent {
/*
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
*/
}
.scroll-prevent body { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.is-bg-top {
  top: 0;
  left: 0;
}

.is-bg-bottom {
  bottom: 0;
  left: 0;
}

.is-bg-left {
  top: 0;
  left: 0;
  width: 8%;
  height: 100%;
}

.is-bg-right {
  top: 0;
  right: 0;
  width: 8%;
  height: 100%;
}

a.is-default-hover {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a.is-default-hover:hover {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #999;
}

a.is-hov-center-border {
  position: relative;
}

a.is-hov-center-border:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 100%;
  height: 1px;
  background: #000000;
  -webkit-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

a.is-hov-center-border:hover:before {
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}

a.link_under {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a.link_under:before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a.link_under:hover {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #999;
}

a.link_under:hover:before {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background: #999;
}

.ttl-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
  width: 100%;
}

@media screen and (max-width: 575px) {
  .ttl-wrap {
    margin-bottom: 8vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .ttl-wrap {
    margin-bottom: 8vw;
  }
}

.ttl-wrap .link-wrap {
  position: relative;
  margin-right: 16px;
}

.ttl-wrap .link-wrap:last-child {
  margin-right: 0;
}

.ttl-wrap .link-wrap:before {
  content: "";
  position: absolute;
  right: -8px;
  top: calc((100% - 14px)/2);
  width: 1px;
  height: 14px;
  background: #000;
  font-weight: 900;
}

.ttl-wrap .link-wrap:last-child {
  padding-right: 0;
}

.ttl-wrap .link-wrap:last-child:before {
  display: none;
}

.ttl-wrap a {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

@media screen and (max-width: 575px) {
  .ttl-wrap a {
    line-height: 1;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .ttl-wrap a {
    line-height: 1;
  }
}

.ttl-wrap .is-change-archive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 575px) {
  .ttl-wrap .is-change-archive {
    line-height: 1;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .ttl-wrap .is-change-archive {
    line-height: 1;
  }
}

.is-change-archive.select_sp {
  position: relative;
}

.is-change-archive.select_sp:before {
  content: "\025bc";
  position: absolute;
  right: 5px;
  top: 7px;
  color: #000;
  font-size: 10px;
}

.is-change-archive.select_sp .area_selecter {
  border-radius: 0;
  width: 115px;
  background: none;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 1px 6px 1px;
  line-height: 1.2;
}

.addtoany_share_save_container {
  margin: 80px 0 !important;
}

.page-ttl-bord-b {
  border-bottom: 1px solid #000;
  padding-bottom: 50px;
}

@media screen and (max-width: 575px) {
  .page-ttl-bord-b {
    padding-bottom: 8vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .page-ttl-bord-b {
    padding-bottom: 8vw;
  }
}

.area-name {
  position: relative;
  margin-bottom: 25px;
}

@media screen and (max-width: 575px) {
  .area-name {
    margin-bottom: 4vw;
    font-size: 4.5vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .area-name {
    margin-bottom: 4vw;
    font-size: 4.5vw;
  }
}

.area-name.dashed:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border: 0.5px dashed #808080;
  left: 0;
  top: calc((100% - 1px)/2);
}

.area-name.dashed span {
  background: #ffffff;
  padding: 0 0;
  position: relative;
  padding-right: 36px;
}

@media screen and (max-width: 575px) {
  .area-name.dashed span {
    padding-right: 5vw;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .area-name.dashed span {
    padding-right: 5vw;
  }
}

@media screen and (max-width: 575px) {
  a.sp_underbar {
    text-decoration: underline;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  a.sp_underbar {
    text-decoration: underline;
  }
}

@media screen and (max-width: 575px) {
  .site-en .lang-line-height18 {
    line-height: 1.8;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .site-en .lang-line-height18 {
    line-height: 1.8;
  }
}

.site-en .lang-f-weight-n {
  font-weight: 500;
}