@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,700,700i);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700);

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

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

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

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

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

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

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

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

details {
  display: block
}

summary {
  display: list-item
}

[hidden], template {
  display: none
}

.ball-pulse-sync>div, .ball-pulse>div {
  width: 15px;
  height: 15px;
  margin: 2px;
  display: inline-block
}

.ball-pulse-sync>div, .ball-pulse>div, .ball-scale>div {
  background-color: #fff;
  border-radius: 100%
}

@-webkit-keyframes scale {
  0%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }

  45% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: .7
  }
}

.ball-pulse>div:nth-child(0) {
  -webkit-animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) -.36s infinite;
  animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) -.36s infinite
}

.ball-pulse>div:first-child {
  -webkit-animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) -.24s infinite;
  animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) -.24s infinite
}

.ball-pulse>div:nth-child(2) {
  -webkit-animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) -.12s infinite;
  animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) -.12s infinite
}

.ball-pulse>div:nth-child(3) {
  -webkit-animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) 0s infinite;
  animation: scale .75s cubic-bezier(.2, .68, .18, 1.08) 0s infinite
}

.ball-pulse>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }

  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes ball-pulse-sync {
  33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
  }

  66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.ball-pulse-sync>div:nth-child(0) {
  -webkit-animation: ball-pulse-sync .6s ease-in-out -.21s infinite;
  animation: ball-pulse-sync .6s ease-in-out -.21s infinite
}

.ball-pulse-sync>div:first-child {
  -webkit-animation: ball-pulse-sync .6s ease-in-out -.14s infinite;
  animation: ball-pulse-sync .6s ease-in-out -.14s infinite
}

.ball-pulse-sync>div:nth-child(2) {
  -webkit-animation: ball-pulse-sync .6s ease-in-out -.07s infinite;
  animation: ball-pulse-sync .6s ease-in-out -.07s infinite
}

.ball-pulse-sync>div:nth-child(3) {
  -webkit-animation: ball-pulse-sync .6s ease-in-out 0s infinite;
  animation: ball-pulse-sync .6s ease-in-out 0s infinite
}

.ball-pulse-sync>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

@keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

.ball-scale>div {
  height: 60px;
  width: 60px;
  animation: ball-scale 1s ease-in-out 0s infinite
}

.ball-scale-random>div, .ball-scale>div {
  display: inline-block;
  margin: 2px;
  -webkit-animation: ball-scale 1s ease-in-out 0s infinite
}

.ball-scale-random {
  width: 37px;
  height: 40px
}

.ball-scale-random>div {
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  height: 30px;
  width: 30px;
  animation: ball-scale 1s ease-in-out 0s infinite
}

.ball-rotate>div, .ball-rotate>div:after, .ball-rotate>div:before {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%
}

.ball-rotate, .ball-rotate>div {
  position: relative
}

.ball-scale-random>div:first-child {
  margin-left: -7px;
  -webkit-animation: ball-scale 1s ease-in-out .2s infinite;
  animation: ball-scale 1s ease-in-out .2s infinite
}

.ball-scale-random>div:nth-child(3) {
  margin-left: -2px;
  margin-top: 9px;
  -webkit-animation: ball-scale 1s ease-in-out .5s infinite;
  animation: ball-scale 1s ease-in-out .5s infinite
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.ball-rotate>div {
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.ball-rotate>div:first-child {
  -webkit-animation: rotate 1s cubic-bezier(.7, -.13, .22, .86) 0s infinite;
  animation: rotate 1s cubic-bezier(.7, -.13, .22, .86) 0s infinite
}

.ball-rotate>div:after, .ball-rotate>div:before {
  margin: 2px;
  content: "";
  position: absolute;
  opacity: .8
}

.ball-rotate>div:before {
  top: 0;
  left: -28px
}

.ball-rotate>div:after {
  top: 0;
  left: 25px
}

.ball-clip-rotate>div {
  border-radius: 100%;
  margin: 2px;
  border: 2px solid;
  border-color: #fff #fff transparent;
  height: 25px;
  width: 25px;
  background: 0 0 !important;
  display: inline-block;
  -webkit-animation: rotate .75s linear 0s infinite;
  animation: rotate .75s linear 0s infinite
}

@keyframes scale {
  30% {
    -webkit-transform: scale(.3);
    transform: scale(.3)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.ball-clip-rotate-pulse {
  position: relative;
  -webkit-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  transform: translateY(-15px)
}

.ball-clip-rotate-pulse>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 100%
}

.ball-clip-rotate-pulse>div:first-child {
  background: #fff;
  height: 16px;
  width: 16px;
  top: 7px;
  left: -7px;
  -webkit-animation: scale 1s cubic-bezier(.09, .57, .49, .9) 0s infinite;
  animation: scale 1s cubic-bezier(.09, .57, .49, .9) 0s infinite
}

.ball-clip-rotate-pulse>div:last-child {
  position: absolute;
  width: 30px;
  height: 30px;
  left: -16px;
  top: -2px;
  background: 0 0;
  border-color: #fff transparent;
  border-style: solid;
  border-width: 2px;
  -webkit-animation: rotate 1s cubic-bezier(.09, .57, .49, .9) 0s infinite;
  animation: rotate 1s cubic-bezier(.09, .57, .49, .9) 0s infinite;
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
  }

  50% {
    -webkit-transform: rotate(180deg) scale(.6);
    transform: rotate(180deg) scale(.6)
  }

  to {
    -webkit-transform: rotate(1turn) scale(1);
    transform: rotate(1turn) scale(1)
  }
}

.ball-clip-rotate-multiple {
  position: relative
}

.ball-clip-rotate-multiple>div {
  position: absolute;
  left: -20px;
  top: -20px;
  border-color: transparent #fff;
  border-style: solid;
  border-width: 2px;
  border-radius: 100%;
  height: 35px;
  width: 35px;
  -webkit-animation: rotate 1s ease-in-out 0s infinite;
  animation: rotate 1s ease-in-out 0s infinite
}

.ball-clip-rotate-multiple>div:last-child {
  display: inline-block;
  top: -10px;
  left: -10px;
  width: 15px;
  height: 15px;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  border-color: #fff transparent;
  -webkit-animation-direction: reverse;
  animation-direction: reverse
}

@-webkit-keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 1
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7
  }

  to {
    opacity: 0
  }
}

@keyframes ball-scale-ripple {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 1
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7
  }

  to {
    opacity: 0
  }
}

.ball-scale-ripple>div {
  height: 50px;
  width: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple 1s cubic-bezier(.21, .53, .56, .8) 0s infinite;
  animation: ball-scale-ripple 1s cubic-bezier(.21, .53, .56, .8) 0s infinite
}

@-webkit-keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 1
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7
  }

  to {
    opacity: 0
  }
}

@keyframes ball-scale-ripple-multiple {
  0% {
    -webkit-transform: scale(.1);
    transform: scale(.1);
    opacity: 1
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .7
  }

  to {
    opacity: 0
  }
}

.ball-scale-ripple-multiple {
  position: relative;
  -webkit-transform: translateY(-25px);
  -ms-transform: translateY(-25px);
  transform: translateY(-25px)
}

.ball-scale-ripple-multiple>div:nth-child(0) {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s
}

.ball-scale-ripple-multiple>div:first-child {
  -webkit-animation-delay: -.6s;
  animation-delay: -.6s
}

.ball-scale-ripple-multiple>div:nth-child(2) {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s
}

.ball-scale-ripple-multiple>div:nth-child(3) {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s
}

.ball-scale-ripple-multiple>div {
  position: absolute;
  top: -2px;
  left: -26px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 2px solid #fff;
  -webkit-animation: ball-scale-ripple-multiple 1.25s cubic-bezier(.21, .53, .56, .8) 0s infinite;
  animation: ball-scale-ripple-multiple 1.25s cubic-bezier(.21, .53, .56, .8) 0s infinite
}

@-webkit-keyframes ball-beat {
  50% {
    opacity: .2;
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes ball-beat {
  50% {
    opacity: .2;
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.ball-beat>div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  display: inline-block;
  -webkit-animation: ball-beat .7s linear 0s infinite;
  animation: ball-beat .7s linear 0s infinite
}

.ball-beat>div:nth-child(2n-1) {
  -webkit-animation-delay: -.35s !important;
  animation-delay: -.35s !important
}

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }

  5% {
    opacity: 1
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }

  5% {
    opacity: 1
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }
}

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px)
}

.ball-scale-multiple>div:nth-child(2) {
  -webkit-animation-delay: -.4s;
  animation-delay: -.4s
}

.ball-scale-multiple>div:nth-child(3) {
  -webkit-animation-delay: -.2s;
  animation-delay: -.2s
}

.ball-scale-multiple>div {
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  left: -30px;
  top: 0;
  opacity: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  -webkit-animation: ball-scale-multiple 1s linear 0s infinite;
  animation: ball-scale-multiple 1s linear 0s infinite
}

@-webkit-keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px)
  }

  66% {
    -webkit-transform: translate(50px);
    transform: translate(50px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes ball-triangle-path-1 {
  33% {
    -webkit-transform: translate(25px, -50px);
    transform: translate(25px, -50px)
  }

  66% {
    -webkit-transform: translate(50px);
    transform: translate(50px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px)
  }

  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes ball-triangle-path-2 {
  33% {
    -webkit-transform: translate(25px, 50px);
    transform: translate(25px, 50px)
  }

  66% {
    -webkit-transform: translate(-25px, 50px);
    transform: translate(-25px, 50px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px);
    transform: translate(-50px)
  }

  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes ball-triangle-path-3 {
  33% {
    -webkit-transform: translate(-50px);
    transform: translate(-50px)
  }

  66% {
    -webkit-transform: translate(-25px, -50px);
    transform: translate(-25px, -50px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

.ball-triangle-path {
  position: relative;
  -webkit-transform: translate(-29.99px, -37.51px);
  -ms-transform: translate(-29.99px, -37.51px);
  transform: translate(-29.99px, -37.51px)
}

.ball-triangle-path>div:first-child {
  -webkit-animation-name: ball-triangle-path-1;
  animation-name: ball-triangle-path-1;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.ball-triangle-path>div:nth-child(2) {
  -webkit-animation-name: ball-triangle-path-2;
  animation-name: ball-triangle-path-2;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.ball-triangle-path>div:nth-child(2), .ball-triangle-path>div:nth-child(3) {
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out
}

.ball-triangle-path>div:nth-child(3) {
  -webkit-animation-name: ball-triangle-path-3;
  animation-name: ball-triangle-path-3;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.ball-triangle-path>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: 1px solid #fff
}

.ball-grid-beat>div, .ball-pulse-rise>div {
  background-color: #fff;
  height: 15px;
  border-radius: 100%;
  margin: 2px
}

.ball-triangle-path>div:first-of-type {
  top: 50px
}

.ball-triangle-path>div:nth-of-type(2) {
  left: 25px
}

.ball-triangle-path>div:nth-of-type(3) {
  top: 50px;
  left: 50px
}

@-webkit-keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  50% {
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }

  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes ball-pulse-rise-even {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  25% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  50% {
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }

  75% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }

  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
}

@keyframes ball-pulse-rise-odd {
  0% {
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }

  25% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  75% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
}

.ball-pulse-rise>div {
  width: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(.15, .46, .9, .6);
  animation-timing-function: cubic-bezier(.15, .46, .9, .6);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0
}

.ball-pulse-rise>div:nth-child(2n) {
  -webkit-animation-name: ball-pulse-rise-even;
  animation-name: ball-pulse-rise-even
}

.ball-pulse-rise>div:nth-child(2n-1) {
  -webkit-animation-name: ball-pulse-rise-odd;
  animation-name: ball-pulse-rise-odd
}

@-webkit-keyframes ball-grid-beat {
  50% {
    opacity: .7
  }

  to {
    opacity: 1
  }
}

@keyframes ball-grid-beat {
  50% {
    opacity: .7
  }

  to {
    opacity: 1
  }
}

.ball-grid-beat {
  width: 57px
}

.ball-grid-beat>div:first-child {
  -webkit-animation-delay: .44s;
  animation-delay: .44s;
  -webkit-animation-duration: 1.27s;
  animation-duration: 1.27s
}

.ball-grid-beat>div:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-animation-duration: 1.52s;
  animation-duration: 1.52s
}

.ball-grid-beat>div:nth-child(3) {
  -webkit-animation-delay: .14s;
  animation-delay: .14s;
  -webkit-animation-duration: .61s;
  animation-duration: .61s
}

.ball-grid-beat>div:nth-child(4) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  -webkit-animation-duration: .82s;
  animation-duration: .82s
}

.ball-grid-beat>div:nth-child(5) {
  -webkit-animation-delay: -.01s;
  animation-delay: -.01s;
  -webkit-animation-duration: 1.24s;
  animation-duration: 1.24s
}

.ball-grid-beat>div:nth-child(6) {
  -webkit-animation-delay: -.07s;
  animation-delay: -.07s;
  -webkit-animation-duration: 1.35s;
  animation-duration: 1.35s
}

.ball-grid-beat>div:nth-child(7) {
  -webkit-animation-delay: .29s;
  animation-delay: .29s;
  -webkit-animation-duration: 1.44s;
  animation-duration: 1.44s
}

.ball-grid-beat>div:nth-child(8) {
  -webkit-animation-delay: .63s;
  animation-delay: .63s;
  -webkit-animation-duration: 1.19s;
  animation-duration: 1.19s
}

.ball-grid-beat>div:nth-child(9) {
  -webkit-animation-delay: -.18s;
  animation-delay: -.18s;
  -webkit-animation-duration: 1.48s;
  animation-duration: 1.48s
}

.ball-grid-beat>div {
  width: 15px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: ball-grid-beat;
  animation-name: ball-grid-beat;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0
}

.ball-grid-beat>div, .ball-grid-pulse>div {
  display: inline-block;
  float: left;
  -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

@keyframes ball-grid-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: .7
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}

.ball-grid-pulse {
  width: 57px
}

.ball-grid-pulse>div, .ball-spin-fade-loader>div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px
}

.ball-grid-pulse>div:first-child {
  -webkit-animation-delay: .58s;
  animation-delay: .58s;
  -webkit-animation-duration: .9s;
  animation-duration: .9s
}

.ball-grid-pulse>div:nth-child(2) {
  -webkit-animation-delay: .01s;
  animation-delay: .01s;
  -webkit-animation-duration: .94s;
  animation-duration: .94s
}

.ball-grid-pulse>div:nth-child(3) {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  -webkit-animation-duration: 1.43s;
  animation-duration: 1.43s
}

.ball-grid-pulse>div:nth-child(4) {
  -webkit-animation-delay: -.03s;
  animation-delay: -.03s;
  -webkit-animation-duration: .74s;
  animation-duration: .74s
}

.ball-grid-pulse>div:nth-child(5) {
  -webkit-animation-delay: .21s;
  animation-delay: .21s;
  -webkit-animation-duration: .68s;
  animation-duration: .68s
}

.ball-grid-pulse>div:nth-child(6) {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  -webkit-animation-duration: 1.17s;
  animation-duration: 1.17s
}

.ball-grid-pulse>div:nth-child(7) {
  -webkit-animation-delay: .46s;
  animation-delay: .46s;
  -webkit-animation-duration: 1.41s;
  animation-duration: 1.41s
}

.ball-grid-pulse>div:nth-child(8) {
  -webkit-animation-delay: .02s;
  animation-delay: .02s;
  -webkit-animation-duration: 1.56s;
  animation-duration: 1.56s
}

.ball-grid-pulse>div:nth-child(9) {
  -webkit-animation-delay: .13s;
  animation-delay: .13s;
  -webkit-animation-duration: .78s;
  animation-duration: .78s
}

.ball-grid-pulse>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: ball-grid-pulse;
  animation-name: ball-grid-pulse;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0
}

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: .3;
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes ball-spin-fade-loader {
  50% {
    opacity: .3;
    -webkit-transform: scale(.4);
    transform: scale(.4)
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.ball-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -10px
}

.ball-spin-fade-loader>div:first-child {
  top: 25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s linear -.96s infinite;
  animation: ball-spin-fade-loader 1s linear -.96s infinite
}

.ball-spin-fade-loader>div:nth-child(2) {
  top: 17.05px;
  left: 17.05px;
  -webkit-animation: ball-spin-fade-loader 1s linear -.84s infinite;
  animation: ball-spin-fade-loader 1s linear -.84s infinite
}

.ball-spin-fade-loader>div:nth-child(3) {
  top: 0;
  left: 25px;
  -webkit-animation: ball-spin-fade-loader 1s linear -.72s infinite;
  animation: ball-spin-fade-loader 1s linear -.72s infinite
}

.ball-spin-fade-loader>div:nth-child(4) {
  top: -17.05px;
  left: 17.05px;
  -webkit-animation: ball-spin-fade-loader 1s linear -.6s infinite;
  animation: ball-spin-fade-loader 1s linear -.6s infinite
}

.ball-spin-fade-loader>div:nth-child(5) {
  top: -25px;
  left: 0;
  -webkit-animation: ball-spin-fade-loader 1s linear -.48s infinite;
  animation: ball-spin-fade-loader 1s linear -.48s infinite
}

.ball-spin-fade-loader>div:nth-child(6) {
  top: -17.05px;
  left: -17.05px;
  -webkit-animation: ball-spin-fade-loader 1s linear -.36s infinite;
  animation: ball-spin-fade-loader 1s linear -.36s infinite
}

.ball-spin-fade-loader>div:nth-child(7) {
  top: 0;
  left: -25px;
  -webkit-animation: ball-spin-fade-loader 1s linear -.24s infinite;
  animation: ball-spin-fade-loader 1s linear -.24s infinite
}

.ball-spin-fade-loader>div:nth-child(8) {
  top: 17.05px;
  left: -17.05px;
  -webkit-animation: ball-spin-fade-loader 1s linear -.12s infinite;
  animation: ball-spin-fade-loader 1s linear -.12s infinite
}

.ball-spin-fade-loader>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute
}

@-webkit-keyframes ball-spin-loader {
  75% {
    opacity: .2
  }

  to {
    opacity: 1
  }
}

@keyframes ball-spin-loader {
  75% {
    opacity: .2
  }

  to {
    opacity: 1
  }
}

.ball-spin-loader {
  position: relative
}

.ball-spin-loader>span:first-child {
  top: 45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s linear .9s infinite;
  animation: ball-spin-loader 2s linear .9s infinite
}

.ball-spin-loader>span:nth-child(2) {
  top: 30.68px;
  left: 30.68px;
  -webkit-animation: ball-spin-loader 2s linear 1.8s infinite;
  animation: ball-spin-loader 2s linear 1.8s infinite
}

.ball-spin-loader>span:nth-child(3) {
  top: 0;
  left: 45px;
  -webkit-animation: ball-spin-loader 2s linear 2.7s infinite;
  animation: ball-spin-loader 2s linear 2.7s infinite
}

.ball-spin-loader>span:nth-child(4) {
  top: -30.68px;
  left: 30.68px;
  -webkit-animation: ball-spin-loader 2s linear 3.6s infinite;
  animation: ball-spin-loader 2s linear 3.6s infinite
}

.ball-spin-loader>span:nth-child(5) {
  top: -45px;
  left: 0;
  -webkit-animation: ball-spin-loader 2s linear 4.5s infinite;
  animation: ball-spin-loader 2s linear 4.5s infinite
}

.ball-spin-loader>span:nth-child(6) {
  top: -30.68px;
  left: -30.68px;
  -webkit-animation: ball-spin-loader 2s linear 5.4s infinite;
  animation: ball-spin-loader 2s linear 5.4s infinite
}

.ball-spin-loader>span:nth-child(7) {
  top: 0;
  left: -45px;
  -webkit-animation: ball-spin-loader 2s linear 6.3s infinite;
  animation: ball-spin-loader 2s linear 6.3s infinite
}

.ball-spin-loader>span:nth-child(8) {
  top: 30.68px;
  left: -30.68px;
  -webkit-animation: ball-spin-loader 2s linear 7.2s infinite;
  animation: ball-spin-loader 2s linear 7.2s infinite
}

.ball-spin-loader>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: green
}

.ball-zig-zag-deflect>div, .ball-zig-zag>div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px 2px 2px 15px;
  top: 4px;
  left: -7px
}

@-webkit-keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px)
  }

  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes ball-zig {
  33% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px)
  }

  66% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px)
  }

  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes ball-zag {
  33% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px)
  }

  66% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px)
  }

  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

.ball-zig-zag {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  -ms-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px)
}

.ball-zig-zag>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute
}

.ball-zig-zag>div:first-child {
  -webkit-animation: ball-zig .7s linear 0s infinite;
  animation: ball-zig .7s linear 0s infinite
}

.ball-zig-zag>div:last-child {
  -webkit-animation: ball-zag .7s linear 0s infinite;
  animation: ball-zag .7s linear 0s infinite
}

@-webkit-keyframes ball-zig-deflect {
  17%, 84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px)
  }

  34%, 67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px)
  }

  50%, to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes ball-zig-deflect {
  17%, 84% {
    -webkit-transform: translate(-15px, -30px);
    transform: translate(-15px, -30px)
  }

  34%, 67% {
    -webkit-transform: translate(15px, -30px);
    transform: translate(15px, -30px)
  }

  50%, to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@-webkit-keyframes ball-zag-deflect {
  17%, 84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px)
  }

  34%, 67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px)
  }

  50%, to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

@keyframes ball-zag-deflect {
  17%, 84% {
    -webkit-transform: translate(15px, 30px);
    transform: translate(15px, 30px)
  }

  34%, 67% {
    -webkit-transform: translate(-15px, 30px);
    transform: translate(-15px, 30px)
  }

  50%, to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}

.ball-zig-zag-deflect {
  position: relative;
  -webkit-transform: translate(-15px, -15px);
  -ms-transform: translate(-15px, -15px);
  transform: translate(-15px, -15px)
}

.ball-zig-zag-deflect>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute
}

.ball-zig-zag-deflect>div:first-child {
  -webkit-animation: ball-zig-deflect 1.5s linear 0s infinite;
  animation: ball-zig-deflect 1.5s linear 0s infinite
}

.ball-zig-zag-deflect>div:last-child {
  -webkit-animation: ball-zag-deflect 1.5s linear 0s infinite;
  animation: ball-zag-deflect 1.5s linear 0s infinite
}

@-webkit-keyframes line-scale {
  0%, to {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }
}

@keyframes line-scale {
  0%, to {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }
}

.line-scale>div:first-child {
  -webkit-animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) -.4s infinite;
  animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) -.4s infinite
}

.line-scale>div:nth-child(2) {
  -webkit-animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) -.3s infinite;
  animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) -.3s infinite
}

.line-scale>div:nth-child(3) {
  -webkit-animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) -.2s infinite;
  animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) -.2s infinite
}

.line-scale>div:nth-child(4) {
  -webkit-animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) -.1s infinite;
  animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) -.1s infinite
}

.line-scale>div:nth-child(5) {
  -webkit-animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) 0s infinite;
  animation: line-scale 1s cubic-bezier(.2, .68, .18, 1.08) 0s infinite
}

.line-scale>div {
  animation-fill-mode: both;
  display: inline-block
}

.line-scale-party>div, .line-scale>div {
  background-color: #fff;
  border-radius: 2px;
  margin: 2px;
  width: 4px;
  height: 35px;
  -webkit-animation-fill-mode: both
}

@-webkit-keyframes line-scale-party {
  0%, to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

@keyframes line-scale-party {
  0%, to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }

  50% {
    -webkit-transform: scale(.5);
    transform: scale(.5)
  }
}

.line-scale-party>div:first-child {
  -webkit-animation-delay: -.09s;
  animation-delay: -.09s;
  -webkit-animation-duration: .83s;
  animation-duration: .83s
}

.line-scale-party>div:nth-child(2) {
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
  -webkit-animation-duration: .64s;
  animation-duration: .64s
}

.line-scale-party>div:nth-child(3) {
  -webkit-animation-delay: .32s;
  animation-delay: .32s;
  -webkit-animation-duration: .39s;
  animation-duration: .39s
}

.line-scale-party>div:nth-child(4) {
  -webkit-animation-delay: .47s;
  animation-delay: .47s;
  -webkit-animation-duration: .52s;
  animation-duration: .52s
}

.line-scale-party>div {
  animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
  animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
  animation-delay: 0
}

@-webkit-keyframes line-scale-pulse-out {
  0%, to {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }
}

@keyframes line-scale-pulse-out {
  0%, to {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  50% {
    -webkit-transform: scaley(.4);
    transform: scaley(.4)
  }
}

.line-scale-pulse-out>div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out .9s cubic-bezier(.85, .25, .37, .85) -.6s infinite;
  animation: line-scale-pulse-out .9s cubic-bezier(.85, .25, .37, .85) -.6s infinite
}

.line-scale-pulse-out>div:nth-child(2), .line-scale-pulse-out>div:nth-child(4) {
  -webkit-animation-delay: -.4s !important;
  animation-delay: -.4s !important
}

.line-scale-pulse-out>div:first-child, .line-scale-pulse-out>div:nth-child(5) {
  -webkit-animation-delay: -.2s !important;
  animation-delay: -.2s !important
}

@-webkit-keyframes line-scale-pulse-out-rapid {
  0%, 90% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  80% {
    -webkit-transform: scaley(.3);
    transform: scaley(.3)
  }
}

@keyframes line-scale-pulse-out-rapid {
  0%, 90% {
    -webkit-transform: scaley(1);
    transform: scaley(1)
  }

  80% {
    -webkit-transform: scaley(.3);
    transform: scaley(.3)
  }
}

.line-scale-pulse-out-rapid>div {
  background-color: #fff;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out-rapid .9s cubic-bezier(.11, .49, .38, .78) -.5s infinite;
  animation: line-scale-pulse-out-rapid .9s cubic-bezier(.11, .49, .38, .78) -.5s infinite
}

.line-scale-pulse-out-rapid>div:nth-child(2), .line-scale-pulse-out-rapid>div:nth-child(4) {
  -webkit-animation-delay: -.25s !important;
  animation-delay: -.25s !important
}

.line-scale-pulse-out-rapid>div:first-child, .line-scale-pulse-out-rapid>div:nth-child(5) {
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important
}

@-webkit-keyframes line-spin-fade-loader {
  50% {
    opacity: .3
  }

  to {
    opacity: 1
  }
}

@keyframes line-spin-fade-loader {
  50% {
    opacity: .3
  }

  to {
    opacity: 1
  }
}

.line-spin-fade-loader {
  position: relative;
  top: -10px;
  left: -4px
}

.line-spin-fade-loader>div:first-child {
  top: 20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s ease-in-out -.84s infinite;
  animation: line-spin-fade-loader 1.2s ease-in-out -.84s infinite
}

.line-spin-fade-loader>div:nth-child(2) {
  top: 13.64px;
  left: 13.64px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s ease-in-out -.72s infinite;
  animation: line-spin-fade-loader 1.2s ease-in-out -.72s infinite
}

.line-spin-fade-loader>div:nth-child(3) {
  top: 0;
  left: 20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s ease-in-out -.6s infinite;
  animation: line-spin-fade-loader 1.2s ease-in-out -.6s infinite
}

.line-spin-fade-loader>div:nth-child(4) {
  top: -13.64px;
  left: 13.64px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s ease-in-out -.48s infinite;
  animation: line-spin-fade-loader 1.2s ease-in-out -.48s infinite
}

.line-spin-fade-loader>div:nth-child(5) {
  top: -20px;
  left: 0;
  -webkit-animation: line-spin-fade-loader 1.2s ease-in-out -.36s infinite;
  animation: line-spin-fade-loader 1.2s ease-in-out -.36s infinite
}

.line-spin-fade-loader>div:nth-child(6) {
  top: -13.64px;
  left: -13.64px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: line-spin-fade-loader 1.2s ease-in-out -.24s infinite;
  animation: line-spin-fade-loader 1.2s ease-in-out -.24s infinite
}

.line-spin-fade-loader>div:nth-child(7) {
  top: 0;
  left: -20px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation: line-spin-fade-loader 1.2s ease-in-out -.12s infinite;
  animation: line-spin-fade-loader 1.2s ease-in-out -.12s infinite
}

.line-spin-fade-loader>div:nth-child(8) {
  top: 13.64px;
  left: -13.64px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: line-spin-fade-loader 1.2s ease-in-out 0s infinite;
  animation: line-spin-fade-loader 1.2s ease-in-out 0s infinite
}

.line-spin-fade-loader>div {
  background-color: #fff;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 5px;
  height: 15px
}

@-webkit-keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0)
  }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg)
  }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg)
  }

  to {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0)
  }
}

@keyframes triangle-skew-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0)
  }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg)
  }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg)
  }

  to {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0)
  }
}

.triangle-skew-spin>div {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
  -webkit-animation: triangle-skew-spin 3s cubic-bezier(.09, .57, .49, .9) 0s infinite;
  animation: triangle-skew-spin 3s cubic-bezier(.09, .57, .49, .9) 0s infinite
}

@-webkit-keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0)
  }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg)
  }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg)
  }

  to {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0)
  }
}

@keyframes square-spin {
  25% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(0);
    transform: perspective(100px) rotateX(180deg) rotateY(0)
  }

  50% {
    -webkit-transform: perspective(100px) rotateX(180deg) rotateY(180deg);
    transform: perspective(100px) rotateX(180deg) rotateY(180deg)
  }

  75% {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(180deg);
    transform: perspective(100px) rotateX(0) rotateY(180deg)
  }

  to {
    -webkit-transform: perspective(100px) rotateX(0) rotateY(0);
    transform: perspective(100px) rotateX(0) rotateY(0)
  }
}

.square-spin>div {
  width: 50px;
  height: 50px;
  background: #fff;
  border: 1px solid red;
  -webkit-animation: square-spin 3s cubic-bezier(.09, .57, .49, .9) 0s infinite;
  animation: square-spin 3s cubic-bezier(.09, .57, .49, .9) 0s infinite
}

.pacman>div:first-of-type, .pacman>div:nth-child(2) {
  width: 0;
  height: 0;
  border: 25px solid #fff;
  border-right-color: transparent;
  border-radius: 25px;
  position: relative;
  left: -30px
}

@-webkit-keyframes rotate_pacman_half_up {
  0%, to {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }

  50% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes rotate_pacman_half_up {
  0%, to {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }

  50% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes rotate_pacman_half_down {
  0%, to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes rotate_pacman_half_down {
  0%, to {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }

  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes pacman-balls {
  75% {
    opacity: .7
  }

  to {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px)
  }
}

@keyframes pacman-balls {
  75% {
    opacity: .7
  }

  to {
    -webkit-transform: translate(-100px, -6.25px);
    transform: translate(-100px, -6.25px)
  }
}

.pacman {
  position: relative
}

.pacman>div:nth-child(3) {
  -webkit-animation: pacman-balls 1s linear -.66s infinite;
  animation: pacman-balls 1s linear -.66s infinite
}

.pacman>div:nth-child(4) {
  -webkit-animation: pacman-balls 1s linear -.33s infinite;
  animation: pacman-balls 1s linear -.33s infinite
}

.pacman>div:nth-child(5) {
  -webkit-animation: pacman-balls 1s linear 0s infinite;
  animation: pacman-balls 1s linear 0s infinite
}

.pacman>div:first-of-type {
  -webkit-animation: rotate_pacman_half_up .5s 0s infinite;
  animation: rotate_pacman_half_up .5s 0s infinite
}

.pacman>div:nth-child(2) {
  -webkit-animation: rotate_pacman_half_down .5s 0s infinite;
  animation: rotate_pacman_half_down .5s 0s infinite;
  margin-top: -50px
}

.pacman>div:nth-child(3), .pacman>div:nth-child(4), .pacman>div:nth-child(5), .pacman>div:nth-child(6) {
  background-color: #fff;
  border-radius: 100%;
  margin: 2px;
  width: 10px;
  height: 10px;
  position: absolute;
  -webkit-transform: translateY(-6.25px);
  -ms-transform: translateY(-6.25px);
  transform: translateY(-6.25px);
  top: 25px;
  left: 70px
}

@-webkit-keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
    transform: translateX(50px) scale(.5) rotate(-90deg)
  }

  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg)
  }

  75% {
    -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
    transform: translateY(50px) scale(.5) rotate(-270deg)
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
  }
}

@keyframes cube-transition {
  25% {
    -webkit-transform: translateX(50px) scale(.5) rotate(-90deg);
    transform: translateX(50px) scale(.5) rotate(-90deg)
  }

  50% {
    -webkit-transform: translate(50px, 50px) rotate(-180deg);
    transform: translate(50px, 50px) rotate(-180deg)
  }

  75% {
    -webkit-transform: translateY(50px) scale(.5) rotate(-270deg);
    transform: translateY(50px) scale(.5) rotate(-270deg)
  }

  to {
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
  }
}

.cube-transition {
  position: relative;
  -webkit-transform: translate(-25px, -25px);
  -ms-transform: translate(-25px, -25px);
  transform: translate(-25px, -25px)
}

.cube-transition>div {
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: -5px;
  background-color: #fff;
  -webkit-animation: cube-transition 1.6s ease-in-out 0s infinite;
  animation: cube-transition 1.6s ease-in-out 0s infinite
}

.cube-transition>div:last-child {
  -webkit-animation-delay: -.8s;
  animation-delay: -.8s
}

@-webkit-keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes spin-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.semi-circle-spin {
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden
}

.semi-circle-spin>div {
  position: absolute;
  border-width: 0;
  border-radius: 100%;
  -webkit-animation: spin-rotate .6s linear 0s infinite;
  animation: spin-rotate .6s linear 0s infinite;
  background-image: -webkit-linear-gradient(transparent, transparent 70%, #fff 0, #fff);
  background-image: linear-gradient(transparent, transparent 70%, #fff 0, #fff);
  width: 100%;
  height: 100%
}

@-webkit-keyframes bar-progress {
  0%, to {
    -webkit-transform: scaleY(20%);
    transform: scaleY(20%);
    opacity: 1
  }

  25%, 75% {
    -webkit-transform: translateX(6%) scaleY(10%);
    transform: translateX(6%) scaleY(10%);
    opacity: .7
  }

  50% {
    -webkit-transform: translateX(20%) scaleY(20%);
    transform: translateX(20%) scaleY(20%);
    opacity: 1
  }
}

@keyframes bar-progress {
  0%, to {
    -webkit-transform: scaleY(20%);
    transform: scaleY(20%);
    opacity: 1
  }

  25%, 75% {
    -webkit-transform: translateX(6%) scaleY(10%);
    transform: translateX(6%) scaleY(10%);
    opacity: .7
  }

  50% {
    -webkit-transform: translateX(20%) scaleY(20%);
    transform: translateX(20%) scaleY(20%);
    opacity: 1
  }
}

.bar-progress {
  width: 30%;
  height: 12px
}

.bar-progress>div {
  position: relative;
  width: 20%;
  height: 12px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-animation: bar-progress 3s cubic-bezier(.57, .1, .44, .93) infinite;
  animation: bar-progress 3s cubic-bezier(.57, .1, .44, .93) infinite;
  opacity: 1
}

.bar-swing, .bar-swing>div {
  height: 8px;
  width: 30%
}

@-webkit-keyframes bar-swing {
  0%, to {
    left: 0
  }

  50% {
    left: 70%
  }
}

@keyframes bar-swing {
  0%, to {
    left: 0
  }

  50% {
    left: 70%
  }
}

.bar-swing>div {
  position: relative;
  border-radius: 10px;
  background-color: #fff;
  -webkit-animation: bar-swing 1.5s infinite;
  animation: bar-swing 1.5s infinite
}

@-webkit-keyframes bar-swing-container {
  0%, to {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  50% {
    left: 70%;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
  }
}

@keyframes bar-swing-container {
  0%, to {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  50% {
    left: 70%;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
  }
}

.bar-swing-container {
  width: 20%;
  height: 8px;
  position: relative
}

.bar-swing-container div:first-child {
  position: absolute;
  width: 100%;
  background-color: hsla(0, 0%, 100%, .2);
  height: 12px;
  border-radius: 10px
}

.bar-swing-container div:nth-child(2) {
  position: absolute;
  width: 30%;
  height: 8px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-animation: bar-swing-container 2s cubic-bezier(.91, .35, .12, .6) infinite;
  animation: bar-swing-container 2s cubic-bezier(.91, .35, .12, .6) infinite;
  margin: 2px 2px 0
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
  left: 10px;
  right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
  right: 10px;
  left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: opacity .3s;
  -o-transition: .3s opacity;
  transition: opacity .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 10
}

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

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

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

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

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

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

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

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

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

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

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

.swiper-pagination-progressbar.swiper-pagination-white {
  background: hsla(0, 0%, 100%, .25)
}

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

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

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

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

.swiper-pagination-lock {
  display: none
}

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

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

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

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

.swiper-slide-zoomed {
  cursor: move
}

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

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes swiper-preloader-spin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

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

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

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

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

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

.swiper-container-cube {
  overflow: visible
}

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

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

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

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

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

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

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

.swiper-container-flip {
  overflow: visible
}

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px
}

a, a:after, a:before {
  -webkit-transition: .3s;
  transition: .3s
}

a, a:hover, a:link, a:visited {
  text-decoration: none
}

a:hover {
  opacity: .6
}

a img {
  border: 0 #fff;
  background: transparent
}

.main p, h1, h2, h3 {
  margin: 0
}

.block-max-ll {
  display: none !important
}

@media screen and (max-width:1279.98px) {
  .block-max-ll {
    display: inline-block !important
  }
}

.block-max-lg {
  display: none !important
}

@media screen and (max-width:1039.98px) {
  .block-max-lg {
    display: inline-block !important
  }
}

.block-max-md {
  display: none !important
}

@media screen and (max-width:768.98px) {
  .block-max-md {
    display: block !important
  }
}

.block-min-lg {
  display: none !important
}

@media screen and (min-width:1040px) {
  .block-min-lg {
    display: block !important
  }
}

.block-min-md {
  display: none !important
}

@media screen and (min-width:769px) {
  .block-min-md {
    display: block !important
  }
}

.block-min-sm {
  display: none !important
}

@media screen and (min-width:554px) {
  .block-min-sm {
    display: block !important
  }
}

@media screen and (max-width:553.98px) {
  .block-max-sm {
    display: block !important
  }
}

@media screen and (min-width:554px) {
  .block-max-sm {
    display: none !important
  }
}

body {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: .1em;
  color: #000;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased
}

ul {
  list-style-type: none
}

.main p {
  line-height: 1.9;
  letter-spacing: .05em
}

a {
  color: #000
}

a:hover {
  color: #e1251b !important;
  opacity: 1
}

a:hover:after, a:hover:before {
  color: #e1251b;
  opacity: 1
}

img {
  width: 100%
}

ol {
  list-style: none
}

.indent_g {
  margin-left: -10px
}

.marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(255, 130, 102, .368627)));
  background: linear-gradient(transparent 50%, rgba(255, 130, 102, .368627) 0)
}

.bread {
  padding: 20px 90px 0
}

@media screen and (min-width:769px) and (max-width:1040px) {
  .bread {
    padding: 20px 45px 0
  }
}

@media screen and (max-width:768.98px) {
  .bread {
    padding: 20px 5% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media screen and (max-width:553.98px) {
  .bread {
    display: none
  }
}

#taikensha .bread {
  border-left: 1px solid #e1251b;
  border-right: 1px solid #e1251b
}

.breadcrumbs {
  max-width: 907px;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  padding: 0
}

.breadcrumbs>li {
  font-size: 14px;
  margin-right: 10px
}

.breadcrumbs>li .breadcrumbs_arrow {
  width: 4px;
  height: 8.4px;
  margin-left: 7px
}

.breadcrumbs>li:last-child .breadcrumbs_arrow {
  width: 4px;
  height: 8.4px;
  display: none
}

iframe {
  border: none
}

.asterisk, .asterisk_text {
  font-size: 75% !important
}

.win .winAdjustment {
  padding: 0 10px !important;
  line-height: 1.5 !important
}

.arrow-before {
  position: relative
}

.header .js-subnav .nav-title.icon-arrow:before {
  display: none
}

.header .js-subnav .subnav ul.inr li:hover .icon-arrow:before {
  left: -2px !important
}

.header .js-subnav.accordion_active {
  position: relative
}

.header .js-subnav.accordion_active .nav-title.icon-arrow:before {
  display: inline;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  right: 18px;
  font-size: 13px;
  -webkit-transition: .3s;
  transition: .3s
}

.header .js-subnav.accordion_active.open .nav-title:before {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.header .js-subnav.accordion_active .subnav ul.inr li .icon-arrow:before {
  font-size: 13px !important
}

@media screen and (max-width:553.98px) {
  .header .icon-arrow:before {
    margin-top: 2px
  }

  .header .icon-arrow-h-center:before {
    margin-top: 6px
  }

  .header .icon-arrow-h-center.vol07:before {
    margin-top: 12px
  }
}

.main .icon-arrow-after {
  position: relative
}

.main .icon-arrow-after:after {
  position: absolute;
  top: 55%;
  right: 8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.main .icon-arrow-after:hover:after {
  right: 5px
}

#news .icon-arrow {
  position: relative;
  padding-left: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#news .icon-arrow:before {
  position: absolute;
  top: 55%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #e1251b;
  font-size: 10px
}

#news .icon-arrow:hover:before {
  left: 2px
}

.footer .icon-arrow:before {
  color: #e1251b;
  font-size: 10px;
  margin-right: 5px
}

.footer .title.icon-arrow:before {
  display: none
}

.footer .footernav__list .icon-arrow {
  position: relative;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:553.98px) {
  .footer .footernav__list .icon-arrow {
    width: 100%
  }
}

@media screen and (min-width:554px) {
  .footer .footernav__list .icon-arrow:before {
    position: absolute;
    top: 55%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #e1251b;
    font-size: 10px
  }
}

@media screen and (max-width:553.98px) {
  .footer .footernav__list .icon-arrow:before {
    font-size: 14px;
    float: right;
    margin-right: 4vw
  }
}

.footer .footernav__list .icon-arrow:hover:before {
  left: 2px
}

@media screen and (max-width:553.98px) {
  .footer .title.icon-arrow.accordion_active {
    position: relative
  }

  .footer .title.icon-arrow.accordion_active:before {
    color: #e1251b;
    display: inline;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s
  }

  .footer .title.icon-arrow.accordion_active.open:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }

  .footer .title.icon-arrow.accordion_active+ul.inner li a:before {
    color: #4d4d4d
  }
}

@font-face {
  font-family: DIN Condensed Bold;
  font-style: normal;
  font-weight: 400;
  src: local("DIN Condensed Bold"), url(../fonts/DINCondensed-Bold.woff) format("woff")
}

@font-face {
  font-family: icomoon;
  src: url(../fonts/icomoon.eot?952e37);
  src: url(../fonts/icomoon.eot?952e37#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?952e37) format("truetype"), url(../fonts/icomoon.woff?952e37) format("woff"), url(../fonts/icomoon.svg?952e37#icomoon) format("svg");
  font-weight: 400;
  font-style: normal
}

[class*=" icon-"], [class^=icon-] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

[class*=" icon-"] span.light, [class^=icon-] span.light {
  font-weight: 400 !important
}

[class*=" icon-"] span.bold, [class*=" icon-"] span.light, [class^=icon-] span.bold, [class^=icon-] span.light {
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif !important
}

[class*=" icon-"] span.bold, [class^=icon-] span.bold {
  font-weight: 700 !important
}

.icon-arrow_double:before {
  content: "\E900";
  color: #fff
}

.icon-arrow_left:before {
  content: "\E901"
}

.icon-arrow:before, .icon-arrow_left:before {
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s
}

.icon-arrow:before {
  content: "\E902"
}

.icon-arrow-after:after {
  content: "\E902";
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s
}

.icon-blank-after:after, .icon-blank:before {
  content: "\E903";
  color: #919191
}

#contact {
  background: #c7c7c7;
  padding: 65px 90px 85px
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #contact {
    padding: 65px 45px 85px
  }
}

@media screen and (max-width:768.98px) {
  #contact {
    padding: 50px 9.4%
  }
}

#contact .container {
  max-width: 852px;
  margin: 0 auto
}

#contact .container h2 {
  font-size: 24px;
  color: #e1251b;
  font-weight: 400;
  letter-spacing: .15em;
  text-align: center;
  line-height: 1
}

@media screen and (max-width:768.98px) {
  #contact .container h2 {
    font-size: 15px;
    letter-spacing: .05em
  }
}

#contact .container .body {
  margin-top: 55px
}

@media screen and (max-width:768.98px) {
  #contact .container .body {
    margin-top: 34px
  }
}

#contact .container .body .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#contact .container .body .inner .item-col {
  width: 33.33%
}

#contact .container .body .inner .item-col img {
  width: 100%
}

@media screen and (max-width:768.98px) {
  #contact .container .body .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  #contact .container .body .inner .item-col {
    width: 70%;
    margin: 0 auto
  }

  #contact .container .body .inner .item-col:first-child {
    margin-top: 0
  }
}

#contact .container .body .inner .item-col {
  background: #fff;
  max-width: 242px;
  max-height: 219px;
  width: 30%;
  border-radius: 15px;
  line-height: 1.6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 0;
  text-align: center;
  white-space: nowrap;
  cursor: pointer
}

@media screen and (max-width:768.98px) {
  #contact .container .body .inner .item-col {
    max-width: none;
    max-height: none;
    width: 70%;
    padding: 27px 0 20px;
    margin: 0 auto;
    border-radius: 7px
  }
}

@media screen and (max-width:553.98px) {
  #contact .container .body .inner .item-col {
    width: 100%
  }
}

#contact .container .body .inner .item-col .area-top {
  margin-bottom: 7%;
  -webkit-transition: .3s;
  transition: .3s
}

@media screen and (max-width:768.98px) {
  #contact .container .body .inner .item-col .area-top {
    margin-bottom: 12px
  }
}

#contact .container .body .inner .item-col .area-top img {
  height: 65px;
  width: auto
}

@media screen and (max-width:768.98px) {
  #contact .container .body .inner .item-col .area-top img {
    height: 45px;
    width: auto
  }
}

#contact .container .body .inner .item-col h3.area-body {
  color: #e1251b;
  font-weight: 400;
  letter-spacing: .01em;
  line-height: 1;
  -webkit-transition: .3s;
  transition: .3s;
  font-size: 16px;
  margin-bottom: 7%
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #contact .container .body .inner .item-col h3.area-body {
    font-size: 13px
  }
}

@media screen and (max-width:768.98px) {
  #contact .container .body .inner .item-col h3.area-body {
    margin-bottom: 12px;
    font-size: 15px
  }
}

#contact .container .body .inner .item-col p.area-bottom {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  -webkit-transition: .3s;
  transition: .3s;
  color: #000;
  margin-bottom: 0
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #contact .container .body .inner .item-col p.area-bottom {
    font-size: 12px
  }
}

@media screen and (max-width:768.98px) {
  #contact .container .body .inner .item-col p.area-bottom {
    font-size: 13px
  }
}

@media screen and (max-width:768.98px) {
  #contact .container .body .inner .item-col:nth-of-type(2), #contact .container .body .inner .item-col:nth-of-type(3) {
    margin-top: 21px
  }
}

#contact .container .body .inner .item-col.icon-blank {
  position: relative
}

#contact .container .body .inner .item-col.icon-blank:before {
  color: #e1251b;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px
}

#contact .container .body .inner .item-col:hover .area-body, #contact .container .body .inner .item-col:hover .area-bottom, #contact .container .body .inner .item-col:hover .area-top, #contact .container .body .inner .item-col:hover:before {
  opacity: .6 !important
}

.footer {
  background: #f7f7f7
}

.footer .footernav {
  padding: 45px;
  position: relative
}

@media screen and (max-width:553.98px) {
  .footer .footernav {
    padding: 50px 5vw
  }
}

@media screen and (min-width:769px) {
  .footer .footernav {
    margin: 0 auto
  }
}

@media screen and (min-width:769px) and (max-width:1040px) {
  .footer .footernav {
    width: 768px;
    margin: 0 auto;
    padding: 110px 5% 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

@media screen and (min-width:1040px) {
  .footer .footernav {
    width: 890px;
    padding: 110px 0 50px
  }
}

.footer .footernav .footernav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}

@media screen and (min-width:554px) {
  .footer .footernav .footernav__list {
    margin-bottom: 70px
  }
}

@media screen and (min-width:1040px) {
  .footer .footernav .footernav__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.footer .footernav .footernav__list .block {
  width: 48%;
  margin-bottom: 20px;
  color: #000
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footernav__list .block {
    width: 100%;
    margin-bottom: 0
  }

  .footer .footernav .footernav__list .block .inner {
    display: none;
    margin: 0
  }
}

@media screen and (min-width:554px) and (max-width:1040px) {
  .footer .footernav .footernav__list .block {
    width: 45%
  }
}

@media screen and (min-width:1040px) {
  .footer .footernav .footernav__list .block {
    width: 200px
  }
}

.footer .footernav .footernav__list .block.last-nav {
  width: 100%;
  margin-left: 52%;
  margin-top: -50px
}

@media screen and (min-width:769px) {
  .footer .footernav .footernav__list .block.last-nav {
    width: auto;
    margin-left: auto;
    margin-top: auto;
    position: absolute;
    right: auto;
    left: 0;
    bottom: 0
  }
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footernav__list .block:first-child .title {
    border-top: 1px solid #e1251b
  }
}

.footer .footernav .footernav__list .block .title {
  padding: 10px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #e1251b;
  line-height: 1
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footernav__list .block .title {
    padding: 16px 0
  }
}

@media screen and (min-width:554px) {
  .footer .footernav .footernav__list .block .title {
    margin-bottom: 18px
  }
}

@media screen and (min-width:769px) {
  .footer .footernav .footernav__list .block .title br {
    display: none
  }
}

.footer .footernav .footernav__list .block .title span {
  margin-right: 5px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #e1251b;
  display: block
}

@media screen and (min-width:769px) {
  .footer .footernav .footernav__list .block .title span {
    display: block
  }
}

.footer .footernav .footernav__list .block ul {
  padding-left: 0
}

.footer .footernav .footernav__list .block ul li {
  margin-bottom: 15px;
  line-height: 1
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footernav__list .block ul li {
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0
  }

  .footer .footernav .footernav__list .block ul li:last-child {
    border-bottom: 1px solid #e1251b
  }
}

.footer .footernav .footernav__list .block ul li a {
  display: inline-block;
  color: #000;
  font-size: 12px;
  letter-spacing: .01em;
  white-space: nowrap
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footernav__list .block ul li a {
    font-size: 14px
  }
}

.footer .footernav .footernav__list .block ul li a:hover {
  color: #e1251b;
  opacity: 1
}

.footer .footernav .footernav__list .block ul li a:hover.first {
  text-decoration: underline
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footernav__list .block ul li a:hover {
    color: #000;
    opacity: 1
  }

  .footer .footernav .footernav__list .block ul li a:hover.first {
    text-decoration: none
  }
}

.footer .footernav .footernav__list .block ul li a.first {
  font-weight: 700;
  padding-left: 15px !important;
  letter-spacing: .05em !important
}

.footer .footernav .footernav__list .block ul li a.first span.indent {
  margin-left: -10px
}

@media screen and (min-width:554px) {
  .footer .footernav .footernav__list .block ul li a.first {
    font-weight: 700;
    font-size: 14px;
    padding-left: 0 !important
  }
}

@media screen and (min-width:554px) {
  .footer .footernav .footernav__list .block#footer_voice>.inner li:not(:first-child) {
    width: 50%
  }

  .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(2), .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(4), .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(6), .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(8), .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(10) {
    float: left
  }

  .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(3), .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(5), .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(7), .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(9), .footer .footernav .footernav__list .block#footer_voice>.inner li:nth-of-type(11) {
    float: right
  }
}

.footer .footernav .footernav__list .block#footer_data {
  position: absolute;
  bottom: 0;
  right: 0
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footernav__list .block#footer_data {
    position: static
  }
}

.footer .footernav #footer_data_for_ie {
  display: none
}

.footer .footernav .footersubnav {
  margin-top: 30px;
  line-height: 0;
  text-align: center
}

@media screen and (min-width:554px) {
  .footer .footernav .footersubnav {
    margin: 0 auto
  }
}

.footer .footernav .footersubnav .previous_version_link {
  width: 250px;
  display: inline-block
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footersubnav .previous_version_link {
    width: 190px;
    height: auto
  }
}

.footer .footernav .footersubnav .previous_version_link:hover {
  opacity: .6
}

.footer .footernav .footersubnav .footersubnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 50px
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footersubnav .footersubnav__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 25px
  }
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footersubnav .footersubnav__list li {
    width: 144px;
    text-align: left
  }
}

.footer .footernav .footersubnav .footersubnav__list li a {
  font-weight: 700;
  color: #000;
  font-size: 12px;
  letter-spacing: .01em
}

@media screen and (min-width:554px) {
  .footer .footernav .footersubnav .footersubnav__list li a.icon-arrow {
    position: relative;
    padding-left: 12px
  }

  .footer .footernav .footersubnav .footersubnav__list li a.icon-arrow:before {
    position: absolute;
    top: 55%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .footer .footernav .footersubnav .footersubnav__list li a.icon-arrow:hover:before {
    left: 2px
  }
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footersubnav .footersubnav__list li a {
    font-size: 14px;
    position: relative;
    padding-left: 0
  }

  .footer .footernav .footersubnav .footersubnav__list li a.icon-arrow:before {
    position: absolute;
    right: -5vw;
    left: auto;
    top: 3px
  }
}

.footer .footernav .footersubnav .footersubnav__list li a.icon-blank {
  position: relative;
  padding-right: 17px
}

.footer .footernav .footersubnav .footersubnav__list li a.icon-blank:before {
  font-size: 11px;
  margin-left: 10px;
  position: absolute;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footersubnav .footersubnav__list li a.icon-blank:before {
    font-size: 10px;
    display: inline-block;
    right: -10px
  }
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footersubnav .footersubnav__list li:first-of-type {
    width: 50%
  }
}

.footer .footernav .footersubnav .footersubnav__list li:nth-of-type(2) {
  margin: 0 48px
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footersubnav .footersubnav__list li:nth-of-type(2) {
    width: 50%;
    margin: 0 !important
  }
}

@media screen and (max-width:553.98px) {
  .footer .footernav .footersubnav .footersubnav__list li:last-child {
    margin-top: 30px
  }
}

.footer .bridgestone_link {
  background: #ececec
}

@media screen and (max-width:553.98px) {
  .footer .bridgestone_link {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
  }
}

.footer .bridgestone_link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  padding: 22px 0 22px 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (max-width:553.98px) {
  .footer .bridgestone_link ul {
    margin-top: 0;
    padding: 0 3%
  }
}

@media screen and (min-width:769px) and (max-width:1040px) {
  .footer .bridgestone_link ul {
    width: 768px;
    padding-left: 5%
  }
}

@media screen and (min-width:1040px) {
  .footer .bridgestone_link ul {
    width: 890px;
    padding-left: 0
  }
}

.footer .bridgestone_link ul li {
  line-height: 1;
  padding-left: 15px
}

@media screen and (max-width:553.98px) {
  .footer .bridgestone_link ul li {
    padding-top: 16px;
    padding-bottom: 16px;
    top: 38%
  }
}

.footer .bridgestone_link ul li.icon-arrow {
  position: relative
}

.footer .bridgestone_link ul li.icon-arrow:before {
  color: #000;
  position: absolute;
  top: 28%;
  left: 0
}

@media screen and (max-width:553.98px) {
  .footer .bridgestone_link ul li.icon-arrow:before {
    top: 44%
  }
}

.footer .bridgestone_link ul li:hover.icon-arrow:before {
  color: #e1251b;
  left: 3px
}

.footer .bridgestone_link ul li a {
  color: #000;
  text-align: center;
  font-size: 13px
}

@media screen and (max-width:553.98px) {
  .footer .bridgestone_link ul li a {
    font-size: 12px
  }
}

.footer .bridgestone_link ul li a.icon-blank {
  position: relative;
  padding-right: 17px
}

.footer .bridgestone_link ul li a.icon-blank:before {
  font-size: 11px;
  color: #000;
  margin-left: 10px;
  position: absolute;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media screen and (max-width:553.98px) {
  .footer .bridgestone_link ul li a.icon-blank:before {
    font-size: 10px;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    display: inline-block;
    top: 15%
  }
}

.footer .bridgestone_link ul li:first-child {
  padding-right: 15px;
  margin-right: 30px
}

@media screen and (max-width:553.98px) {
  .footer .bridgestone_link ul li:first-child {
    width: 50%;
    padding-right: 0;
    border-right: 1px solid #e0e0e0;
    margin-right: 10px
  }
}

.footer .bridgestone_link ul li:last-child {
  padding-left: 15px
}

@media screen and (max-width:553.98px) {
  .footer .bridgestone_link ul li:last-child {
    width: 50%
  }

  .footer .bridgestone_link ul li:last-child a.icon-blank:before {
    top: auto;
    bottom: 0
  }
}

.footer .footerlogo {
  background-color: #fff;
  padding-top: 65px;
  padding-bottom: 16px
}

@media screen and (max-width:553.98px) {
  .footer .footerlogo {
    padding-top: 20px;
    padding-bottom: 11px
  }
}

.footer .footerlogo img {
  display: block;
  width: 32px;
  height: 28px;
  margin: 0 auto
}

@media screen and (min-width:769px) {
  .footer .footerlogo img {
    width: 62px;
    height: 55.6px
  }
}

.footer .footerlogo p {
  margin-bottom: 10px;
  font-size: 8px;
  font-weight: 700;
  color: #000;
  text-align: center
}

@media screen and (min-width:769px) {
  .footer .footerlogo p {
    font-size: 11px
  }
}

.footer .copyright {
  padding-bottom: 22px;
  color: #000;
  text-align: center;
  letter-spacing: .1em;
  background: #fff;
  font-size: 12px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media screen and (max-width:553.98px) {
  .footer .copyright span {
    font-size: 12px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    display: inline-block
  }
}

.footer #page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 80%;
  display: none;
  z-index: 9999
}

.footer #page-top a {
  display: block;
  background: #e1251b;
  color: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  font-size: 30px
}

.footer #page-top a.icon-arrow-after:after {
  top: 50%;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg)
}

.footer #page-top a:hover {
  opacity: .8;
  color: #fff
}

.footer #page-top a:hover:after {
  color: #fff
}

.win.gecko #footer_data {
  display: none
}

@media screen and (max-width:553.98px) {
  .win.gecko #footer_data {
    display: block
  }
}

.win.gecko #footer_data_for_ie.block {
  display: block;
  margin-bottom: 20px;
  color: #000;
  width: 100%;
  position: absolute
}

@media screen and (min-width:554px) {
  .win.gecko #footer_data_for_ie.block {
    right: 45px;
    top: 55%;
    width: 37.6% !important
  }
}

@media screen and (min-width:769px) {
  .win.gecko #footer_data_for_ie.block {
    width: 39.6% !important
  }
}

@media screen and (min-width:1040px) {
  .win.gecko #footer_data_for_ie.block {
    right: 0;
    top: 40.5%;
    width: 200px !important
  }
}

.win.gecko #footer_data_for_ie.block .title {
  padding: 10px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #e1251b;
  line-height: 1
}

@media screen and (max-width:553.98px) {
  .win.gecko #footer_data_for_ie.block .title {
    padding: 16px 0
  }
}

@media screen and (min-width:554px) {
  .win.gecko #footer_data_for_ie.block .title {
    margin-bottom: 18px
  }
}

@media screen and (min-width:769px) {
  .win.gecko #footer_data_for_ie.block .title br {
    display: none
  }
}

.win.gecko #footer_data_for_ie.block .title span {
  margin-right: 5px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #e1251b;
  display: block
}

@media screen and (min-width:769px) {
  .win.gecko #footer_data_for_ie.block .title span {
    display: block
  }
}

.win.gecko #footer_data_for_ie.block ul {
  padding-left: 0
}

.win.gecko #footer_data_for_ie.block ul li {
  margin-bottom: 15px;
  line-height: 1
}

@media screen and (max-width:553.98px) {
  .win.gecko #footer_data_for_ie.block ul li {
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e0e0e0
  }

  .win.gecko #footer_data_for_ie.block ul li:last-child {
    border-bottom: 1px solid #e1251b
  }
}

.win.gecko #footer_data_for_ie.block ul li a {
  display: inline-block;
  color: #000;
  font-size: 12px;
  letter-spacing: .01em;
  white-space: nowrap
}

@media screen and (max-width:553.98px) {
  .win.gecko #footer_data_for_ie.block ul li a {
    font-size: 14px
  }
}

.win.gecko #footer_data_for_ie.block ul li a:hover {
  color: #e1251b;
  opacity: 1
}

.win.gecko #footer_data_for_ie.block ul li a:hover.first {
  text-decoration: underline
}

@media screen and (max-width:553.98px) {
  .win.gecko #footer_data_for_ie.block ul li a:hover {
    color: #000;
    opacity: 1
  }

  .win.gecko #footer_data_for_ie.block ul li a:hover.first {
    text-decoration: none
  }
}

.win.gecko #footer_data_for_ie.block ul li a.first {
  font-weight: 700;
  padding-left: 15px !important;
  letter-spacing: .05em !important
}

.win.gecko #footer_data_for_ie.block ul li a.first span.indent {
  margin-left: -10px
}

@media screen and (min-width:554px) {
  .win.gecko #footer_data_for_ie.block ul li a.first {
    font-weight: 700;
    font-size: 14px;
    padding-left: 0 !important
  }
}

@media screen and (max-width:553.98px) {
  .win.gecko #footer_data_for_ie.block {
    display: none
  }
}

#kv {
  position: relative;
  padding-top: 90px
}

@media screen and (max-width:768.98px) {
  #kv {
    padding-top: 65px
  }
}

#kv .content {
  position: absolute;
  bottom: 40px;
  left: 47px;
  z-index: 1
}

@media screen and (min-width:554px) and (max-width:769px) {
  #kv .content {
    bottom: 20px;
    left: 20px
  }
}

@media screen and (max-width:553.98px) {
  #kv .content {
    bottom: 20px;
    left: 20px
  }
}

#kv .content h1 {
  font-family: DIN Condensed Bold;
  font-weight: 700;
  font-size: 76px;
  line-height: 76px;
  height: 70px;
  letter-spacing: .12em;
  color: #fff;
  position: relative;
  height: 200px;
  margin: 0 0 20px
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #kv .content h1 {
    font-size: 57px;
    line-height: 57px;
    height: 155px
  }
}

@media screen and (max-width:768.98px) {
  #kv .content h1 {
    font-size: 33px;
    line-height: 38px;
    height: 100px
  }
}

@media screen and (max-width:553.98px) {
  #kv .content h1 {
    height: 26px
  }
}

#kv .content h1:before {
  content: url(../images/kv_accent.svg);
  display: inline-block;
  width: 74px;
  height: 40px;
  position: absolute;
  top: -55px;
  left: 0;
  line-height: 0
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #kv .content h1:before {
    top: -50px
  }
}

@media screen and (min-width:554px) and (max-width:769px) {
  #kv .content h1:before {
    width: 56px;
    height: 30px;
    top: -40px
  }
}

@media screen and (max-width:553.98px) {
  #kv .content h1 {
    margin: 0
  }

  #kv .content h1:before {
    width: 68px;
    height: 38px;
    position: absolute;
    top: -45px;
    left: 0
  }
}

#kv .content .sub {
  font-size: 11px;
  letter-spacing: .6em;
  line-height: 1;
  font-weight: 700;
  background: #fff;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 15px;
  margin: 0
}

@media screen and (max-width:1039.98px) {
  #kv .content .sub {
    font-size: 10px
  }
}

@media screen and (min-width:554px) and (max-width:1040px) {
  #kv .content .sub {
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    margin: 0
  }
}

@media screen and (max-width:553.98px) {
  #kv .content .sub {
    height: 16px;
    line-height: 16px;
    padding: 0 0 0 7px;
    margin: 0;
    letter-spacing: .55em
  }
}

#kv .scroll {
  border-left: 1px solid #fff;
  color: #fff;
  height: 145px;
  padding-left: 10px;
  position: absolute;
  bottom: 0;
  right: 50px;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1
}

#kv .scroll:before {
  content: url(../images/scroll.svg);
  display: block;
  width: 8px;
  margin-top: 40px
}

#kv .scroll:after {
  content: url(../images/arrow_double.svg);
  display: inline-block;
  width: 8px;
  position: absolute;
  bottom: 40px;
  -webkit-transition: .3s;
  transition: .3s
}

#kv .scroll:hover {
  opacity: .6
}

#kv .scroll:hover:after {
  bottom: 36px
}

@media screen and (max-width:768.98px) {
  #kv .scroll {
    border-left: none;
    height: auto
  }

  #kv .scroll:before {
    display: none
  }

  #kv .scroll:after {
    width: 15px;
    bottom: 80px
  }

  #kv .scroll:hover:after {
    bottom: 80px
  }
}

@media screen and (min-width:554px) and (max-width:769px) {
  #kv .scroll:after, #kv .scroll:hover:after {
    bottom: 40px
  }
}

@media screen and (max-width:553.98px) {
  #kv .scroll {
    right: 35px;
    bottom: 0
  }

  #kv .scroll:after, #kv .scroll:hover:after {
    bottom: 28px
  }
}

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

.swiper-wrapper {
  line-height: 0
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  cursor: pointer
}

.swiper-slide img {
  width: 100%
}

@media screen and (min-width:554px) {
  .swiper-slide img.pc {
    display: block !important
  }

  .swiper-slide img.sp {
    display: none !important
  }
}

@media screen and (max-width:553.98px) {
  .swiper-slide img.pc {
    display: none !important
  }

  .swiper-slide img.sp {
    display: block !important
  }
}

.swiper-pagination-bullets {
  bottom: auto !important;
  top: 30px !important;
  left: calc(100% - 90px) !important;
  right: auto !important;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media screen and (min-width:554px) and (max-width:769px) {
  .swiper-pagination-bullets {
    bottom: auto !important;
    top: 20px !important;
    left: calc(100% - 75px) !important;
    right: auto !important
  }
}

@media screen and (max-width:553.98px) {
  .swiper-pagination-bullets {
    bottom: auto !important;
    top: 20px !important;
    left: calc(100% - 75px) !important;
    right: auto !important
  }
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, .2);
  width: 10px;
  height: 10px;
  margin-top: 15px !important;
  border: 1px solid #fff;
  background: none;
  position: relative
}

@media screen and (max-width:768.98px) {
  .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin-top: 8px !important;
    border: 1px solid #fff;
    background: none;
    position: relative
  }
}

.swiper-pagination-bullet .kv_copy {
  color: #fff;
  height: 23px;
  line-height: 24px;
  font-size: 13px;
  letter-spacing: .1em;
  position: absolute;
  top: 50%;
  right: 23px;
  z-index: 10001;
  width: auto;
  white-space: nowrap;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #e1251b;
  display: none;
  -webkit-transition: .3s;
  transition: .3s;
  padding: 0 25px 1px 10px
}

@media screen and (max-width:768.98px) {
  .swiper-pagination-bullet .kv_copy {
    font-size: 12px
  }
}

.swiper-pagination-bullet .kv_copy:after {
  font-size: 10px !important
}

@media screen and (min-width:769px) {
  .swiper-pagination-bullet .kv_copy:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background: #fff
  }

  .swiper-pagination-bullet .kv_copy:hover:after {
    opacity: 1
  }
}

@media screen and (max-width:768.98px) {
  .swiper-pagination-bullet .kv_copy {
    color: #fff;
    height: 17px;
    line-height: 14px;
    position: absolute;
    top: 50%;
    right: 15px;
    width: auto;
    white-space: nowrap;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #e1251b;
    display: none;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 2px 15px 1px 5px
  }

  .swiper-pagination-bullet .kv_copy:after {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    top: 3px
  }

  .swiper-pagination-bullet .kv_copy:hover {
    color: #fff !important;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none
  }

  .swiper-pagination-bullet .kv_copy:hover:after {
    color: #fff;
    opacity: 1
  }
}

.swiper-pagination-bullet-active {
  background: #e1251b;
  border: 1px solid #e1251b !important
}

.swiper-pagination-bullet-active .kv_copy {
  display: block
}

.main .container {
  max-width: 1057px;
  margin: 0 auto
}

#info {
  padding: 55px 90px
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #info {
    padding: 55px 45px
  }
}

@media screen and (min-width:554px) and (max-width:769px) {
  #info {
    padding: 55px 30px
  }
}

@media screen and (max-width:553.98px) {
  #info {
    padding: 48px 30px
  }
}

#info .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#info .container .item-col {
  width: calc(100% - 223px)
}

@media screen and (max-width:768.98px) {
  #info .container .item-col {
    width: 100%
  }
}

#info .container .item-col.heading {
  width: 223px
}

@media screen and (max-width:768.98px) {
  #info .container .item-col.heading {
    width: 100%
  }
}

#info .container .item-col.heading h2 {
  font-size: 26px;
  font-family: Roboto Condensed, sans-serif;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1;
  position: relative;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 0
}

@media screen and (max-width:768.98px) {
  #info .container .item-col.heading h2 {
    margin-top: 30px
  }
}

#info .container .item-col.heading h2:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: calc(100% + 10px);
  background: #e1251b;
  position: absolute;
  right: 0;
  top: -5px
}

@media screen and (max-width:768.98px) {
  #info .container .item-col.heading h2:after {
    width: 39px;
    height: 1px;
    background: #e1251b;
    right: auto;
    left: 0;
    bottom: -15px
  }
}

@media screen and (max-width:553.98px) {
  #info .container .item-col.heading h2:after {
    width: 20px
  }
}

@media screen and (max-width:768.98px) {
  #info .container .item-col.heading h2 {
    margin-top: 0
  }
}

#info .info-list {
  width: 100%;
  margin: 0;
  padding: 0 0 0 47px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: none
}

@media screen and (max-width:768.98px) {
  #info .info-list {
    padding: 0;
    margin-top: 25px
  }
}

@media screen and (max-width:553.98px) {
  #info .info-list dd, #info .info-list dt {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  #info .info-list dt {
    padding: 15px 0 4px
  }

  #info .info-list dd {
    padding: 4px 0 15px
  }

  #info dt:first-of-type {
    padding-top: 0
  }

  #info dd:last-of-type {
    padding-bottom: 0
  }

  #info .info-list dt {
    float: none
  }
}

@media screen and (min-width:554px) {
  #info .info-list dd, #info .info-list dt {
    padding-top: 9px;
    padding-bottom: 9px;
    margin: 0
  }

  #info dd:first-of-type, #info dt:first-of-type {
    padding-top: 0
  }

  #info dd:last-of-type, #info dt:last-of-type {
    padding-bottom: 0
  }

  #info .info-list dt {
    clear: both;
    float: left;
    width: 102px;
    padding-left: 0;
    color: #919191;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .06em
  }

  #info .info-list dd {
    padding-left: 112px
  }
}

#video {
  background: #ececec;
  padding: 95px
}

@media screen and (min-width:554px) and (max-width:1040px) {
  #video {
    padding: 65px 45px
  }
}

@media screen and (max-width:553.98px) {
  #video {
    padding: 50px 14px
  }
}

#video .container {
  max-width: 1057px
}

#video .container h2 {
  font-size: 34px;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1;
  position: relative;
  margin-bottom: 53px
}

@media screen and (max-width:768.98px) {
  #video .container h2 {
    font-size: 29px
  }
}

#video .container h2:after {
  content: "";
  display: inline-block;
  width: 39px;
  height: 1px;
  background: #e1251b;
  position: absolute;
  right: auto;
  left: 0;
  bottom: -25px
}

@media screen and (max-width:768.98px) {
  #video .container h2:after {
    width: 20px;
    height: 1px;
    bottom: -15px
  }
}

@media screen and (max-width:768.98px) {
  #video .container h2 {
    margin-bottom: 35px;
    line-height: 1.3
  }
}

#video .container video {
  width: 100%;
  height: auto
}

#heading-pick-up {
  padding: 100px 95px;
  border-bottom: 1px solid #e0e0e0
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #heading-pick-up {
    padding: 100px 45px
  }
}

@media screen and (max-width:768.98px) {
  #heading-pick-up {
    padding: 48px 9.4%
  }
}

#heading-pick-up .container h2 {
  font-size: 34px;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1;
  position: relative
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container h2 {
    font-size: 29px
  }
}

#heading-pick-up .container h2:after {
  content: "";
  display: inline-block;
  width: 39px;
  height: 1px;
  background: #e1251b;
  position: absolute;
  right: auto;
  left: 0;
  bottom: -25px
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container h2:after {
    width: 20px;
    height: 1px;
    bottom: -15px
  }
}

#heading-pick-up .container h3 {
  font-size: 26px;
  font-family: Roboto Condensed, sans-serif;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1;
  margin-top: 50px
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container h3 {
    margin-top: 30px
  }
}

#heading-pick-up .container h3 .small {
  font-size: 18px
}

#heading-pick-up .container .temp_link {
  margin-top: 40px
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .temp_link {
    margin-top: 20px
  }
}

#heading-pick-up .container .temp_link a.btn {
  font-size: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e1251b;
  width: 118px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e1251b;
  width: auto;
  height: auto;
  padding: 4px 30px 4px 18px
}

#heading-pick-up .container .temp_link a.btn span {
  font-family: DIN Condensed Bold;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s
}

#heading-pick-up .container .temp_link a.btn:after {
  font-size: 10px;
  top: 50%;
  right: 13px
}

#heading-pick-up .container .temp_link a.btn:hover {
  background: #fff
}

#heading-pick-up .container .temp_link a.btn:hover span {
  color: #e1251b
}

#heading-pick-up .container .temp_link a.btn:hover:after {
  top: 50%;
  right: 10px
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .temp_link a.btn {
    font-size: 14px;
    width: 70%;
    height: 27px;
    padding: 4px 18px 0
  }

  #heading-pick-up .container .temp_link a.btn:after {
    top: 50%;
    right: 13px
  }

  #heading-pick-up .container .temp_link a.btn:hover {
    background: #fff
  }

  #heading-pick-up .container .temp_link a.btn:hover span {
    color: #e1251b
  }

  #heading-pick-up .container .temp_link a.btn:hover:after {
    top: 55%;
    right: 10px
  }
}

@media screen and (max-width:553.98px) {
  #heading-pick-up .container .temp_link a.btn {
    width: 100%
  }

  #heading-pick-up .container .temp_link a.btn:after {
    top: 55%
  }
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .temp_link a.btn {
    width: auto;
    padding: 4px 35px 4px 18px
  }
}

#heading-pick-up .container .temp_link a.btn:after {
  top: 51% !important
}

#heading-pick-up .container .body {
  margin: 40px 0 30px
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body {
    margin: 45px 0 0
  }
}

#heading-pick-up .container .body .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#heading-pick-up .container .body .inner .item-col {
  width: 33.33%
}

#heading-pick-up .container .body .inner .item-col img {
  width: 100%
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  #heading-pick-up .container .body .inner .item-col {
    width: 70%;
    margin: 0 auto
  }

  #heading-pick-up .container .body .inner .item-col:first-child {
    margin-top: 0
  }
}

@media screen and (max-width:553.98px) {
  #heading-pick-up .container .body .inner .item-col {
    width: 100%
  }
}

#heading-pick-up .container .body .inner .item-col {
  max-width: 324px;
  width: 30%
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col {
    max-width: none;
    width: 100%
  }
}

#heading-pick-up .container .body .inner .item-col .area-top {
  border: 1px solid #e1251b;
  max-width: 324px;
  padding-top: calc(100% - 2px);
  margin-bottom: 30px;
  border-radius: 160px;
  position: relative;
  display: block
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col .area-top {
    max-width: none;
    width: 240px;
    padding-top: 240px;
    margin: 0 auto 20px
  }
}

#heading-pick-up .container .body .inner .item-col .area-top .t-body, #heading-pick-up .container .body .inner .item-col .area-top .t-bottom, #heading-pick-up .container .body .inner .item-col .area-top .t-top {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

#heading-pick-up .container .body .inner .item-col .area-top .t-top {
  font-family: DIN Condensed Bold;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  bottom: 75%
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #heading-pick-up .container .body .inner .item-col .area-top .t-top {
    font-size: 15px
  }
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col .area-top .t-top {
    font-size: 14px
  }
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #heading-pick-up .container .body .inner .item-col .area-top .t-top {
    bottom: 70%
  }
}

#heading-pick-up .container .body .inner .item-col .area-top .t-body {
  line-height: 0;
  text-align: center;
  width: 50%
}

#heading-pick-up .container .body .inner .item-col .area-top .t-body img {
  width: 94.6%;
  height: auto
}

#heading-pick-up .container .body .inner .item-col .area-top .t-bottom {
  font-size: 20px;
  white-space: nowrap;
  text-align: center;
  bottom: 15%
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #heading-pick-up .container .body .inner .item-col .area-top .t-bottom {
    font-size: 13px
  }
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col .area-top .t-bottom {
    font-size: 15px
  }
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #heading-pick-up .container .body .inner .item-col .area-top .t-bottom {
    bottom: 10%
  }
}

#heading-pick-up .container .body .inner .item-col .area-top:hover {
  opacity: .6;
  cursor: pointer
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col:nth-of-type(2), #heading-pick-up .container .body .inner .item-col:nth-of-type(3) {
    margin-top: 60px
  }
}

@media screen and (min-width:769px) {
  #heading-pick-up .container .body .inner .item-col:nth-of-type(2), #heading-pick-up .container .body .inner .item-col:nth-of-type(3) {
    position: relative
  }
}

@media screen and (min-width:769px) {
  #heading-pick-up .container .body .inner .item-col:nth-of-type(2) .area-bottom, #heading-pick-up .container .body .inner .item-col:nth-of-type(3) .area-bottom {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
  }
}

#heading-pick-up .container .body .inner .item-col:first-of-type .area-top .t-body {
  bottom: calc(32% + 30px)
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #heading-pick-up .container .body .inner .item-col:first-of-type .area-top .t-body {
    bottom: calc(28% + 12px)
  }
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col:first-of-type .area-top .t-body {
    bottom: calc(32% + 22px)
  }
}

#heading-pick-up .container .body .inner .item-col:nth-of-type(2) .area-top .t-body {
  bottom: calc(32% + 35px)
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #heading-pick-up .container .body .inner .item-col:nth-of-type(2) .area-top .t-body {
    bottom: calc(28% + 20px)
  }
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col:nth-of-type(2) .area-top .t-body {
    bottom: calc(32% + 22px)
  }
}

#heading-pick-up .container .body .inner .item-col:nth-of-type(3) .area-top .t-body {
  bottom: calc(32% + 20px)
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #heading-pick-up .container .body .inner .item-col:nth-of-type(3) .area-top .t-body {
    bottom: calc(28% + 12px)
  }
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col:nth-of-type(3) .area-top .t-body {
    bottom: calc(32% + 22px)
  }
}

#heading-pick-up .container .body .inner .item-col .area-body {
  padding: 0 1% 0 2.5%;
  margin-bottom: 15px
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col .area-body {
    padding: 0;
    width: 70%;
    margin: 0 auto 12px
  }
}

@media screen and (max-width:553.98px) {
  #heading-pick-up .container .body .inner .item-col .area-body {
    max-width: none;
    width: 100%
  }
}

#heading-pick-up .container .body .inner .item-col .area-bottom {
  text-align: center
}

#heading-pick-up .container .body .inner .item-col .area-bottom a.btn {
  font-size: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e1251b;
  width: 118px;
  height: 40px;
  padding: 2px 18px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e1251b
}

#heading-pick-up .container .body .inner .item-col .area-bottom a.btn span {
  font-family: DIN Condensed Bold;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s
}

#heading-pick-up .container .body .inner .item-col .area-bottom a.btn:after {
  font-size: 10px;
  top: 50%;
  right: 13px
}

#heading-pick-up .container .body .inner .item-col .area-bottom a.btn:hover {
  background: #fff
}

#heading-pick-up .container .body .inner .item-col .area-bottom a.btn:hover span {
  color: #e1251b
}

#heading-pick-up .container .body .inner .item-col .area-bottom a.btn:hover:after {
  top: 50%;
  right: 10px
}

@media screen and (max-width:768.98px) {
  #heading-pick-up .container .body .inner .item-col .area-bottom a.btn {
    font-size: 14px;
    width: 70%;
    height: 27px;
    padding: 4px 18px 0
  }

  #heading-pick-up .container .body .inner .item-col .area-bottom a.btn:after {
    top: 50%;
    right: 13px
  }

  #heading-pick-up .container .body .inner .item-col .area-bottom a.btn:hover {
    background: #fff
  }

  #heading-pick-up .container .body .inner .item-col .area-bottom a.btn:hover span {
    color: #e1251b
  }

  #heading-pick-up .container .body .inner .item-col .area-bottom a.btn:hover:after {
    top: 55%;
    right: 10px
  }
}

@media screen and (max-width:553.98px) {
  #heading-pick-up .container .body .inner .item-col .area-bottom a.btn {
    width: 100%
  }

  #heading-pick-up .container .body .inner .item-col .area-bottom a.btn:after {
    top: 55%
  }
}

#voicepress {
  padding: 100px 95px;
  border-bottom: 1px solid #e0e0e0;
  position: relative
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #voicepress {
    padding: 100px 45px
  }
}

@media screen and (max-width:768.98px) {
  #voicepress {
    padding: 48px 9.4%
  }
}

#voicepress .container h2 {
  font-size: 34px;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1;
  position: relative
}

@media screen and (max-width:768.98px) {
  #voicepress .container h2 {
    font-size: 29px
  }
}

#voicepress .container h2:after {
  content: "";
  display: inline-block;
  width: 39px;
  height: 1px;
  background: #e1251b;
  position: absolute;
  right: auto;
  left: 0;
  bottom: -25px
}

@media screen and (max-width:768.98px) {
  #voicepress .container h2:after {
    width: 20px;
    height: 1px;
    bottom: -15px
  }
}

@media screen and (max-width:553.98px) {
  #voicepress .container h2 {
    line-height: 1.3
  }
}

#voicepress .container h3 {
  font-size: 26px;
  font-family: Roboto Condensed, sans-serif;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1;
  margin-top: 50px
}

@media screen and (max-width:768.98px) {
  #voicepress .container h3 {
    margin-top: 30px
  }
}

@media screen and (max-width:553.98px) {
  #voicepress .container h3 {
    line-height: 1.3
  }
}

#voicepress .container .temp_link {
  margin-top: 40px;
  display: inline-block
}

#voicepress .container .temp_link.icon-arrow-after:after {
  color: #000;
  right: -20px;
  font-size: -11px
}

#voicepress .container .temp_link.icon-arrow-after:hover:after {
  color: red;
  right: -25px
}

#voicepress .container .body {
  margin: 65px 0 30px
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body {
    margin: 45px 0 0
  }
}

#voicepress .container .body .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#voicepress .container .body .inner .item-col {
  width: 33.33%
}

#voicepress .container .body .inner .item-col img {
  width: 100%
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  #voicepress .container .body .inner .item-col {
    width: 70%;
    margin: 0 auto
  }

  #voicepress .container .body .inner .item-col:first-child {
    margin-top: 0
  }
}

@media screen and (max-width:553.98px) {
  #voicepress .container .body .inner .item-col {
    width: 100%
  }
}

#voicepress .container .body .inner .item-col {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#voicepress .container .body .inner .item-col:not(:first-child) {
  margin-top: 55px
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body .inner .item-col {
    height: 325px
  }

  #voicepress .container .body .inner .item-col:not(:first-child) {
    margin-top: 104px
  }
}

#voicepress .container .body .inner .item-col .area-data {
  width: 52%;
  z-index: 2;
  pointer-events: none
}

@media screen and (max-width:768px) {
  #voicepress .container .body .inner .item-col .area-data {
    width: 70%;
    margin: 0 auto
  }
}

@media screen and (max-width:555px) {
  #voicepress .container .body .inner .item-col .area-data {
    width: 327px
  }
}

@media screen and (max-width:400px) {
  #voicepress .container .body .inner .item-col .area-data {
    width: 260px
  }
}

#voicepress .container .body .inner .item-col .area-data .box {
  border: 1px solid #e1251b;
  padding: 80px 70px 75px 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #voicepress .container .body .inner .item-col .area-data .box {
    padding: 60px 70px 75px 30px
  }
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body .inner .item-col .area-data .box {
    padding: 44px 10px 0 28px;
    height: 220px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

#voicepress .container .body .inner .item-col .area-data .box>* {
  margin: 0
}

#voicepress .container .body .inner .item-col .area-data .box h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  margin: 25px 0
}

#voicepress .container .body .inner .item-col .area-data .box h4 .color {
  color: #e1251b
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body .inner .item-col .area-data .box h4 {
    font-size: 18px;
    margin: 15px 0
  }
}

#voicepress .container .body .inner .item-col .area-data .box h5 {
  color: #e1251b;
  font-size: 25px;
  line-height: 1;
  white-space: nowrap
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body .inner .item-col .area-data .box h5 {
    font-size: 14px
  }
}

#voicepress .container .body .inner .item-col .area-bottom {
  margin: 35px 0 0 58px
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body .inner .item-col .area-bottom {
    margin: 121px auto 0;
    width: 70%
  }
}

@media screen and (max-width:553.98px) {
  #voicepress .container .body .inner .item-col .area-bottom {
    width: 100%
  }
}

#voicepress .container .body .inner .item-col .area-bottom a.btn {
  font-size: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e1251b;
  width: 118px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e1251b;
  padding: 4px 18px 0
}

#voicepress .container .body .inner .item-col .area-bottom a.btn span {
  font-family: DIN Condensed Bold;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s
}

#voicepress .container .body .inner .item-col .area-bottom a.btn:after {
  font-size: 10px;
  top: 50%;
  right: 13px
}

#voicepress .container .body .inner .item-col .area-bottom a.btn:hover {
  background: #fff
}

#voicepress .container .body .inner .item-col .area-bottom a.btn:hover span {
  color: #e1251b
}

#voicepress .container .body .inner .item-col .area-bottom a.btn:hover:after {
  top: 50%;
  right: 10px
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body .inner .item-col .area-bottom a.btn {
    font-size: 14px;
    width: 70%;
    height: 27px;
    padding: 4px 18px 0
  }

  #voicepress .container .body .inner .item-col .area-bottom a.btn:after {
    top: 50%;
    right: 13px
  }

  #voicepress .container .body .inner .item-col .area-bottom a.btn:hover {
    background: #fff
  }

  #voicepress .container .body .inner .item-col .area-bottom a.btn:hover span {
    color: #e1251b
  }

  #voicepress .container .body .inner .item-col .area-bottom a.btn:hover:after {
    top: 55%;
    right: 10px
  }
}

@media screen and (max-width:553.98px) {
  #voicepress .container .body .inner .item-col .area-bottom a.btn {
    width: 100%
  }

  #voicepress .container .body .inner .item-col .area-bottom a.btn:after {
    top: 55%
  }
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body .inner .item-col .area-bottom a.btn {
    padding-top: 4px;
    width: 100%
  }
}

#voicepress .container .body .inner .item-col .bg-img {
  width: 560px;
  height: 300px;
  position: absolute
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #voicepress .container .body .inner .item-col .bg-img {
    width: 448px;
    height: 240px
  }
}

@media screen and (max-width:768.98px) {
  #voicepress .container .body .inner .item-col .bg-img {
    width: 260px;
    height: 140px
  }
}

#voicepress .container .body .inner .item-col.left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

#voicepress .container .body .inner .item-col.left .bg-img {
  right: 0;
  bottom: 0
}

@media screen and (max-width:768px) {
  #voicepress .container .body .inner .item-col.left .bg-img {
    right: 0
  }
}

@media screen and (max-width:555px) {
  #voicepress .container .body .inner .item-col.left .bg-img {
    right: -11.4%
  }
}

#voicepress .container .body .inner .item-col.right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media screen and (min-width:769px) {
  #voicepress .container .body .inner .item-col.right .area-data .area-bottom {
    margin: 35px 0 0 100px
  }
}

#voicepress .container .body .inner .item-col.right .bg-img {
  left: 0;
  bottom: 0
}

@media screen and (max-width:768px) {
  #voicepress .container .body .inner .item-col.right .bg-img {
    left: auto;
    right: 0
  }
}

@media screen and (max-width:555px) {
  #voicepress .container .body .inner .item-col.right .bg-img {
    right: -11.4%
  }
}

#voicepress .container .body .inner .item-col>a:hover {
  opacity: .6
}

#voicepress .voicepress_list_bottom {
  text-align: center;
  position: absolute;
  bottom: -28px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

@media screen and (max-width:768.98px) {
  #voicepress .voicepress_list_bottom {
    text-align: center;
    position: static;
    -webkit-transform: none;
    transform: none;
    margin-top: 60px
  }
}

#voicepress .voicepress_list_bottom a.btn {
  font-size: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e1251b;
  width: 118px;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e1251b;
  font-weight: 700;
  padding: 4px 18px 0;
  width: 240px;
  height: 58px
}

#voicepress .voicepress_list_bottom a.btn span {
  font-family: DIN Condensed Bold;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s
}

#voicepress .voicepress_list_bottom a.btn:after {
  font-size: 10px;
  top: 50%;
  right: 13px
}

#voicepress .voicepress_list_bottom a.btn:hover {
  background: #fff
}

#voicepress .voicepress_list_bottom a.btn:hover span {
  color: #e1251b
}

#voicepress .voicepress_list_bottom a.btn:hover:after {
  top: 50%;
  right: 10px
}

@media screen and (max-width:768.98px) {
  #voicepress .voicepress_list_bottom a.btn {
    font-size: 14px;
    width: 70%;
    height: 27px;
    padding: 4px 18px 0
  }

  #voicepress .voicepress_list_bottom a.btn:after {
    top: 50%;
    right: 13px
  }

  #voicepress .voicepress_list_bottom a.btn:hover {
    background: #fff
  }

  #voicepress .voicepress_list_bottom a.btn:hover span {
    color: #e1251b
  }

  #voicepress .voicepress_list_bottom a.btn:hover:after {
    top: 55%;
    right: 10px
  }
}

@media screen and (max-width:553.98px) {
  #voicepress .voicepress_list_bottom a.btn {
    width: 100%
  }

  #voicepress .voicepress_list_bottom a.btn:after {
    top: 55%
  }
}

@media screen and (max-width:768px) {
  #voicepress .voicepress_list_bottom a.btn {
    width: 70%;
    height: 40px
  }
}

@media screen and (max-width:555px) {
  #voicepress .voicepress_list_bottom a.btn {
    width: 327px
  }
}

@media screen and (max-width:400px) {
  #voicepress .voicepress_list_bottom a.btn {
    width: 260px
  }
}

#voicepress .voicepress_list_bottom:before {
  content: "";
  display: inline-block;
  background: #fff;
  width: 250px;
  height: 58px;
  position: absolute;
  top: 0;
  left: -5px
}

@media screen and (max-width:768.98px) {
  #voicepress .voicepress_list_bottom:before {
    display: none
  }
}

#headings {
  padding: 100px 95px
}

@media screen and (min-width:769px) and (max-width:1040px) {
  #headings {
    padding: 100px 45px
  }
}

@media screen and (max-width:768.98px) {
  #headings {
    padding: 48px 9.4%
  }
}

@media screen and (max-width:553.98px) {
  #headings {
    padding: 48px 0
  }
}

#headings .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

#headings .container .item-col {
  width: 33.33%
}

#headings .container .item-col img {
  width: 100%
}

@media screen and (max-width:768.98px) {
  #headings .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
  }

  #headings .container .item-col {
    width: 70%;
    margin: 0 auto
  }

  #headings .container .item-col:first-child {
    margin-top: 0
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col {
    width: 100%
  }
}

#headings .container .item-col {
  width: 48%;
  max-width: 520px
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col {
    width: 100%;
    max-width: none
  }
}

#headings .container .item-col h2 {
  font-size: 34px;
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1;
  position: relative
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col h2 {
    font-size: 29px
  }
}

#headings .container .item-col h2:after {
  content: "";
  display: inline-block;
  width: 39px;
  height: 1px;
  background: #e1251b;
  position: absolute;
  right: auto;
  left: 0;
  bottom: -25px
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col h2:after {
    width: 20px;
    height: 1px;
    bottom: -15px
  }
}

#headings .container .item-col h3 {
  font-size: 26px;
  font-family: Roboto Condensed, sans-serif;
  font-weight: 700;
  letter-spacing: .15em;
  line-height: 1;
  margin-top: 50px
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col h3 {
    margin-top: 30px
  }
}

#headings .container .item-col .body {
  margin-top: 60px
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col .body {
    width: 70%;
    margin: 45px auto 0
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col .body {
    width: 100%;
    margin: 22px auto 0
  }
}

#headings .container .item-col .body .inner .area-top {
  width: 100%;
  margin-bottom: 30px;
  line-height: 0;
  position: relative
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col .body .inner .area-top {
    margin: 0 auto 10px
  }
}

#headings .container .item-col .body .inner .area-top img {
  width: 100%
}

#headings .container .item-col .body .inner .area-top .label {
  position: absolute;
  bottom: 0;
  background: #acacac;
  height: 20%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

#headings .container .item-col .body .inner .area-top .label h4 {
  font-size: 28px;
  line-height: 1;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 16px;
  letter-spacing: .08em;
  color: #fff
}

@media screen and (max-width:1039.98px) {
  #headings .container .item-col .body .inner .area-top .label h4 {
    font-size: 18px;
    line-height: 1;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    letter-spacing: .08em;
    color: #fff
  }
}

#headings .container .item-col .body .inner .area-top .label .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 20px;
  font-size: 17px;
  margin-top: 10px;
  color: #fff
}

@media screen and (max-width:1039.98px) {
  #headings .container .item-col .body .inner .area-top .label .name {
    padding-right: 20px;
    font-size: 12px;
    margin-top: 6px
  }
}

#headings .container .item-col .body .inner .area-top>a:hover {
  opacity: .6
}

#headings .container .item-col .body .inner .area-body {
  padding: 0;
  margin-bottom: 15px;
  overflow: auto
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col .body .inner .area-body {
    padding: 0;
    margin: 0 auto 15px
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col .body .inner .area-body {
    max-width: none;
    width: 100%
  }
}

#headings .container .item-col .body .inner .area-bottom a.btn,
#video .container .area-bottom a.btn {
  font-size: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e1251b;
  width: 118px;
  height: 40px;
  padding: 2px 18px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e1251b
}

#headings .container .item-col .body .inner .area-bottom a.btn span,
#video .container .area-bottom a.btn span {
  font-family: DIN Condensed Bold;
  color: #fff;
  -webkit-transition: .3s;
  transition: .3s
}

#headings .container .item-col .body .inner .area-bottom a.btn:after {
  font-size: 10px;
  top: 50%;
  right: 13px
}

#video .container .area-bottom a.btn::after {
  font-size: 10px;
  top: 50%;
  right: 7px
}

#headings .container .item-col .body .inner .area-bottom a.btn:hover,
#video .container .area-bottom a.btn:hover {
  background: #fff
}

#headings .container .item-col .body .inner .area-bottom a.btn:hover span,
#video .container .area-bottom a.btn:hover span {
  color: #e1251b
}

#headings .container .item-col .body .inner .area-bottom a.btn:hover:after,
#video .container .area-bottom a.btn:hover::after {
  top: 50%;
  right: 10px
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col .body .inner .area-bottom a.btn,
  #video .container .area-bottom a.btn {
    font-size: 14px;
    width: 70%;
    height: 27px;
    padding: 4px 18px 0
  }

  #headings .container .item-col .body .inner .area-bottom a.btn:after,
  #video .container .area-bottom a.btn::after {
    top: 50%;
    right: 13px
  }

  #headings .container .item-col .body .inner .area-bottom a.btn:hover,
  #video .container .area-bottom a.btn:hover {
    background: #fff
  }

  #headings .container .item-col .body .inner .area-bottom a.btn:hover span,
  #video .container .area-bottom a.btn:hover span {
    color: #e1251b
  }

  #headings .container .item-col .body .inner .area-bottom a.btn:hover:after,
  #video .container .area-bottom a.btn:hover::after {
    top: 55%;
    right: 10px
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col .body .inner .area-bottom a.btn,
  #video .container .area-bottom a.btn {
    width: 100%
  }

  #headings .container .item-col .body .inner .area-bottom a.btn:after {
    top: 55%;
  }

  #video .container .area-bottom a.btn::after {
    top: 55%;
    right: 5px;
  }
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col .body .inner .area-bottom a.btn,
  #video .container .area-bottom a.btn {
    width: 100%
  }
}

#headings .container .item-col .body .inner .area-bottom a.btn.btn-feature,
#video .container .area-bottom a.btn.btn-feature {
  width: auto;
  padding-top: 0
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col .body .inner .area-bottom a.btn.btn-feature,
  #video .container .area-bottom a.btn.btn-feature {
    width: 100%
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col .body .inner .area-bottom a.btn.btn-feature,
  #video .container .area-bottom a.btn.btn-feature {
    padding-left: 5px;
    padding-right: 0
  }
}

#headings .container .item-col .body .inner .area-bottom a.btn.btn-taikensha {
  padding-top: 0
}

@media screen and (min-width:769px) {
  #headings .container .item-col .body .inner .area-bottom a.btn.btn-taikensha {
    width: 159px
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col .body .inner .area-bottom a.btn.btn-taikensha {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col:first-of-type {
    padding: 0 0 48px;
    margin: 0
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col:first-of-type {
    padding: 0 9.4% 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
}

#headings .container .item-col:first-of-type .area-bottom .font.btn-ja,
#video .container .area-bottom .font.btn-ja {
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif !important;
  font-weight: 700 !important
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col:nth-of-type(2), #headings .container .item-col:nth-of-type(3), #headings .container .item-col:nth-of-type(4) {
    padding: 48px 0
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col:nth-of-type(2), #headings .container .item-col:nth-of-type(3), #headings .container .item-col:nth-of-type(4) {
    padding: 48px 9.4%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #e0e0e0
  }
}

#headings .container .item-col:nth-of-type(3), #headings .container .item-col:nth-of-type(4) {
  margin-top: 145px
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col:nth-of-type(3), #headings .container .item-col:nth-of-type(4) {
    margin: 0
  }
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col:nth-of-type(2) .area-bottom .btn:first-child {
    display: none !important
  }
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col:nth-of-type(2) .area-bottom .btn:last-child {
    margin-top: 10px !important
  }
}

#headings .container .item-col:nth-of-type(2) .area-bottom .font.btn-ja {
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", Hiragino Kaku Gothic Pro, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", sans-serif !important;
  font-weight: 700 !important
}

#headings .container .item-col:nth-of-type(3) .area-top {
  text-align: center
}

#headings .container .item-col:nth-of-type(3) .area-top img {
  width: 234px;
  height: 261px
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col:nth-of-type(3) .area-top img {
    width: 130px !important;
    height: 145px !important
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col:nth-of-type(4) {
    padding: 48px 0 0
  }

  #headings .container .item-col:nth-of-type(4) h2, #headings .container .item-col:nth-of-type(4) h3 {
    margin: 0 9.4%
  }

  #headings .container .item-col:nth-of-type(4) h3 {
    margin-top: 30px
  }
}

#headings .container .item-col:nth-of-type(4) .area-body {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0 !important;
  height: 332px;
  overflow: scroll;
  margin-bottom: 23px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media screen and (min-width:554px) and (max-width:952px) {
  #headings .container .item-col:nth-of-type(4) .area-body {
    height: 358px
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col:nth-of-type(4) .area-body {
    height: auto;
    overflow: auto;
    padding: 0 !important;
    border: none
  }
}

#headings .container .item-col:nth-of-type(4) .area-body .news-list {
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: none
}

@media screen and (max-width:768.98px) {
  #headings .container .item-col:nth-of-type(4) .area-body .news-list {
    padding: 0
  }
}

#headings .container .item-col:nth-of-type(4) .area-body .news-list dd {
  letter-spacing: .05em
}

#headings .container .item-col:nth-of-type(4) .area-body .news-list a:hover {
  opacity: .9
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd:nth-of-type(odd), #headings .container .item-col:nth-of-type(4) .area-body .news-list dt:nth-of-type(odd) {
    background-color: #f7f7f7
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd, #headings .container .item-col:nth-of-type(4) .area-body .news-list dt {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dt {
    padding: 25px 9.4% 2px
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd {
    padding: 2px 9.4% 25px
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd a.icon-arrow-after {
    width: 100%;
    display: inline-block;
    line-height: 1.6
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd a.icon-arrow-after:after {
    color: #e1251b;
    top: calc(50% - 10px);
    bottom: auto;
    right: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd a.icon-arrow-after:hover:after {
    right: -18px;
    font-weight: 400
  }
}

@media screen and (min-width:554px) {
  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd, #headings .container .item-col:nth-of-type(4) .area-body .news-list dt {
    margin: 0
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dt {
    padding: 22px 0 0
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd {
    padding: 0
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dt {
    width: 102px;
    padding-left: 0;
    color: #919191;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .06em
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd {
    padding-left: 0
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd a.icon-arrow-after:after {
    color: #e1251b;
    font-size: 10px;
    position: static;
    margin-left: 13px
  }

  #headings .container .item-col:nth-of-type(4) .area-body .news-list dd a.icon-arrow-after:hover:after {
    font-weight: 400;
    margin-left: 16px
  }
}

@media screen and (max-width:553.98px) {
  #headings .container .item-col:nth-of-type(4) .area-bottom {
    margin: 0 9.4%
  }
}