@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

body {
  -webkit-text-size-adjust: 100%;
  color: #030000;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", "Meiryo", sans-serif;
}
body * {
  outline: none;
}
body *:hover, body *:active, body *:focus {
  outline: none;
}

header, footer,
nav,
h1, h2, h3, h4, h5,
article, section,
p, div, span, figure,
ul, ol, li, dl, dt, dd, img, a {
  box-sizing: border-box;
  position: relative;
}

a {
  text-decoration: none;
}

a, div {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

img, video {
  display: block;
  width: 100%;
  height: auto;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.animate .fadein,
.animate.fadein {
  opacity: 0;
  transition: opacity 1.2s ease 0.3s;
}

.animate.show .fadein,
.animate.show.fadein {
  opacity: 1;
}

body {
  width: 100%;
}

main {
  overflow: hidden;
}

.enfont {
  font-family: "Goldman", cursive;
  font-style: normal;
  font-weight: 400;
}
.enfont.bold {
  font-weight: 700;
}

.animate {
  opacity: 0;
  transition: opacity 1s ease;
}
.animate.show {
  opacity: 1;
}

@media print {
  html {
    font-size: 10px;
  }
  body {
    min-width: 100rem;
  }
  article {
    width: 100%;
    overflow: hidden;
  }
  a,
  input[type=submit] {
    transition: opacity 0.2s ease;
    cursor: pointer;
  }
  a:hover,
  input[type=submit]:hover {
    opacity: 0.7;
  }
  .fixed_contact {
    position: fixed;
    right: 4rem;
    bottom: 2.6rem;
    width: 15rem;
    height: 15rem;
    background: #6493b2;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 2;
    border-radius: 7.5rem;
    transition: opacity 0.5s ease;
  }
  .fixed_contact .contact_btn {
    display: block;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
    color: #fff;
    padding-top: 3.5rem;
    height: 100%;
    background: url(../images/anchor_arrow.svg) center calc(100% - 1.8rem)/2rem 1.5rem no-repeat;
  }
  .fixed_contact.hide {
    opacity: 0;
    pointer-events: none;
  }
  section .inner_wrap {
    width: 100rem;
    margin: 0 auto;
  }
  section#mv {
    background-image: url(../images/kv_bg.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #c8c8c8;
    height: 70rem;
    z-index: 1;
  }
  section#mv .inner_wrap {
    width: 100%;
    height: 100%;
  }
  section#mv .text1,
  section#mv .text2,
  section#mv h1,
  section#mv .bike {
    position: absolute;
    top: 0;
    left: 50%;
  }
  section#mv .text1 {
    width: 83.8rem;
    margin-left: -41.9rem;
    margin-top: 0;
  }
  section#mv h1 {
    width: 38.5rem;
    margin-left: -19.25rem;
    margin-top: 23.1rem;
  }
  section#mv .text2 {
    width: 48.2rem;
    margin-left: -24.1rem;
    margin-top: 51.3rem;
  }
  section#mv .bike1 {
    width: 18.1rem;
    margin-left: -37.3rem;
    margin-top: 31.5rem;
  }
  section#mv .bike2 {
    width: 14.7rem;
    margin-left: 20.4rem;
    margin-top: 25.8rem;
  }
  section#mv .fixed_news {
    position: absolute;
    left: 0;
    bottom: 2.6rem;
    width: 36.5rem;
    height: 7.4rem;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 6rem;
    transform: translateX(-335px);
    transition: transform 0.4s ease-out;
  }
  section#mv .fixed_news .news {
    width: 25.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  section#mv .fixed_news .news .news_head {
    width: 6.4rem;
    white-space: nowrap;
  }
  section#mv .fixed_news .news .news_head .en {
    font-size: 1.8rem;
    line-height: 2.1rem;
  }
  section#mv .fixed_news .news .news_head .date {
    font-size: 1rem;
    margin-top: 0.6rem;
    font-weight: bold;
  }
  section#mv .fixed_news .news .news_text {
    width: calc(100% - 7.5rem);
    font-size: 1.3rem;
    line-height: 2rem;
    white-space: nowrap;
  }
  section#mv .fixed_news .news_close {
    display: block;
    width: 3rem;
    height: 100%;
    background: url(../images/arrow.svg) center/1.3rem 1.7rem no-repeat #646464;
    transform: scaleX(1);
  }
  section#mv .fixed_news.show {
    transition: transform 0.6s ease-out;
    transform: translateX(0px);
  }
  section#mv .fixed_news.show .news_close {
    transform: scaleX(-1);
  }
  section h2 {
    opacity: 0;
  }
  section h2 .en,
  section h2 .jp {
    display: block;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transition: opacity 0s;
    width: fit-content;
  }
  section h2 .en .inner,
  section h2 .jp .inner {
    opacity: 0;
    transition: opacity 0s 0.34s;
  }
  section h2 .en:after,
  section h2 .jp:after {
    content: "";
    display: block;
    position: absolute;
    width: 102%;
    height: 102%;
    background-color: #000;
    left: -1%;
    top: -1%;
    z-index: 2;
    transform: translateX(-101%);
  }
  section h2 .en {
    font-size: 6rem;
    line-height: 6.8rem;
    letter-spacing: 0;
  }
  section h2 .jp {
    font-size: 1.8rem;
    letter-spacing: 0;
    font-weight: bold;
  }
  section h2 .en + .jp {
    margin-top: 1.5rem;
  }
  section h2.show {
    opacity: 1;
  }
  section h2.show .en,
  section h2.show .jp {
    opacity: 1;
  }
  section h2.show .en .inner,
  section h2.show .jp .inner {
    opacity: 1;
  }
  section h2.show .en:after,
  section h2.show .jp:after {
    animation: title_bar 0.7s cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
  }
  section h2.show .en:nth-child(2) .inner,
  section h2.show .jp:nth-child(2) .inner {
    transition-delay: 0.74s;
  }
  section h2.show .en:nth-child(2):after,
  section h2.show .jp:nth-child(2):after {
    animation-delay: 0.4s;
  }
  section h2.show .en:nth-child(3) .inner,
  section h2.show .jp:nth-child(3) .inner {
    transition-delay: 1.14s;
  }
  section h2.show .en:nth-child(3):after,
  section h2.show .jp:nth-child(3):after {
    animation-delay: 0.8s;
  }
  section h2 + .text {
    margin-top: 3.2rem;
  }
  section h2.bk .en:after,
  section h2.bk .jp:after {
    background-color: #fff;
  }
  section .text {
    font-size: 1.8rem;
    line-height: 3.6rem;
  }
  section#movie_section {
    padding: 0;
    margin: 0;
    background: #000;
    margin-bottom: -1px;
  }
  section#champion_section {
    background: #fff;
    padding-bottom: 13.1rem;
  }
  section#champion_section .main_pic {
    width: 100%;
  }
  section#champion_section .title {
    width: 145rem;
    margin: -15.7rem auto -10.2rem;
    left: calc(50% - 74.2rem);
  }
  section#champion_section .main_text {
    font-size: 1.8rem;
    line-height: 4rem;
    text-align: right;
    margin-bottom: 19.3rem;
  }
  section#champion_section .champion_block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  section#champion_section .champion_block .bg {
    display: block;
    position: absolute;
    top: 0;
    transition-delay: 0.5s;
  }
  section#champion_section .champion_block .pics {
    width: 47rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  section#champion_section .champion_block .pics img {
    display: block;
    width: 100%;
  }
  section#champion_section .champion_block .pics img:nth-child(n+2) {
    width: 22.5rem;
    margin-top: 2rem;
  }
  section#champion_section .champion_block .texts {
    width: 50.8rem;
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem;
  }
  section#champion_section .champion_block .texts .block_title {
    font-size: 4.5rem;
    line-height: 5.5rem;
  }
  section#champion_section .champion_block .texts .tag {
    margin-top: 2rem;
    font-size: 3rem;
    line-height: 4rem;
    color: #fff;
    padding: 0 1rem;
    width: fit-content;
    background: #969696;
  }
  section#champion_section .champion_block .texts .name {
    margin-top: 3.8rem;
  }
  section#champion_section .champion_block .texts .name .en {
    display: block;
    font-size: 5rem;
    line-height: 6rem;
    letter-spacing: 0.03em;
  }
  section#champion_section .champion_block .texts .name .jp {
    display: block;
    margin-top: 2rem;
    font-size: 3rem;
    font-weight: bold;
  }
  section#champion_section .champion_block .texts .text {
    font-size: 1.8rem;
    line-height: 2;
    margin-top: 4.1rem;
  }
  section#champion_section .champion_block.mens .bg {
    width: 109.3rem;
    height: 100.1rem;
    background: url(../images/champion_bg_m.png) center/contain no-repeat;
    left: calc(50% - 18.2rem);
    margin-top: -16.8rem;
  }
  section#champion_section .champion_block.mens .texts .block_title {
    color: #0F64BE;
  }
  section#champion_section .champion_block.womens {
    margin-top: 18.6rem;
    flex-direction: row-reverse;
  }
  section#champion_section .champion_block.womens .bg {
    width: 101.9rem;
    height: 86.7rem;
    background: url(../images/champion_bg_w.png) center/contain no-repeat;
    left: calc(50% - 81.7rem);
    margin-top: -18.6rem;
  }
  section#champion_section .champion_block.womens .texts .block_title {
    color: #E63C6E;
  }
  section#amazing {
    padding-bottom: 12.3rem;
  }
  section#amazing .title {
    text-align: center;
    margin-bottom: 6rem;
  }
  section#amazing .title .en {
    display: block;
    font-size: 4rem;
    line-height: 4.8rem;
    margin: 0 auto;
  }
  section#amazing .title .jp {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    display: block;
    font-size: 2.2rem;
    line-height: 1;
    margin: 1.5rem auto 0;
    font-weight: normal;
  }
  section#amazing .text {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 6rem;
  }
  section#amazing .logo {
    display: block;
    margin: 0 auto 6rem;
    width: 47.5rem;
  }
  section#amazing .flex_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  section#amazing .flex_wrap .col {
    width: 47rem;
  }
  section#amazing .flex_wrap .col .texts {
    margin-top: 2rem;
  }
  section#amazing .flex_wrap .col .texts .block_title {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  section#amazing .flex_wrap .col .texts .tag {
    margin-top: 2rem;
    font-size: 3rem;
    line-height: 4rem;
    color: #fff;
    padding: 0 1rem;
    width: fit-content;
    background: #969696;
  }
  section#amazing .flex_wrap .col .texts .name {
    margin-top: 2rem;
  }
  section#amazing .flex_wrap .col .texts .name .en {
    display: block;
    font-size: 4rem;
    line-height: 4.8rem;
    letter-spacing: 0.03em;
  }
  section#amazing .flex_wrap .col .texts .name .jp {
    display: block;
    margin-top: 2rem;
    font-size: 3rem;
    font-weight: bold;
  }
  section#amazing .flex_wrap .col.mens .texts .block_title {
    color: #0F64BE;
  }
  section#amazing .flex_wrap .col.womens .texts .block_title {
    color: #E63C6E;
  }
  section#gallery {
    padding-top: 18rem;
    padding-bottom: 7rem;
    background: url(../images/gallery_bg.png) center top/192rem 12.3rem no-repeat;
    color: #fff;
  }
  section#gallery:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 11rem;
    width: 100%;
    height: calc(100% - 11rem);
    background: #323232;
  }
  section#gallery .title {
    text-align: center;
    margin-bottom: 11.3rem;
  }
  section#gallery .title .en {
    display: block;
    font-size: 4.5rem;
    line-height: 6rem;
    margin: 0 auto;
  }
  section#gallery .title .jp {
    display: block;
    font-size: 1.8rem;
    line-height: 1;
    margin: 2rem auto 0;
  }
  section#gallery .block_title {
    font-size: 3rem;
    line-height: 3.6rem;
    margin-bottom: 2rem;
  }
  section#gallery .movie_block {
    width: 64.7rem;
    margin: 0 auto;
  }
  section#gallery .movie_block .movie_wrap {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  section#gallery .movie_block iframe {
    width: auto;
    height: 102%;
    aspect-ratio: 16/9;
    position: absolute;
    left: -1%;
    top: -1%;
  }
  section#gallery .slide_block {
    margin-top: 12rem;
  }
  section#gallery .slide_block .block_title {
    margin-bottom: 3.1rem;
  }
  section#gallery .slide_block .slider {
    width: 205.6rem;
    left: calc(50% - 102.8rem);
    display: flex;
  }
  section#gallery .slide_block .slider .slide {
    width: 25.7rem;
    padding: 0 0.5rem;
    cursor: pointer;
  }
  section#gallery .slide_block .block_title.bottom_text {
    margin-top: 4rem;
    margin-bottom: 0;
    text-align: right;
  }
  section#whats {
    background: url(../images/whats_bg.jpg) center top/cover;
    color: #fff;
  }
  section#whats .inner_wrap {
    padding: 7.2rem 0 7.1rem;
  }
  section#whats h2 .jp {
    color: #030000;
    width: fit-content;
    padding: 0 0.8rem;
    font-size: 2.2rem;
    line-height: 4rem;
    font-weight: bold;
  }
  section#whats h2 .jp .enfont {
    font-size: 2.5rem;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
  section#whats h2 .jp:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 1s;
  }
  section#whats h2.show .jp:before {
    opacity: 1;
  }
  section#message {
    background: #000;
    color: #fff;
  }
  section#message .inner_wrap {
    padding: 5.6rem 0 8rem;
  }
  section#message .pic {
    width: 38rem;
    position: absolute;
    top: 8.2rem;
    right: 0;
  }
  section#message .producer {
    width: 100%;
    border-top: #fff 1px solid;
    border-bottom: #fff 1px solid;
    padding: 1.15rem 5rem;
    margin-top: 3.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section#message .producer .name {
    width: fit-content;
    font-size: 2.5rem;
    font-weight: bold;
  }
  section#message .producer .name .jp {
    font-size: 3.2rem;
    margin-top: 1rem;
    display: inline-block;
  }
  section#message .producer .name .en {
    font-size: 1.7rem;
    letter-spacing: 0.15em;
    font-weight: 400;
    display: inline-block;
    margin-left: 4rem;
    top: -0.5rem;
    position: relative;
  }
  section#message .producer .history {
    font-size: 1.5rem;
    line-height: 2.7rem;
    margin-left: 9.2rem;
  }
  section#sponsorship .inner_wrap {
    padding: 9.1rem 0 7.9rem;
  }
  section#sponsorship h2 {
    margin-bottom: 8rem;
  }
  section#sponsorship .row .row_title {
    min-width: 32rem;
    width: fit-content;
    margin: 0 auto 8rem;
    background: #646464;
  }
  section#sponsorship .row .row_title .en {
    display: block;
    width: fit-content;
    min-width: 32rem;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 4rem;
    line-height: 1;
    padding: 0.8rem 2.7rem;
  }
  section#sponsorship .row .row_title .jp {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1;
    padding: 0.7rem 0;
  }
  section#sponsorship .row .logo1 {
    display: block;
    margin: 0 auto 8rem;
    width: 71.7rem;
  }
  section#sponsorship .row .logo_set {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section#sponsorship .row .logo_set .logo {
    display: block;
    margin: 0 5rem;
  }
  section#sponsorship .row .logo_set .logo2 {
    width: 29rem;
    margin-left: 0;
  }
  section#sponsorship .row .logo_set .logo3 {
    width: 21.2rem;
    margin-right: 7.3rem;
  }
  section#sponsorship .row .logo_set .logo4 {
    width: 32.5rem;
  }
  section#sponsorship .row .head_copy {
    font-weight: bold;
    font-size: 4rem;
    line-height: 1;
    width: 60.3rem;
    white-space: nowrap;
    margin: 0 auto 1.5rem;
  }
  section#sponsorship .row .text {
    font-size: 2rem;
    line-height: 2;
    width: 60.3rem;
    white-space: nowrap;
    margin: 0 auto;
  }
  section#sponsorship .row + .row {
    margin-top: 14rem;
  }
  section#eventinfo .inner_wrap {
    padding: 9.1rem 0 6rem;
  }
  section#eventinfo h2 {
    margin-bottom: 8rem;
  }
  section#eventinfo .row .row_title {
    text-align: center;
    margin-bottom: 7rem;
  }
  section#eventinfo .row .row_title .en {
    display: block;
    font-size: 4.5rem;
    line-height: 5.4rem;
  }
  section#eventinfo .row .row_title .jp {
    display: block;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: bold;
    margin-top: 2rem;
  }
  section#eventinfo .row .pic {
    width: 80rem;
    max-width: 100%;
    margin: 0 auto 4.2rem;
  }
  section#eventinfo .row .place {
    text-align: center;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 5rem;
  }
  section#eventinfo .row .date {
    font-size: 4.5rem;
    margin: 4.1rem auto 0;
    width: 100%;
    max-width: 80rem;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    text-align: center;
    line-height: 8rem;
  }
  section#eventinfo .row .text.soon {
    color: #969696;
    font-size: 4rem;
    line-height: 4.8rem;
    text-align: center;
  }
  section#eventinfo .row .tab_area .tab_btn_set {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    height: 16.9rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn {
    display: block;
    width: 47.5%;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn .en {
    display: block;
    font-size: 3.5rem;
    letter-spacing: 0.03em;
    line-height: 9.9rem;
    background: #0F64BE;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn .jp {
    display: block;
    font-size: 1.8rem;
    line-height: 5rem;
    background: #000;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn .jp:after {
    content: "";
    display: block;
    position: absolute;
    width: 1.5rem;
    height: 1.8rem;
    background: url(../images/tab_arrow.svg) center/contain no-repeat;
    transform-origin: center;
    right: 1.6rem;
    top: 1.6rem;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn.women .en {
    background: #E63C6E;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn.active .jp {
    height: 7rem;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn.active .jp:after {
    transform: rotate(90deg);
  }
  section#eventinfo .row .tab_area .tab_set {
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease;
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
  }
  section#eventinfo .row .tab_area .tab_set .tab {
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  section#eventinfo .row .tab_area .tab_set .tab .tab_close {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    width: 31rem;
    height: 6rem;
    background: url(../images/close_men.png) right bottom/contain no-repeat;
  }
  section#eventinfo .row .tab_area .tab_set .tab.active {
    opacity: 1;
  }
  section#eventinfo .row .tab_area .tab_set .tab.women .tab_close {
    background-image: url(../images/close_women.png);
  }
  section#eventinfo .row + .row {
    margin-top: 15rem;
  }
  section#eventinfo .row.rules {
    width: 100%;
    max-width: 80rem;
    margin: 7rem auto 0;
    border: 1px solid #000;
    padding: 0 0 1.6rem;
  }
  section#eventinfo .row.rules .row_title {
    margin: -1px auto 1.2rem;
    background: url(../images/rules_bg.svg) center/48rem auto no-repeat;
    color: #fff;
    padding: 1.5rem 0;
  }
  section#eventinfo .row.rules .row_title .en {
    font-size: 2.4rem;
    line-height: 2.9rem;
  }
  section#eventinfo .row.rules .row_title .jp {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: bold;
    margin-top: 1rem;
  }
  section#eventinfo .row.rules .rules_list {
    width: fit-content;
    margin: 0 auto;
  }
  section#eventinfo .row.rules .rules_list li {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    line-height: 3rem;
    width: fit-content;
  }
  section#archive .inner_wrap {
    padding: 9.1rem 0 0;
    margin-bottom: 13rem;
  }
  section#archive .text {
    font-size: 1.6rem;
    line-height: 3rem;
    width: 40rem;
  }
  section#archive .archive_btn {
    display: flex;
    width: 41.2rem;
    height: 8.2rem;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1.5rem;
    color: #fff;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: bold;
    background: url(../images/arrow.svg) calc(100% - 1.5rem) center/2rem 2.6rem no-repeat #000;
    margin-top: 4.5rem;
  }
  section#archive .video {
    position: absolute;
    right: -10rem;
    bottom: 0;
    width: 64.1rem;
    height: 36rem;
  }
  section#archive .video iframe {
    width: 100%;
    height: 100%;
  }
  section#organizer {
    background: url(../images/footer_bg.jpg) center/cover;
    color: #fff;
  }
  section#organizer .inner_wrap {
    padding: 8.2rem 0 7rem;
  }
  section#organizer .organizer_list {
    margin-top: 4.2rem;
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: bold;
  }
  section#organizer .organizer_list small {
    font-size: 2rem;
    display: block;
  }
  section#organizer .organizer_list > li + li {
    margin-top: 5.6rem;
  }
  section#organizer .logo_list {
    margin-top: 2.8rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  section#organizer .logo_list .logo {
    position: relative;
    top: auto;
    left: auto;
    display: block;
  }
  section#organizer .logo_list .logo.logo_gt {
    width: 18rem;
    margin-right: 4.4rem;
  }
  section#organizer .logo_list .logo.logo_jfbf {
    width: 14rem;
    margin-right: 2.5rem;
  }
  section#organizer .logo_list .logo.logo_systematic {
    width: 12.4rem;
  }
  section#organizer .logo_list .logo.logo_lynx {
    width: 14.3rem;
  }
  section#organizer .logo {
    position: absolute;
    top: 4.8rem;
    left: calc(50% + 7.4rem);
    width: 42.6rem;
  }
  section#organizer .btn_wrap {
    position: absolute;
    right: 0;
    bottom: 6rem;
    width: 42.6rem;
  }
  section#organizer .btn_wrap .contact_btn {
    display: block;
    width: 42.6rem;
    height: 9.8rem;
    background: url(../images/arrow.svg) calc(100% - 2rem) center/2rem 2.6rem no-repeat #6493B2;
    color: #fff;
    padding: 2rem 2rem 0 2rem;
    font-size: 3.4rem;
    letter-spacing: 0.02em;
    font-weight: bold;
    line-height: 1;
  }
  section#organizer .btn_wrap .contact_btn small {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
  #pic_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 3;
  }
  #pic_modal .modal_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    cursor: pointer;
  }
  #pic_modal .modal_inner {
    position: absolute;
    width: 96%;
    max-width: 988px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #pic_modal .modal_inner::before, #pic_modal .modal_inner::after {
    content: "";
    display: block;
    position: absolute;
    width: 3rem;
    height: 2px;
    background: #fff;
    right: 0;
    top: -3rem;
    transform-origin: center;
    transform: rotate(40deg);
    pointer-events: none;
  }
  #pic_modal .modal_inner::after {
    transform: rotate(-40deg);
  }
  #pic_modal.show {
    transition: opacity 0.3s ease;
    opacity: 1;
    pointer-events: auto;
  }
  footer {
    background: #323232;
    text-align: center;
    padding: 1.5rem 0;
    color: #fff;
  }
  footer .copy_right {
    font-size: 1.7rem;
    letter-spacing: 0.05em;
  }
  .sp {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  html {
    font-size: 1vw;
  }
}
@media screen and (min-width: 769px) {
  body {
    min-width: 100rem;
  }
  article {
    width: 100%;
    overflow: hidden;
  }
  a,
  input[type=submit] {
    transition: opacity 0.2s ease;
    cursor: pointer;
  }
  a:hover,
  input[type=submit]:hover {
    opacity: 0.7;
  }
  .fixed_contact {
    position: fixed;
    right: 4rem;
    bottom: 2.6rem;
    width: 15rem;
    height: 15rem;
    background: #6493b2;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 2;
    border-radius: 7.5rem;
    transition: opacity 0.5s ease;
  }
  .fixed_contact .contact_btn {
    display: block;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
    color: #fff;
    padding-top: 3.5rem;
    height: 100%;
    background: url(../images/anchor_arrow.svg) center calc(100% - 1.8rem)/2rem 1.5rem no-repeat;
  }
  .fixed_contact.hide {
    opacity: 0;
    pointer-events: none;
  }
  section .inner_wrap {
    width: 100rem;
    margin: 0 auto;
  }
  section#mv {
    background-image: url(../images/kv_bg.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #c8c8c8;
    height: 70rem;
    z-index: 1;
  }
  section#mv .inner_wrap {
    width: 100%;
    height: 100%;
  }
  section#mv .text1,
  section#mv .text2,
  section#mv h1,
  section#mv .bike {
    position: absolute;
    top: 0;
    left: 50%;
  }
  section#mv .text1 {
    width: 83.8rem;
    margin-left: -41.9rem;
    margin-top: 0;
  }
  section#mv h1 {
    width: 38.5rem;
    margin-left: -19.25rem;
    margin-top: 23.1rem;
  }
  section#mv .text2 {
    width: 48.2rem;
    margin-left: -24.1rem;
    margin-top: 51.3rem;
  }
  section#mv .bike1 {
    width: 18.1rem;
    margin-left: -37.3rem;
    margin-top: 31.5rem;
  }
  section#mv .bike2 {
    width: 14.7rem;
    margin-left: 20.4rem;
    margin-top: 25.8rem;
  }
  section#mv .fixed_news {
    position: absolute;
    left: 0;
    bottom: 2.6rem;
    width: 36.5rem;
    height: 7.4rem;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 6rem;
    transform: translateX(-335px);
    transition: transform 0.4s ease-out;
  }
  section#mv .fixed_news .news {
    width: 25.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  section#mv .fixed_news .news .news_head {
    width: 6.4rem;
    white-space: nowrap;
  }
  section#mv .fixed_news .news .news_head .en {
    font-size: 1.8rem;
    line-height: 2.1rem;
  }
  section#mv .fixed_news .news .news_head .date {
    font-size: 1rem;
    margin-top: 0.6rem;
    font-weight: bold;
  }
  section#mv .fixed_news .news .news_text {
    width: calc(100% - 7.5rem);
    font-size: 1.3rem;
    line-height: 2rem;
    white-space: nowrap;
  }
  section#mv .fixed_news .news_close {
    display: block;
    width: 3rem;
    height: 100%;
    background: url(../images/arrow.svg) center/1.3rem 1.7rem no-repeat #646464;
    transform: scaleX(1);
  }
  section#mv .fixed_news.show {
    transition: transform 0.6s ease-out;
    transform: translateX(0px);
  }
  section#mv .fixed_news.show .news_close {
    transform: scaleX(-1);
  }
  section h2 {
    opacity: 0;
  }
  section h2 .en,
  section h2 .jp {
    display: block;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transition: opacity 0s;
    width: fit-content;
  }
  section h2 .en .inner,
  section h2 .jp .inner {
    opacity: 0;
    transition: opacity 0s 0.34s;
  }
  section h2 .en:after,
  section h2 .jp:after {
    content: "";
    display: block;
    position: absolute;
    width: 102%;
    height: 102%;
    background-color: #000;
    left: -1%;
    top: -1%;
    z-index: 2;
    transform: translateX(-101%);
  }
  section h2 .en {
    font-size: 6rem;
    line-height: 6.8rem;
    letter-spacing: 0;
  }
  section h2 .jp {
    font-size: 1.8rem;
    letter-spacing: 0;
    font-weight: bold;
  }
  section h2 .en + .jp {
    margin-top: 1.5rem;
  }
  section h2.show {
    opacity: 1;
  }
  section h2.show .en,
  section h2.show .jp {
    opacity: 1;
  }
  section h2.show .en .inner,
  section h2.show .jp .inner {
    opacity: 1;
  }
  section h2.show .en:after,
  section h2.show .jp:after {
    animation: title_bar 0.7s cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
  }
  section h2.show .en:nth-child(2) .inner,
  section h2.show .jp:nth-child(2) .inner {
    transition-delay: 0.74s;
  }
  section h2.show .en:nth-child(2):after,
  section h2.show .jp:nth-child(2):after {
    animation-delay: 0.4s;
  }
  section h2.show .en:nth-child(3) .inner,
  section h2.show .jp:nth-child(3) .inner {
    transition-delay: 1.14s;
  }
  section h2.show .en:nth-child(3):after,
  section h2.show .jp:nth-child(3):after {
    animation-delay: 0.8s;
  }
  section h2 + .text {
    margin-top: 3.2rem;
  }
  section h2.bk .en:after,
  section h2.bk .jp:after {
    background-color: #fff;
  }
  section .text {
    font-size: 1.8rem;
    line-height: 3.6rem;
  }
  section#movie_section {
    padding: 0;
    margin: 0;
    background: #000;
    margin-bottom: -1px;
  }
  section#champion_section {
    background: #fff;
    padding-bottom: 13.1rem;
  }
  section#champion_section .main_pic {
    width: 100%;
  }
  section#champion_section .title {
    width: 145rem;
    margin: -15.7rem auto -10.2rem;
    left: calc(50% - 74.2rem);
  }
  section#champion_section .main_text {
    font-size: 1.8rem;
    line-height: 4rem;
    text-align: right;
    margin-bottom: 19.3rem;
  }
  section#champion_section .champion_block {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  section#champion_section .champion_block .bg {
    display: block;
    position: absolute;
    top: 0;
    transition-delay: 0.5s;
  }
  section#champion_section .champion_block .pics {
    width: 47rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  section#champion_section .champion_block .pics img {
    display: block;
    width: 100%;
  }
  section#champion_section .champion_block .pics img:nth-child(n+2) {
    width: 22.5rem;
    margin-top: 2rem;
  }
  section#champion_section .champion_block .texts {
    width: 50.8rem;
    background: rgba(255, 255, 255, 0.9);
    padding: 2rem;
  }
  section#champion_section .champion_block .texts .block_title {
    font-size: 4.5rem;
    line-height: 5.5rem;
  }
  section#champion_section .champion_block .texts .tag {
    margin-top: 2rem;
    font-size: 3rem;
    line-height: 4rem;
    color: #fff;
    padding: 0 1rem;
    width: fit-content;
    background: #969696;
  }
  section#champion_section .champion_block .texts .name {
    margin-top: 3.8rem;
  }
  section#champion_section .champion_block .texts .name .en {
    display: block;
    font-size: 5rem;
    line-height: 6rem;
    letter-spacing: 0.03em;
  }
  section#champion_section .champion_block .texts .name .jp {
    display: block;
    margin-top: 2rem;
    font-size: 3rem;
    font-weight: bold;
  }
  section#champion_section .champion_block .texts .text {
    font-size: 1.8rem;
    line-height: 2;
    margin-top: 4.1rem;
  }
  section#champion_section .champion_block.mens .bg {
    width: 109.3rem;
    height: 100.1rem;
    background: url(../images/champion_bg_m.png) center/contain no-repeat;
    left: calc(50% - 18.2rem);
    margin-top: -16.8rem;
  }
  section#champion_section .champion_block.mens .texts .block_title {
    color: #0F64BE;
  }
  section#champion_section .champion_block.womens {
    margin-top: 18.6rem;
    flex-direction: row-reverse;
  }
  section#champion_section .champion_block.womens .bg {
    width: 101.9rem;
    height: 86.7rem;
    background: url(../images/champion_bg_w.png) center/contain no-repeat;
    left: calc(50% - 81.7rem);
    margin-top: -18.6rem;
  }
  section#champion_section .champion_block.womens .texts .block_title {
    color: #E63C6E;
  }
  section#amazing {
    padding-bottom: 12.3rem;
  }
  section#amazing .title {
    text-align: center;
    margin-bottom: 6rem;
  }
  section#amazing .title .en {
    display: block;
    font-size: 4rem;
    line-height: 4.8rem;
    margin: 0 auto;
  }
  section#amazing .title .jp {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    display: block;
    font-size: 2.2rem;
    line-height: 1;
    margin: 1.5rem auto 0;
    font-weight: normal;
  }
  section#amazing .text {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1;
    margin-bottom: 6rem;
  }
  section#amazing .logo {
    display: block;
    margin: 0 auto 6rem;
    width: 47.5rem;
  }
  section#amazing .flex_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  section#amazing .flex_wrap .col {
    width: 47rem;
  }
  section#amazing .flex_wrap .col .texts {
    margin-top: 2rem;
  }
  section#amazing .flex_wrap .col .texts .block_title {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  section#amazing .flex_wrap .col .texts .tag {
    margin-top: 2rem;
    font-size: 3rem;
    line-height: 4rem;
    color: #fff;
    padding: 0 1rem;
    width: fit-content;
    background: #969696;
  }
  section#amazing .flex_wrap .col .texts .name {
    margin-top: 2rem;
  }
  section#amazing .flex_wrap .col .texts .name .en {
    display: block;
    font-size: 4rem;
    line-height: 4.8rem;
    letter-spacing: 0.03em;
  }
  section#amazing .flex_wrap .col .texts .name .jp {
    display: block;
    margin-top: 2rem;
    font-size: 3rem;
    font-weight: bold;
  }
  section#amazing .flex_wrap .col.mens .texts .block_title {
    color: #0F64BE;
  }
  section#amazing .flex_wrap .col.womens .texts .block_title {
    color: #E63C6E;
  }
  section#gallery {
    padding-top: 18rem;
    padding-bottom: 7rem;
    background: url(../images/gallery_bg.png) center top/192rem 12.3rem no-repeat;
    color: #fff;
  }
  section#gallery:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 11rem;
    width: 100%;
    height: calc(100% - 11rem);
    background: #323232;
  }
  section#gallery .title {
    text-align: center;
    margin-bottom: 11.3rem;
  }
  section#gallery .title .en {
    display: block;
    font-size: 4.5rem;
    line-height: 6rem;
    margin: 0 auto;
  }
  section#gallery .title .jp {
    display: block;
    font-size: 1.8rem;
    line-height: 1;
    margin: 2rem auto 0;
  }
  section#gallery .block_title {
    font-size: 3rem;
    line-height: 3.6rem;
    margin-bottom: 2rem;
  }
  section#gallery .movie_block {
    width: 64.7rem;
    margin: 0 auto;
  }
  section#gallery .movie_block .movie_wrap {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  section#gallery .movie_block iframe {
    width: auto;
    height: 102%;
    aspect-ratio: 16/9;
    position: absolute;
    left: -1%;
    top: -1%;
  }
  section#gallery .slide_block {
    margin-top: 12rem;
  }
  section#gallery .slide_block .block_title {
    margin-bottom: 3.1rem;
  }
  section#gallery .slide_block .slider {
    width: 205.6rem;
    left: calc(50% - 102.8rem);
    display: flex;
  }
  section#gallery .slide_block .slider .slide {
    width: 25.7rem;
    padding: 0 0.5rem;
    cursor: pointer;
  }
  section#gallery .slide_block .block_title.bottom_text {
    margin-top: 4rem;
    margin-bottom: 0;
    text-align: right;
  }
  section#whats {
    background: url(../images/whats_bg.jpg) center top/cover;
    color: #fff;
  }
  section#whats .inner_wrap {
    padding: 7.2rem 0 7.1rem;
  }
  section#whats h2 .jp {
    color: #030000;
    width: fit-content;
    padding: 0 0.8rem;
    font-size: 2.2rem;
    line-height: 4rem;
    font-weight: bold;
  }
  section#whats h2 .jp .enfont {
    font-size: 2.5rem;
    letter-spacing: 0.04em;
    font-weight: 400;
  }
  section#whats h2 .jp:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 1s;
  }
  section#whats h2.show .jp:before {
    opacity: 1;
  }
  section#message {
    background: #000;
    color: #fff;
  }
  section#message .inner_wrap {
    padding: 5.6rem 0 8rem;
  }
  section#message .pic {
    width: 38rem;
    position: absolute;
    top: 8.2rem;
    right: 0;
  }
  section#message .producer {
    width: 100%;
    border-top: #fff 1px solid;
    border-bottom: #fff 1px solid;
    padding: 1.15rem 5rem;
    margin-top: 3.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section#message .producer .name {
    width: fit-content;
    font-size: 2.5rem;
    font-weight: bold;
  }
  section#message .producer .name .jp {
    font-size: 3.2rem;
    margin-top: 1rem;
    display: inline-block;
  }
  section#message .producer .name .en {
    font-size: 1.7rem;
    letter-spacing: 0.15em;
    font-weight: 400;
    display: inline-block;
    margin-left: 4rem;
    top: -0.5rem;
    position: relative;
  }
  section#message .producer .history {
    font-size: 1.5rem;
    line-height: 2.7rem;
    margin-left: 9.2rem;
  }
  section#sponsorship .inner_wrap {
    padding: 9.1rem 0 7.9rem;
  }
  section#sponsorship h2 {
    margin-bottom: 8rem;
  }
  section#sponsorship .row .row_title {
    min-width: 32rem;
    width: fit-content;
    margin: 0 auto 8rem;
    background: #646464;
  }
  section#sponsorship .row .row_title .en {
    display: block;
    width: fit-content;
    min-width: 32rem;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 4rem;
    line-height: 1;
    padding: 0.8rem 2.7rem;
  }
  section#sponsorship .row .row_title .jp {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1;
    padding: 0.7rem 0;
  }
  section#sponsorship .row .logo1 {
    display: block;
    margin: 0 auto 8rem;
    width: 71.7rem;
  }
  section#sponsorship .row .logo_set {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section#sponsorship .row .logo_set .logo {
    display: block;
    margin: 0 5rem;
  }
  section#sponsorship .row .logo_set .logo2 {
    width: 29rem;
    margin-left: 0;
  }
  section#sponsorship .row .logo_set .logo3 {
    width: 21.2rem;
    margin-right: 7.3rem;
  }
  section#sponsorship .row .logo_set .logo4 {
    width: 32.5rem;
  }
  section#sponsorship .row .head_copy {
    font-weight: bold;
    font-size: 4rem;
    line-height: 1;
    width: 60.3rem;
    white-space: nowrap;
    margin: 0 auto 1.5rem;
  }
  section#sponsorship .row .text {
    font-size: 2rem;
    line-height: 2;
    width: 60.3rem;
    white-space: nowrap;
    margin: 0 auto;
  }
  section#sponsorship .row + .row {
    margin-top: 14rem;
  }
  section#eventinfo .inner_wrap {
    padding: 9.1rem 0 6rem;
  }
  section#eventinfo h2 {
    margin-bottom: 8rem;
  }
  section#eventinfo .row .row_title {
    text-align: center;
    margin-bottom: 7rem;
  }
  section#eventinfo .row .row_title .en {
    display: block;
    font-size: 4.5rem;
    line-height: 5.4rem;
  }
  section#eventinfo .row .row_title .jp {
    display: block;
    font-size: 1.8rem;
    line-height: 1;
    font-weight: bold;
    margin-top: 2rem;
  }
  section#eventinfo .row .pic {
    width: 80rem;
    max-width: 100%;
    margin: 0 auto 4.2rem;
  }
  section#eventinfo .row .place {
    text-align: center;
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 5rem;
  }
  section#eventinfo .row .date {
    font-size: 4.5rem;
    margin: 4.1rem auto 0;
    width: 100%;
    max-width: 80rem;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    text-align: center;
    line-height: 8rem;
  }
  section#eventinfo .row .text.soon {
    color: #969696;
    font-size: 4rem;
    line-height: 4.8rem;
    text-align: center;
  }
  section#eventinfo .row .tab_area .tab_btn_set {
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
    height: 16.9rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn {
    display: block;
    width: 47.5%;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn .en {
    display: block;
    font-size: 3.5rem;
    letter-spacing: 0.03em;
    line-height: 9.9rem;
    background: #0F64BE;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn .jp {
    display: block;
    font-size: 1.8rem;
    line-height: 5rem;
    background: #000;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn .jp:after {
    content: "";
    display: block;
    position: absolute;
    width: 1.5rem;
    height: 1.8rem;
    background: url(../images/tab_arrow.svg) center/contain no-repeat;
    transform-origin: center;
    right: 1.6rem;
    top: 1.6rem;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn.women .en {
    background: #E63C6E;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn.active .jp {
    height: 7rem;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn.active .jp:after {
    transform: rotate(90deg);
  }
  section#eventinfo .row .tab_area .tab_set {
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease;
    width: 100%;
    max-width: 80rem;
    margin: 0 auto;
  }
  section#eventinfo .row .tab_area .tab_set .tab {
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  section#eventinfo .row .tab_area .tab_set .tab .tab_close {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    width: 31rem;
    height: 6rem;
    background: url(../images/close_men.png) right bottom/contain no-repeat;
  }
  section#eventinfo .row .tab_area .tab_set .tab.active {
    opacity: 1;
  }
  section#eventinfo .row .tab_area .tab_set .tab.women .tab_close {
    background-image: url(../images/close_women.png);
  }
  section#eventinfo .row + .row {
    margin-top: 15rem;
  }
  section#eventinfo .row.rules {
    width: 100%;
    max-width: 80rem;
    margin: 7rem auto 0;
    border: 1px solid #000;
    padding: 0 0 1.6rem;
  }
  section#eventinfo .row.rules .row_title {
    margin: -1px auto 1.2rem;
    background: url(../images/rules_bg.svg) center/48rem auto no-repeat;
    color: #fff;
    padding: 1.5rem 0;
  }
  section#eventinfo .row.rules .row_title .en {
    font-size: 2.4rem;
    line-height: 2.9rem;
  }
  section#eventinfo .row.rules .row_title .jp {
    font-size: 1.6rem;
    line-height: 1;
    font-weight: bold;
    margin-top: 1rem;
  }
  section#eventinfo .row.rules .rules_list {
    width: fit-content;
    margin: 0 auto;
  }
  section#eventinfo .row.rules .rules_list li {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    line-height: 3rem;
    width: fit-content;
  }
  section#archive .inner_wrap {
    padding: 9.1rem 0 0;
    margin-bottom: 13rem;
  }
  section#archive .text {
    font-size: 1.6rem;
    line-height: 3rem;
    width: 40rem;
  }
  section#archive .archive_btn {
    display: flex;
    width: 41.2rem;
    height: 8.2rem;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1.5rem;
    color: #fff;
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: bold;
    background: url(../images/arrow.svg) calc(100% - 1.5rem) center/2rem 2.6rem no-repeat #000;
    margin-top: 4.5rem;
  }
  section#archive .video {
    position: absolute;
    right: -10rem;
    bottom: 0;
    width: 64.1rem;
    height: 36rem;
  }
  section#archive .video iframe {
    width: 100%;
    height: 100%;
  }
  section#organizer {
    background: url(../images/footer_bg.jpg) center/cover;
    color: #fff;
  }
  section#organizer .inner_wrap {
    padding: 8.2rem 0 7rem;
  }
  section#organizer .organizer_list {
    margin-top: 4.2rem;
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: bold;
  }
  section#organizer .organizer_list small {
    font-size: 2rem;
    display: block;
  }
  section#organizer .organizer_list > li + li {
    margin-top: 5.6rem;
  }
  section#organizer .logo_list {
    margin-top: 2.8rem;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  section#organizer .logo_list .logo {
    position: relative;
    top: auto;
    left: auto;
    display: block;
  }
  section#organizer .logo_list .logo.logo_gt {
    width: 18rem;
    margin-right: 4.4rem;
  }
  section#organizer .logo_list .logo.logo_jfbf {
    width: 14rem;
    margin-right: 2.5rem;
  }
  section#organizer .logo_list .logo.logo_systematic {
    width: 12.4rem;
  }
  section#organizer .logo_list .logo.logo_lynx {
    width: 14.3rem;
  }
  section#organizer .logo {
    position: absolute;
    top: 4.8rem;
    left: calc(50% + 7.4rem);
    width: 42.6rem;
  }
  section#organizer .btn_wrap {
    position: absolute;
    right: 0;
    bottom: 6rem;
    width: 42.6rem;
  }
  section#organizer .btn_wrap .contact_btn {
    display: block;
    width: 42.6rem;
    height: 9.8rem;
    background: url(../images/arrow.svg) calc(100% - 2rem) center/2rem 2.6rem no-repeat #6493B2;
    color: #fff;
    padding: 2rem 2rem 0 2rem;
    font-size: 3.4rem;
    letter-spacing: 0.02em;
    font-weight: bold;
    line-height: 1;
  }
  section#organizer .btn_wrap .contact_btn small {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    letter-spacing: 0;
  }
  #pic_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 3;
  }
  #pic_modal .modal_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    cursor: pointer;
  }
  #pic_modal .modal_inner {
    position: absolute;
    width: 96%;
    max-width: 988px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #pic_modal .modal_inner::before, #pic_modal .modal_inner::after {
    content: "";
    display: block;
    position: absolute;
    width: 3rem;
    height: 2px;
    background: #fff;
    right: 0;
    top: -3rem;
    transform-origin: center;
    transform: rotate(40deg);
    pointer-events: none;
  }
  #pic_modal .modal_inner::after {
    transform: rotate(-40deg);
  }
  #pic_modal.show {
    transition: opacity 0.3s ease;
    opacity: 1;
    pointer-events: auto;
  }
  footer {
    background: #323232;
    text-align: center;
    padding: 1.5rem 0;
    color: #fff;
  }
  footer .copy_right {
    font-size: 1.7rem;
    letter-spacing: 0.05em;
  }
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 2.6666666667vw;
  }
  body {
    min-width: 320px;
  }
  article {
    width: 100%;
    overflow: hidden;
  }
  .fixed_contact {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5rem;
    background: #6493b2;
    color: #fff;
    z-index: 2;
    transition: opacity 0.5s ease;
  }
  .fixed_contact .contact_btn {
    display: block;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1;
    text-align: left;
    color: #fff;
    padding-top: 0.75rem;
    padding-left: 2.5rem;
    height: 100%;
    background: url(../images/arrow.svg) calc(100% - 2.5rem) center/1.6rem 2rem no-repeat;
    letter-spacing: -0.02em;
  }
  .fixed_contact .contact_btn strong {
    display: block;
    font-size: 2rem;
    margin-top: 0.5rem;
    letter-spacing: 0;
  }
  .fixed_contact.hide {
    opacity: 0;
    pointer-events: none;
  }
  section .inner_wrap {
    width: calc(100% - 5rem);
    margin: 0 auto;
  }
  section#mv {
    background-image: url(../images/kv_bg_sp.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #c8c8c8;
    height: 60rem;
    z-index: 1;
  }
  section#mv .text1,
  section#mv .text2,
  section#mv h1,
  section#mv .bike {
    position: absolute;
    top: 0;
    left: 50%;
  }
  section#mv .text1 {
    width: 34rem;
    margin-left: -17rem;
    margin-top: 0;
  }
  section#mv h1 {
    width: 26.8rem;
    margin-left: -13.4rem;
    margin-top: 12.1rem;
  }
  section#mv .text2 {
    width: 32.5rem;
    margin-left: -16.25rem;
    margin-top: 42.5rem;
  }
  section#mv .bike1 {
    width: 8.45rem;
    margin-left: -9.3rem;
    margin-top: 32.4rem;
  }
  section#mv .bike2 {
    width: 6.65rem;
    margin-left: 1.5rem;
    margin-top: 31rem;
  }
  section#mv .fixed_news {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5.75rem;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section#mv .fixed_news .news {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  section#mv .fixed_news .news .news_head {
    width: 6.3rem;
    white-space: nowrap;
  }
  section#mv .fixed_news .news .news_head .en {
    font-size: 1.8rem;
    line-height: 2.1rem;
  }
  section#mv .fixed_news .news .news_head .date {
    font-size: 1rem;
    margin-top: 0.5rem;
    font-weight: bold;
  }
  section#mv .fixed_news .news .news_text {
    width: 18.2rem;
    margin-left: 2rem;
    font-size: 1.3rem;
    line-height: 2rem;
    white-space: nowrap;
  }
  section h2 {
    opacity: 0;
  }
  section h2 .en,
  section h2 .jp {
    display: block;
    overflow: hidden;
    position: relative;
    opacity: 0;
    transition: opacity 0s;
    width: fit-content;
  }
  section h2 .en .inner,
  section h2 .jp .inner {
    opacity: 0;
    transition: opacity 0s 0.34s;
  }
  section h2 .en:after,
  section h2 .jp:after {
    content: "";
    display: block;
    position: absolute;
    width: 102%;
    height: 102%;
    background-color: #000;
    left: -1%;
    top: -1%;
    z-index: 2;
    transform: translateX(-101%);
  }
  section h2 .en {
    font-size: 3.5rem;
    line-height: 3.6rem;
  }
  section h2 .jp {
    font-size: 1.4rem;
    font-weight: bold;
  }
  section h2 .en + .jp {
    margin-top: 1.4rem;
  }
  section h2.show {
    opacity: 1;
  }
  section h2.show .en,
  section h2.show .jp {
    opacity: 1;
  }
  section h2.show .en .inner,
  section h2.show .jp .inner {
    opacity: 1;
  }
  section h2.show .en:after,
  section h2.show .jp:after {
    animation: title_bar 0.7s cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
  }
  section h2.show .en:nth-child(2) .inner,
  section h2.show .jp:nth-child(2) .inner {
    transition-delay: 0.74s;
  }
  section h2.show .en:nth-child(2):after,
  section h2.show .jp:nth-child(2):after {
    animation-delay: 0.4s;
  }
  section h2.show .en:nth-child(3) .inner,
  section h2.show .jp:nth-child(3) .inner {
    transition-delay: 1.14s;
  }
  section h2.show .en:nth-child(3):after,
  section h2.show .jp:nth-child(3):after {
    animation-delay: 0.8s;
  }
  section h2 + .text {
    margin-top: 3.2rem;
  }
  section h2.bk .en:after,
  section h2.bk .jp:after {
    background-color: #fff;
  }
  section .text {
    font-size: 1.5rem;
    line-height: 3rem;
  }
  section#movie_section {
    padding: 0;
    margin: 0;
    background: #000;
    margin-bottom: -1px;
  }
  section#champion_section {
    background: #fff;
    padding-bottom: 6rem;
  }
  section#champion_section .main_pic {
    width: 100%;
  }
  section#champion_section .title {
    width: 46.3rem;
    margin: -4.25rem auto 0.75rem;
    left: calc(50% - 23.15rem);
  }
  section#champion_section .main_text {
    font-size: 1.5rem;
    line-height: 2;
    margin-bottom: 5.25rem;
  }
  section#champion_section .champion_block .bg {
    display: block;
    position: absolute;
    top: 0;
    transition-delay: 0.5s;
  }
  section#champion_section .champion_block .pics {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  section#champion_section .champion_block .pics img {
    display: block;
    width: 100%;
  }
  section#champion_section .champion_block .pics img:nth-child(n+2) {
    width: calc(50% - 0.7rem);
    margin-top: 1.4rem;
  }
  section#champion_section .champion_block .texts {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    padding: 1.5rem 1.5rem 0.8rem;
    margin-top: 1.5rem;
  }
  section#champion_section .champion_block .texts .block_title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  section#champion_section .champion_block .texts .tag {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #fff;
    padding: 0 0.5rem;
    width: fit-content;
    background: #969696;
  }
  section#champion_section .champion_block .texts .name {
    margin-top: 1.5rem;
  }
  section#champion_section .champion_block .texts .name .en {
    display: block;
    font-size: 3rem;
    line-height: 3.6rem;
    letter-spacing: 0.03em;
  }
  section#champion_section .champion_block .texts .name .jp {
    display: block;
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: bold;
  }
  section#champion_section .champion_block .texts .text {
    font-size: 1.1rem;
    line-height: 2.5rem;
    margin-top: 1.3rem;
  }
  section#champion_section .champion_block.mens .bg {
    width: 54.65rem;
    height: 50.05rem;
    background: url(../images/champion_bg_m.png) center/contain no-repeat;
    left: calc(50% - 22rem);
    margin-top: 29.2rem;
  }
  section#champion_section .champion_block.mens .texts .block_title {
    color: #0F64BE;
  }
  section#champion_section .champion_block.womens {
    margin-top: 4.5rem;
    flex-direction: row-reverse;
  }
  section#champion_section .champion_block.womens .bg {
    width: 50.95rem;
    height: 43.35rem;
    background: url(../images/champion_bg_w.png) center/contain no-repeat;
    left: calc(50% - 31.1rem);
    margin-top: 36.1rem;
  }
  section#champion_section .champion_block.womens .texts .block_title {
    color: #E63C6E;
  }
  section#amazing {
    padding-bottom: 5.25rem;
  }
  section#amazing .title {
    text-align: center;
    margin-bottom: 3.3rem;
  }
  section#amazing .title .en {
    display: block;
    font-size: 2.5rem;
    line-height: 3.3rem;
    margin: 0 auto;
  }
  section#amazing .title .jp {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    margin: 1.5rem auto 0;
    font-weight: normal;
  }
  section#amazing .text {
    text-align: center;
    font-size: 1.1rem;
    line-height: 2.5rem;
    margin-bottom: 3.3rem;
  }
  section#amazing .logo {
    display: block;
    margin: 0 auto 5rem;
    width: 23.75rem;
  }
  section#amazing .flex_wrap .col .texts {
    margin: 1.5rem auto 0;
    width: fit-content;
  }
  section#amazing .flex_wrap .col .texts .block_title {
    width: fit-content;
    font-size: 2rem;
    line-height: 2.4rem;
  }
  section#amazing .flex_wrap .col .texts .tag {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #fff;
    padding: 0 0.5rem;
    width: fit-content;
    background: #969696;
  }
  section#amazing .flex_wrap .col .texts .name {
    width: fit-content;
    margin-top: 1rem;
  }
  section#amazing .flex_wrap .col .texts .name .en {
    display: block;
    width: fit-content;
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: 0.03em;
  }
  section#amazing .flex_wrap .col .texts .name .jp {
    display: block;
    width: fit-content;
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: bold;
  }
  section#amazing .flex_wrap .col.mens .texts .block_title {
    color: #0F64BE;
  }
  section#amazing .flex_wrap .col.womens {
    margin-top: 5rem;
  }
  section#amazing .flex_wrap .col.womens .texts .block_title {
    color: #E63C6E;
  }
  section#gallery {
    padding-top: 11.15rem;
    padding-bottom: 5rem;
    background: url(../images/gallery_bg.png) center top/96rem 6.15rem no-repeat;
    color: #fff;
  }
  section#gallery:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 5.65rem;
    width: 100%;
    height: calc(100% - 5.65rem);
    background: #323232;
  }
  section#gallery .title {
    text-align: center;
    margin-bottom: 5rem;
  }
  section#gallery .title .en {
    display: block;
    font-size: 2.5rem;
    line-height: 3rem;
    margin: 0 auto;
  }
  section#gallery .title .jp {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    margin: 1.5rem auto 0;
  }
  section#gallery .block_title {
    font-size: 1.5rem;
    line-height: 1.8rem;
    margin-bottom: 1rem;
  }
  section#gallery .movie_block {
    width: 100%;
    margin: 0 auto;
  }
  section#gallery .movie_block .movie_wrap {
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
  }
  section#gallery .movie_block iframe {
    width: auto;
    height: 102%;
    aspect-ratio: 16/9;
    position: absolute;
    left: -1%;
    top: -1%;
  }
  section#gallery .slide_block {
    margin-top: 6rem;
  }
  section#gallery .slide_block .block_title {
    margin-bottom: 2.5rem;
  }
  section#gallery .slide_block .slider {
    width: 85rem;
    left: calc(50% - 42.5rem);
    display: flex;
  }
  section#gallery .slide_block .slider .slide {
    width: 17rem;
    padding: 0 0.5rem;
  }
  section#gallery .slide_block .block_title.bottom_text {
    margin-top: 2.5rem;
    margin-bottom: 0;
    text-align: right;
  }
  section#whats {
    background: url(../images/whats_bg_sp.jpg) center/cover;
    color: #fff;
  }
  section#whats .inner_wrap {
    padding: 5.3rem 0 4.2rem;
  }
  section#whats h2 .jp {
    color: #030000;
    width: fit-content;
    padding: 0 0.4rem;
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: bold;
  }
  section#whats h2 .jp .enfont {
    font-size: 2rem;
    letter-spacing: 0.02em;
    font-weight: 400;
  }
  section#whats h2 .jp:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 1s;
  }
  section#whats h2.show .jp:before {
    opacity: 1;
  }
  section#message {
    background: #000;
    color: #fff;
  }
  section#message .inner_wrap {
    padding: 5.3rem 0 5rem;
  }
  section#message .pic {
    width: 19rem;
    margin: 4.2rem auto 3.1rem;
  }
  section#message .producer {
    width: 100%;
    border-top: rgba(255, 255, 255, 0.5) 1px solid;
    border-bottom: rgba(255, 255, 255, 0.5) 1px solid;
    padding: 2rem 0.4rem;
  }
  section#message .producer .name {
    white-space: nowrap;
    font-size: 1.8rem;
    font-weight: bold;
  }
  section#message .producer .name .jp {
    font-size: 2rem;
    margin-top: 1.7rem;
    display: inline-block;
  }
  section#message .producer .name .en {
    font-size: 1rem;
    letter-spacing: 0.15em;
    font-weight: 400;
    display: inline-block;
    margin-left: 2.5rem;
    top: -0.5rem;
    position: relative;
  }
  section#message .producer .history {
    font-size: 1.2rem;
    line-height: 2.25rem;
    margin-top: 1.2rem;
  }
  section#sponsorship .inner_wrap {
    padding: 5.3rem 0 2.6rem;
  }
  section#sponsorship h2 {
    margin-bottom: 5rem;
  }
  section#sponsorship .row .row_title {
    min-width: 20rem;
    width: fit-content;
    margin: 0 auto 4rem;
    background: #646464;
  }
  section#sponsorship .row .row_title .en {
    display: block;
    width: fit-content;
    min-width: 20rem;
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 2rem;
    line-height: 2.4rem;
    padding: 0.55rem 1rem;
  }
  section#sponsorship .row .row_title .jp {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    line-height: 1;
    padding: 0.5rem 0;
  }
  section#sponsorship .row .logo1 {
    display: block;
    margin: 0 auto 4rem;
    width: 32.5rem;
    max-width: 100%;
  }
  section#sponsorship .row .logo_set {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  section#sponsorship .row .logo_set .logo {
    display: block;
    margin: 0;
  }
  section#sponsorship .row .logo_set .logo2 {
    width: 14.5rem;
  }
  section#sponsorship .row .logo_set .logo3 {
    width: 10.6rem;
    margin: 2.5rem auto 0;
  }
  section#sponsorship .row .logo_set .logo4 {
    width: 15.5rem;
  }
  section#sponsorship .row .head_copy {
    font-weight: bold;
    font-size: 2.3rem;
    line-height: 1;
    white-space: nowrap;
    margin: 0 auto 1.8rem;
  }
  section#sponsorship .row .text {
    font-size: 1.1rem;
    line-height: 2.5rem;
    white-space: nowrap;
    margin: 0 auto;
  }
  section#sponsorship .row + .row {
    margin-top: 7.8rem;
  }
  section#eventinfo .inner_wrap {
    padding: 5.3rem 0 2.5rem;
  }
  section#eventinfo h2 {
    margin-bottom: 6rem;
  }
  section#eventinfo .row .row_title {
    text-align: center;
    margin-bottom: 3rem;
  }
  section#eventinfo .row .row_title .en {
    display: block;
    font-size: 2.5rem;
    line-height: 3rem;
  }
  section#eventinfo .row .row_title .jp {
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    margin-top: 1.5rem;
  }
  section#eventinfo .row .pic {
    width: 100%;
    margin: 0 auto 2.5rem;
  }
  section#eventinfo .row .place {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.5;
  }
  section#eventinfo .row .date {
    font-size: 2.5rem;
    letter-spacing: 0.03em;
    margin: 2.5rem auto 0;
    width: 100%;
    max-width: 80rem;
    border-top: #000 1px solid;
    border-bottom: #000 1px solid;
    text-align: center;
    line-height: 3.5rem;
    padding: 1.6rem 0;
  }
  section#eventinfo .row .text.soon {
    color: #969696;
    font-size: 2.1rem;
    line-height: 1.2142857143;
    text-align: center;
  }
  section#eventinfo .row .tab_area .tab_btn_set {
    width: 100%;
    margin: 0 auto;
    height: 8.4rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn {
    display: block;
    width: 47.6923076923%;
    text-align: center;
    color: #fff;
    font-weight: normal;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn .en {
    display: block;
    font-size: 1.75rem;
    letter-spacing: 0.03em;
    line-height: 2.8285714286;
    background: #0F64BE;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn .jp {
    display: block;
    font-size: 1rem;
    line-height: 2.5rem;
    background: #000;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn .jp:after {
    content: "";
    display: block;
    position: absolute;
    width: 0.75rem;
    height: 0.9rem;
    background: url(../images/tab_arrow.svg) center/contain no-repeat;
    transform-origin: center;
    right: 0.8rem;
    top: 0.8rem;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn.women .en {
    background: #E63C6E;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn.active .jp {
    height: 3.5rem;
  }
  section#eventinfo .row .tab_area .tab_btn_set .tab_btn.active .jp:after {
    transform: rotate(90deg);
  }
  section#eventinfo .row .tab_area .tab_set {
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease;
    width: 100%;
    margin: 0 auto;
  }
  section#eventinfo .row .tab_area .tab_set .tab {
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  section#eventinfo .row .tab_area .tab_set .tab .tab_close {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    width: 20rem;
    height: 3.5rem;
    background: url(../images/close_men_sp.png) right bottom/contain no-repeat;
  }
  section#eventinfo .row .tab_area .tab_set .tab.active {
    opacity: 1;
  }
  section#eventinfo .row .tab_area .tab_set .tab.women .tab_close {
    background-image: url(../images/close_women_sp.png);
  }
  section#eventinfo .row + .row {
    margin-top: 5rem;
  }
  section#eventinfo .row.course .pic_wrap {
    width: 100%;
    overflow-x: auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 570px) {
  section#eventinfo .row.course .pic_wrap {
    overflow-x: scroll;
  }
  section#eventinfo .row.course .pic_wrap::-webkit-scrollbar {
    width: 10px;
    height: 2px;
  }
  section#eventinfo .row.course .pic_wrap::-webkit-scrollbar-thumb {
    border-radius: 0.25rem;
  }
  section#eventinfo .row.course .pic_wrap::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    background-color: #969696;
  }
}
@media screen and (max-width: 768px) {
  section#eventinfo .row.course .pic_wrap .pic {
    width: 52rem;
  }
  section#eventinfo .row.rules {
    width: 100%;
    margin: 3.5rem auto 0;
    border: 1px solid #000;
    padding: 0 1.4rem 1rem;
  }
  section#eventinfo .row.rules .row_title {
    margin: -1px auto 1.2rem;
    background: url(../images/rules_bg_sp.svg) center/24rem auto no-repeat;
    color: #fff;
    padding: 0.75rem 0;
  }
  section#eventinfo .row.rules .row_title .en {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  section#eventinfo .row.rules .row_title .jp {
    font-size: 1rem;
    line-height: 1;
    font-weight: bold;
    margin-top: 0.75rem;
  }
  section#eventinfo .row.rules .rules_list li {
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 2;
  }
  section#archive .inner_wrap {
    padding: 5.3rem 0 0;
    margin-bottom: 7.5rem;
  }
  section#archive .video {
    position: relative;
    width: 100%;
    aspect-ratio: 650/365;
    margin-top: 3.25rem;
  }
  section#archive .video iframe {
    width: 100%;
    height: 100%;
  }
  section#archive .archive_btn {
    display: flex;
    width: 27.5rem;
    height: 6rem;
    justify-content: flex-start;
    align-items: center;
    padding-left: 1rem;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.25rem;
    font-weight: bold;
    background: url(../images/arrow.svg) calc(100% - 1.25rem) center/1.6rem 2rem no-repeat #000;
    margin: 5rem auto 0;
  }
  section#organizer {
    background: url(../images/footer_bg_sp.jpg) center/cover;
    color: #fff;
  }
  section#organizer .inner_wrap {
    padding: 5.3rem 0 6.4rem;
  }
  section#organizer .organizer_list {
    margin-top: 2.3rem;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: bold;
    text-align: center;
  }
  section#organizer .organizer_list small {
    font-size: 1.3rem;
    display: block;
    margin-top: 0.3rem;
  }
  section#organizer .organizer_list > li + li {
    margin-top: 5rem;
  }
  section#organizer .logo_list {
    margin-top: 3.5rem;
    width: 100%;
  }
  section#organizer .logo_list .logo {
    position: relative;
    top: auto;
    left: auto;
    display: block;
    width: 15rem;
    margin: 0 auto;
  }
  section#organizer .logo_list .logo.logo_gt {
    width: 20.5rem;
  }
  section#organizer .logo_list .logo.logo_lynx {
    width: 11.5rem;
  }
  section#organizer .logo_list li + li {
    margin-top: 3.5rem;
  }
  section#organizer .logo {
    position: absolute;
    top: 1.5rem;
    right: 0rem;
    width: 11.95rem;
  }
  section#organizer .btn_wrap {
    margin: 5rem auto 0;
    width: 27.5rem;
  }
  section#organizer .btn_wrap .contact_btn {
    display: block;
    width: 27.5rem;
    height: 6.5rem;
    background: url(../images/arrow.svg) calc(100% - 1.3rem) center/1.6rem 2rem no-repeat #6493B2;
    color: #fff;
    padding-left: 1rem;
    padding-top: 1.5rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
  }
  section#organizer .btn_wrap .contact_btn small {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    letter-spacing: -0.02em;
  }
  #pic_modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 3;
  }
  #pic_modal .modal_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    cursor: pointer;
  }
  #pic_modal .modal_inner {
    position: absolute;
    width: 92%;
    max-width: 988px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #pic_modal .modal_inner::before, #pic_modal .modal_inner::after {
    content: "";
    display: block;
    position: absolute;
    width: 3rem;
    height: 2px;
    background: #fff;
    right: 0;
    top: -2rem;
    transform-origin: center;
    transform: rotate(40deg);
    pointer-events: none;
  }
  #pic_modal .modal_inner::after {
    transform: rotate(-40deg);
  }
  #pic_modal.show {
    transition: opacity 0.3s ease;
    opacity: 1;
    pointer-events: auto;
  }
  footer {
    background: #323232;
    text-align: center;
    padding: 1rem 0;
    color: #fff;
  }
  footer .copy_right {
    font-size: 1.2rem;
    letter-spacing: 0.05em;
  }
  .pc {
    display: none !important;
  }
}
section#mv .text1,
section#mv .text2 {
  filter: blur(10px);
  opacity: 0;
}
section#mv h1 {
  transform: scale(0);
  opacity: 0;
}
section#mv .bike {
  transform: scale(0);
  opacity: 0;
}
section#mv .bike1 {
  transform-origin: 110% 140%;
}
section#mv .bike2 {
  transform-origin: -10% 120%;
}
section#mv.show .text1 {
  opacity: 1;
  filter: blur(0px);
  animation: show 0.4s ease 0.5s;
  animation-fill-mode: both;
}
section#mv.show .text2 {
  opacity: 1;
  filter: blur(0px);
  animation: show 0.4s ease 1.2s;
  animation-fill-mode: both;
}
section#mv.show h1 {
  opacity: 1;
  transform: scale(1);
  animation: bikeShow 0.4s ease 0.8s;
  animation-fill-mode: both;
}
section#mv.show .bike {
  opacity: 1;
  transform: scale(1);
  animation: bikeShow 0.4s ease 2s;
  animation-fill-mode: both;
}

@keyframes show {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
@keyframes bikeShow {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes title_bar {
  0% {
    transform: translateX(-101%);
  }
  40% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(101%);
  }
}