* {
  box-sizing: border-box
}

input[type=color]::-webkit-color-swatch {
  border: none
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: inherit
}

body {
  line-height: 1
}

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

nav ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold
}

del {
  text-decoration: line-through
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

input,
select {
  vertical-align: middle
}

input:focus {
  outline: none
}

ul,
ol {
  list-style-type: none
}

:root {
  --color-primary: #fee132;
  --color-primary-rgb: 254, 225, 50;
  --color-blue-gray: #e5e7ea;
  --color-blue-gray-rgb: 229, 231, 234;
  --color-black: #000;
  --color-black-rgb: 0, 0, 0;
  --color-black-tint: #4d4d4d;
  --color-black-tint-rgb: 77, 77, 77;
  --color-grey-lighter: #f2f2f2;
  --color-grey-lighter-rgb: 242, 242, 242;
  --color-grey-lighter-tint: #ffffff;
  --color-grey-lighter-tint-rgb: 255, 255, 255;
  --color-grey-lighter-shade: #d8d8d8;
  --color-grey-lighter-shade-rgb: 216, 216, 216;
  --color-grey-light: #e2e2e2;
  --color-grey-light-rgb: 226, 226, 226;
  --color-grey-light-tint: #fafafa;
  --color-grey-light-tint-rgb: 250, 250, 250;
  --color-grey-light-shade: #e6e6e6;
  --color-grey-light-shade-rgb: 230, 230, 230;
  --color-grey: #898989;
  --color-grey-rgb: 137, 137, 137;
  --color-grey-tint: #a3a3a3;
  --color-grey-tint-rgb: 163, 163, 163;
  --color-grey-shade: #545454;
  --color-grey-shade-rgb: 84, 84, 84;
  --color-dark: #2f2f2f;
  --color-dark-rgb: 47, 47, 47;
  --color-dark-tint: #4d4d4d;
  --color-dark-tint-rgb: 77, 77, 77;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  --color-white-shade: #e6e6e6;
  --color-white-shade-rgb: 230, 230, 230;
  --text-white: #fff;
  --text-white-rgb: 255, 255, 255;
  --text-white-shade: #e6e6e6;
  --text-white-shade-rgb: 230, 230, 230;
  --text-grey: #7c7c7c;
  --text-grey-rgb: 124, 124, 124;
  --text-grey-tint: #a3a3a3;
  --text-grey-tint-rgb: 163, 163, 163;
  --text-grey-shade: #545454;
  --text-grey-shade-rgb: 84, 84, 84;
  --text-dark: #2f2f2f;
  --text-dark-rgb: 47, 47, 47;
  --text-black: #000;
  --text-black-rgb: 0, 0, 0;
  --text-black-tint: #4d4d4d;
  --text-black-tint-rgb: 77, 77, 77;
  --bg-white: #fff;
  --bg-black: #000;
  --bg-stage: #000;
  --bg-stage-rgb: 0, 0, 0
}

body {
  color: #fff;
  font-weight: 300;
  font-family: "Noto Sans JP", Verdana, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
  background-color: #000;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%
}

body.is-lock-scroll-y {
  overflow-y: hidden !important;
  margin-right: var(--scrollbar-width, 15px)
}

body>* {
  font-feature-settings: "palt";
  letter-spacing: .12em
}

img {
  vertical-align: top
}

@media(min-width: 750px) {
  img {
    image-rendering: -webkit-optimize-contrast
  }
}

picture {
  display: inline-block
}

sup {
  display: inline-block;
  font-size: 75%;
  vertical-align: super
}

sub {
  display: inline-block;
  font-size: 75%;
  vertical-align: sub
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0;
  position: absolute
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display: block;
  background-color: rgba(0, 0, 0, 0)
}

.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: .9
}

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute
}

.ps__rail-x:hover>.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px
}

.ps__rail-y:hover>.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px
}

@supports(-ms-overflow-style: none) {
  .ps {
    overflow: auto !important
  }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .ps {
    overflow: auto !important
  }
}

.l-nav .ps__rail-y {
  width: 2px;
  left: 30px
}

.l-nav .ps:hover>.ps__rail-x,
.l-nav .ps:hover>.ps__rail-y,
.l-nav .ps--focus>.ps__rail-x,
.l-nav .ps--focus>.ps__rail-y,
.l-nav .ps--scrolling-x>.ps__rail-x,
.l-nav .ps--scrolling-y>.ps__rail-y {
  background-color: rgba(0, 0, 0, 0);
  opacity: 1
}

.l-nav .ps .ps__rail-x:hover,
.l-nav .ps .ps__rail-y:hover,
.l-nav .ps .ps__rail-x:focus,
.l-nav .ps .ps__rail-y:focus,
.l-nav .ps .ps__rail-x.ps--clicking,
.l-nav .ps .ps__rail-y.ps--clicking {
  background-color: rgba(0, 0, 0, 0);
  opacity: 1
}

.l-nav .ps__thumb-y {
  background-color: #fff;
  border-radius: 9999px;
  width: 2px
}

.l-nav .ps__rail-y:hover>.ps__thumb-y,
.l-nav .ps__rail-y:focus>.ps__thumb-y,
.l-nav .ps__rail-y.ps--clicking .ps__thumb-y {
  width: 2px
}

.micromodal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .8);
  z-index: 119
}

.micromodal__close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  outline: none;
  position: absolute;
  bottom: -59px;
  right: 0;
  display: block;
  width: 40px;
  height: 40px;
  background: #000 url("data:image/svg+xml,%3Csvg viewBox='0 0 41 41' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.416 1.84.707-.707 39.28 39.28-.707.707z' fill='%23fff'/%3E%3Cpath d='m1.416 40.406 39.28-39.28.707.707-39.28 39.28z' fill='%23fff'/%3E%3Cpath d='M0 0h41v41H0z' fill='none'/%3E%3Cpath d='M41 41H0V0h41zM1 40h39V1H1z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain;
  opacity: .8;
  transition: opacity 250ms ease-out
}

@media(min-width: 750px) {
  .micromodal__close {
    position: fixed;
    top: 40px;
    right: 42px
  }
}

@media(hover: hover)and (pointer: fine) {
  .micromodal__close:hover {
    opacity: 1
  }
}

.micromodal__content {
  width: 100%;
  text-align: left
}

.micromodal__container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden auto;
  overscroll-behavior-y: contain;
  text-align: center;
  z-index: 120
}

.micromodal__container::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  pointer-events: none;
  z-index: 0
}

.micromodal__container::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 0;
  height: 50%;
  pointer-events: none;
  z-index: 0
}

.micromodal__container .micromodal__content {
  display: inline-block;
  margin-left: -10px;
  margin-right: -10px;
  vertical-align: middle
}

@keyframes mmFadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes mmFadeOut {
  from {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes mmZoomIn {
  from {
    transform: scale(0.95)
  }

  to {
    transform: scale(1)
  }
}

@keyframes mmZoomOut {
  from {
    transform: scale(1)
  }

  to {
    transform: scale(0.95)
  }
}

.micromodal {
  display: none
}

.micromodal.is-open {
  display: block
}

.micromodal[aria-hidden=false] .micromodal__overlay,
.micromodal[aria-hidden=false] .micromodal__container {
  animation: mmFadeIn 300ms ease-out
}

.micromodal[aria-hidden=false] .micromodal__container {
  overflow: auto
}

.micromodal[aria-hidden=false] .micromodal__content {
  animation: mmZoomIn 300ms cubic-bezier(0.165, 0.84, 0.44, 1)
}

.micromodal[aria-hidden=true] .micromodal__overlay,
.micromodal[aria-hidden=true] .micromodal__container {
  animation: mmFadeOut 300ms ease-out
}

.micromodal[aria-hidden=true] .micromodal__container {
  overflow: hidden
}

.micromodal[aria-hidden=true] .micromodal__content {
  overflow: hidden;
  animation: mmZoomOut 300ms cubic-bezier(0.165, 0.84, 0.44, 1)
}

.micromodal .micromodal__content,
.micromodal .micromodal__overlay {
  will-change: transform
}

.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vjs-button>.vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center
}

@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
  font-weight: normal;
  font-style: normal
}

.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101"
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-play-circle:before {
  content: "\f102"
}

.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103"
}

.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104"
}

.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105"
}

.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106"
}

.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107"
}

.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108"
}

.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109"
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-square:before {
  content: "\f10a"
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-spinner:before {
  content: "\f10b"
}

.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c"
}

.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d"
}

.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e"
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-share:before {
  content: "\f10f"
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-cog:before {
  content: "\f110"
}

.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
  content: "\f111"
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-circle-outline:before {
  content: "\f112"
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-circle-inner-circle:before {
  content: "\f113"
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-hd:before {
  content: "\f114"
}

.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115"
}

.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116"
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-facebook:before {
  content: "\f117"
}

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-gplus:before {
  content: "\f118"
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-linkedin:before {
  content: "\f119"
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-twitter:before {
  content: "\f11a"
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-tumblr:before {
  content: "\f11b"
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-pinterest:before {
  content: "\f11c"
}

.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d"
}

.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e"
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-next-item:before {
  content: "\f11f"
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-previous-item:before {
  content: "\f120"
}

.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121"
}

.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal
}

.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122"
}

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 300;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial
}

.video-js:-moz-full-screen {
  position: absolute
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important
}

.video-js[tabindex="-1"] {
  outline: none
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none
}

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%
}

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none
}

.vjs-hidden {
  display: none !important
}

.vjs-disabled {
  opacity: .5;
  cursor: default
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66a8cc
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: .06666em solid #fff;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  border-radius: .3em;
  transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -.81666em;
  margin-left: -1.5em
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5);
  transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: .5em;
  z-index: 2
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, .8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto
}

.video-js .vjs-modal-dialog>* {
  box-sizing: border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1
}

.vjs-menu-button {
  cursor: pointer
}

.vjs-menu-button.vjs-disabled {
  cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto
}

.vjs-menu .vjs-menu-content>* {
  box-sizing: border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: .2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2b333f
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 .3em 0;
  font-weight: 500;
  cursor: default
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block
}

.video-js .vjs-menu-button-inline {
  transition: all .4s;
  overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all .4s
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto
}

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em
}

.vjs-button>.vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67
}

.vjs-button>.vjs-icon-placeholder {
  display: block
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em #fff
}

.video-js *:not(.vjs-visible-text)>.vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
  display: none
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none
}

.video-js .vjs-progress-control.disabled {
  cursor: default
}

.vjs-live .vjs-progress-control {
  display: none
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center
}

.vjs-no-flex .vjs-progress-control {
  width: auto
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all .2s;
  height: .3em
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0
}

.video-js .vjs-play-progress {
  background-color: #fff
}

.video-js .vjs-play-progress:before {
  font-size: .9em;
  position: absolute;
  right: -0.5em;
  top: -.3333333333em;
  z-index: 1
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, .75)
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .8);
  border-radius: .3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: .6em;
  visibility: visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 .45em 0 .45em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider.disabled {
  cursor: default
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em #fff;
  box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px
}

.video-js .vjs-volume-panel {
  transition: width 1s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility .1s, opacity .1s, height .1s, width .1s, left 0s, top 0s
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: .5em
}

.video-js .vjs-volume-panel {
  display: flex
}

.video-js .vjs-volume-bar {
  margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
  width: .3em;
  height: 5em;
  margin: 1.35em auto
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: .9em;
  z-index: 1
}

.vjs-slider-vertical .vjs-volume-level {
  width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1
}

.vjs-slider-horizontal .vjs-volume-level {
  height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .7)
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, .8);
  border-radius: .3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, .8)
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
  display: block
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em
}

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em
}

.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: .5em;
  color: #888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red
}

.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em
}

.vjs-live .vjs-time-control {
  display: none
}

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none
}

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none
}

.vjs-time-divider {
  display: none;
  line-height: 3em
}

.vjs-live .vjs-time-divider {
  display: none
}

.video-js .vjs-play-control {
  cursor: pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: .1em
}

.vjs-subtitles {
  color: #fff
}

.vjs-captions {
  color: #fc6
}

.vjs-tt-cue {
  display: block
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em)
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
  display: none
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
  display: none
}

.vjs-playback-rate>.vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center
}

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: .05em .05em .1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, .7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: #fff;
  animation-delay: .44s
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible
  }
}

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg)
  }
}

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f
  }

  20% {
    border-top-color: #73859f
  }

  35% {
    border-top-color: #fff
  }

  60% {
    border-top-color: #73859f
  }

  100% {
    border-top-color: #73859f
  }
}

.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial
}

.video-js.vjs-layout-x-small .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
  display: none
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block
}

.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
  width: auto
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2b333f;
  background-color: rgba(43, 51, 63, .75);
  color: #fff;
  height: 70%
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom
}

@supports(display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px
  }

  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px
  }

  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr
  }
}

.vjs-track-setting>select {
  margin-right: 1em;
  margin-bottom: .5em
}

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none
}

.vjs-text-track-settings fieldset span {
  display: inline-block
}

.vjs-text-track-settings fieldset span>select {
  max-width: 7.3em
}

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0
}

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%)
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, .75)
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2b333f;
  cursor: pointer;
  border-radius: 2px
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em
}

@media print {
  .video-js>*:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden
  }
}

.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none
}

.video-js *:focus:not(:focus-visible) {
  outline: none
}

.l-nav__marker {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 5px;
  height: 1em
}

.l-nav__marker::before {
  content: "";
  width: 5px;
  height: 5px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' fill='%23fff' r='50'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain;
  transition: width 400ms ease-out, height 400ms ease-out
}

.l-nav__label {
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 1.4;
  background: linear-gradient(90deg, #fff, #fff) no-repeat left bottom;
  background-size: 0 1px;
  transition: background-size 250ms ease-in-out
}

.l-nav__accordion-icon {
  width: 1.2em;
  height: 1.2em;
  pointer-events: none
}

.l-nav__accordion-icon .c-accordion-icon {
  width: 100%;
  height: 100%
}

.l-nav__link {
  display: flex;
  align-items: center;
  font-size: 0.8125rem;
  font-weight: 400;
  color: var(--text-white);
  text-decoration: none;
  cursor: pointer
}

.l-nav__link.l-nav__link--primary {
  font-weight: 500
}

.l-nav__link.l-nav__link--primary .l-nav__marker::before {
  width: 5px;
  height: 5px
}

.l-nav__link:not(.l-nav__link--primary) .l-nav__marker {
  margin-right: 15px
}

.l-nav__link:not(.l-nav__link--primary) .l-nav__marker::before {
  background: none
}

.l-nav__link .l-nav__marker {
  flex: none;
  margin-right: 7px
}

.l-nav__link.is-current {
  color: #fee132
}

.l-nav__link.is-current .l-nav__marker::before {
  width: 5px;
  height: 5px
}

.l-nav__link.is-current .l-nav__label {
  background: linear-gradient(90deg, #fee132, #fee132) no-repeat left bottom;
  background-size: 100% 1px
}

.l-nav__link:not(.l-nav__link--primary):not(.is-current) .l-nav__label {
  opacity: .8;
  transition: opacity 200ms ease-out, background-size 600ms cubic-bezier(0.19, 1, 0.22, 1)
}

.l-nav__link .l-nav__label+.l-nav__accordion-icon {
  margin-left: 6px
}

.l-nav__link .l-nav__accordion-icon {
  margin-top: .1em
}

@media(max-width: 749px) {
  .l-nav__link.l-nav__link--primary .l-nav__label {
    font-size: 0.9375rem
  }
}

@media(min-width: 750px) {
  .l-nav__link {
    font-size: 0.75rem
  }

  .l-nav__link.l-nav__link--primary {
    font-size: 0.8125rem
  }
}

@media(min-width: 1025px) {
  .l-nav__link {
    display: inline-flex
  }
}

@media(hover: hover)and (pointer: fine) {
  .l-nav__link:hover .l-nav__label {
    opacity: 1 !important
  }

  .l-nav__link:hover:not(.l-nav__link--no-underline) .l-nav__label {
    background-size: 100% 1px;
    transition: background-size 600ms cubic-bezier(0.19, 1, 0.22, 1)
  }
}

.l-nav__subtitle {
  margin-left: 12px;
  font-size: 0.8125rem;
  color: var(--text-white);
  line-height: 1.8;
  opacity: .8
}

.l-nav__subtitle.l-nav__subtitle--indent-1 {
  margin-left: 20px
}

@media(min-width: 750px) {
  .l-nav__subtitle {
    font-size: 0.75rem
  }
}

.l-nav__divider {
  font-size: 0.8125rem
}

.l-nav__divider:before {
  content: "";
  display: block;
  width: 17.5em;
  height: 1px;
  background-color: var(--color-white);
  margin-left: 12px
}

.l-nav__divider.l-nav__divider--indent-1:before {
  width: calc(17.5em - 8px);
  margin-left: 20px
}

@media(min-width: 750px) {
  .l-nav__divider {
    font-size: 0.75rem
  }
}

.l-nav__item {
  line-height: 1.8
}

.l-nav__accordion-outer {
  overflow: hidden
}

.l-nav__accordion-outer:not(.is-expand) {
  height: 0
}

.l-nav__items {
  position: relative;
  pointer-events: auto
}

.l-nav__items::before {
  content: "";
  position: absolute;
  display: block;
  top: 20px;
  left: 2px;
  width: 1px;
  height: calc(100% - 40px);
  background-color: var(--color-white);
  z-index: 0
}

@media(max-width: 749px) {
  .l-nav__items .l-nav__item+.l-nav__item {
    margin-top: 6px
  }

  .l-nav__items .l-nav__item+.l-nav__item.l-nav__item--primary {
    margin-top: 14px
  }

  .l-nav__items .l-nav__item+.l-nav__subtitle {
    margin-top: 24px
  }

  .l-nav__items .l-nav__item+.l-nav__divider {
    margin-top: 12px
  }

  .l-nav__items .l-nav__subtitle+.l-nav__divider {
    margin-top: 4px
  }

  .l-nav__items .l-nav__divider+.l-nav__item {
    margin-top: 10px
  }
}

@media(min-width: 750px) {
  .l-nav__items .l-nav__item+.l-nav__item {
    margin-top: 2px
  }

  .l-nav__items .l-nav__item+.l-nav__item.l-nav__item--primary {
    margin-top: 10px
  }

  .l-nav__items .l-nav__item+.l-nav__divider {
    margin-top: 12px
  }

  .l-nav__items .l-nav__divider+.l-nav__item {
    margin-top: 5px
  }

  .l-nav__items .l-nav__item+.l-nav__subtitle {
    margin-top: 24px
  }

  .l-nav__items .l-nav__subtitle+.l-nav__divider {
    margin-top: 4px
  }

  .l-nav__items .l-nav__divider+.l-nav__item.l-nav__item--primary {
    margin-top: 14px
  }

  .l-nav__items::before {
    top: 18px;
    height: calc(100% - 36px)
  }
}

.l-nav__content {
  position: relative
}

@media(max-width: 749px) {
  .l-nav__content {
    padding-left: 38px;
    padding-right: 20px;
    padding-bottom: 20px
  }
}

@media(min-width: 750px) {
  .l-nav__content {
    width: 380px;
    height: calc(100vh - 100px);
    padding: 0 40px 60px
  }
}

.l-nav__inner {
  position: relative;
  display: inline-block;
  vertical-align: top
}

@media(max-width: 749px) {
  .l-nav__inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow-y: auto;
    background-color: #000;
    overscroll-behavior-y: contain
  }

  .l-nav__inner::before {
    content: "";
    position: sticky;
    top: 0;
    display: block;
    height: 80px;
    background: linear-gradient(180deg, black 70%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
  }

  .l-nav__inner.is-opened {
    height: 100%
  }
}

@media(min-width: 750px) {
  .l-nav__inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.97) 74%, rgba(0, 0, 0, 0) 100%);
    opacity: .3;
    transition: opacity 800ms ease-out
  }
}

@media(min-width: 750px)and (max-width: 1024px) {
  .l-nav__inner {
    overflow: hidden
  }

  .l-nav__inner::before {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    transition: height 600ms cubic-bezier(0.165, 0.84, 0.44, 1)
  }

  .l-nav__inner::after {
    opacity: 1
  }

  .l-nav__inner.is-opened {
    width: auto
  }

  .l-nav__inner:not(.is-opened) {
    width: 0
  }
}

.l-nav__toggle-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  outline: none;
  width: 40px;
  height: 40px;
  border: solid 1px #fff;
  background-color: rgba(0, 0, 0, .2)
}

@media(min-width: 750px) {
  .l-nav__toggle-button {
    width: 48px;
    height: 48px
  }
}

.l-nav .p-nav-toggle-button {
  z-index: 1
}

.l-nav .l-nav__inner {
  z-index: 0
}

@media(max-width: 749px) {
  .l-nav {
    display: block;
    width: 100%;
    height: 0
  }

  .l-nav .p-nav-toggle-button {
    position: absolute;
    top: 18px;
    left: 20px
  }
}

@media(min-width: 750px) {
  .l-nav .p-nav-toggle-button {
    position: absolute;
    top: 28px;
    left: 30px
  }

  .l-nav .l-nav__content {
    z-index: 1
  }
}

@media(min-width: 750px)and (max-width: 1024px) {
  .l-nav {
    display: inline-block
  }
}

@media(min-width: 1025px) {
  .l-nav {
    pointer-events: none
  }

  .l-nav .p-nav-toggle-button {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
  }

  .l-nav .l-nav__inner {
    overflow: hidden
  }

  .l-nav .l-nav__inner::before {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    transition: height 600ms cubic-bezier(0.165, 0.84, 0.44, 1)
  }

  .l-nav .l-nav__inner::after {
    opacity: 1
  }

  .l-nav .l-nav__inner.is-opened {
    width: auto
  }

  .l-nav .l-nav__inner:not(.is-opened) {
    width: 0
  }

  .l-nav:not(.is-retractable) .l-nav__inner {
    width: auto
  }

  .l-nav:not(.is-retractable) .l-nav__inner::before {
    height: 30px
  }

  .l-nav:not(.is-retractable) .l-nav__inner::after {
    opacity: .3
  }

  .l-nav:not(.is-retractable) .l-nav__content {
    height: 100vh
  }

  .l-nav.is-retractable {
    pointer-events: auto
  }

  .l-nav.is-retractable .p-nav-toggle-button {
    visibility: visible;
    opacity: 1;
    pointer-events: auto
  }

  .l-nav.is-retractable .l-nav__content {
    width: 380px;
    height: calc(100vh - 100px);
    padding: 0 40px 40px
  }
}

.l-nav-container {
  position: sticky;
  top: 0;
  height: 0;
  z-index: 110
}

@media(min-width: 750px) {
  .l-nav-container {
    width: 0
  }
}

.l-container {
  position: relative;
  width: calc(100% - 40px);
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto
}

.l-container.is-fluid {
  width: 100%
}

@media(max-width: 749px) {
  .l-container.is-fluid-sm {
    width: 100%
  }
}

@media(min-width: 750px) {
  .l-container.is-fluid-md {
    width: 100%
  }
}

@media(min-width: 750px) {
  .l-container {
    max-width: 1100px
  }

  .l-container.is-max-1400-md {
    max-width: 1400px
  }

  .l-container.is-max-none {
    max-width: none
  }
}

@media(min-width: 750px) {
  .l-split-content__end>.p-content-block:first-child {
    margin-top: -0.8em
  }
}

@media(max-width: 749px) {
  .l-split-content .l-split-content__start+.l-split-content__end {
    margin-top: 65px
  }
}

@media(min-width: 750px) {
  .l-split-content {
    display: grid;
    grid-template-columns: 50% 46.3636363636%;
    grid-gap: 3.6363636364%
  }
}

.l-footer-menu {
  padding-top: 68px;
  padding-bottom: 50px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0) 100%)
}

.l-footer-menu .p-sns-share-buttons+.p-footer-text-links {
  margin-top: 28px
}

@media(min-width: 750px) {
  .l-footer-menu {
    padding-top: 113px;
    padding-bottom: 80px
  }

  .l-footer-menu .p-sns-share-buttons+.p-footer-text-links {
    margin-top: 36px
  }
}

.l-footer-guide__inner {
  display: grid;
  grid-template-columns: min(290px, 100%);
  grid-gap: 40px;
  justify-content: center
}

@media(min-width: 750px) {
  .l-footer-guide__inner {
    grid-template-columns: 366px;
    grid-gap: 60px
  }
}

.l-footer-guide {
  margin-top: 84px
}

@media(min-width: 750px) {
  .l-footer-guide {
    margin-top: 80px
  }
}

.l-footer__copyright {
  display: block;
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: .02em;
  text-align: center
}

@media(min-width: 750px) {
  .l-footer__copyright {
    font-size: 0.75rem
  }
}

.l-footer__end {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #000
}

@media(min-width: 750px) {
  .l-footer__end {
    padding-top: 30px;
    padding-bottom: 40px
  }
}

.l-footer {
  position: relative;
  display: block
}

.c-nikon-logo {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  z-index: 80
}

.c-nikon-logo::before {
  content: "";
  display: inline-block;
  width: 100%;
  padding-top: 100%;
    background: url("/cms/sp/movie/z8/common/img/logo_nikon.svg") no-repeat center center;
  background-size: contain;
  vertical-align: top
}

.c-nikon-logo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  mix-blend-mode: hard-light;
  transition: background-color 250ms ease-out
}

@media(min-width: 750px) {
  .c-nikon-logo {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 68px
  }
}

@media(hover: hover)and (pointer: fine) {
  .c-nikon-logo:hover::after {
    background-color: rgba(255, 255, 255, .4)
  }
}

.c-accordion-icon {
  display: block;
  width: 1em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='%23fff'%3E%3Cpath d='M8 1a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7m0-1a8 8 0 1 1-8 8 8 8 0 0 1 8-8z'/%3E%3Cpath d='M12 7.5v1H4v-1z'/%3E%3Cpath d='M7.5 4h1v8h-1z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  background-size: contain
}

.c-accordion-icon::before {
  content: "";
  display: block;
  padding-top: 100%
}

.c-accordion-icon.c-accordion-icon--minus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='%23fff'%3E%3Cpath d='M8 1a7 7 0 1 0 7 7 7.008 7.008 0 0 0-7-7m0-1a8 8 0 1 1-8 8 8 8 0 0 1 8-8z'/%3E%3Cpath d='M12 7.5v1H4v-1z'/%3E%3C/g%3E%3C/svg%3E")
}

.c-link-button,
.c-link-button--large {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  outline: none;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: .5em 2.5em;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .1em;
  color: #fff;
  text-decoration: none;
  border-radius: 9999px;
  border: solid 1px #fff;
  background: rgba(0, 0, 0, 0);
  transition: background-color 250ms ease-out
}

.c-link-button:link,
.c-link-button--large:link,
.c-link-button:visited,
.c-link-button--large:visited,
.c-link-button:hover,
.c-link-button--large:hover,
.c-link-button:active,
.c-link-button--large:active {
  color: #fff
}

.c-link-button::after,
.c-link-button--large::after {
  content: "";
  position: absolute;
  top: calc(50% - .5em);
  right: .8em;
  display: block;
  width: 1em;
  height: 1em;
  margin-left: .4em;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.18 26-1.36-1.37L18.45 13 6.82 1.37 8.18 0l13 13z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain
}

.c-link-button.c-link-button--icon-less::after,
.c-link-button--icon-less.c-link-button--large::after {
  content: none
}

.c-link-button.c-link-button--width-auto,
.c-link-button--width-auto.c-link-button--large {
  width: auto
}

@media(min-width: 750px) {

  .c-link-button,
  .c-link-button--large {
    font-size: 0.8125rem
  }
}

@media(hover: hover)and (pointer: fine) {

  .c-link-button:hover,
  .c-link-button--large:hover {
    background-color: rgba(255, 255, 255, .2)
  }
}

.c-link-button--large {
  min-height: 56px;
  padding: .5em 1.6em;
  font-size: min(4.8vw, 1.125rem)
}

@media(min-width: 750px) {
  .c-link-button--large {
    min-height: 70px;
    font-size: 1.25rem
  }
}

.c-back-button,
.c-back-button--large {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  outline: none;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 39px;
  padding: .5em 1.6em;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  border-radius: 9999px;
  border: solid 1px #fff;
  background: rgba(0, 0, 0, 0);
  transition: background-color 250ms ease-out
}

.c-back-button::after,
.c-back-button--large::after {
  content: "";
  position: absolute;
  top: calc(50% - .5em);
  left: .8em;
  display: block;
  width: 1em;
  height: 1em;
  margin-right: .4em;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.82 26 1.36-1.37L7.55 13 19.18 1.37 17.82 0l-13 13z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain
}

@media(min-width: 750px) {

  .c-back-button,
  .c-back-button--large {
    font-size: 0.8125rem
  }
}

@media(hover: hover)and (pointer: fine) {

  .c-back-button:hover,
  .c-back-button--large:hover {
    background-color: rgba(255, 255, 255, .2)
  }
}

.c-back-button--large {
  min-height: 56px;
  font-size: min(4.8vw, 1.125rem)
}

@media(min-width: 750px) {
  .c-back-button--large {
    min-height: 70px;
    font-size: 1.25rem
  }
}

.c-play-video-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 62px;
  height: 62px;
  margin: auto;
  border: solid 2px #fff;
  border-radius: 9999px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .1);
  transition: opacity 250ms ease-out, background-color 250ms ease-out;
  outline: none
}

.c-play-video-icon::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6.97 2 .04V13.9z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 52% center;
  background-size: 18.75%
}

.c-play-video-icon:focus {
  background-color: rgba(255, 255, 255, .2)
}

@media(min-width: 750px) {
  .c-play-video-icon {
    width: 96px;
    height: 96px
  }

  .c-play-video-icon::before {
    background-size: 21px auto
  }
}

.c-external-window-icon,
.c-external-window-icon--gray-solid,
.c-external-window-icon--black {
  display: inline-block;
  width: 1em;
  margin: 2px .4em -2px
}

.c-external-window-icon::before,
.c-external-window-icon--gray-solid::before,
.c-external-window-icon--black::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2H4v12h11v3H1v-7h3V6H0v12h16v-4h4zm-1 11H5V6h14z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain
}

.c-external-window-icon.is-marginless,
.is-marginless.c-external-window-icon--gray-solid,
.is-marginless.c-external-window-icon--black {
  margin-left: initial;
  margin-right: initial
}

.c-external-window-icon.is-marginless-right,
.is-marginless-right.c-external-window-icon--gray-solid,
.is-marginless-right.c-external-window-icon--black {
  margin-right: initial
}

.c-external-window-icon.is-marginless-left,
.is-marginless-left.c-external-window-icon--gray-solid,
.is-marginless-left.c-external-window-icon--black {
  margin-left: initial
}

.c-external-window-icon--black::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2H4v12h11v3H1v-7h3V6H0v12h16v-4h4zm-1 11H5V6h14z'/%3E%3C/svg%3E")
}

.c-external-window-icon--gray-solid::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10H1v7h14v-3H4z' fill='%23fff'/%3E%3Cpath d='M5 6h14v7H5z' fill='%23fff'/%3E%3Cpath d='M20 2H4v12h11v3H1v-7h3V6H0v12h16v-4h4zm-1 11H5V6h14z' fill='%23404040'/%3E%3C/svg%3E")
}

.c-notes {
  display: inline-flex;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.6
}

.c-notes::before {
  content: "※";
  display: inline-block;
  margin-right: .5em
}

.c-notes.c-notes--disc::before {
  content: "●"
}

.c-notes.c-notes--with-icon::before {
  display: none
}

.c-notes.c-notes--with-icon .c-notes__icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-top: .1em
}

.c-notes.c-notes--with-icon .c-notes__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.c-notes.c-notes--with-icon .c-notes__icon:first-child {
  flex: none;
  margin-right: .5em
}

.c-notes a {
  color: currentColor;
  text-decoration: underline
}

@media(hover: hover)and (pointer: fine) {
  .c-notes a:hover {
    color: #fee132
  }
}

.c-notes-list {
  display: grid;
  grid-row-gap: .2em;
  text-align: left
}

.c-notes-list:not(.c-notes-list--no-reset-counter) {
  counter-reset: note-number
}

.c-notes-list>* {
  display: inline-flex;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.6;
  list-style: none
}

.c-notes-list>*::before {
  counter-increment: note-number;
  content: "※ "counter(note-number);
  display: inline-block;
  margin-right: .75em;
  flex: none
}

.c-notes-list a {
  color: currentColor;
  text-decoration: underline
}

@media(hover: hover)and (pointer: fine) {
  .c-notes-list a:hover {
    color: #fee132
  }
}

.c-notes-list.c-notes-list--asterisk>*:first-child::before {
  content: "＊"
}

.c-notes-list.c-notes-list--repeat-asterisk-2>*:first-child::before {
  content: "＊　"
}

.c-notes-list.c-notes-list--repeat-asterisk-2>*:nth-child(2)::before {
  content: "＊＊"
}

@keyframes fadeOut {
  0% {
    visibility: visible;
    opacity: 1
  }

  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
  }
}

.c-pageshow::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
  z-index: 130
}

.c-pageshow.c-pageshow--hidden::after {
  animation: fadeOut 600ms ease-out both
}

.c-scroll-attention__label>img {
  width: 100%;
  height: auto
}

@keyframes scroll-attention-bar {
  0% {
    top: 0;
    height: 0
  }

  45% {
    top: 0;
    height: 100%
  }

  60% {
    top: 0;
    height: 100%
  }

  100% {
    top: 100%;
    height: 0
  }
}

.c-scroll-attention__bar {
  position: relative
}

.c-scroll-attention__bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  animation: scroll-attention-bar 3000ms cubic-bezier(0.77, 0, 0.175, 1) infinite
}

.c-scroll-attention {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 12px;
  height: 125px;
  z-index: 90
}

.c-scroll-attention .c-scroll-attention__label {
  width: 100%
}

.c-scroll-attention .c-scroll-attention__bar {
  display: block;
  width: 1px;
  height: 50px
}

.c-scroll-attention.c-scroll-attention--fixed {
  top: calc(var(--screen-inner-height, 100vh) - 142px);
  right: 26px
}

.c-scroll-attention.c-scroll-attention--in-visual {
  bottom: -30px;
  right: 20px
}

@media(min-width: 750px) {
  .c-scroll-attention.c-scroll-attention--in-visual {
    bottom: 29px;
    right: 32px
  }
}

@media(min-width: 750px) {
  .c-scroll-attention {
    height: 150px
  }

  .c-scroll-attention .c-scroll-attention__bar {
    display: block;
    width: 1px;
    height: 75px
  }

  .c-scroll-attention.c-scroll-attention--fixed {
    top: calc(var(--screen-inner-height, 100vh) - 182px);
    right: 35px
  }
}

.c-tag {
  display: inline-flex;
  padding: .4em .5em;
  font-size: .7em;
  color: #fff;
  line-height: 1;
  vertical-align: middle
}

.c-tag img {
  width: auto;
  height: .7em
}

.c-tag.c-tag--primary {
  color: #fff;
  background-color: #bf0000
}

.c-tag.c-tag--is-image {
  padding: .5em .6em
}

.p-nav-toggle-button__bar {
  position: absolute;
  display: block;
  height: 1px;
  background-color: #fff;
  transition: all 200ms ease-out;
  transform-origin: center
}

.p-nav-toggle-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  outline: none;
  position: relative;
  width: 40px;
  height: 40px;
  border: solid 1px #fff;
  background-color: rgba(0, 0, 0, .5);
  transition: background-color 250ms ease-out, opacity 200ms ease-out, visibility 200ms ease-out;
  overflow: hidden
}

.p-nav-toggle-button .p-nav-toggle-button__bar:first-child {
  top: 35%;
  left: 15%;
  width: 70%
}

.p-nav-toggle-button .p-nav-toggle-button__bar:nth-child(2) {
  top: 65%;
  left: 15%;
  width: 55%
}

.p-nav-toggle-button.is-cross .p-nav-toggle-button__bar:first-child {
  top: 50%;
  left: -20.71%;
  width: 141.42%;
  transform: rotate(45deg)
}

.p-nav-toggle-button.is-cross .p-nav-toggle-button__bar:nth-child(2) {
  top: 50%;
  left: -20.71%;
  width: 141.42%;
  transform: rotate(-45deg)
}

@media(min-width: 750px) {
  .p-nav-toggle-button {
    width: 48px;
    height: 48px
  }
}

@media(hover: hover)and (pointer: fine) {
  .p-nav-toggle-button:hover {
    background-color: rgba(0, 0, 0, .4)
  }
}

.p-sns-share-buttons__button {
  display: block;
  background-color: #b0b0b0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border-radius: 9999px;
  transition: background-color 250ms ease-out
}

.p-sns-share-buttons__button::before {
  content: "";
  display: block;
  padding-top: 100%
}

.p-sns-share-buttons__button.p-sns-share-buttons__button--facebook {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m34.92 30.92.59-3.82h-3.67v-2.48c-.09-1.05.68-1.98 1.73-2.07.14-.01.28 0 .42 0h1.67v-3.26c-.98-.16-1.97-.24-2.96-.26-3.02 0-5 1.83-5 5.15v2.91h-3.35v3.82h3.36v9.24c1.37.21 2.76.21 4.13 0v-9.24h3.08z'/%3E%3C/svg%3E")
}

.p-sns-share-buttons__button.p-sns-share-buttons__button--twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='m31.93,28.41l7.54-8.77h-1.79l-6.55,7.61-5.23-7.61h-6.03l7.91,11.51-7.91,9.19h1.79l6.92-8.04,5.52,8.04h6.03l-8.2-11.94h0Zm-2.45,2.85l-.8-1.15-6.38-9.12h2.75l5.15,7.36.8,1.15,6.69,9.57h-2.75l-5.46-7.81h0Z'/%3E%3C/svg%3E")
}

.p-sns-share-buttons__button.p-sns-share-buttons__button--line {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.62 28.09c0-6.05-6.06-10.97-13.51-10.97S16.6 22.04 16.6 28.09c0 5.42 4.81 9.96 11.3 10.82.44.1 1.04.29 1.19.67.11.4.12.82.04 1.22 0 0-.16.95-.19 1.16-.06.34-.27 1.34 1.17.73s7.78-4.58 10.62-7.85a9.763 9.763 0 0 0 2.9-6.75zm-18.28 3.24c0 .14-.12.26-.26.26h-3.8c-.14 0-.26-.12-.26-.26v-5.89c0-.14.12-.26.26-.26h.96c.14 0 .26.12.26.26v4.68h2.58c.14 0 .26.12.26.26v.96zm2.29 0c0 .14-.12.26-.26.26h-.96c-.14 0-.26-.12-.26-.26v-5.9c0-.14.12-.26.26-.26h.96c.14 0 .26.12.26.26zm6.52.02c0 .14-.12.26-.26.26h-1.06v-.02h-.04l-.07-.07-2.7-3.65v3.5c0 .14-.12.26-.26.26h-.96c-.14 0-.26-.12-.26-.26v-5.9c0-.14.12-.26.26-.26h1.09v.02h.02v.02l.03.02s.01.02.02.03l2.7 3.64v-3.5c0-.14.12-.26.26-.26h.96v.02c.14 0 .25.12.25.26v5.9zm5.24-4.97c0 .14-.12.26-.26.26h-2.58v1h2.58c.14 0 .26.12.26.26v.96c0 .14-.12.26-.26.26h-2.58v1h2.58c.14 0 .26.12.26.26v.96c0 .14-.12.26-.26.26h-3.8a.281.281 0 0 1-.26-.27v-5.89c0-.15.12-.26.26-.26h3.8c.14 0 .26.12.26.26v.96z'/%3E%3C/svg%3E")
}

@media(hover: hover)and (pointer: fine) {
  .p-sns-share-buttons__button:hover {
    background-color: #fff
  }
}

.p-sns-share-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, 46px);
  grid-gap: 15px;
  justify-content: center
}

@media(min-width: 750px) {
  .p-sns-share-buttons {
    grid-template-columns: repeat(auto-fit, 60px);
    grid-gap: 20px
  }
}

.p-footer-text-links__item {
  padding-top: .5em;
  padding-bottom: .5em;
  color: #fff;
  font-size: 0.875rem;
  text-decoration: underline;
  transition: opacity 250ms ease-out;
  cursor: pointer
}

@media(hover: hover)and (pointer: fine) {
  .p-footer-text-links__item:hover {
    opacity: .8;
    text-decoration: none
  }
}

.p-footer-text-links {
  display: flex;
  justify-content: center
}

.p-back-to-top__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  outline: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: solid 1px #fff;
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, .4);
  overflow: hidden;
  will-change: transform;
  transition: background-color 250ms ease-out, transform 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: auto
}

.p-back-to-top__button::before {
  content: "";
  display: block;
  width: 18px;
  padding-top: 100%;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.31 18.85 13 6.54.69 18.85l-.69-.7 13-13 13 13z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
  background-size: contain;
  transition: transform 250ms cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media(min-width: 750px) {
  .p-back-to-top__button {
    width: 54px;
    height: 54px
  }
}

@media(hover: hover)and (pointer: fine) {
  .p-back-to-top__button:hover {
    background-color: rgba(255, 255, 255, .2)
  }

  .p-back-to-top__button:hover::before {
    transform: translateY(-4px)
  }
}

.p-back-to-top {
  position: sticky;
  bottom: 0;
  width: 100%;
  height: 60px;
  margin-top: -60px;
  overflow: hidden;
  pointer-events: none;
  z-index: 100
}

.p-back-to-top .p-back-to-top__button {
  position: absolute;
  right: 20px;
  bottom: 0;
  transform: translateY(100%)
}

.p-back-to-top.is-enabled .p-back-to-top__button {
  transform: translateY(-18px)
}

@media(min-width: 750px) {
  .p-back-to-top {
    height: 80px;
    margin-top: -80px
  }

  .p-back-to-top .p-back-to-top__button {
    right: 36px;
    bottom: 0
  }

  .p-back-to-top.is-enabled .p-back-to-top__button {
    transform: translateY(-26px)
  }
}

.p-page-scroll-detector {
  position: absolute;
  width: 0;
  height: 150vh;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0)
}

.p-nav-scroll-detector--md {
  display: none
}

@media(min-width: 1025px) {
  .p-nav-scroll-detector--md {
    position: absolute;
    display: block;
    width: 0;
    height: 200vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0)
  }
}

.p-button-notes__icon {
  display: inline-block
}

.p-button-notes__icon::before {
  content: "";
  display: block;
  width: 1.6em;
  height: 1.6em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain
}

.p-button-notes__icon.p-button-notes__icon--rotate-phone::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='M9.51 3.45c.09 0 .18.03.24.1l10.83 10.83c.13.13.13.35 0 .48l-5.77 5.77c-.13.13-.35.13-.48 0L3.5 9.8a.344.344 0 0 1 0-.48l5.77-5.77c.06-.06.15-.1.24-.1m0-1.27c-.43 0-.84.17-1.14.47L2.6 8.42c-.63.63-.63 1.65 0 2.28l10.83 10.83c.63.63 1.65.63 2.28 0l5.77-5.77c.63-.63.63-1.65 0-2.28L10.64 2.65c-.3-.3-.71-.47-1.14-.47M11.98 22.87l-4.1-2.58.29 1.2c-3.5-1.42-5.96-4.69-6.3-8.52a.638.638 0 0 0-1.27.11c.39 4.43 3.3 8.2 7.43 9.72L7.27 24zM15.97 1.2l.76-1.2-4.71 1.14 4.1 2.58-.29-1.2c3.5 1.42 5.96 4.69 6.3 8.51.03.33.3.58.63.58h.06c.35-.03.61-.34.57-.69-.38-4.43-3.3-8.2-7.42-9.72z'/%3E%3C/g%3E%3C/svg%3E")
}

.p-button-notes__content {
  display: flex;
  align-items: center;
  font-size: 0.75rem
}

.p-button-notes__content .p-button-notes__icon:first-child {
  margin-right: .5em
}

.p-button-notes__content .p-button-notes__icon:last-child {
  margin-left: .5em
}

.p-button-notes__note {
  display: block
}

.p-button-notes {
  display: inline-block;
  font-size: 0.75rem
}

.p-button-notes .p-button-notes__content+.p-button-notes__note {
  margin-top: .8em
}

@media(min-width: 750px) {
  .p-button-notes {
    font-size: 0.875rem
  }
}

.p-button-with-notes {
  display: grid;
  grid-row-gap: 14px
}

@media(max-width: 749px) {
  .p-button-with-notes>.c-link-button--large {
    width: 100%;
    max-width: 290px
  }
}

@media(min-width: 750px) {

  .p-button-with-notes>.c-link-button,
  .p-button-with-notes>.c-link-button--large {
    width: 366px
  }
}

.p-button-with-notes.is-justify-start {
  justify-items: flex-start
}

.p-button-with-notes.is-center {
  justify-items: center
}

.p-button-with-notes.is-justify-end {
  justify-items: flex-end
}

@media(max-width: 749px) {
  .p-button-with-notes.is-justify-start {
    justify-items: flex-start
  }
}

@media(max-width: 749px) {
  .p-button-with-notes.is-center {
    justify-items: center
  }
}

@media(max-width: 749px) {
  .p-button-with-notes.is-justify-end {
    justify-items: flex-end
  }
}

@media(min-width: 750px) {
  .p-button-with-notes.is-justify-start {
    justify-items: flex-start
  }
}

@media(min-width: 750px) {
  .p-button-with-notes.is-center {
    justify-items: center
  }
}

@media(min-width: 750px) {
  .p-button-with-notes.is-justify-end {
    justify-items: flex-end
  }
}

.p-video-modal__content {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: left;
  background-color: #000
}

@media(min-width: 750px) {
  .p-video-modal__content {
    width: calc(100% - 240px)
  }
}

@media(max-width: 749px) {
  .p-video-modal .micromodal__close {
    top: -59px;
    bottom: initial;
    right: 19px
  }
}

.p-image-modal__preview {
  position: relative
}

.p-image-modal__preview img {
  max-width: 100%;
  height: auto
}

.p-image-modal__content {
  position: relative;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: left
}

@media(min-width: 750px) {
  .p-image-modal__content {
    width: calc(100% - 240px)
  }
}

.p-image-modal.is-max-width-1280 .p-image-modal__content {
  max-width: 1280px
}

@media(max-width: 749px) {
  .p-image-modal .micromodal__close {
    top: -59px;
    bottom: initial;
    right: 19px
  }
}

.p-requirements-modal__title {
  font-weight: 500;
  font-size: 1.25rem
}

@media(min-width: 750px) {
  .p-requirements-modal__title {
    font-size: 1.375rem
  }
}

.p-requirements-modal__requirements {
  line-height: 1.6;
  font-size: 1rem
}

.p-requirements-modal__requirements li {
  padding-top: .2em;
  padding-bottom: .2em
}

@media(min-width: 750px) {
  .p-requirements-modal__requirements {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px
  }

  .p-requirements-modal__requirements li {
    padding-top: .2em;
    padding-bottom: .2em
  }
}

.p-requirements-modal__note {
  font-size: 0.75rem;
  line-height: 1.6
}

.p-requirements-modal__note>*:not(:first-child) {
  margin-top: .2em
}

@media(min-width: 750px) {
  .p-requirements-modal__note {
    font-size: 0.875rem
  }
}

.p-requirements-modal__inner {
  padding: 30px 40px
}

.p-requirements-modal__inner .p-requirements-modal__content {
  margin-top: 20px
}

.p-requirements-modal__inner .p-requirements-modal__note {
  margin-top: 30px
}

@media(min-width: 750px) {
  .p-requirements-modal__inner {
    padding: 60px 80px
  }

  .p-requirements-modal__inner .p-requirements-modal__content {
    margin-top: 20px
  }

  .p-requirements-modal__inner .p-requirements-modal__note {
    margin-top: 40px
  }
}

.p-requirements-modal__container {
  position: relative;
  display: inline-block;
  width: calc(100% - 40px);
  text-align: left;
  color: #000;
  background-color: #fff
}

@media(max-width: 749px) {
  .p-requirements-modal__container .micromodal__close {
    top: -59px;
    bottom: initial
  }
}

@media(min-width: 750px) {
  .p-requirements-modal__container {
    width: min(100% - 240px, 900px)
  }
}

.p-specs-modal__title {
  color: #fff;
  font-size: 1.1875rem;
  font-weight: 500
}

.p-specs-modal__scroll-attention img {
  width: 100%;
  height: auto
}

.p-specs-modal__scroll-attention.p-specs-modal__scroll-attention--horizontal {
  width: 201px
}

.p-specs-modal__scroll-attention.p-specs-modal__scroll-attention--vertical {
  width: 12px
}

.p-specs-modal__head {
  position: relative
}

.p-specs-modal__head .p-specs-modal__scroll-attention {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto
}

@media(min-width: 750px) {
  .p-specs-modal__head .p-specs-modal__scroll-attention {
    margin-top: -5px
  }
}

dl.p-specs-modal__table-in-cell {
  display: table;
  margin: 0 auto
}

dl.p-specs-modal__table-in-cell div {
  display: table-row
}

dl.p-specs-modal__table-in-cell dt,
dl.p-specs-modal__table-in-cell dd {
  display: table-cell;
  text-align: right
}

dl.p-specs-modal__table-in-cell dt:not(:first-child),
dl.p-specs-modal__table-in-cell dd:not(:first-child) {
  padding-left: .2em
}

dl.p-specs-modal__table-in-cell dt:not(:last-child),
dl.p-specs-modal__table-in-cell dd:not(:last-child) {
  padding-right: .2em
}

dl.p-specs-modal__table-in-cell dt.is-text-left,
dl.p-specs-modal__table-in-cell dd.is-text-left {
  text-align: left
}

dl.p-specs-modal__table-in-cell dt.is-text-right,
dl.p-specs-modal__table-in-cell dd.is-text-right {
  text-align: left
}

.p-specs-modal__hidden-row td,
.p-specs-modal__hidden-row th {
  overflow-y: hidden;
  max-height: 0;
  min-height: 0
}

.p-specs-modal__table {
  color: #000;
  font-size: 0.875rem;
  background-color: #fff;
  border-collapse: collapse;
  border: none
}

.p-specs-modal__table th,
.p-specs-modal__table td {
  padding: .25em .5em;
  border: solid 1px #000;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 1.4
}

.p-specs-modal__table p+p {
  margin-top: 1em
}

.p-specs-modal__table thead.is-sticky th {
  position: sticky;
  top: 0;
  color: #fff;
  overflow: hidden
}

.p-specs-modal__table thead.is-sticky th::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #666;
  z-index: -1
}

.p-specs-modal__table thead.is-sticky th:first-child {
  left: 0;
  border-right: none;
  background-color: #666;
  z-index: 3
}

.p-specs-modal__table thead.is-sticky th:first-child::before {
  border-right: solid 1px #000
}

.p-specs-modal__table thead.is-sticky th:not(:first-child) {
  z-index: 2
}

.p-specs-modal__table thead.is-sticky th:nth-child(2) {
  border-left: none
}

.p-specs-modal__table tbody.is-sticky th {
  position: sticky;
  border-right: none;
  left: 0;
  z-index: 1;
  overflow: hidden
}

.p-specs-modal__table tbody.is-sticky th::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1
}

.p-specs-modal__table tbody.is-sticky th::before {
  border-right: solid 1px #000
}

.p-specs-modal__table tbody.is-sticky th+td {
  border-left: none
}

.p-specs-modal__table-container {
  position: relative;
  overflow: auto visible;
  overscroll-behavior-x: none
}

.p-specs-modal__table-container.is-scrollable {
  background-color: #212121;
  cursor: move
}

.p-specs-modal__table-sticky-header {
  position: sticky;
  top: 0;
  overflow: hidden;
  z-index: 5
}

.p-specs-modal__table-content {
  position: relative;
  margin-top: 15px;
  margin-bottom: 20px
}

.p-specs-modal__table-content .p-specs-modal__scroll-attention {
  position: absolute;
  top: 0;
  right: -15px
}

@media(min-width: 750px) {
  .p-specs-modal__table-content .p-specs-modal__scroll-attention {
    position: absolute;
    top: 0;
    right: -30px
  }
}

.p-specs-modal__notes {
  color: #fff
}

.p-specs-modal__notes .c-notes-list>* {
  font-size: 0.8125rem
}

@media(min-width: 750px) {
  .p-specs-modal__notes .c-notes-list>* {
    font-size: 0.875rem
  }
}

.p-specs-modal__inner {
  width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto
}

.p-specs-modal__inner .p-specs-modal__table+.p-specs-modal__notes {
  margin-top: 26px
}

@media(min-width: 750px)and (max-width: 1024px) {
  .p-specs-modal__inner {
    width: calc(100% - 120px)
  }
}

@media(min-width: 1025px) {
  .p-specs-modal__inner {
    width: calc(100% - 300px)
  }
}

@media(min-width: 750px) {
  .p-specs-modal__inner .p-specs-modal__table+.p-specs-modal__notes {
    margin-top: 20px
  }
}

.p-specs-modal__content {
  padding-top: 30px
}

@media(max-width: 749px) {
  .p-specs-modal__content {
    padding-bottom: 80px
  }
}

@media(min-width: 750px) {
  .p-specs-modal__content {
    padding-top: 60px
  }
}

@keyframes mmSlideUp {
  from {
    transform: translateY(40px)
  }

  to {
    transform: translateY(0)
  }
}

@keyframes mmSlideDown {
  from {
    transform: translateY(0)
  }

  to {
    transform: translateY(40px)
  }
}

.p-specs-modal[aria-hidden=false] .micromodal__content {
  animation-name: mmSlideUp
}

.p-specs-modal[aria-hidden=true] .micromodal__content {
  animation-name: mmSlideDown
}

.p-specs-modal .micromodal__overlay {
  background-color: #000
}

.p-specs-modal .micromodal__container {
  padding-top: 0;
  overflow: auto
}

.p-specs-modal .micromodal__close {
  z-index: 120
}

@media(max-width: 749px) {
  .p-specs-modal .micromodal__close {
    top: 10px;
    right: 20px
  }

  .p-specs-modal .micromodal__close.micromodal__close--bottom {
    top: auto;
    bottom: 0
  }
}

@media(min-width: 750px)and (max-width: 1024px) {
  .p-specs-modal .micromodal__close {
    right: calc(var(--scrollbar-width, 0px) + 10px)
  }
}

.p-responsive-video {
  position: relative
}

.p-responsive-video::before {
  content: "";
  display: block;
  padding-top: 56.25%
}

.p-responsive-video.is-1by1::before {
  padding-top: 100%
}

.p-responsive-video.is-2by1::before {
  padding-top: 50%
}

.p-responsive-video.is-3by1::before {
  padding-top: 33.3333333333%
}

.p-responsive-video.is-3by2::before {
  padding-top: 66.6666666667%
}

.p-responsive-video.is-4by3::before {
  padding-top: 75%
}

.p-responsive-video.is-5by3::before {
  padding-top: 60%
}

.p-responsive-video.is-5by4::before {
  padding-top: 80%
}

.p-responsive-video.is-16by9::before {
  padding-top: 56.25%
}

.p-responsive-video.is-16by10::before {
  padding-top: 62.5%
}

.p-responsive-video.is-1by2::before {
  padding-top: 200%
}

.p-responsive-video.is-1by3::before {
  padding-top: 300%
}

.p-responsive-video.is-2by3::before {
  padding-top: 150%
}

.p-responsive-video.is-3by4::before {
  padding-top: 133.3333333333%
}

.p-responsive-video.is-3by5::before {
  padding-top: 166.6666666667%
}

.p-responsive-video.is-4by5::before {
  padding-top: 125%
}

.p-responsive-video.is-9by16::before {
  padding-top: 177.7777777778%
}

.p-responsive-video.is-10by16::before {
  padding-top: 160%
}

.p-responsive-video>video,
.p-responsive-video>.video-js,
.p-responsive-video>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.p-videojs .vjs-big-play-button {
  width: 62px;
  height: 62px;
  margin-left: -31px;
  margin-top: -31px;
  background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 6.97 2 .04V13.9z' fill='%23fff'/%3E%3C/svg%3E") no-repeat 52% center;
  background-size: 18.75%;
  border: solid 2px #fff;
  border-radius: 9999px
}

.p-videojs .vjs-big-play-button:hover,
.p-videojs .vjs-big-play-button:focus {
  background-color: rgba(255, 255, 255, .2)
}

.p-videojs .vjs-big-play-button .vjs-icon-placeholder {
  display: none
}

@media(min-width: 750px) {
  .p-videojs .vjs-big-play-button {
    width: 148px;
    height: 148px;
    margin-left: -74px;
    margin-top: -74px;
    background-size: 21px auto
  }
}

.p-videojs:hover .vjs-big-play-button,
.p-videojs:focus .vjs-big-play-button {
  background-color: rgba(255, 255, 255, .2)
}

@keyframes fadeInUp {
  0% {
    visibility: visible
  }

  75% {
    opacity: 1
  }

  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
  }
}

.js-fade-in-up {
  opacity: 0;
  visibility: hidden;
  transform: translateY(60px)
}

.js-fade-in-up.in-view {
  animation: fadeInUp 800ms cubic-bezier(0.165, 0.84, 0.44, 1) both
}

@keyframes fadeIn {
  0% {
    visibility: visible
  }

  75% {
    opacity: 1
  }

  100% {
    opacity: 1;
    visibility: visible
  }
}

.js-fade-in {
  opacity: 0;
  visibility: hidden
}

.js-fade-in.in-view {
  animation: fadeIn 800ms cubic-bezier(0.165, 0.84, 0.44, 1) both
}

.p-table-note {
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
  font-size: 0.75rem;
  color: #fff;
  line-height: 1.6
}

.p-feature-guide__title {
  width: 316px
}

.p-feature-guide__title img {
  width: 100%;
  height: auto
}

@media(min-width: 750px) {
  .p-feature-guide__title {
    width: 439px
  }
}

.p-feature-guide {
  padding-top: 140px
}

.p-feature-guide .p-feature-guide__title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 34px
}

@media(min-width: 750px) {
  .p-feature-guide {
    padding-top: 169px;
    padding-bottom: 138px
  }

  .p-feature-guide .p-feature-guide__title {
    margin-bottom: 49px
  }
}

.p-guide-box__title {
  color: #fff;
  font-size: 6.1333333333vw;
  font-weight: 400;
  line-height: 1.6
}

@media(min-width: 750px) {
  .p-guide-box__title {
    font-size: 1.8571428571vw
  }
}

@media(min-width: 2300px) {
  .p-guide-box__title {
    font-size: 1.1304347826vw
  }
}

.p-guide-box__image {
  transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1)
}

.p-guide-box__more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 158px;
  height: 36px;
  border-radius: 9999px;
  border: solid 1px #fff;
  padding: .4em 1.4em;
  color: #fff;
  font-size: 1rem;
  transition: background-color 250ms ease-out
}

.p-guide-box__more img {
  width: 2.8em;
  height: auto
}

@media(min-width: 750px) {
  .p-guide-box__more {
    width: 37.7682403433%;
    height: 40px;
    font-size: 0.875rem
  }
}

.p-guide-box__link {
  display: block;
  text-decoration: none;
  padding-top: 65px;
  padding-left: 47px
}

.p-guide-box__link .p-guide-box__more {
  margin-top: 38px
}

@media(min-width: 750px) {
  .p-guide-box__link {
    padding-top: 19.313304721%;
    padding-left: 16.5236051502%
  }

  .p-guide-box__link .p-guide-box__more {
    margin-top: 8.5201793722%
  }
}

@media(hover: hover)and (pointer: fine) {
  .p-guide-box__link:hover .p-guide-box__more {
    background-color: rgba(255, 255, 255, .4)
  }
}

.p-guide-box__content .p-guide-box__link {
  width: 100%;
  height: 100%
}

.p-guide-box {
  position: relative;
  background-color: #000;
  overflow: hidden
}

.p-guide-box::before {
  content: "";
  display: block;
  padding-top: 73.0666666667%
}

.p-guide-box.is-playing-video .p-guide-box__image {
  display: none
}

.p-guide-box.is-dolly .p-guide-box__image {
  -o-object-position: left;
  object-position: left
}

.p-guide-box .p-guide-box__video,
.p-guide-box .p-guide-box__image,
.p-guide-box .p-guide-box__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.p-guide-box .p-guide-box__video,
.p-guide-box .p-guide-box__image {
  -o-object-fit: cover;
  object-fit: cover
}

.p-guide-box .p-guide-box__content {
  z-index: 1
}

@media(min-width: 750px) {
  .p-guide-box::before {
    content: "";
    display: block;
    padding-top: 72.9613733906%
  }
}

@keyframes dolly-zoom {
  0% {
    -o-object-position: 0 0;
    object-position: 0 0;
    animation-timing-function: ease-in
  }

  30% {
    -o-object-position: 50% 100%;
    object-position: 50% 100%;
    transform-origin: center right;
    transform: scale(1);
    animation-timing-function: ease-out
  }

  100% {
    -o-object-position: 100% 100%;
    object-position: 100% 100%;
    transform: scale(1.4)
  }
}

@media(max-width: 749px) {
  .p-guide-box.is-dolly .p-guide-box__image {
    -o-object-position: right;
    object-position: right
  }
}

@media(hover: hover)and (pointer: fine) {
  .p-guide-box:hover:not(.has-video):not(.is-dolly) .p-guide-box__image {
    transform: scale(1.08)
  }

  .p-guide-box:hover:not(.has-video).is-dolly img {
    animation: dolly-zoom 1600ms ease-out both
  }
}

.keen-slider:not([data-keen-slider-disabled]) {
  align-content: flex-start;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%
}

.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100%
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
  flex-direction: row-reverse
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
  flex-wrap: wrap
}

[data-keen-slider-moves] * {
  pointer-events: none
}

.p-guide-slide__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  opacity: .8;
  transition: opacity 250ms ease-out;
  cursor: pointer
}

.p-guide-slide__button::before {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain
}

@media(max-width: 749px) {
  .p-guide-slide__button {
    display: none
  }
}

@media(hover: hover)and (pointer: fine) {
  .p-guide-slide__button:hover {
    opacity: 1
  }
}

.p-guide-slide__button.p-guide-slide__button--prev {
  justify-content: flex-end
}

.p-guide-slide__button.p-guide-slide__button--prev::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.82 26 1.36-1.37L7.55 13 19.18 1.37 17.82 0l-13 13z' fill='%23fff'/%3E%3C/svg%3E")
}

.p-guide-slide__button.p-guide-slide__button--next {
  justify-content: flex-start
}

.p-guide-slide__button.p-guide-slide__button--next::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.18 26-1.36-1.37L18.45 13 6.82 1.37 8.18 0l13 13z' fill='%23fff'/%3E%3C/svg%3E")
}

@media(max-width: 749px) {
  .p-guide-slide__list .p-guide-slide__item.is-clone {
    display: none
  }
}

.p-guide-slide {
  position: relative
}

.p-guide-slide .p-guide-slide__button {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 76px;
  height: 100%;
  z-index: 1
}

.p-guide-slide .p-guide-slide__button.p-guide-slide__button--prev {
  left: 0
}

.p-guide-slide .p-guide-slide__button.p-guide-slide__button--next {
  right: 0
}

.is-block {
  display: block !important
}

@media(max-width: 748px) {
  .is-block-mobile {
    display: block !important
  }
}

@media(max-width: 749px) {
  .is-block-touch {
    display: block !important
  }
}

@media(min-width: 750px) {
  .is-block-desktop {
    display: block !important
  }
}

@media(min-width: 750px)and (max-width: 1279px) {
  .is-block-desktop-only {
    display: block !important
  }
}

@media(min-width: 1280px) {
  .is-block-widescreen {
    display: block !important
  }
}

@media(min-width: 1280px)and (max-width: 1399px) {
  .is-block-widescreen-only {
    display: block !important
  }
}

@media(min-width: 1400px) {
  .is-block-fullhd {
    display: block !important
  }
}

.is-flex {
  display: flex !important
}

@media(max-width: 748px) {
  .is-flex-mobile {
    display: flex !important
  }
}

@media(max-width: 749px) {
  .is-flex-touch {
    display: flex !important
  }
}

@media(min-width: 750px) {
  .is-flex-desktop {
    display: flex !important
  }
}

@media(min-width: 750px)and (max-width: 1279px) {
  .is-flex-desktop-only {
    display: flex !important
  }
}

@media(min-width: 1280px) {
  .is-flex-widescreen {
    display: flex !important
  }
}

@media(min-width: 1280px)and (max-width: 1399px) {
  .is-flex-widescreen-only {
    display: flex !important
  }
}

@media(min-width: 1400px) {
  .is-flex-fullhd {
    display: flex !important
  }
}

.is-inline {
  display: inline !important
}

@media(max-width: 748px) {
  .is-inline-mobile {
    display: inline !important
  }
}

@media(max-width: 749px) {
  .is-inline-touch {
    display: inline !important
  }
}

@media(min-width: 750px) {
  .is-inline-desktop {
    display: inline !important
  }
}

@media(min-width: 750px)and (max-width: 1279px) {
  .is-inline-desktop-only {
    display: inline !important
  }
}

@media(min-width: 1280px) {
  .is-inline-widescreen {
    display: inline !important
  }
}

@media(min-width: 1280px)and (max-width: 1399px) {
  .is-inline-widescreen-only {
    display: inline !important
  }
}

@media(min-width: 1400px) {
  .is-inline-fullhd {
    display: inline !important
  }
}

.is-inline-block {
  display: inline-block !important
}

@media(max-width: 748px) {
  .is-inline-block-mobile {
    display: inline-block !important
  }
}

@media(max-width: 749px) {
  .is-inline-block-touch {
    display: inline-block !important
  }
}

@media(min-width: 750px) {
  .is-inline-block-desktop {
    display: inline-block !important
  }
}

@media(min-width: 750px)and (max-width: 1279px) {
  .is-inline-block-desktop-only {
    display: inline-block !important
  }
}

@media(min-width: 1280px) {
  .is-inline-block-widescreen {
    display: inline-block !important
  }
}

@media(min-width: 1280px)and (max-width: 1399px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important
  }
}

@media(min-width: 1400px) {
  .is-inline-block-fullhd {
    display: inline-block !important
  }
}

.is-inline-flex {
  display: inline-flex !important
}

@media(max-width: 748px) {
  .is-inline-flex-mobile {
    display: inline-flex !important
  }
}

@media(max-width: 749px) {
  .is-inline-flex-touch {
    display: inline-flex !important
  }
}

@media(min-width: 750px) {
  .is-inline-flex-desktop {
    display: inline-flex !important
  }
}

@media(min-width: 750px)and (max-width: 1279px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important
  }
}

@media(min-width: 1280px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important
  }
}

@media(min-width: 1280px)and (max-width: 1399px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important
  }
}

@media(min-width: 1400px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important
  }
}

.is-hidden {
  display: none !important
}

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: .01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: .01em !important
}

@media(max-width: 748px) {
  .is-hidden-mobile {
    display: none !important
  }
}

@media(max-width: 749px) {
  .is-hidden-touch {
    display: none !important
  }
}

@media(min-width: 750px) {
  .is-hidden-desktop {
    display: none !important
  }
}

@media(min-width: 750px)and (max-width: 1279px) {
  .is-hidden-desktop-only {
    display: none !important
  }
}

@media(min-width: 750px)and (max-width: 1024px) {
  .is-hidden-desktop-narrow {
    display: none !important
  }
}

@media(min-width: 1280px) {
  .is-hidden-widescreen {
    display: none !important
  }
}

@media(min-width: 1280px)and (max-width: 1399px) {
  .is-hidden-widescreen-only {
    display: none !important
  }
}

@media(min-width: 1400px) {
  .is-hidden-fullhd {
    display: none !important
  }
}

.is-invisible {
  visibility: hidden !important
}

@media(max-width: 748px) {
  .is-invisible-mobile {
    visibility: hidden !important
  }
}

@media(max-width: 749px) {
  .is-invisible-touch {
    visibility: hidden !important
  }
}

@media(min-width: 750px) {
  .is-invisible-desktop {
    visibility: hidden !important
  }
}

@media(min-width: 750px)and (max-width: 1279px) {
  .is-invisible-desktop-only {
    visibility: hidden !important
  }
}

@media(min-width: 1280px) {
  .is-invisible-widescreen {
    visibility: hidden !important
  }
}

@media(min-width: 1280px)and (max-width: 1399px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important
  }
}

@media(min-width: 1400px) {
  .is-invisible-fullhd {
    visibility: hidden !important
  }
}

.u-has-bg-gray-texture {
  background: #373c40 url("../img/bg_gray-texture.jpg") repeat-y center top;
  background-size: 180% auto
}

@media(min-width: 750px) {
  .u-has-bg-gray-texture {
    background-size: 100% auto
  }
}

.u-overflow-x-hidden {
  overflow-x: hidden
}

.u-is-relative {
  position: relative
}

.u-m-0 {
  margin: 0 !important
}

@media(max-width: 750px) {
  .u-m-0-sm-down {
    margin: 0 !important
  }
}

@media(min-width: 751px) {
  .u-m-0-md-up {
    margin: 0 !important
  }
}

.u-mt-0 {
  margin-top: 0 !important
}

@media(max-width: 750px) {
  .u-mt-0-sm-down {
    margin-top: 0 !important
  }
}

@media(min-width: 751px) {
  .u-mt-0-md-up {
    margin-top: 0 !important
  }
}

.u-mr-0 {
  margin-right: 0 !important
}

@media(max-width: 750px) {
  .u-mr-0-sm-down {
    margin-right: 0 !important
  }
}

@media(min-width: 751px) {
  .u-mr-0-md-up {
    margin-right: 0 !important
  }
}

.u-mb-0 {
  margin-bottom: 0 !important
}

@media(max-width: 750px) {
  .u-mb-0-sm-down {
    margin-bottom: 0 !important
  }
}

@media(min-width: 751px) {
  .u-mb-0-md-up {
    margin-bottom: 0 !important
  }
}

.u-ml-0 {
  margin-left: 0 !important
}

@media(max-width: 750px) {
  .u-ml-0-sm-down {
    margin-left: 0 !important
  }
}

@media(min-width: 751px) {
  .u-ml-0-md-up {
    margin-left: 0 !important
  }
}

.u-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

@media(max-width: 750px) {
  .u-mx-0-sm-down {
    margin-left: 0 !important;
    margin-right: 0 !important
  }
}

@media(min-width: 751px) {
  .u-mx-0-md-up {
    margin-left: 0 !important;
    margin-right: 0 !important
  }
}

.u-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

@media(max-width: 750px) {
  .u-my-0-sm-down {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

@media(min-width: 751px) {
  .u-my-0-md-up {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }
}

.u-m-1 {
  margin: .25rem !important
}

@media(max-width: 750px) {
  .u-m-1-sm-down {
    margin: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-m-1-md-up {
    margin: .25rem !important
  }
}

.u-mt-1 {
  margin-top: .25rem !important
}

@media(max-width: 750px) {
  .u-mt-1-sm-down {
    margin-top: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-mt-1-md-up {
    margin-top: .25rem !important
  }
}

.u-mr-1 {
  margin-right: .25rem !important
}

@media(max-width: 750px) {
  .u-mr-1-sm-down {
    margin-right: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-mr-1-md-up {
    margin-right: .25rem !important
  }
}

.u-mb-1 {
  margin-bottom: .25rem !important
}

@media(max-width: 750px) {
  .u-mb-1-sm-down {
    margin-bottom: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-mb-1-md-up {
    margin-bottom: .25rem !important
  }
}

.u-ml-1 {
  margin-left: .25rem !important
}

@media(max-width: 750px) {
  .u-ml-1-sm-down {
    margin-left: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-ml-1-md-up {
    margin-left: .25rem !important
  }
}

.u-mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important
}

@media(max-width: 750px) {
  .u-mx-1-sm-down {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-mx-1-md-up {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }
}

.u-my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

@media(max-width: 750px) {
  .u-my-1-sm-down {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-my-1-md-up {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }
}

.u-m-2 {
  margin: .5rem !important
}

@media(max-width: 750px) {
  .u-m-2-sm-down {
    margin: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-m-2-md-up {
    margin: .5rem !important
  }
}

.u-mt-2 {
  margin-top: .5rem !important
}

@media(max-width: 750px) {
  .u-mt-2-sm-down {
    margin-top: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-mt-2-md-up {
    margin-top: .5rem !important
  }
}

.u-mr-2 {
  margin-right: .5rem !important
}

@media(max-width: 750px) {
  .u-mr-2-sm-down {
    margin-right: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-mr-2-md-up {
    margin-right: .5rem !important
  }
}

.u-mb-2 {
  margin-bottom: .5rem !important
}

@media(max-width: 750px) {
  .u-mb-2-sm-down {
    margin-bottom: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-mb-2-md-up {
    margin-bottom: .5rem !important
  }
}

.u-ml-2 {
  margin-left: .5rem !important
}

@media(max-width: 750px) {
  .u-ml-2-sm-down {
    margin-left: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-ml-2-md-up {
    margin-left: .5rem !important
  }
}

.u-mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important
}

@media(max-width: 750px) {
  .u-mx-2-sm-down {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-mx-2-md-up {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }
}

.u-my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

@media(max-width: 750px) {
  .u-my-2-sm-down {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-my-2-md-up {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }
}

.u-m-3 {
  margin: .75rem !important
}

@media(max-width: 750px) {
  .u-m-3-sm-down {
    margin: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-m-3-md-up {
    margin: .75rem !important
  }
}

.u-mt-3 {
  margin-top: .75rem !important
}

@media(max-width: 750px) {
  .u-mt-3-sm-down {
    margin-top: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-mt-3-md-up {
    margin-top: .75rem !important
  }
}

.u-mr-3 {
  margin-right: .75rem !important
}

@media(max-width: 750px) {
  .u-mr-3-sm-down {
    margin-right: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-mr-3-md-up {
    margin-right: .75rem !important
  }
}

.u-mb-3 {
  margin-bottom: .75rem !important
}

@media(max-width: 750px) {
  .u-mb-3-sm-down {
    margin-bottom: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-mb-3-md-up {
    margin-bottom: .75rem !important
  }
}

.u-ml-3 {
  margin-left: .75rem !important
}

@media(max-width: 750px) {
  .u-ml-3-sm-down {
    margin-left: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-ml-3-md-up {
    margin-left: .75rem !important
  }
}

.u-mx-3 {
  margin-left: .75rem !important;
  margin-right: .75rem !important
}

@media(max-width: 750px) {
  .u-mx-3-sm-down {
    margin-left: .75rem !important;
    margin-right: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-mx-3-md-up {
    margin-left: .75rem !important;
    margin-right: .75rem !important
  }
}

.u-my-3 {
  margin-top: .75rem !important;
  margin-bottom: .75rem !important
}

@media(max-width: 750px) {
  .u-my-3-sm-down {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-my-3-md-up {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
  }
}

.u-m-4 {
  margin: 1rem !important
}

@media(max-width: 750px) {
  .u-m-4-sm-down {
    margin: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-m-4-md-up {
    margin: 1rem !important
  }
}

.u-mt-4 {
  margin-top: 1rem !important
}

@media(max-width: 750px) {
  .u-mt-4-sm-down {
    margin-top: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-mt-4-md-up {
    margin-top: 1rem !important
  }
}

.u-mr-4 {
  margin-right: 1rem !important
}

@media(max-width: 750px) {
  .u-mr-4-sm-down {
    margin-right: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-mr-4-md-up {
    margin-right: 1rem !important
  }
}

.u-mb-4 {
  margin-bottom: 1rem !important
}

@media(max-width: 750px) {
  .u-mb-4-sm-down {
    margin-bottom: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-mb-4-md-up {
    margin-bottom: 1rem !important
  }
}

.u-ml-4 {
  margin-left: 1rem !important
}

@media(max-width: 750px) {
  .u-ml-4-sm-down {
    margin-left: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-ml-4-md-up {
    margin-left: 1rem !important
  }
}

.u-mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important
}

@media(max-width: 750px) {
  .u-mx-4-sm-down {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-mx-4-md-up {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }
}

.u-my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

@media(max-width: 750px) {
  .u-my-4-sm-down {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-my-4-md-up {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }
}

.u-m-5 {
  margin: 1.5rem !important
}

@media(max-width: 750px) {
  .u-m-5-sm-down {
    margin: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-m-5-md-up {
    margin: 1.5rem !important
  }
}

.u-mt-5 {
  margin-top: 1.5rem !important
}

@media(max-width: 750px) {
  .u-mt-5-sm-down {
    margin-top: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-mt-5-md-up {
    margin-top: 1.5rem !important
  }
}

.u-mr-5 {
  margin-right: 1.5rem !important
}

@media(max-width: 750px) {
  .u-mr-5-sm-down {
    margin-right: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-mr-5-md-up {
    margin-right: 1.5rem !important
  }
}

.u-mb-5 {
  margin-bottom: 1.5rem !important
}

@media(max-width: 750px) {
  .u-mb-5-sm-down {
    margin-bottom: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-mb-5-md-up {
    margin-bottom: 1.5rem !important
  }
}

.u-ml-5 {
  margin-left: 1.5rem !important
}

@media(max-width: 750px) {
  .u-ml-5-sm-down {
    margin-left: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-ml-5-md-up {
    margin-left: 1.5rem !important
  }
}

.u-mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important
}

@media(max-width: 750px) {
  .u-mx-5-sm-down {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-mx-5-md-up {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }
}

.u-my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

@media(max-width: 750px) {
  .u-my-5-sm-down {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-my-5-md-up {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }
}

.u-m-6 {
  margin: 2rem !important
}

@media(max-width: 750px) {
  .u-m-6-sm-down {
    margin: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-m-6-md-up {
    margin: 2rem !important
  }
}

.u-mt-6 {
  margin-top: 2rem !important
}

@media(max-width: 750px) {
  .u-mt-6-sm-down {
    margin-top: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-mt-6-md-up {
    margin-top: 2rem !important
  }
}

.u-mr-6 {
  margin-right: 2rem !important
}

@media(max-width: 750px) {
  .u-mr-6-sm-down {
    margin-right: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-mr-6-md-up {
    margin-right: 2rem !important
  }
}

.u-mb-6 {
  margin-bottom: 2rem !important
}

@media(max-width: 750px) {
  .u-mb-6-sm-down {
    margin-bottom: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-mb-6-md-up {
    margin-bottom: 2rem !important
  }
}

.u-ml-6 {
  margin-left: 2rem !important
}

@media(max-width: 750px) {
  .u-ml-6-sm-down {
    margin-left: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-ml-6-md-up {
    margin-left: 2rem !important
  }
}

.u-mx-6 {
  margin-left: 2rem !important;
  margin-right: 2rem !important
}

@media(max-width: 750px) {
  .u-mx-6-sm-down {
    margin-left: 2rem !important;
    margin-right: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-mx-6-md-up {
    margin-left: 2rem !important;
    margin-right: 2rem !important
  }
}

.u-my-6 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important
}

@media(max-width: 750px) {
  .u-my-6-sm-down {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-my-6-md-up {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
  }
}

.u-m-7 {
  margin: 3rem !important
}

@media(max-width: 750px) {
  .u-m-7-sm-down {
    margin: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-m-7-md-up {
    margin: 3rem !important
  }
}

.u-mt-7 {
  margin-top: 3rem !important
}

@media(max-width: 750px) {
  .u-mt-7-sm-down {
    margin-top: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-mt-7-md-up {
    margin-top: 3rem !important
  }
}

.u-mr-7 {
  margin-right: 3rem !important
}

@media(max-width: 750px) {
  .u-mr-7-sm-down {
    margin-right: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-mr-7-md-up {
    margin-right: 3rem !important
  }
}

.u-mb-7 {
  margin-bottom: 3rem !important
}

@media(max-width: 750px) {
  .u-mb-7-sm-down {
    margin-bottom: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-mb-7-md-up {
    margin-bottom: 3rem !important
  }
}

.u-ml-7 {
  margin-left: 3rem !important
}

@media(max-width: 750px) {
  .u-ml-7-sm-down {
    margin-left: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-ml-7-md-up {
    margin-left: 3rem !important
  }
}

.u-mx-7 {
  margin-left: 3rem !important;
  margin-right: 3rem !important
}

@media(max-width: 750px) {
  .u-mx-7-sm-down {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-mx-7-md-up {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }
}

.u-my-7 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

@media(max-width: 750px) {
  .u-my-7-sm-down {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-my-7-md-up {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }
}

.u-p-0 {
  padding: 0 !important
}

@media(max-width: 750px) {
  .u-p-0-sm-down {
    padding: 0 !important
  }
}

@media(min-width: 751px) {
  .u-p-0-md-up {
    padding: 0 !important
  }
}

.u-pt-0 {
  padding-top: 0 !important
}

@media(max-width: 750px) {
  .u-pt-0-sm-down {
    padding-top: 0 !important
  }
}

@media(min-width: 751px) {
  .u-pt-0-md-up {
    padding-top: 0 !important
  }
}

.u-pr-0 {
  padding-right: 0 !important
}

@media(max-width: 750px) {
  .u-pr-0-sm-down {
    padding-right: 0 !important
  }
}

@media(min-width: 751px) {
  .u-pr-0-md-up {
    padding-right: 0 !important
  }
}

.u-pb-0 {
  padding-bottom: 0 !important
}

@media(max-width: 750px) {
  .u-pb-0-sm-down {
    padding-bottom: 0 !important
  }
}

@media(min-width: 751px) {
  .u-pb-0-md-up {
    padding-bottom: 0 !important
  }
}

.u-pl-0 {
  padding-left: 0 !important
}

@media(max-width: 750px) {
  .u-pl-0-sm-down {
    padding-left: 0 !important
  }
}

@media(min-width: 751px) {
  .u-pl-0-md-up {
    padding-left: 0 !important
  }
}

.u-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

@media(max-width: 750px) {
  .u-px-0-sm-down {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
}

@media(min-width: 751px) {
  .u-px-0-md-up {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
}

.u-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

@media(max-width: 750px) {
  .u-py-0-sm-down {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

@media(min-width: 751px) {
  .u-py-0-md-up {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }
}

.u-p-1 {
  padding: .25rem !important
}

@media(max-width: 750px) {
  .u-p-1-sm-down {
    padding: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-p-1-md-up {
    padding: .25rem !important
  }
}

.u-pt-1 {
  padding-top: .25rem !important
}

@media(max-width: 750px) {
  .u-pt-1-sm-down {
    padding-top: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-pt-1-md-up {
    padding-top: .25rem !important
  }
}

.u-pr-1 {
  padding-right: .25rem !important
}

@media(max-width: 750px) {
  .u-pr-1-sm-down {
    padding-right: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-pr-1-md-up {
    padding-right: .25rem !important
  }
}

.u-pb-1 {
  padding-bottom: .25rem !important
}

@media(max-width: 750px) {
  .u-pb-1-sm-down {
    padding-bottom: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-pb-1-md-up {
    padding-bottom: .25rem !important
  }
}

.u-pl-1 {
  padding-left: .25rem !important
}

@media(max-width: 750px) {
  .u-pl-1-sm-down {
    padding-left: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-pl-1-md-up {
    padding-left: .25rem !important
  }
}

.u-px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important
}

@media(max-width: 750px) {
  .u-px-1-sm-down {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-px-1-md-up {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }
}

.u-py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

@media(max-width: 750px) {
  .u-py-1-sm-down {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }
}

@media(min-width: 751px) {
  .u-py-1-md-up {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }
}

.u-p-2 {
  padding: .5rem !important
}

@media(max-width: 750px) {
  .u-p-2-sm-down {
    padding: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-p-2-md-up {
    padding: .5rem !important
  }
}

.u-pt-2 {
  padding-top: .5rem !important
}

@media(max-width: 750px) {
  .u-pt-2-sm-down {
    padding-top: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-pt-2-md-up {
    padding-top: .5rem !important
  }
}

.u-pr-2 {
  padding-right: .5rem !important
}

@media(max-width: 750px) {
  .u-pr-2-sm-down {
    padding-right: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-pr-2-md-up {
    padding-right: .5rem !important
  }
}

.u-pb-2 {
  padding-bottom: .5rem !important
}

@media(max-width: 750px) {
  .u-pb-2-sm-down {
    padding-bottom: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-pb-2-md-up {
    padding-bottom: .5rem !important
  }
}

.u-pl-2 {
  padding-left: .5rem !important
}

@media(max-width: 750px) {
  .u-pl-2-sm-down {
    padding-left: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-pl-2-md-up {
    padding-left: .5rem !important
  }
}

.u-px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important
}

@media(max-width: 750px) {
  .u-px-2-sm-down {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-px-2-md-up {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }
}

.u-py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

@media(max-width: 750px) {
  .u-py-2-sm-down {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }
}

@media(min-width: 751px) {
  .u-py-2-md-up {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }
}

.u-p-3 {
  padding: .75rem !important
}

@media(max-width: 750px) {
  .u-p-3-sm-down {
    padding: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-p-3-md-up {
    padding: .75rem !important
  }
}

.u-pt-3 {
  padding-top: .75rem !important
}

@media(max-width: 750px) {
  .u-pt-3-sm-down {
    padding-top: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-pt-3-md-up {
    padding-top: .75rem !important
  }
}

.u-pr-3 {
  padding-right: .75rem !important
}

@media(max-width: 750px) {
  .u-pr-3-sm-down {
    padding-right: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-pr-3-md-up {
    padding-right: .75rem !important
  }
}

.u-pb-3 {
  padding-bottom: .75rem !important
}

@media(max-width: 750px) {
  .u-pb-3-sm-down {
    padding-bottom: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-pb-3-md-up {
    padding-bottom: .75rem !important
  }
}

.u-pl-3 {
  padding-left: .75rem !important
}

@media(max-width: 750px) {
  .u-pl-3-sm-down {
    padding-left: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-pl-3-md-up {
    padding-left: .75rem !important
  }
}

.u-px-3 {
  padding-left: .75rem !important;
  padding-right: .75rem !important
}

@media(max-width: 750px) {
  .u-px-3-sm-down {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-px-3-md-up {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }
}

.u-py-3 {
  padding-top: .75rem !important;
  padding-bottom: .75rem !important
}

@media(max-width: 750px) {
  .u-py-3-sm-down {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
  }
}

@media(min-width: 751px) {
  .u-py-3-md-up {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
  }
}

.u-p-4 {
  padding: 1rem !important
}

@media(max-width: 750px) {
  .u-p-4-sm-down {
    padding: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-p-4-md-up {
    padding: 1rem !important
  }
}

.u-pt-4 {
  padding-top: 1rem !important
}

@media(max-width: 750px) {
  .u-pt-4-sm-down {
    padding-top: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-pt-4-md-up {
    padding-top: 1rem !important
  }
}

.u-pr-4 {
  padding-right: 1rem !important
}

@media(max-width: 750px) {
  .u-pr-4-sm-down {
    padding-right: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-pr-4-md-up {
    padding-right: 1rem !important
  }
}

.u-pb-4 {
  padding-bottom: 1rem !important
}

@media(max-width: 750px) {
  .u-pb-4-sm-down {
    padding-bottom: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-pb-4-md-up {
    padding-bottom: 1rem !important
  }
}

.u-pl-4 {
  padding-left: 1rem !important
}

@media(max-width: 750px) {
  .u-pl-4-sm-down {
    padding-left: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-pl-4-md-up {
    padding-left: 1rem !important
  }
}

.u-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

@media(max-width: 750px) {
  .u-px-4-sm-down {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-px-4-md-up {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }
}

.u-py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

@media(max-width: 750px) {
  .u-py-4-sm-down {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }
}

@media(min-width: 751px) {
  .u-py-4-md-up {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }
}

.u-p-5 {
  padding: 1.5rem !important
}

@media(max-width: 750px) {
  .u-p-5-sm-down {
    padding: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-p-5-md-up {
    padding: 1.5rem !important
  }
}

.u-pt-5 {
  padding-top: 1.5rem !important
}

@media(max-width: 750px) {
  .u-pt-5-sm-down {
    padding-top: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-pt-5-md-up {
    padding-top: 1.5rem !important
  }
}

.u-pr-5 {
  padding-right: 1.5rem !important
}

@media(max-width: 750px) {
  .u-pr-5-sm-down {
    padding-right: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-pr-5-md-up {
    padding-right: 1.5rem !important
  }
}

.u-pb-5 {
  padding-bottom: 1.5rem !important
}

@media(max-width: 750px) {
  .u-pb-5-sm-down {
    padding-bottom: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-pb-5-md-up {
    padding-bottom: 1.5rem !important
  }
}

.u-pl-5 {
  padding-left: 1.5rem !important
}

@media(max-width: 750px) {
  .u-pl-5-sm-down {
    padding-left: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-pl-5-md-up {
    padding-left: 1.5rem !important
  }
}

.u-px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

@media(max-width: 750px) {
  .u-px-5-sm-down {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-px-5-md-up {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }
}

.u-py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

@media(max-width: 750px) {
  .u-py-5-sm-down {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }
}

@media(min-width: 751px) {
  .u-py-5-md-up {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }
}

.u-p-6 {
  padding: 2rem !important
}

@media(max-width: 750px) {
  .u-p-6-sm-down {
    padding: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-p-6-md-up {
    padding: 2rem !important
  }
}

.u-pt-6 {
  padding-top: 2rem !important
}

@media(max-width: 750px) {
  .u-pt-6-sm-down {
    padding-top: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-pt-6-md-up {
    padding-top: 2rem !important
  }
}

.u-pr-6 {
  padding-right: 2rem !important
}

@media(max-width: 750px) {
  .u-pr-6-sm-down {
    padding-right: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-pr-6-md-up {
    padding-right: 2rem !important
  }
}

.u-pb-6 {
  padding-bottom: 2rem !important
}

@media(max-width: 750px) {
  .u-pb-6-sm-down {
    padding-bottom: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-pb-6-md-up {
    padding-bottom: 2rem !important
  }
}

.u-pl-6 {
  padding-left: 2rem !important
}

@media(max-width: 750px) {
  .u-pl-6-sm-down {
    padding-left: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-pl-6-md-up {
    padding-left: 2rem !important
  }
}

.u-px-6 {
  padding-left: 2rem !important;
  padding-right: 2rem !important
}

@media(max-width: 750px) {
  .u-px-6-sm-down {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-px-6-md-up {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }
}

.u-py-6 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important
}

@media(max-width: 750px) {
  .u-py-6-sm-down {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
  }
}

@media(min-width: 751px) {
  .u-py-6-md-up {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
  }
}

.u-p-7 {
  padding: 3rem !important
}

@media(max-width: 750px) {
  .u-p-7-sm-down {
    padding: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-p-7-md-up {
    padding: 3rem !important
  }
}

.u-pt-7 {
  padding-top: 3rem !important
}

@media(max-width: 750px) {
  .u-pt-7-sm-down {
    padding-top: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-pt-7-md-up {
    padding-top: 3rem !important
  }
}

.u-pr-7 {
  padding-right: 3rem !important
}

@media(max-width: 750px) {
  .u-pr-7-sm-down {
    padding-right: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-pr-7-md-up {
    padding-right: 3rem !important
  }
}

.u-pb-7 {
  padding-bottom: 3rem !important
}

@media(max-width: 750px) {
  .u-pb-7-sm-down {
    padding-bottom: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-pb-7-md-up {
    padding-bottom: 3rem !important
  }
}

.u-pl-7 {
  padding-left: 3rem !important
}

@media(max-width: 750px) {
  .u-pl-7-sm-down {
    padding-left: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-pl-7-md-up {
    padding-left: 3rem !important
  }
}

.u-px-7 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

@media(max-width: 750px) {
  .u-px-7-sm-down {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-px-7-md-up {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }
}

.u-py-7 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

@media(max-width: 750px) {
  .u-py-7-sm-down {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }
}

@media(min-width: 751px) {
  .u-py-7-md-up {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }
}

.u-m-auto {
  margin: auto !important
}

.u-mt-auto {
  margin-top: auto !important
}

.u-mr-auto {
  margin-right: auto !important
}

.u-mb-auto {
  margin-bottom: auto !important
}

.u-ml-auto {
  margin-left: auto !important
}

.u-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

.u-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

@media(max-width: 750px) {
  .u-m-auto-sm-down {
    margin: auto !important
  }
}

@media(max-width: 750px) {
  .u-mt-auto-sm-down {
    margin-top: auto !important
  }
}

@media(max-width: 750px) {
  .u-mr-auto-sm-down {
    margin-right: auto !important
  }
}

@media(max-width: 750px) {
  .u-mb-auto-sm-down {
    margin-bottom: auto !important
  }
}

@media(max-width: 750px) {
  .u-ml-auto-sm-down {
    margin-left: auto !important
  }
}

@media(max-width: 750px) {
  .u-mx-auto-sm-down {
    margin-left: auto !important;
    margin-right: auto !important
  }
}

@media(max-width: 750px) {
  .u-my-auto-sm-down {
    margin-top: auto !important;
    margin-bottom: auto !important
  }
}

@media(min-width: 751px) {
  .u-m-auto-md-up {
    margin: auto !important
  }
}

@media(min-width: 751px) {
  .u-mt-auto-md-up {
    margin-top: auto !important
  }
}

@media(min-width: 751px) {
  .u-mr-auto-md-up {
    margin-right: auto !important
  }
}

@media(min-width: 751px) {
  .u-mb-auto-md-up {
    margin-bottom: auto !important
  }
}

@media(min-width: 751px) {
  .u-ml-auto-md-up {
    margin-left: auto !important
  }
}

@media(min-width: 751px) {
  .u-mx-auto-md-up {
    margin-left: auto !important;
    margin-right: auto !important
  }
}

@media(min-width: 751px) {
  .u-my-auto-md-up {
    margin-top: auto !important;
    margin-bottom: auto !important
  }
}