body {
  background: linear-gradient(90deg, #343434, #262626)
}

#page {
  background-color: transparent;
  transition: background-color .1s ease
}

#page.is-sec-global-racing {
  background-color: #111
}

#page:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #f8f8f8, #dcdcdc);
  content: "";
  opacity: 0;
  transition: opacity .1s ease
}

#page.is-sec-kawasaki-world:before {
  opacity: 1
}

.kv {
  z-index: 2;
  position: relative;
  margin-top: 10px;
}

@media screen and (max-width:768px) {
  .kv {
    padding-top: 5.2083333333vw;
    margin-top: 0;
  }
}

.kv__scroll {
  display: flex;
  position: absolute;
  bottom: 155px;
  left: 2.6315789474vw;
  align-items: center;
  transform: rotate(90deg);
  transform-origin: left center;
  color: #727272;
  letter-spacing: .08em
}

@media screen and (max-width:768px) {
  .kv__scroll {
    right: 3.90625vw;
    bottom: -10px;
    left: auto;
    transform-origin: right center;
    font-size: 1.1rem
  }
}

.kv__scroll:after {
  display: block;
  width: 100px;
  height: 1px;
  margin-left: 20px;
  background-color: #727272;
  content: ""
}

@media screen and (max-width:768px) {
  .kv__scroll:after {
    width: 80px;
    margin-left: 7px
  }
}

@media screen and (max-width:768px) {
  .kv__container {
    padding-right: 7.8125vw;
    padding-left: 0
  }
}

.kv-main {
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15)
}

.news {
  display: flex;
  z-index: 1;
  position: relative;
  justify-content: flex-end;
  margin: -3.6184210526vw 0 0
}

@media screen and (max-width:768px) {
  .news {
    margin: -10.9375vw 0 0
  }
}

.news__container {
  width: calc(100% - 5.26316vw);
  max-width: 1200px
}

@media screen and (max-width:768px) {
  .news__container {
    width: 100%
  }
}

.news__wrapper {
  position: relative;
  width: 100%;
  padding: 6.5789473684vw .6578947368vw 3.9473684211vw 3.9473684211vw;
  background-color: #3f3f3f;
  color: #c5c5c5
}

@media screen and (max-width:768px) {
  .news__wrapper {
    padding: 19.53125vw 0 9.6354166667vw 7.8125vw
  }
}

@media screen and (max-width:768px) {
  .news__head {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
}

.news__ttl {
  width: 16rem;
  color: #fff
}

@media print,
screen and (min-width:769px) {
  .news__ttl {
    position: absolute
  }
}

.news__ttl span {
  display: block;
  font-size: 1.6rem
}

@media screen and (max-width:768px) {
  .news__ttl span {
    font-size: 3.6458333333vw
  }
}

.news__ttl b {
  display: block;
  margin-top: 3px;
  font-size: 4rem;
  line-height: 1
}

@media screen and (max-width:768px) {
  .news__ttl b {
    font-size: 9.1145833333vw
  }
}

@media print,
screen and (min-width:769px) {
  .news-article {
    width: calc(100% - 310px);
    margin-left: 150px;
    padding-right: 30px;
    border-right: 1px solid #828282
  }
}

@media screen and (max-width:768px) {
  .news-article {
    margin-top: 6.5104166667vw
  }
}

.news-article__item+.news-article__item {
  margin-top: 25px
}

@media screen and (max-width:768px) {
  .news-article__item+.news-article__item {
    margin-top: max(3.90625vw, 15px)
  }
}

@media print,
screen and (min-width:769px) {
  .news-article__link:hover {
    color: #69be28
  }
}

.news-article__info {
  color: #727272;
  font-size: 1.3rem
}

@media screen and (max-width:768px) {
  .news-article__info {
    font-size: 1.1rem;
    font-size: max(2.8645833333vw, 1.1rem)
  }
}

.news-article__cat {
  position: relative;
  margin-left: 15px;
  padding-left: 15px
}

.news-article__cat:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 100%;
  margin: auto;
  background-color: #727272;
  content: ""
}

.news-article__txt {
  margin-top: 8px;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8
}

@media screen and (max-width:768px) {
  .news-article__txt {
    margin-top: 5px;
    font-size: 1.2rem;
    font-size: max(3.125vw, 1.2rem)
  }
}

@media print,
screen and (min-width:769px) {
  .news-more {
    display: flex;
    position: absolute;
    top: 6.5789473684vw;
    right: 0;
    bottom: 2.6315789474vw;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: 150px;
    margin: auto;
    text-align: center
  }
}

@media screen and (max-width:768px) {
  .news-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32.5520833333vw;
    height: 10.4166666667vw;
    border-left: 1px solid #727272
  }
}

.news-more a {
  color: #f8f8f8;
  font-size: 1.6rem;
  font-weight: 500
}

@media print,
screen and (min-width:769px) {
  .news-more a:hover {
    color: #69be28
  }
}

@media screen and (max-width:768px) {
  .news-more a {
    font-size: 3.6458333333vw
  }
}

.hyodorogen {
  position: relative;
  padding-top: 16.8421052632vw;
  padding-bottom: 23.0263157895vw;
  opacity: 1;
  transition: opacity .3s ease .2s
}

.hyodorogen:before {
  -webkit-animation: hyodorogenFilter 5s ease infinite, hyodorogenTransform 15s linear infinite;
  position: absolute;
  top: -20%;
  left: 40%;
  width: 46.0526315789vw;
  height: 46.0526315789vw;
  transform-origin: 10% 20%;
  border-radius: 100vh;
  background-color: #515151;
  animation: hyodorogenFilter 5s ease infinite, hyodorogenTransform 15s linear infinite;
  mix-blend-mode: screen;
  content: "";
  opacity: .65
}

@media screen and (max-width:768px) {
  .hyodorogen:before {
    top: -5%;
    left: 20%;
    transform-origin: 45% 50%;
    opacity: 1
  }
}

.hyodorogen:after {
  -webkit-animation: hyodorogenFilter 4s ease infinite, hyodorogenTransform2 6s linear infinite;
  position: absolute;
  top: -15%;
  left: 18%;
  width: 19.7368421053vw;
  height: 19.7368421053vw;
  transform-origin: 15% 30%;
  border-radius: 100vh;
  background-color: #777;
  animation: hyodorogenFilter 4s ease infinite, hyodorogenTransform2 6s linear infinite;
  mix-blend-mode: plus-lighter;
  content: "";
  opacity: .25
}

@media screen and (max-width:768px) {
  .hyodorogen:after {
    top: 0;
    left: 18%;
    width: 32.8947368421vw;
    height: 32.8947368421vw;
    transform-origin: 45% 50%;
    opacity: .9
  }
}

@media screen and (max-width:768px) {
  .hyodorogen {
    padding-top: 52.0833333333vw;
    padding-bottom: 70.3125vw
  }
}

.is-sec-global-racing .hyodorogen,
.is-sec-kawasaki-world .hyodorogen {
  opacity: 0;
  transition: opacity .2s ease 0s
}

.hyodorogen__bnr {
  position: absolute;
  top: 6.5789473684vw;
  left: 50%;
  width: 52.6315789474vw;
  transform: translateX(-50%)
}

@media screen and (max-width:768px) {
  .hyodorogen__bnr {
    width: 78.125vw
  }
}

@-webkit-keyframes hyodorogenFilter {
  0% {
    filter: brightness(1.05) blur(80px)
  }

  30% {
    filter: brightness(1) blur(120px)
  }

  70% {
    filter: brightness(1.2) blur(100px)
  }

  90% {
    filter: brightness(.9) blur(70px)
  }

  to {
    filter: brightness(1.05) blur(80px)
  }
}

@keyframes hyodorogenFilter {
  0% {
    filter: brightness(1.05) blur(80px)
  }

  30% {
    filter: brightness(1) blur(120px)
  }

  70% {
    filter: brightness(1.2) blur(100px)
  }

  90% {
    filter: brightness(.9) blur(70px)
  }

  to {
    filter: brightness(1.05) blur(80px)
  }
}

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

  to {
    transform: rotate(1turn)
  }
}

@keyframes hyodorogenTransform {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

@-webkit-keyframes hyodorogenTransform2 {
  0% {
    transform: scale(.9) rotate(0)
  }

  to {
    transform: scale(.9) rotate(1turn)
  }
}

@keyframes hyodorogenTransform2 {
  0% {
    transform: scale(.9) rotate(0)
  }

  to {
    transform: scale(.9) rotate(1turn)
  }
}

.hyodorogen__box {
  position: absolute;
  bottom: 15.1315789474vw;
  left: 0;
  width: 89.4736842105vw;
  height: 34.8684210526vw;
  background: #414141
}

@media screen and (max-width:768px) {
  .hyodorogen__box {
    bottom: 26.0416666667vw;
    width: 89.84375vw;
    height: 58.59375vw
  }

  body.is-rellax .hyodorogen__box {
    bottom: 15.625vw
  }
}

.hyodorogen__container {
  z-index: 2;
  position: relative;
  padding-left: 10.5263157895vw
}

@media screen and (max-width:768px) {
  .hyodorogen__container {
    padding-left: 7.8125vw
  }
}

.hyodorogen-main {
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .15)
}

.hyodorogen__side-ttl {
  z-index: 1;
  position: absolute;
  top: -8.7vw;
  left: 9.8684210526vw;
  transform: rotate(90deg);
  transform-origin: left center;
  color: #fff;
  font-size: 5.9210526316vw;
  font-weight: 300;
  letter-spacing: .05em;
  line-height: 1.2
}

@media screen and (max-width:768px) {
  .hyodorogen__side-ttl {
    top: 33.8541666667vw;
    left: 7.8125vw;
    width: 130.2083333333vw;
    font-size: 9.1145833333vw
  }
}

.hyodorogen__txts {
  position: absolute;
  margin-top: -17.1052631579vw;
  margin-left: -6.5789473684vw
}

@media screen and (max-width:768px) {
  .hyodorogen__txts {
    margin-top: 6.5104166667vw;
    margin-left: 7.8125vw
  }

  body.is-rellax .hyodorogen__txts {
    margin-top: 9.1145833333vw
  }
}

.hyodorogen__ttl {
  color: #fff;
  font-size: 3.9473684211vw;
  font-weight: 500;
  line-height: 1
}

@media screen and (max-width:768px) {
  .hyodorogen__ttl {
    font-size: 7.8125vw
  }
}

.hyodorogen__lead {
  margin-top: 1.9736842105vw;
  color: #fff;
  font-size: 1.8rem;
  font-size: max(1.1842105263vw, 1.6rem);
  font-weight: 500;
  line-height: 1.8
}

@media screen and (max-width:768px) {
  .hyodorogen__lead {
    margin-top: 5.2083333333vw;
    font-size: 1.3rem;
    font-size: max(3.3854166667vw, 1.3rem);
    mix-blend-mode: difference
  }
}

.hyodorogen__link-btn {
  margin-top: 2.6315789474vw
}

@media screen and (max-width:768px) {
  .hyodorogen__link-btn {
    margin-top: 1.953125vw
  }
}

body.is-pc .hyodorogen__link-btn {
  visibility: hidden;
  opacity: 0
}

.global-racing {
  z-index: 1;
  position: relative;
  padding-top: 23.6842105263vw;
  padding-bottom: 23.0263157895vw;
  opacity: 0;
  transition: opacity .2s ease 0s
}

@media screen and (max-width:768px) {
  .global-racing {
    padding-top: 26.0416666667vw;
    padding-bottom: 36.4583333333vw
  }
}

.is-sec-global-racing .global-racing {
  opacity: 1;
  transition: opacity .3s ease .2s
}

.global-racing__ttl {
  z-index: 2;
  position: absolute;
  top: 11.1842105263vw;
  right: 0;
  left: 0;
  color: #fff;
  font-size: 11.1842105263vw;
  font-weight: 500;
  letter-spacing: .05em;
  text-align: center
}

@media screen and (max-width:768px) {
  .global-racing__ttl {
    top: 10.4166666667vw;
    right: -3.2552083333vw;
    left: -1.953125vw;
    width: 104.1666666667vw;
    font-size: 15.625vw;
    text-align: center
  }

  body.is-rellax .global-racing__ttl {
    top: 5.2083333333vw
  }
}

.global-racing-main {
  z-index: 1
}

.global-racing__txts {
  z-index: 3;
  position: relative;
  margin-top: 6.5789473684vw;
  margin-left: 47.3684210526vw
}

@media screen and (max-width:768px) {
  .global-racing__txts {
    margin-top: 10.4166666667vw;
    margin-left: 0
  }
}

body.is-pc .global-racing__link-btn {
  visibility: hidden;
  opacity: 0
}

.global-racing__s-ttl {
  color: #9f9f9f;
  font-size: 2.7631578947vw;
  font-weight: 400;
  line-height: 1.8
}

@media screen and (max-width:768px) {
  .global-racing__s-ttl {
    font-size: 6.25vw
  }
}

.global-racing__lead {
  margin-top: 3.2894736842vw;
  color: #7e7e7e;
  font-size: 1.4rem;
  font-size: max(.9210526316vw, 1.4rem);
  font-weight: 500;
  line-height: 3
}

@media screen and (max-width:768px) {
  .global-racing__lead {
    font-size: 1.3rem;
    font-size: max(3.3854166667vw, 1.3rem);
    line-height: 2.5
  }
}

@media screen and (max-width:768px) {
  .global-racing-dec__txt {
    position: absolute;
    right: 10.4166666667vw;
    width: 182.2916666667vw;
    margin-top: 136.71875vw;
    transform: rotate(90deg);
    transform-origin: right center;
    color: #0f0f0f;
    font-size: 28.6458333333vw;
    letter-spacing: .03em;
    line-height: 1
  }
}

.global-racing__link-btn__ico {
  margin-top: 1.9736842105vw
}

@media screen and (max-width:768px) {
  .global-racing__link-btn__ico {
    margin-top: 3.90625vw
  }
}

@media print,
screen and (min-width:769px) {
  .global-racing-dec__txt01 {
    left: 42.7631578947vw;
    margin-top: -21.0526315789vw
  }
}

@media print,
screen and (min-width:769px) {

  .global-racing-dec__txt01,
  .global-racing-dec__txt02 {
    position: absolute;
    transform: rotate(90deg);
    transform-origin: left center;
    color: #0f0f0f;
    font-size: 14.4736842105vw;
    letter-spacing: .03em
  }

  .global-racing-dec__txt02 {
    left: 11.8421052632vw;
    margin-top: -5.9210526316vw
  }
}

.global-racing-dec__pic1 {
  z-index: 2;
  position: absolute;
  left: 2.6315789474vw;
  width: 31.5789473684vw;
  margin-top: -10.8552631579vw
}

@media screen and (max-width:768px) {
  .global-racing-dec__pic1 {
    right: 0;
    left: auto;
    width: 23.4375vw;
    margin-top: -16.9270833333vw
  }
}

.global-racing-dec__pic2 {
  z-index: 2;
  position: absolute;
  left: 19.7368421053vw;
  width: 22.3684210526vw;
  margin-top: 13.1578947368vw
}

@media screen and (max-width:768px) {
  .global-racing-dec__pic2 {
    right: 9.1145833333vw;
    left: auto;
    width: 35.4166666667vw;
    margin-top: 42.96875vw
  }
}

.kawasaki-world {
  position: relative;
  padding-top: 16.4473684211vw;
  padding-bottom: 9.8684210526vw;
  opacity: 0;
  transition: opacity .2s ease 0s
}

@media print,
screen and (min-width:769px) {
  .kawasaki-world {
    min-height: 103.9473684211vw
  }
}

@media screen and (max-width:768px) {
  .kawasaki-world {
    padding-top: 26.0416666667vw;
    padding-bottom: 26.0416666667vw
  }
}

.is-sec-kawasaki-world .kawasaki-world {
  opacity: 1;
  transition: opacity .3s ease .2s
}

@media print,
screen and (min-width:769px) {
  .kawasaki-world-main {
    position: absolute;
    width: calc(100% - 36.84211vw);
    margin-left: 26.3157894737vw
  }
}

.kawasaki-world__txts {
  display: inline-block;
  z-index: 1;
  position: relative;
  mix-blend-mode: difference;
  opacity: 0;
  transition: opacity .2s ease .5s
}

@media print,
screen and (min-width:769px) {
  .kawasaki-world__txts {
    width: 41.4473684211vw;
    padding-top: 16.4473684211vw
  }
}

@media screen and (max-width:768px) {
  .kawasaki-world__txts {
    margin-top: -9.1145833333vw;
    margin-left: 2.6041666667vw
  }
}

.is-sec-kawasaki-world .kawasaki-world__txts {
  color: #fff;
  opacity: 1
}

.kawasaki-world__ttl {
  font-size: 8.5526315789vw;
  font-weight: 400;
  letter-spacing: -.01em;
  line-height: 1.05
}

@media screen and (max-width:768px) {
  .kawasaki-world__ttl {
    font-size: 14.3229166667vw
  }
}

.kawasaki-world__lead {
  margin-top: 3.2894736842vw;
  font-size: 1.8rem;
  font-size: max(1.1842105263vw, 1.6rem);
  font-weight: 500;
  line-height: 2
}

@media screen and (max-width:768px) {
  .kawasaki-world__lead {
    font-size: 1.3rem;
    font-size: max(3.3854166667vw, 1.3rem)
  }
}

.kawasaki-world__link-btn {
  display: block
}

@media print,
screen and (min-width:769px) {
  .kawasaki-world__link-btn {
    width: 9.2105263158vw;
    margin-top: 3.2894736842vw
  }
}

@media screen and (max-width:768px) {
  .kawasaki-world__link-btn {
    margin-top: 2.6041666667vw;
    margin-left: 3.90625vw
  }
}

body.is-pc .kawasaki-world__link-btn {
  visibility: hidden;
  opacity: 0
}

.kawasaki-world__side-ttl {
  color: #fff;
  font-size: 4.6052631579vw;
  font-weight: 300;
  letter-spacing: .08em
}

@media screen and (max-width:768px) {
  .kawasaki-world__side-ttl {
    font-size: 9.6354166667vw
  }
}

.kawasaki-world__side-ttl__horizontal {
  z-index: 1;
  position: absolute;
  top: 12.1710526316vw;
  right: 2.9605263158vw
}

@media screen and (max-width:768px) {
  .kawasaki-world__side-ttl__horizontal {
    top: 16.2760416667vw;
    right: 1.3020833333vw
  }
}

.kawasaki-world__side-ttl__vertical {
  z-index: 1;
  position: absolute;
  top: 40.7894736842vw;
  right: 5.4605263158vw;
  transform: rotate(90deg);
  transform-origin: right center
}

@media screen and (max-width:768px) {
  .kawasaki-world__side-ttl__vertical {
    top: 78.125vw;
    right: 6.5104166667vw
  }
}