@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Nunito+Sans:900&display=swap");
/* ==================================================
Mixin
================================================== */
/*
 * Easing function
 * Original：http://easings.net/
 */
/* ==================================================
KeyFrames
================================================== */
@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}

/* ==================================================
Foundation
================================================== */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

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

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* append */
html {
  font-size: 62.5%;
}

body {
  line-height: 1.75;
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  font-size: 1.4em;
  color: #000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: 'palt' 1, none;
  font-variant-ligatures: none;
}

html[lang="en"] body {
  font-family: 'Helvetica', 'Helvetica Neue', 'Arial', Meiryo, sans-serif;
}

input, textarea, code, select {
  line-height: 1.75;
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  font-size: 1.4em;
  color: #000;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: 'palt' 1, none;
  font-variant-ligatures: none;
}

html[lang="en"] input, html[lang="en"] textarea, html[lang="en"] code, html[lang="en"] select {
  font-family: 'Helvetica', 'Helvetica Neue', 'Arial', Meiryo, sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
}

input, textarea, code, select, button {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  border: none;
  background: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

em {
  font-style: normal;
}

hr {
  margin: 0;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

[tabindex="-1"]:focus {
  outline: 0;
}

[aria-hidden="true"] {
  display: none !important;
}

/* ==================================================
Layout
================================================== */
/* header */
@media screen and (max-width: 750px) {
  body.is-opened-header-menu {
    position: fixed;
    width: 100%;
    overflow-y: hidden;
  }
}

@-webkit-keyframes headerMenuIn {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes headerMenuIn {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes headerMenuOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes headerMenuOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@media all and (min-width: 751px) {
  .l-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 100000;
  }
  body.is-skiplink-active .l-header {
    position: relative;
  }
  body.is-fixed-header-menu .l-header {
    position: fixed;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    will-change: auto;
  }
  body.is-header-menu-in .l-header {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-animation: headerMenuIn 0.4s ease-in-out both;
            animation: headerMenuIn 0.4s ease-in-out both;
  }
  body.is-header-menu-out .l-header {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    -webkit-animation: headerMenuOut 0.4s ease-in-out both;
            animation: headerMenuOut 0.4s ease-in-out both;
  }
}

@media screen and (max-width: 750px) {
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 100000;
  }
  body.is-skiplink-active .l-header {
    position: relative;
  }
}

@media all and (min-width: 751px) {
  .l-header-body {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    height: 145px;
  }
  body.is-fixed-header-menu .l-header-body {
    height: 95px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-header-body {
    height: 14.16016vw;
  }
  body.is-fixed-header-menu .l-header-body {
    height: 9.27734vw;
  }
}

@media screen and (max-width: 750px) {
  .l-header-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: start;
            align-items: flex-start;
    height: 65px;
  }
}

@media all and (min-width: 751px) {
  .l-header-logo {
    width: 11.66667%;
    text-align: center;
  }
  body.is-fixed-header-menu .l-header-logo {
    width: 8.33333%;
  }
}

@media screen and (max-width: 750px) {
  .l-header-logo {
    position: relative;
    width: 70px;
    text-align: center;
    z-index: 2;
  }
}

@media all and (min-width: 751px) {
  .l-header-menu {
    position: relative;
    width: 85.83333%;
    margin-left: 2.5%;
  }
}

@media screen and (max-width: 750px) {
  .l-header-menu-head {
    position: absolute;
    top: 0;
    left: -4vw;
    right: -4vw;
    width: 100vw;
    height: 100%;
    padding: 0 4vw;
    background: #fff;
    z-index: 1;
  }
}

@media all and (min-width: 751px) {
  .l-header-menu-open {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .l-header-menu-open {
    position: absolute;
    top: 50%;
    right: 4vw;
    width: 54px;
    height: 54px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    cursor: pointer;
  }
}

@media all and (min-width: 751px) {
  .l-header-menu-open__label {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .l-header-menu-open__label {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 3px;
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }
  .l-header-menu-open__label::before, .l-header-menu-open__label::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 100px;
    background: #008651;
  }
  [aria-expanded="true"] .l-header-menu-open__label {
    background: none;
  }
  [aria-expanded="true"] .l-header-menu-open__label::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out 0.1s;
  }
  [aria-expanded="true"] .l-header-menu-open__label::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: top 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out 0.1s;
  }
  [aria-expanded="false"] .l-header-menu-open__label {
    background: #008651;
  }
  [aria-expanded="false"] .l-header-menu-open__label::before {
    top: -10px;
    -webkit-transition: top 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out;
    transition: top 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out;
    transition: top 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out;
    transition: top 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  }
  [aria-expanded="false"] .l-header-menu-open__label::after {
    bottom: -10px;
    -webkit-transition: bottom 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out;
    transition: bottom 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out;
    transition: bottom 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out;
    transition: bottom 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  }
}

@media screen and (max-width: 750px) {
  .l-header-menu-body {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    padding-top: 65px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }
  .is-opened-header-menu .l-header-menu-body {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@media all and (min-width: 751px) {
  .l-header-menu-body__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
}

@media screen and (max-width: 750px) {
  .l-header-menu-body__inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: start;
            justify-content: flex-start;
    min-height: 100%;
    padding: 10px 4vw 50px;
    background: #fff;
  }
}

@media all and (min-width: 751px) {
  .l-header-menu-bottom {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .l-header-menu-bottom {
    margin-top: auto;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .l-header-menu-close {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .l-header-menu-close {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 108px;
    height: 40px;
    background: #008651;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
  }
}

@media all and (min-width: 751px) {
  .l-header-menu-close__ico {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .l-header-menu-close__ico {
    position: absolute;
    top: 50%;
    right: 12px;
    width: 12px;
    height: 24px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  .l-header-menu-close__ico::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 100px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .l-header-menu-close__ico::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 100px;
    background: #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

@media all and (min-width: 751px) {
  .l-header-menu-close__label {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .l-header-menu-close__label {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.25em;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }
}

@media all and (min-width: 751px) {
  .l-header-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    height: 100%;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .l-header-btn {
    position: absolute;
    top: 50%;
    right: calc(30 / 750 * 100vw + 57px);
    z-index: 1;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media all and (min-width: 751px) {
  .l-header-btn__item {
    width: 7em;
    margin-top: 3.625em;
    margin-bottom: .5em;
    line-height: 1.3125em;
    text-align: center;
    font-size: 12px;
  }
  body.is-fixed-header-menu .l-header-btn__item {
    margin-top: 3.375em;
    margin-bottom: .25em;
    font-size: 11px;
  }
  .l-header-btn__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: #fff;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }
  .l-header-btn__item a:hover {
    color: #008651;
  }
  body.is-fixed-header-menu .l-header-btn__item a {
    font-size: 10px;
  }
  .l-header-btn__item > span {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: #fff;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
  body.is-fixed-header-menu .l-header-btn__item > span {
    font-size: 10px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-header-btn__item {
    font-size: 1.17188vw;
  }
  body.is-fixed-header-menu .l-header-btn__item {
    font-size: 1.07422vw;
  }
  .l-header-btn__item a {
    font-size: 1.07422vw;
  }
  body.is-fixed-header-menu .l-header-btn__item a {
    font-size: 0.97656vw;
  }
  .l-header-btn__item > span {
    font-size: 1.07422vw;
  }
  body.is-fixed-header-menu .l-header-btn__item > span {
    font-size: 0.97656vw;
  }
}

@media screen and (max-width: 750px) {
  .l-header-btn__item {
    width: 10em;
    line-height: 1.3125em;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
  }
  .l-header-btn__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: #fff;
    color: #fff;
    text-decoration: none;
  }
  .l-header-btn__item > span {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: #fff;
    color: #fff;
  }
}

@media all and (min-width: 751px) {
  .l-header-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 3.40909em;
    border: 1px solid #008651;
    border-radius: 100px;
    background: #008651;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
  }
  a:hover .l-header-btn-body {
    background: #fff;
  }
  span .l-header-btn-body {
    border: 1px solid #ddd;
    background: #ddd;
  }
}

@media screen and (max-width: 750px) {
  .l-header-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 24px;
    border: 1px solid #008651;
    border-radius: 100px;
    background: #008651;
  }
  span .l-header-btn-body {
    border: 1px solid #ddd;
    background: #ddd;
  }
}

@media all and (min-width: 751px) {
  .l-header-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    max-width: 735px;
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .l-header-nav {
    padding: 0 4vw;
  }
}

@media all and (min-width: 751px) {
  .l-header-nav-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

@media all and (min-width: 751px) {
  .l-header-nav-list__item {
    width: 14.28571%;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
  }
  .l-header-nav-list__item a {
    display: block;
    color: #008651;
    text-decoration: none;
  }
  .l-header-nav-list__item a:hover {
    text-decoration: underline;
  }
  .l-header-nav-list__item--watch a {
    color: #023ba4;
  }
  .l-header-nav-list__item--race a {
    color: #d83d00;
  }
  .l-header-nav-list__item--tickets a {
    color: #0080a0;
  }
  .l-header-nav-list__item--course a {
    color: #815bc2;
  }
  .l-header-nav-list__item--school a {
    color: #e42525;
  }
  .l-header-nav-list__item--information a {
    color: #697f00;
  }
  .l-header-nav-list__item--sscm a {
    color: #008651;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-header-nav-list__item {
    font-size: 1.17188vw;
  }
}

@media screen and (max-width: 750px) {
  .l-header-nav-list__item {
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    font-weight: 700;
  }
  .l-header-nav-list__item:first-child {
    border-top: none;
  }
  .l-header-nav-list__item a {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    height: 44px;
    color: #008651;
    text-decoration: none;
  }
  .l-header-nav-list__item--watch a {
    color: #023ba4;
  }
  .l-header-nav-list__item--race a {
    color: #d83d00;
  }
  .l-header-nav-list__item--tickets a {
    color: #0080a0;
  }
  .l-header-nav-list__item--course a {
    color: #815bc2;
  }
  .l-header-nav-list__item--school a {
    color: #e42525;
  }
  .l-header-nav-list__item--information a {
    color: #697f00;
  }
  .l-header-nav-list__item--sscm a {
    color: #008651;
  }
}

@media all and (min-width: 751px) {
  .l-header-nav-list__ico {
    display: block;
    width: 76.19048%;
    margin: 0 auto;
  }
  .l-header-nav-list__ico::before {
    content: '';
    display: block;
    padding-top: 75%;
  }
  .l-header-nav-list__item--watch .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--race .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_race01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--tickets .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--course .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_course01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--school .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_school01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--information .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_information01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--sscm .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_sscm01.svg") no-repeat center center;
    background-size: contain;
  }
  body.is-fixed-header-menu .l-header-nav-list__ico {
    width: 51.42857%;
  }
}

@media screen and (max-width: 750px) {
  .l-header-nav-list__ico {
    display: block;
    width: 40px;
  }
  .l-header-nav-list__ico::before {
    content: '';
    display: block;
    padding-top: 75%;
  }
  .l-header-nav-list__item--watch .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--race .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_race01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--tickets .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--course .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_course01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--school .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_school01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--information .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_information01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--sscm .l-header-nav-list__ico {
    background: url("/assets/img/common/ico_nav_sscm01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .l-header-nav-list__label {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    height: calc((1.75 * 2 * .75em) + .75em);
    padding-top: .375em;
    padding-bottom: .375em;
    line-height: 1.3125em;
    white-space: nowrap;
  }
  .l-header-nav-list__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 50%;
    margin: 0 auto;
    border-top: 2px solid #008651;
  }
  .l-header-nav-list__item--watch .l-header-nav-list__label::before {
    border-top: 2px solid #023ba4;
  }
  .l-header-nav-list__item--race .l-header-nav-list__label::before {
    border-top: 2px solid #d83d00;
  }
  .l-header-nav-list__item--tickets .l-header-nav-list__label::before {
    border-top: 2px solid #0080a0;
  }
  .l-header-nav-list__item--course .l-header-nav-list__label::before {
    border-top: 2px solid #815bc2;
  }
  .l-header-nav-list__item--school .l-header-nav-list__label::before {
    border-top: 2px solid #e42525;
  }
  .l-header-nav-list__item--information .l-header-nav-list__label::before {
    border-top: 2px solid #697f00;
  }
  .l-header-nav-list__item--sscm .l-header-nav-list__label::before {
    border-top: 2px solid #008651;
  }
  body.is-fixed-header-menu .l-header-nav-list__label {
    padding-top: 0;
    padding-bottom: 0;
  }
  body.is-fixed-header-menu .l-header-nav-list__label::before {
    content: none;
  }
}

@media screen and (max-width: 750px) {
  .l-header-nav-list__label {
    display: block;
    margin-left: 1em;
  }
  .l-header-nav-list__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 14px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  .l-header-nav-list__item--watch .l-header-nav-list__label::before {
    background: url("/assets/img/common/ico_nav_arw_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--race .l-header-nav-list__label::before {
    background: url("/assets/img/common/ico_nav_arw_race01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--tickets .l-header-nav-list__label::before {
    background: url("/assets/img/common/ico_nav_arw_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--course .l-header-nav-list__label::before {
    background: url("/assets/img/common/ico_nav_arw_course01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--school .l-header-nav-list__label::before {
    background: url("/assets/img/common/ico_nav_arw_school01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--information .l-header-nav-list__label::before {
    background: url("/assets/img/common/ico_nav_arw_information01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-header-nav-list__item--sscm .l-header-nav-list__label::before {
    background: url("/assets/img/common/ico_nav_arw_common01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .l-header-sub-menu {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    margin-left: 4.36893%;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-header-sub-menu {
    margin-left: 2.91262%;
  }
}

@media screen and (max-width: 750px) {
  .l-header-sub-menu {
    padding: 0 4vw;
  }
}

@media screen and (max-width: 750px) {
  .l-header-sub-menu-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
    height: 91px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
}

@media all and (min-width: 751px) {
  .l-header-sub-menu-list__item {
    margin: .5em 0;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
  }
  .l-header-sub-menu-list__item a {
    color: #000;
    text-decoration: none;
  }
  .l-header-sub-menu-list__item a:hover {
    text-decoration: underline;
  }
  body.is-fixed-header-menu .l-header-sub-menu-list__item {
    margin: .25em 0;
    font-size: 11px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-header-sub-menu-list__item {
    font-size: 1.17188vw;
  }
  body.is-fixed-header-menu .l-header-sub-menu-list__item {
    font-size: 1.07422vw;
  }
}

@media screen and (max-width: 750px) {
  .l-header-sub-menu-list__item {
    width: 50%;
    border-bottom: 1px solid #e5e5e5;
    font-size: 12px;
    font-weight: 700;
  }
  .l-header-sub-menu-list__item a {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 44px;
    color: #000;
    text-decoration: none;
  }
  .l-header-sub-menu-list__item:nth-child(2) {
    border-bottom: none;
  }
}

@media screen and (max-width: 750px) {
  .l-header-sub-menu-list__label {
    display: block;
    margin-left: .5em;
  }
  .l-header-sub-menu-list__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 13px;
    width: 7px;
    height: 10px;
    background: url("/assets/img/common/ico_nav_arw01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media all and (min-width: 751px) {
  .l-header-lang-menu {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    margin-left: 2.91262%;
  }
  .l-header-lang-menu [lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
}

@media screen and (max-width: 750px) {
  .l-header-lang-menu {
    margin-top: 18px;
    margin-bottom: 32px;
  }
  .l-header-lang-menu [lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
}

@media all and (min-width: 751px) {
  .l-header-lang-menu-list {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    margin-top: .5em;
    margin-bottom: 5em;
    text-align: center;
    font-size: 12px;
    z-index: 1;
  }
  .l-header-lang-menu-list::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: .75em;
    border-left: 2px solid #000;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }
  body.is-fixed-header-menu .l-header-lang-menu-list {
    margin-top: .25em;
    margin-bottom: 4.25em;
    font-size: 11px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-header-lang-menu-list {
    font-size: 1.17188vw;
  }
  body.is-fixed-header-menu .l-header-lang-menu-list {
    font-size: 1.07422vw;
  }
}

@media screen and (max-width: 750px) {
  .l-header-lang-menu-list {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
  }
  .l-header-lang-menu-list::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    height: .75em;
    border-left: 2px solid #000;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }
}

@media all and (min-width: 751px) {
  .l-header-lang-menu-list__item {
    width: 1.5em;
    margin: 0 1em;
    font-size: 12px;
    font-weight: 700;
  }
  .l-header-lang-menu-list__item a {
    color: #000;
    text-decoration: none;
  }
  .l-header-lang-menu-list__item a:hover {
    text-decoration: underline;
  }
  body.is-fixed-header-menu .l-header-lang-menu-list__item {
    font-size: 11px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-header-lang-menu-list__item {
    font-size: 1.17188vw;
  }
  body.is-fixed-header-menu .l-header-lang-menu-list__item {
    font-size: 1.07422vw;
  }
}

@media screen and (max-width: 750px) {
  .l-header-lang-menu-list__item {
    width: 1.5em;
    margin: 0 1em;
    font-size: 15px;
    font-weight: 700;
  }
  .l-header-lang-menu-list__item a {
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .l-header-lang-menu-list__item--ja a {
    color: #008651;
  }
}

@media screen and (max-width: 750px) {
  .l-header-lang-menu-list__item--ja a {
    color: #008651;
  }
}

/* container */
@media all and (min-width: 751px) {
  .l-container {
    padding-top: 145px;
    padding-bottom: 30px;
    overflow: hidden;
  }
  body.is-skiplink-active .l-container {
    padding-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-container {
    padding-top: 14.16016vw;
    padding-bottom: 2.92969vw;
  }
  body.is-skiplink-active .l-container {
    padding-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .l-container {
    padding-top: 65px;
    padding-bottom: 4vw;
    overflow: hidden;
  }
  body.is-skiplink-active .l-container {
    padding-top: 0;
  }
}

/* main */
/* content */
/* aside */
/* footer */
@media all and (min-width: 751px) {
  .l-footer {
    position: relative;
    background: #333;
    color: #fff;
    z-index: 9999;
  }
}

@media screen and (max-width: 750px) {
  .l-footer {
    position: relative;
    background: #333;
    color: #fff;
    z-index: 9999;
  }
}

@media all and (min-width: 751px) {
  .l-footer-pagetop {
    position: absolute;
    top: 0;
    right: calc((100vw - 1200px) / 2);
    -webkit-transform: translate3d(50%, -50%, 0);
            transform: translate3d(50%, -50%, 0);
  }
  .l-footer-pagetop a {
    display: inline-block;
    vertical-align: top;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
  .l-footer-pagetop a:hover {
    -webkit-transform: translate3d(0, -20%, 0);
            transform: translate3d(0, -20%, 0);
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-footer-pagetop {
    right: 10px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media screen and (max-width: 750px) {
  .l-footer-pagetop {
    position: absolute;
    top: 0;
    right: 4vw;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  .l-footer-pagetop a {
    display: inline-block;
    vertical-align: top;
  }
}

@media all and (min-width: 751px) {
  .l-footer-pagetop__label {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    background: url("/assets/img/common/ico_pagetop_arw01.svg") no-repeat center center;
    background-size: contain;
  }
  .l-footer-pagetop__label::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-footer-pagetop__label {
    width: 4.88281vw;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-pagetop__label {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    background: url("/assets/img/common/ico_pagetop_arw01_sp.svg") no-repeat center center;
    background-size: contain;
  }
  .l-footer-pagetop__label::before {
    content: '';
    display: block;
    padding-top: 100%;
  }
}

@media all and (min-width: 751px) {
  .l-footer-menu {
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-footer-menu {
    padding-top: 3.51562vw;
    padding-bottom: 3.51562vw;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-menu {
    padding-top: 6.66667vw;
    padding-bottom: 10vw;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-menu-head {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .l-footer-menu-body {
    margin-top: 2%;
    padding-top: 2%;
    border-top: 1px solid #b5b5b5;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-menu-body {
    margin-top: 6.66667vw;
    padding-top: 6vw;
    border-top: 1px solid #b5b5b5;
  }
}

@media all and (min-width: 751px) {
  .l-footer-logo {
    display: inline-block;
    vertical-align: top;
    width: 12.58333%;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-logo {
    display: inline-block;
    vertical-align: top;
    width: 115px;
  }
}

@media all and (min-width: 751px) {
  .l-footer-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

@media all and (min-width: 751px) {
  .l-footer-nav-desc:first-child {
    width: 62.5%;
  }
  .l-footer-nav-desc + .l-footer-nav-desc {
    width: 37.5%;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-footer-nav-desc:first-child {
    width: 60%;
  }
  .l-footer-nav-desc + .l-footer-nav-desc {
    width: 40%;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-nav-desc {
    width: 50%;
  }
}

@media all and (min-width: 751px) {
  .l-footer-nav-desc__term {
    margin-left: 1em;
    font-size: 100%;
    font-weight: 700;
  }
  .l-footer-nav-desc__term a {
    color: #fff;
    text-decoration: none;
  }
  .l-footer-nav-desc__term a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-nav-desc__term {
    margin-left: 1.25em;
    font-size: 85.71429%;
    font-weight: 700;
  }
  .l-footer-nav-desc__term a {
    color: #fff;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .l-footer-nav-desc__defin {
    margin-top: 1em;
    margin-left: 2.5em;
    font-size: 92.85714%;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-nav-desc__defin {
    margin-top: 1em;
    margin-left: 2em;
    font-size: 78.57143%;
  }
}

@media all and (min-width: 751px) {
  .l-footer-nav-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

@media all and (min-width: 1025px) {
  .l-footer-nav-list {
    height: 4.5em;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-footer-nav-list {
    height: 7.25em;
  }
}

@media all and (min-width: 751px) {
  .l-footer-nav-list__item {
    margin-top: 1em;
  }
  .l-footer-nav-list__item a {
    color: #fff;
    text-decoration: none;
  }
  .l-footer-nav-list__item a:hover {
    text-decoration: underline;
  }
}

@media all and (min-width: 1025px) {
  .l-footer-nav-list__item:nth-child(n+3) {
    margin-left: 1em;
  }
  .l-footer-nav-list__item:nth-child(2n+1) {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-footer-nav-list__item:nth-child(n+4) {
    margin-left: 1em;
  }
  .l-footer-nav-list__item:nth-child(3n+1) {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-nav-list__item {
    margin-top: 1em;
  }
  .l-footer-nav-list__item a {
    color: #fff;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .l-footer-bottom {
    padding-top: 21px;
    padding-bottom: 21px;
    background: #000;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .l-footer-bottom {
    padding-top: 2.05078vw;
    padding-bottom: 2.05078vw;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-bottom {
    padding-top: 4.66667vw;
    padding-bottom: 4.66667vw;
    background: #000;
  }
}

@media all and (min-width: 751px) {
  .l-footer-copy {
    text-align: center;
    font-size: 85.71429%;
  }
}

@media screen and (max-width: 750px) {
  .l-footer-copy {
    text-align: center;
    font-size: 71.42857%;
  }
}

/* ==================================================
Component
================================================== */
/* inner */
@media all and (min-width: 751px) {
  .c-inner {
    max-width: calc(1200px + 20px);
    margin: 0 auto;
    padding: 0 10px;
  }
}

@media screen and (max-width: 750px) {
  .c-inner {
    padding: 0 4vw;
  }
}

/* colored */
@media all and (min-width: 751px) {
  .c-colored {
    background: #008651;
    color: #fff;
  }
  [data-directory="watch"] .c-colored, [data-directory="facility"] .c-colored {
    background: #023ba4;
  }
  [data-directory="race"] .c-colored {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-colored {
    background: #0080a0;
  }
  [data-directory="course"] .c-colored {
    background: #815bc2;
  }
  [data-directory="school"] .c-colored {
    background: #e42525;
  }
  [data-directory="information"] .c-colored {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-colored {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-colored {
    background: #0068b7;
  }
  .c-colored a {
    color: #fff;
  }
}

@media screen and (max-width: 750px) {
  .c-colored {
    background: #008651;
    color: #fff;
  }
  [data-directory="watch"] .c-colored, [data-directory="facility"] .c-colored {
    background: #023ba4;
  }
  [data-directory="race"] .c-colored {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-colored {
    background: #0080a0;
  }
  [data-directory="course"] .c-colored {
    background: #815bc2;
  }
  [data-directory="school"] .c-colored {
    background: #e42525;
  }
  [data-directory="information"] .c-colored {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-colored {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-colored {
    background: #0068b7;
  }
  .c-colored a {
    color: #fff;
  }
}

@media all and (min-width: 751px) {
  .c-colored-body {
    position: relative;
    margin-top: 25px;
    color: #000;
  }
  .c-colored-body:first-child {
    margin-top: 0;
  }
  .c-colored-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1200px;
    width: calc(100vw - 20px);
    height: 100%;
    margin: 0 auto;
    border-radius: 30px;
    background: #fff;
  }
  .c-colored-body a {
    color: #000;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-colored-body {
    margin-top: 2.44141vw;
  }
  .c-colored-body:first-child {
    margin-top: 0;
  }
  .c-colored-body::before {
    border-radius: 2.92969vw;
  }
}

@media screen and (max-width: 750px) {
  .c-colored-body {
    position: relative;
    margin-top: 3.33333vw;
    color: #000;
  }
  .c-colored-body:first-child {
    margin-top: 0;
  }
  .c-colored-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: calc(100vw - 8vw);
    height: 100%;
    margin: 0 auto;
    border-radius: 4vw;
    background: #fff;
  }
  .c-colored-body a {
    color: #000;
  }
}

@media all and (min-width: 751px) {
  .c-colored-body__inner {
    position: relative;
    margin: 0 4.16667%;
  }
}

@media screen and (max-width: 750px) {
  .c-colored-body__inner {
    position: relative;
    padding: 0 4vw;
  }
}

/* lightcolored */
@media all and (min-width: 751px) {
  .c-lightcolored {
    position: relative;
    padding-bottom: 75px;
  }
  .c-lightcolored::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 50px);
    background: #e5f3ed;
    z-index: -1;
  }
  [data-directory="watch"] .c-lightcolored::before, [data-directory="facility"] .c-lightcolored::before {
    background: #e0e7f4;
  }
  [data-directory="race"] .c-lightcolored::before {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-lightcolored::before {
    background: #d8f0f6;
  }
  [data-directory="course"] .c-lightcolored::before {
    background: #ebe2fb;
  }
  [data-directory="school"] .c-lightcolored::before {
    background: #f7e2e2;
  }
  [data-directory="information"] .c-lightcolored::before {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-lightcolored::before {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-lightcolored::before {
    background: #e5f0f8;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-lightcolored {
    padding-bottom: 7.32422vw;
  }
  .c-lightcolored::before {
    height: calc(100% - 4.88281vw);
  }
}

@media screen and (max-width: 750px) {
  .c-lightcolored {
    position: relative;
    padding-bottom: 10vw;
  }
  .c-lightcolored::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 6.66667vw);
    background: #e5f3ed;
    z-index: -1;
  }
  [data-directory="watch"] .c-lightcolored::before, [data-directory="facility"] .c-lightcolored::before {
    background: #e0e7f4;
  }
  [data-directory="race"] .c-lightcolored::before {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-lightcolored::before {
    background: #d8f0f6;
  }
  [data-directory="course"] .c-lightcolored::before {
    background: #ebe2fb;
  }
  [data-directory="school"] .c-lightcolored::before {
    background: #f7e2e2;
  }
  [data-directory="information"] .c-lightcolored::before {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-lightcolored::before {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-lightcolored::before {
    background: #e5f0f8;
  }
}

@media all and (min-width: 751px) {
  .c-lightcolored-body {
    position: relative;
    margin-top: 25px;
  }
  .c-lightcolored-body:first-child {
    margin-top: 0;
  }
  .c-lightcolored-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1200px;
    width: calc(100vw - 20px);
    height: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: -1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-lightcolored-body {
    margin-top: 2.44141vw;
  }
  .c-lightcolored-body:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-lightcolored-body {
    position: relative;
    margin-top: 3.33333vw;
  }
  .c-lightcolored-body:first-child {
    margin-top: 0;
  }
  .c-lightcolored-body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: calc(100vw - 8vw);
    height: 100%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .c-lightcolored-body__inner {
    position: relative;
    margin: 0 8.33333%;
  }
}

@media screen and (max-width: 750px) {
  .c-lightcolored-body__inner {
    position: relative;
    padding: 0 4vw;
  }
}

/* section */
@media all and (min-width: 751px) {
  .c-section--lv1 {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section--lv1 {
    padding-top: 2.92969vw;
    padding-bottom: 5.85938vw;
  }
}

@media screen and (max-width: 750px) {
  .c-section--lv1 {
    padding-top: 4vw;
    padding-bottom: 8vw;
  }
}

@media all and (min-width: 751px) {
  .c-section--lv2 {
    padding-top: 60px;
  }
  .c-section--lv2:first-child {
    padding-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section--lv2 {
    padding-top: 5.85938vw;
  }
  .c-section--lv2:first-child {
    padding-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-section--lv2 {
    padding-top: 8vw;
  }
  .c-section--lv2:first-child {
    padding-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-section--lv3 {
    padding-top: 40px;
  }
  .c-section--lv3:first-child {
    padding-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section--lv3 {
    padding-top: 3.90625vw;
  }
  .c-section--lv3:first-child {
    padding-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-section--lv3 {
    padding-top: 5.33333vw;
  }
  .c-section--lv3:first-child {
    padding-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-section--lightcolored {
    position: relative;
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .c-section--lightcolored::before {
    content: '';
    position: absolute;
    top: calc((0.65625em + .5em) + 30px);
    left: 0;
    width: 100%;
    height: calc(100% - 180px);
    background: #e5f3ed;
    font-size: 242.85714%;
    z-index: -1;
  }
  [data-directory="watch"] .c-section--lightcolored::before, [data-directory="facility"] .c-section--lightcolored::before {
    background: #e0e7f4;
  }
  [data-directory="race"] .c-section--lightcolored::before {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-section--lightcolored::before {
    background: #d8f0f6;
  }
  [data-directory="course"] .c-section--lightcolored::before {
    background: #ebe2fb;
  }
  [data-directory="school"] .c-section--lightcolored::before {
    background: #f7e2e2;
  }
  [data-directory="information"] .c-section--lightcolored::before {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-section--lightcolored::before {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-section--lightcolored::before {
    background: #e5f0f8;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section--lightcolored {
    padding-top: 2.92969vw;
    padding-bottom: 5.85938vw;
  }
  .c-section--lightcolored::before {
    top: calc((0.65625em + .5em) + 2.92969vw);
    height: calc(100% - 17.57812vw);
  }
}

@media screen and (max-width: 750px) {
  .c-section--lightcolored {
    position: relative;
    padding-top: 4vw;
    padding-bottom: 8vw;
  }
  .c-section--lightcolored::before {
    content: '';
    position: absolute;
    top: calc((0.65625em + .5em) + 4vw);
    left: 0;
    width: 100%;
    height: calc(100% - 24vw);
    background: #e5f3ed;
    font-size: 110.71429%;
    z-index: -1;
  }
  [data-directory="watch"] .c-section--lightcolored::before, [data-directory="facility"] .c-section--lightcolored::before {
    background: #e0e7f4;
  }
  [data-directory="race"] .c-section--lightcolored::before {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-section--lightcolored::before {
    background: #d8f0f6;
  }
  [data-directory="course"] .c-section--lightcolored::before {
    background: #ebe2fb;
  }
  [data-directory="school"] .c-section--lightcolored::before {
    background: #f7e2e2;
  }
  [data-directory="information"] .c-section--lightcolored::before {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-section--lightcolored::before {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-section--lightcolored::before {
    background: #e5f0f8;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--lv1 {
    margin-top: 3.5em;
    text-align: center;
    font-size: 214.28571%;
    font-weight: 700;
  }
  .c-section-head--lv1:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section-head--lv1 {
    font-size: 2.92969vw;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--lv1 {
    margin-top: 3.5em;
    text-align: center;
    font-size: 114.28571%;
    font-weight: 700;
  }
  .c-section-head--lv1:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--lv1__ico {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    margin-bottom: -.25em;
  }
  .c-section-head--lv1__ico::before {
    content: '';
    display: block;
    padding-top: 50%;
  }
  .c-section-head--lv1__ico--watch-four {
    background: url("/assets/img/watch/ico_four01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--watch-two {
    background: url("/assets/img/watch/ico_two01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--watch-kart {
    background: url("/assets/img/watch/ico_kart01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--watch-other {
    background: url("/assets/img/watch/ico_other01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--race-four {
    background: url("/assets/img/race/ico_four01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--race-two {
    background: url("/assets/img/race/ico_two01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--race-kart {
    background: url("/assets/img/race/ico_kart01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--race-other {
    background: url("/assets/img/race/ico_other01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section-head--lv1__ico {
    width: 15.625vw;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--lv1__ico {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-bottom: -.25em;
  }
  .c-section-head--lv1__ico::before {
    content: '';
    display: block;
    padding-top: 50%;
  }
  .c-section-head--lv1__ico--watch-four {
    background: url("/assets/img/watch/ico_four01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--watch-two {
    background: url("/assets/img/watch/ico_two01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--watch-kart {
    background: url("/assets/img/watch/ico_kart01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--watch-other {
    background: url("/assets/img/watch/ico_other01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--race-four {
    background: url("/assets/img/race/ico_four01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--race-two {
    background: url("/assets/img/race/ico_two01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--race-kart {
    background: url("/assets/img/race/ico_kart01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-section-head--lv1__ico--race-other {
    background: url("/assets/img/race/ico_other01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--lv1__label {
    position: relative;
    display: block;
    padding-bottom: .25em;
  }
  .c-section-head--lv1__label::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 5em;
    border-bottom: 3px solid #008651;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  [data-directory="watch"] .c-section-head--lv1__label::before, [data-directory="facility"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #023ba4;
  }
  [data-directory="race"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #d83d00;
  }
  [data-directory="tickets"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #0080a0;
  }
  [data-directory="course"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #815bc2;
  }
  [data-directory="school"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #e42525;
  }
  [data-directory="information"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #697f00;
  }
  [data-directory="enjoy"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--lv1__label {
    position: relative;
    display: block;
    padding-bottom: .25em;
  }
  .c-section-head--lv1__label::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 5em;
    border-bottom: 3px solid #008651;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  [data-directory="watch"] .c-section-head--lv1__label::before, [data-directory="facility"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #023ba4;
  }
  [data-directory="race"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #d83d00;
  }
  [data-directory="tickets"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #0080a0;
  }
  [data-directory="course"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #815bc2;
  }
  [data-directory="school"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #e42525;
  }
  [data-directory="information"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #697f00;
  }
  [data-directory="enjoy"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--lv1__label::before {
    border-bottom: 3px solid #0068b7;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--lv2 {
    margin-top: 3.5em;
    font-size: 128.57143%;
    font-weight: 700;
  }
  .c-section-head--lv2:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--lv2 {
    margin-top: 1.75em;
    font-size: 107.14286%;
    font-weight: 700;
  }
  .c-section-head--lv2:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--lv2__label {
    position: relative;
    display: block;
    padding: .625em 40px .625em 100px;
  }
  .c-section-head--lv2__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    background: #008651;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: skewX(-19.6deg);
            transform: skewX(-19.6deg);
  }
  [data-directory="watch"] .c-section-head--lv2__label::before, [data-directory="facility"] .c-section-head--lv2__label::before {
    background: #023ba4;
  }
  [data-directory="race"] .c-section-head--lv2__label::before {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-section-head--lv2__label::before {
    background: #0080a0;
  }
  [data-directory="course"] .c-section-head--lv2__label::before {
    background: #815bc2;
  }
  [data-directory="school"] .c-section-head--lv2__label::before {
    background: #e42525;
  }
  [data-directory="information"] .c-section-head--lv2__label::before {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-section-head--lv2__label::before {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--lv2__label::before {
    background: #0068b7;
  }
  .c-section-head--lv2__label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: 100%;
    border: 1px solid #008651;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: skewX(-19.6deg);
            transform: skewX(-19.6deg);
  }
  [data-directory="watch"] .c-section-head--lv2__label::after, [data-directory="facility"] .c-section-head--lv2__label::after {
    border: 1px solid #023ba4;
  }
  [data-directory="race"] .c-section-head--lv2__label::after {
    border: 1px solid #d83d00;
  }
  [data-directory="tickets"] .c-section-head--lv2__label::after {
    border: 1px solid #0080a0;
  }
  [data-directory="course"] .c-section-head--lv2__label::after {
    border: 1px solid #815bc2;
  }
  [data-directory="school"] .c-section-head--lv2__label::after {
    border: 1px solid #e42525;
  }
  [data-directory="information"] .c-section-head--lv2__label::after {
    border: 1px solid #697f00;
  }
  [data-directory="enjoy"] .c-section-head--lv2__label::after {
    border: 1px solid #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--lv2__label::after {
    border: 1px solid #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--lv2__label {
    position: relative;
    display: block;
    padding: .625em 20px .625em 60px;
  }
  .c-section-head--lv2__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background: #008651;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: skewX(-19.6deg);
            transform: skewX(-19.6deg);
  }
  [data-directory="watch"] .c-section-head--lv2__label::before, [data-directory="facility"] .c-section-head--lv2__label::before {
    background: #023ba4;
  }
  [data-directory="race"] .c-section-head--lv2__label::before {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-section-head--lv2__label::before {
    background: #0080a0;
  }
  [data-directory="course"] .c-section-head--lv2__label::before {
    background: #815bc2;
  }
  [data-directory="school"] .c-section-head--lv2__label::before {
    background: #e42525;
  }
  [data-directory="information"] .c-section-head--lv2__label::before {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-section-head--lv2__label::before {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--lv2__label::before {
    background: #0068b7;
  }
  .c-section-head--lv2__label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    height: 100%;
    border: 1px solid #008651;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: skewX(-19.6deg);
            transform: skewX(-19.6deg);
  }
  [data-directory="watch"] .c-section-head--lv2__label::after, [data-directory="facility"] .c-section-head--lv2__label::after {
    border: 1px solid #023ba4;
  }
  [data-directory="race"] .c-section-head--lv2__label::after {
    border: 1px solid #d83d00;
  }
  [data-directory="tickets"] .c-section-head--lv2__label::after {
    border: 1px solid #0080a0;
  }
  [data-directory="course"] .c-section-head--lv2__label::after {
    border: 1px solid #815bc2;
  }
  [data-directory="school"] .c-section-head--lv2__label::after {
    border: 1px solid #e42525;
  }
  [data-directory="information"] .c-section-head--lv2__label::after {
    border: 1px solid #697f00;
  }
  [data-directory="enjoy"] .c-section-head--lv2__label::after {
    border: 1px solid #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--lv2__label::after {
    border: 1px solid #0068b7;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--lv3 {
    margin-top: 1.75em;
    font-size: 114.28571%;
    font-weight: 700;
  }
  .c-section-head--lv3:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--lv3 {
    margin-top: 1.75em;
    font-size: 100%;
    font-weight: 700;
  }
  .c-section-head--lv3:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--lv3__label {
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--lv3__label {
    display: inline-block;
    vertical-align: top;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--border {
    margin-top: 3.5em;
    padding-bottom: .5em;
    border-bottom: 5px solid #008651;
    font-size: 100%;
    font-weight: 700;
    color: #008651;
  }
  [data-directory="watch"] .c-section-head--border, [data-directory="facility"] .c-section-head--border {
    border-bottom: 5px solid #023ba4;
    color: #023ba4;
  }
  [data-directory="race"] .c-section-head--border {
    border-bottom: 5px solid #d83d00;
    color: #d83d00;
  }
  [data-directory="tickets"] .c-section-head--border {
    border-bottom: 5px solid #0080a0;
    color: #0080a0;
  }
  [data-directory="course"] .c-section-head--border {
    border-bottom: 5px solid #815bc2;
    color: #815bc2;
  }
  [data-directory="school"] .c-section-head--border {
    border-bottom: 5px solid #e42525;
    color: #e42525;
  }
  [data-directory="information"] .c-section-head--border {
    border-bottom: 5px solid #697f00;
    color: #697f00;
  }
  [data-directory="enjoy"] .c-section-head--border {
    border-bottom: 5px solid #db2f64;
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--border {
    border-bottom: 5px solid #0068b7;
    color: #0068b7;
  }
  .c-section-head--border:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section-head--border {
    font-size: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--border {
    margin-top: 3.5em;
    padding-bottom: .5em;
    border-bottom: 5px solid #008651;
    font-size: 78.57143%;
    font-weight: 700;
    color: #008651;
  }
  [data-directory="watch"] .c-section-head--border, [data-directory="facility"] .c-section-head--border {
    border-bottom: 5px solid #023ba4;
    color: #023ba4;
  }
  [data-directory="race"] .c-section-head--border {
    border-bottom: 5px solid #d83d00;
    color: #d83d00;
  }
  [data-directory="tickets"] .c-section-head--border {
    border-bottom: 5px solid #0080a0;
    color: #0080a0;
  }
  [data-directory="course"] .c-section-head--border {
    border-bottom: 5px solid #815bc2;
    color: #815bc2;
  }
  [data-directory="school"] .c-section-head--border {
    border-bottom: 5px solid #e42525;
    color: #e42525;
  }
  [data-directory="information"] .c-section-head--border {
    border-bottom: 5px solid #697f00;
    color: #697f00;
  }
  [data-directory="enjoy"] .c-section-head--border {
    border-bottom: 5px solid #db2f64;
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--border {
    border-bottom: 5px solid #0068b7;
    color: #0068b7;
  }
  .c-section-head--border:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--border__label {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    line-height: 1.09375em;
    font-family: "Nunito Sans", sans-serif;
    font-size: 271.42857%;
    letter-spacing: .1em;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--border__label {
    display: block;
    line-height: 1.09375em;
    font-family: "Nunito Sans", sans-serif;
    font-size: 200%;
    letter-spacing: .1em;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--lightcolored {
    position: relative;
    padding: .5em 2em;
    line-height: 1.3125em;
    font-size: 242.85714%;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
  }
  .c-section-head--lightcolored [lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
  .c-section-head--lightcolored::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #008651;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: skewX(-19.6deg);
            transform: skewX(-19.6deg);
    z-index: -1;
  }
  [data-directory="watch"] .c-section-head--lightcolored::before, [data-directory="facility"] .c-section-head--lightcolored::before {
    background: #023ba4;
  }
  [data-directory="race"] .c-section-head--lightcolored::before {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-section-head--lightcolored::before {
    background: #0080a0;
  }
  [data-directory="course"] .c-section-head--lightcolored::before {
    background: #815bc2;
  }
  [data-directory="school"] .c-section-head--lightcolored::before {
    background: #e42525;
  }
  [data-directory="information"] .c-section-head--lightcolored::before {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-section-head--lightcolored::before {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--lightcolored::before {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section-head--lightcolored {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    font-size: 3.32031vw;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--lightcolored {
    position: relative;
    padding: .5em 1em;
    line-height: 1.3125em;
    font-size: 121.42857%;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
  }
  .c-section-head--lightcolored [lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
  .c-section-head--lightcolored::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #008651;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: skewX(-19.6deg);
            transform: skewX(-19.6deg);
    z-index: -1;
  }
  [data-directory="watch"] .c-section-head--lightcolored::before, [data-directory="facility"] .c-section-head--lightcolored::before {
    background: #023ba4;
  }
  [data-directory="race"] .c-section-head--lightcolored::before {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-section-head--lightcolored::before {
    background: #0080a0;
  }
  [data-directory="course"] .c-section-head--lightcolored::before {
    background: #815bc2;
  }
  [data-directory="school"] .c-section-head--lightcolored::before {
    background: #e42525;
  }
  [data-directory="information"] .c-section-head--lightcolored::before {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-section-head--lightcolored::before {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-section-head--lightcolored::before {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .c-section-head--lightcolored__label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    line-height: 1.3125em;
    font-size: 58.82353%;
  }
}

@media screen and (max-width: 750px) {
  .c-section-head--lightcolored__label {
    display: block;
    line-height: 1.3125em;
    font-size: 64.70588%;
  }
}

@media all and (min-width: 751px) {
  .c-section-body--lv1 {
    margin-top: 40px;
  }
  .c-section-body--lv1:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section-body--lv1 {
    margin-top: 3.90625vw;
  }
  .c-section-body--lv1:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-section-body--lv1 {
    margin-top: 5.33333vw;
  }
  .c-section-body--lv1:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-section-body--lv2 {
    margin-top: 40px;
  }
  .c-section-body--lv2:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section-body--lv2 {
    margin-top: 3.90625vw;
  }
  .c-section-body--lv2:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-section-body--lv2 {
    margin-top: 5.33333vw;
  }
  .c-section-body--lv2:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-section-body--lv3 {
    margin-top: 30px;
  }
  .c-section-body--lv3:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section-body--lv3 {
    margin-top: 2.92969vw;
  }
  .c-section-body--lv3:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-section-body--lv3 {
    margin-top: 4vw;
  }
  .c-section-body--lv3:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-section-body--lightcolored {
    margin-top: 40px;
  }
  .c-section-body--lightcolored:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-section-body--lightcolored {
    margin-top: 3.90625vw;
  }
  .c-section-body--lightcolored:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-section-body--lightcolored {
    margin-top: 5.33333vw;
  }
  .c-section-body--lightcolored:first-child {
    margin-top: 0;
  }
}

/* txt */
@media all and (min-width: 751px) {
  .c-txt {
    margin-top: 1.75em;
    font-size: 114.28571%;
  }
  .c-txt:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-txt {
    margin-top: 1.75em;
    font-size: 85.71429%;
  }
  .c-txt:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-txt--xs {
    font-size: 85.71429%;
  }
}

@media screen and (max-width: 750px) {
  .c-txt--xs {
    font-size: 71.42857%;
  }
}

@media all and (min-width: 751px) {
  .c-txt--s {
    font-size: 100%;
  }
}

@media screen and (max-width: 750px) {
  .c-txt--s {
    font-size: 78.57143%;
  }
}

@media all and (min-width: 751px) {
  .c-txt--l {
    font-size: 128.57143%;
  }
}

@media screen and (max-width: 750px) {
  .c-txt--l {
    font-size: 92.85714%;
  }
}

@media all and (min-width: 751px) {
  .c-txt--xl {
    font-size: 142.85714%;
  }
}

@media screen and (max-width: 750px) {
  .c-txt--xl {
    font-size: 100%;
  }
}

@media all and (min-width: 751px) {
  .c-txt a {
    position: relative;
    color: #008651;
    text-decoration: underline;
  }
  [data-directory="watch"] .c-txt a, [data-directory="facility"] .c-txt a {
    color: #023ba4;
  }
  [data-directory="race"] .c-txt a {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-txt a {
    color: #0080a0;
  }
  [data-directory="course"] .c-txt a {
    color: #815bc2;
  }
  [data-directory="school"] .c-txt a {
    color: #e42525;
  }
  [data-directory="information"] .c-txt a {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-txt a {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-txt a {
    color: #0068b7;
  }
  .c-txt a:hover {
    text-decoration: none;
  }
  .c-txt a[href$=".pdf"] {
    display: inline-block;
    vertical-align: top;
    padding-right: 2.85714em;
  }
  .c-txt a[href$=".pdf"]::after {
    content: 'PDF';
    position: absolute;
    top: calc((1.75 - 14 / 10) * 1em);
    right: 0;
    width: 3em;
    border: 1px solid #008651;
    line-height: 1.4em;
    text-align: center;
    font-size: 71.42857%;
    font-weight: normal;
    text-decoration: none !important;
  }
  [data-directory="watch"] .c-txt a[href$=".pdf"]::after, [data-directory="facility"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #023ba4;
  }
  [data-directory="race"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #d83d00;
  }
  [data-directory="tickets"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #0080a0;
  }
  [data-directory="course"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #815bc2;
  }
  [data-directory="school"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #e42525;
  }
  [data-directory="information"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #697f00;
  }
  [data-directory="enjoy"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #db2f64;
  }
  [data-directory="racequeen"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #0068b7;
  }
  .c-txt a[target="_blank"]:not([href$=".pdf"]) {
    display: inline-block;
    vertical-align: top;
    padding-right: 2.14286em;
  }
  .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    content: '';
    position: absolute;
    top: calc((1.75 - 14 / 10) * .5em);
    right: 0;
    width: 2em;
    height: 1.4em;
    background: url("/assets/img/common/ico_ex_common01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="watch"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after, [data-directory="facility"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_race01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_course01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_school01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_information01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_racequeen01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .c-txt a {
    position: relative;
    color: #008651;
    text-decoration: underline;
  }
  [data-directory="watch"] .c-txt a, [data-directory="facility"] .c-txt a {
    color: #023ba4;
  }
  [data-directory="race"] .c-txt a {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-txt a {
    color: #0080a0;
  }
  [data-directory="course"] .c-txt a {
    color: #815bc2;
  }
  [data-directory="school"] .c-txt a {
    color: #e42525;
  }
  [data-directory="information"] .c-txt a {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-txt a {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-txt a {
    color: #0068b7;
  }
  .c-txt a[href$=".pdf"] {
    display: inline-block;
    vertical-align: top;
    padding-right: 2.85714em;
  }
  .c-txt a[href$=".pdf"]::after {
    content: 'PDF';
    position: absolute;
    top: calc((1.75 - 14 / 10) * 1em);
    right: 0;
    width: 3em;
    border: 1px solid #008651;
    line-height: 1.4em;
    text-align: center;
    font-size: 71.42857%;
    font-weight: normal;
    text-decoration: none !important;
  }
  [data-directory="watch"] .c-txt a[href$=".pdf"]::after, [data-directory="facility"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #023ba4;
  }
  [data-directory="race"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #d83d00;
  }
  [data-directory="tickets"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #0080a0;
  }
  [data-directory="course"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #815bc2;
  }
  [data-directory="school"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #e42525;
  }
  [data-directory="information"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #697f00;
  }
  [data-directory="enjoy"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #db2f64;
  }
  [data-directory="racequeen"] .c-txt a[href$=".pdf"]::after {
    border: 1px solid #0068b7;
  }
  .c-txt a[target="_blank"]:not([href$=".pdf"]) {
    display: inline-block;
    vertical-align: top;
    padding-right: 2.14286em;
  }
  .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    content: '';
    position: absolute;
    top: calc((1.75 - 14 / 10) * .5em);
    right: 0;
    width: 2em;
    height: 1.4em;
    background: url("/assets/img/common/ico_ex_common01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="watch"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after, [data-directory="facility"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_race01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_course01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_school01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_information01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex_racequeen01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .c-txt em {
    font-weight: 700;
    color: #008651;
  }
  [data-directory="watch"] .c-txt em, [data-directory="facility"] .c-txt em {
    color: #023ba4;
  }
  [data-directory="race"] .c-txt em {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-txt em {
    color: #0080a0;
  }
  [data-directory="course"] .c-txt em {
    color: #815bc2;
  }
  [data-directory="school"] .c-txt em {
    color: #e42525;
  }
  [data-directory="information"] .c-txt em {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-txt em {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-txt em {
    color: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .c-txt em {
    font-weight: 700;
    color: #008651;
  }
  [data-directory="watch"] .c-txt em, [data-directory="facility"] .c-txt em {
    color: #023ba4;
  }
  [data-directory="race"] .c-txt em {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-txt em {
    color: #0080a0;
  }
  [data-directory="course"] .c-txt em {
    color: #815bc2;
  }
  [data-directory="school"] .c-txt em {
    color: #e42525;
  }
  [data-directory="information"] .c-txt em {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-txt em {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-txt em {
    color: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .c-txt strong {
    font-weight: 700;
    color: #ff0000;
  }
}

@media screen and (max-width: 750px) {
  .c-txt strong {
    font-weight: 700;
    color: #ff0000;
  }
}

/* note */
@media all and (min-width: 751px) {
  .c-note {
    margin-top: 1.75em;
    padding-left: 1.25em;
    text-indent: -1.25em;
  }
  .c-note:first-child,
  .c-note + .c-note {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-note {
    margin-top: 1.75em;
    padding-left: 1.25em;
    text-indent: -1.25em;
  }
  .c-note:first-child,
  .c-note + .c-note {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-note .c-note__label {
    display: inline-block;
    width: 1.25em;
    text-indent: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-note .c-note__label {
    display: inline-block;
    width: 1.25em;
    text-indent: 0;
  }
}

@media all and (min-width: 751px) {
  .c-note--num {
    padding-left: 1.75em;
    text-indent: -1.75em;
  }
}

@media screen and (max-width: 750px) {
  .c-note--num {
    padding-left: 1.75em;
    text-indent: -1.75em;
  }
}

@media all and (min-width: 751px) {
  .c-note--num .c-note__label {
    display: inline-block;
    width: 1.75em;
    text-indent: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-note--num .c-note__label {
    display: inline-block;
    width: 1.75em;
    text-indent: 0;
  }
}

/* list */
@media all and (min-width: 751px) {
  .c-list {
    margin-top: 1.75em;
  }
  .c-list:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-list {
    margin-top: 1.75em;
  }
  .c-list:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-list--inline .c-list__item {
    display: inline-block;
    vertical-align: top;
    text-indent: 0 !important;
  }
}

@media screen and (max-width: 750px) {
  .c-list--inline .c-list__item {
    display: inline-block;
    vertical-align: top;
    text-indent: 0 !important;
  }
}

@media all and (min-width: 751px) {
  .c-list--slash .c-list__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: .75em;
    text-indent: 0 !important;
  }
  .c-list--slash .c-list__item::before {
    content: '/';
    position: absolute;
    top: 0;
    left: 0;
  }
  .c-list--slash .c-list__item:first-child {
    padding-left: 0;
  }
  .c-list--slash .c-list__item:first-child::before {
    content: none;
  }
}

@media screen and (max-width: 750px) {
  .c-list--slash .c-list__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: .75em;
    text-indent: 0 !important;
  }
  .c-list--slash .c-list__item::before {
    content: '/';
    position: absolute;
    top: 0;
    left: 0;
  }
  .c-list--slash .c-list__item:first-child {
    padding-left: 0;
  }
  .c-list--slash .c-list__item:first-child::before {
    content: none;
  }
}

@media all and (min-width: 751px) {
  .c-list--disc .c-list__item {
    position: relative;
    padding-left: 1.5em;
    text-indent: 0 !important;
  }
  .c-list--disc .c-list__item::before {
    content: '';
    position: absolute;
    top: 0.375em;
    left: 0.25em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: #008651;
  }
  [data-directory="watch"] .c-list--disc .c-list__item::before, [data-directory="facility"] .c-list--disc .c-list__item::before {
    background: #023ba4;
  }
  [data-directory="race"] .c-list--disc .c-list__item::before {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-list--disc .c-list__item::before {
    background: #0080a0;
  }
  [data-directory="course"] .c-list--disc .c-list__item::before {
    background: #815bc2;
  }
  [data-directory="school"] .c-list--disc .c-list__item::before {
    background: #e42525;
  }
  [data-directory="information"] .c-list--disc .c-list__item::before {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-list--disc .c-list__item::before {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-list--disc .c-list__item::before {
    background: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .c-list--disc .c-list__item {
    position: relative;
    padding-left: 1.5em;
    text-indent: 0 !important;
  }
  .c-list--disc .c-list__item::before {
    content: '';
    position: absolute;
    top: 0.375em;
    left: 0.25em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: #008651;
  }
  [data-directory="watch"] .c-list--disc .c-list__item::before, [data-directory="facility"] .c-list--disc .c-list__item::before {
    background: #023ba4;
  }
  [data-directory="race"] .c-list--disc .c-list__item::before {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-list--disc .c-list__item::before {
    background: #0080a0;
  }
  [data-directory="course"] .c-list--disc .c-list__item::before {
    background: #815bc2;
  }
  [data-directory="school"] .c-list--disc .c-list__item::before {
    background: #e42525;
  }
  [data-directory="information"] .c-list--disc .c-list__item::before {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-list--disc .c-list__item::before {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-list--disc .c-list__item::before {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .c-list--circle .c-list__item {
    position: relative;
    padding-left: 1.5em;
    text-indent: 0 !important;
  }
  .c-list--circle .c-list__item::before {
    content: '';
    position: absolute;
    top: 0.375em;
    left: 0.25em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: 1px solid #008651;
    background: #fff !important;
  }
  [data-directory="watch"] .c-list--circle .c-list__item::before, [data-directory="facility"] .c-list--circle .c-list__item::before {
    border: 1px solid #023ba4;
  }
  [data-directory="race"] .c-list--circle .c-list__item::before {
    border: 1px solid #d83d00;
  }
  [data-directory="tickets"] .c-list--circle .c-list__item::before {
    border: 1px solid #0080a0;
  }
  [data-directory="course"] .c-list--circle .c-list__item::before {
    border: 1px solid #815bc2;
  }
  [data-directory="school"] .c-list--circle .c-list__item::before {
    border: 1px solid #e42525;
  }
  [data-directory="information"] .c-list--circle .c-list__item::before {
    border: 1px solid #697f00;
  }
  [data-directory="enjoy"] .c-list--circle .c-list__item::before {
    border: 1px solid #db2f64;
  }
  [data-directory="racequeen"] .c-list--circle .c-list__item::before {
    border: 1px solid #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .c-list--circle .c-list__item {
    position: relative;
    padding-left: 1.5em;
    text-indent: 0 !important;
  }
  .c-list--circle .c-list__item::before {
    content: '';
    position: absolute;
    top: 0.375em;
    left: 0.25em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    border: 1px solid #008651;
    background: #fff !important;
  }
  [data-directory="watch"] .c-list--circle .c-list__item::before, [data-directory="facility"] .c-list--circle .c-list__item::before {
    border: 1px solid #023ba4;
  }
  [data-directory="race"] .c-list--circle .c-list__item::before {
    border: 1px solid #d83d00;
  }
  [data-directory="tickets"] .c-list--circle .c-list__item::before {
    border: 1px solid #0080a0;
  }
  [data-directory="course"] .c-list--circle .c-list__item::before {
    border: 1px solid #815bc2;
  }
  [data-directory="school"] .c-list--circle .c-list__item::before {
    border: 1px solid #e42525;
  }
  [data-directory="information"] .c-list--circle .c-list__item::before {
    border: 1px solid #697f00;
  }
  [data-directory="enjoy"] .c-list--circle .c-list__item::before {
    border: 1px solid #db2f64;
  }
  [data-directory="racequeen"] .c-list--circle .c-list__item::before {
    border: 1px solid #0068b7;
  }
}

@media all and (min-width: 751px) {
  .c-list--num .c-list__item {
    padding-left: 1.5em;
    text-indent: -1.5em;
  }
  .c-list--num .c-list__item .c-list__label {
    display: inline-block;
    width: 1.5em;
    text-indent: 0;
    font-weight: 700;
    color: #008651;
  }
  [data-directory="watch"] .c-list--num .c-list__item .c-list__label, [data-directory="facility"] .c-list--num .c-list__item .c-list__label {
    color: #023ba4;
  }
  [data-directory="race"] .c-list--num .c-list__item .c-list__label {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-list--num .c-list__item .c-list__label {
    color: #0080a0;
  }
  [data-directory="course"] .c-list--num .c-list__item .c-list__label {
    color: #815bc2;
  }
  [data-directory="school"] .c-list--num .c-list__item .c-list__label {
    color: #e42525;
  }
  [data-directory="information"] .c-list--num .c-list__item .c-list__label {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-list--num .c-list__item .c-list__label {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-list--num .c-list__item .c-list__label {
    color: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .c-list--num .c-list__item {
    padding-left: 1.5em;
    text-indent: -1.5em;
  }
  .c-list--num .c-list__item .c-list__label {
    display: inline-block;
    width: 1.5em;
    text-indent: 0;
    font-weight: 700;
    color: #008651;
  }
  [data-directory="watch"] .c-list--num .c-list__item .c-list__label, [data-directory="facility"] .c-list--num .c-list__item .c-list__label {
    color: #023ba4;
  }
  [data-directory="race"] .c-list--num .c-list__item .c-list__label {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-list--num .c-list__item .c-list__label {
    color: #0080a0;
  }
  [data-directory="course"] .c-list--num .c-list__item .c-list__label {
    color: #815bc2;
  }
  [data-directory="school"] .c-list--num .c-list__item .c-list__label {
    color: #e42525;
  }
  [data-directory="information"] .c-list--num .c-list__item .c-list__label {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-list--num .c-list__item .c-list__label {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-list--num .c-list__item .c-list__label {
    color: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .c-list--inline-block {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
}

@media screen and (max-width: 750px) {
  .c-list--inline-block {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
}

/* desc */
@media all and (min-width: 751px) {
  .c-desc {
    margin-top: 1.75em;
  }
  .c-desc:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-desc {
    margin-top: 1.75em;
  }
  .c-desc:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-desc__term {
    font-weight: bold;
  }
}

@media screen and (max-width: 750px) {
  .c-desc__term {
    font-weight: bold;
  }
}

@media all and (min-width: 751px) {
  .c-desc__defin {
    margin-top: 0.875em;
  }
  .c-desc__defin:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-desc__defin {
    margin-top: 0.875em;
  }
  .c-desc__defin:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-desc--inline .c-desc__term {
    display: inline;
  }
}

@media screen and (max-width: 750px) {
  .c-desc--inline .c-desc__term {
    display: inline;
  }
}

@media all and (min-width: 751px) {
  .c-desc--inline .c-desc__defin {
    display: inline;
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-desc--inline .c-desc__defin {
    display: inline;
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-desc--flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .c-desc--flex {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

@media all and (min-width: 751px) {
  .c-desc--flex .c-desc__term {
    flex-shrink: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-desc--flex .c-desc__term {
    flex-shrink: 0;
  }
}

@media all and (min-width: 751px) {
  .c-desc--flex .c-desc__defin {
    margin-top: 0;
    padding-left: .25em;
  }
}

@media screen and (max-width: 750px) {
  .c-desc--flex .c-desc__defin {
    margin-top: 0;
    padding-left: .25em;
  }
}

@media all and (min-width: 751px) {
  .c-desc--inline-block {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
}

@media screen and (max-width: 750px) {
  .c-desc--inline-block {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
}

/* img */
@media all and (min-width: 751px) {
  .c-img {
    margin-top: 1.75em;
    text-align: center;
  }
  .c-img:first-child {
    margin-top: 0;
  }
  .c-img a {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    color: #000;
    text-decoration: underline;
  }
}

@media screen and (max-width: 750px) {
  .c-img {
    margin-top: 1.75em;
    text-align: center;
  }
  .c-img:first-child {
    margin-top: 0;
  }
  .c-img a {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    color: #000;
    text-decoration: underline;
  }
}

@media all and (min-width: 751px) {
  .c-img__figure {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
  }
  .c-img__figure img {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  a:hover .c-img__figure img {
    opacity: .8;
  }
  .c-img--radius .c-img__figure img {
    border-radius: 20px;
    overflow: hidden;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-img--radius .c-img__figure img {
    border-radius: 1.95312vw;
    overflow: hidden;
  }
}

@media screen and (max-width: 750px) {
  .c-img__figure {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
  }
  .c-img--radius .c-img__figure img {
    border-radius: 2.66667vw;
    overflow: hidden;
  }
}

@media all and (min-width: 751px) {
  .c-img__caption {
    display: block;
    text-align: left;
  }
  a .c-img__caption {
    color: #000;
    text-decoration: underline;
  }
  a:hover .c-img__caption {
    text-decoration: none;
  }
}

@media screen and (max-width: 750px) {
  .c-img__caption {
    display: block;
    text-align: left;
  }
  a .c-img__caption {
    color: #000;
    text-decoration: underline;
  }
}

/* map */
@media all and (min-width: 751px) {
  .c-map {
    margin-top: 1.75em;
  }
  .c-map:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-map {
    margin-top: 1.75em;
  }
  .c-map:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-map__frame {
    position: relative;
  }
  .c-map__frame::before {
    content: '';
    display: block;
    padding-top: 33.33333%;
  }
  .c-map__frame iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 750px) {
  .c-map__frame {
    position: relative;
  }
  .c-map__frame::before {
    content: '';
    display: block;
    padding-top: 80%;
  }
  .c-map__frame iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

/* btn */
@media all and (min-width: 751px) {
  .c-btn {
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 3.5em;
    text-align: center;
  }
  .c-btn:first-child {
    margin-top: 0;
  }
  .c-btn + .c-btn {
    margin-top: 3.33333%;
  }
}

@media screen and (max-width: 750px) {
  .c-btn {
    margin-top: 1.75em;
    text-align: center;
  }
  .c-btn:first-child {
    margin-top: 0;
  }
  .c-btn + .c-btn {
    margin-top: 5.7971%;
  }
}

@media all and (min-width: 751px) {
  .c-btn__item {
    max-width: 285px;
    margin: 0 auto;
    margin-top: 1.66667%;
    line-height: 1.3125em;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
  }
  .c-btn__item:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) and (min-width: 751px) {
  .c-btn--left .c-btn__item {
    margin-left: 0;
  }
}

@media all and (min-width: 751px) and (min-width: 751px) {
  .c-btn--right .c-btn__item {
    margin-right: 0;
  }
}

@media all and (min-width: 751px) {
  .c-btn--xs .c-btn__item {
    max-width: 100%;
    margin-top: 0.83333%;
    font-size: 14px;
  }
  .c-btn--xs .c-btn__item:first-child {
    margin-top: 0;
  }
  .c-btn--l .c-btn__item {
    max-width: 386px;
    font-size: 20px;
  }
  .c-btn--xl .c-btn__item {
    max-width: 100%;
    font-size: 20px;
  }
  .c-btn__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: #fff;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }
  .c-btn__item a:hover {
    color: #008651;
  }
  [data-directory="watch"] .c-btn__item a:hover, [data-directory="facility"] .c-btn__item a:hover {
    color: #023ba4;
  }
  [data-directory="race"] .c-btn__item a:hover {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-btn__item a:hover {
    color: #0080a0;
  }
  [data-directory="course"] .c-btn__item a:hover {
    color: #815bc2;
  }
  [data-directory="school"] .c-btn__item a:hover {
    color: #e42525;
  }
  [data-directory="information"] .c-btn__item a:hover {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-btn__item a:hover {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-btn__item a:hover {
    color: #0068b7;
  }
  .c-btn__item--common a:hover {
    color: #008651 !important;
  }
  .c-btn__item--watch a:hover, .c-btn__item--facility a:hover {
    color: #023ba4 !important;
  }
  .c-btn__item--race a:hover {
    color: #d83d00 !important;
  }
  .c-btn__item--tickets a:hover {
    color: #0080a0 !important;
  }
  .c-btn__item--course a:hover {
    color: #815bc2 !important;
  }
  .c-btn__item--school a:hover {
    color: #e42525 !important;
  }
  .c-btn__item--information a:hover {
    color: #697f00 !important;
  }
  .c-btn__item--enjoy a:hover {
    color: #db2f64 !important;
  }
  .c-btn__item--racequeen a:hover {
    color: #0068b7 !important;
  }
  .c-btn--anchor .c-btn__item a {
    color: #008651;
  }
  [data-directory="watch"] .c-btn--anchor .c-btn__item a, [data-directory="facility"] .c-btn--anchor .c-btn__item a {
    color: #023ba4;
  }
  [data-directory="race"] .c-btn--anchor .c-btn__item a {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-btn--anchor .c-btn__item a {
    color: #0080a0;
  }
  [data-directory="course"] .c-btn--anchor .c-btn__item a {
    color: #815bc2;
  }
  [data-directory="school"] .c-btn--anchor .c-btn__item a {
    color: #e42525;
  }
  [data-directory="information"] .c-btn--anchor .c-btn__item a {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-btn--anchor .c-btn__item a {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-btn--anchor .c-btn__item a {
    color: #0068b7;
  }
  .c-btn--anchor .c-btn__item a:hover {
    color: #fff !important;
  }
  .c-btn__item--w a {
    color: #000;
  }
  .c-btn__item--w a:hover {
    color: #000 !important;
  }
  .c-btn__item.is-current a {
    color: #008651;
  }
  [data-directory="watch"] .c-btn__item.is-current a, [data-directory="facility"] .c-btn__item.is-current a {
    color: #023ba4;
  }
  [data-directory="race"] .c-btn__item.is-current a {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-btn__item.is-current a {
    color: #0080a0;
  }
  [data-directory="course"] .c-btn__item.is-current a {
    color: #815bc2;
  }
  [data-directory="school"] .c-btn__item.is-current a {
    color: #e42525;
  }
  [data-directory="information"] .c-btn__item.is-current a {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-btn__item.is-current a {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-btn__item.is-current a {
    color: #0068b7;
  }
  .c-btn__item .is-disabled {
    color: #fff;
  }
  .c-btn__item .is-disabled .c-btn-body {
    border: 1px solid #ddd;
    background: #ddd;
  }
  .c-btn__item .is-disabled:hover {
    color: #fff;
  }
  .c-btn__item .is-disabled:hover .c-btn-body {
    background: #ddd;
  }
  .c-btn__item .is-disabled:hover .c-btn__label::before {
    opacity: 1;
  }
  .c-btn__item .is-disabled:hover .c-btn__label::after {
    opacity: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-btn__item {
    font-size: 1.5625vw;
  }
  .c-btn--xs .c-btn__item {
    font-size: 1.36719vw;
  }
  .c-btn--l .c-btn__item {
    font-size: 1.95312vw;
  }
  .c-btn--xl .c-btn__item {
    font-size: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .c-btn__item {
    max-width: 285px;
    margin: 0 auto;
    margin-top: 2.89855%;
    line-height: 1.3125em;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
  }
  .c-btn__item:first-child {
    margin-top: 0;
  }
  .c-btn--l .c-btn__item {
    max-width: 100%;
    width: 100%;
    font-size: 14px;
  }
  .c-btn--xl .c-btn__item {
    max-width: 100%;
    width: 100%;
    font-size: 14px;
  }
  .c-btn__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: #fff;
    color: #fff;
    text-decoration: none;
  }
  .c-btn__item--w a {
    color: #000;
  }
  .c-btn--anchor .c-btn__item a, .c-btn__item.is-current a {
    color: #008651;
  }
  [data-directory="watch"] .c-btn--anchor .c-btn__item a, [data-directory="facility"] .c-btn--anchor .c-btn__item a, [data-directory="watch"] .c-btn__item.is-current a, [data-directory="facility"] .c-btn__item.is-current a {
    color: #023ba4;
  }
  [data-directory="race"] .c-btn--anchor .c-btn__item a, [data-directory="race"] .c-btn__item.is-current a {
    color: #d83d00;
  }
  [data-directory="tickets"] .c-btn--anchor .c-btn__item a, [data-directory="tickets"] .c-btn__item.is-current a {
    color: #0080a0;
  }
  [data-directory="course"] .c-btn--anchor .c-btn__item a, [data-directory="course"] .c-btn__item.is-current a {
    color: #815bc2;
  }
  [data-directory="school"] .c-btn--anchor .c-btn__item a, [data-directory="school"] .c-btn__item.is-current a {
    color: #e42525;
  }
  [data-directory="information"] .c-btn--anchor .c-btn__item a, [data-directory="information"] .c-btn__item.is-current a {
    color: #697f00;
  }
  [data-directory="enjoy"] .c-btn--anchor .c-btn__item a, [data-directory="enjoy"] .c-btn__item.is-current a {
    color: #db2f64;
  }
  [data-directory="racequeen"] .c-btn--anchor .c-btn__item a, [data-directory="racequeen"] .c-btn__item.is-current a {
    color: #0068b7;
  }
  .c-btn__item .is-disabled {
    color: #fff;
  }
  .c-btn__item .is-disabled .c-btn-body {
    border: 1px solid #ddd;
    background: #ddd;
  }
}

@media all and (min-width: 751px) {
  .c-btn--list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
  }
}

@media all and (min-width: 751px) {
  .c-btn--list.c-btn--left {
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--left {
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media all and (min-width: 751px) {
  .c-btn--list.c-btn--right {
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--right {
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--xs {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--s {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--l {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .c-btn--list.c-btn--xl {
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--xl {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--anchor {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
  }
}

@media all and (min-width: 751px) {
  .c-btn--list .c-btn__item {
    width: 23.75%;
    margin-top: 0;
    margin-left: 1.66667%;
    margin-right: 0;
  }
  .c-btn--list .c-btn__item:nth-child(4n+1) {
    margin-left: 0;
  }
  .c-btn--list .c-btn__item:nth-child(n+5) {
    margin-top: 1.66667%;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list .c-btn__item {
    width: 48.55072%;
    margin-top: 0;
    margin-left: 2.89855%;
    margin-right: 0;
  }
  .c-btn--list .c-btn__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .c-btn--list .c-btn__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
}

@media all and (min-width: 751px) {
  .c-btn--list.c-btn--xs .c-btn__item {
    min-width: 14.83333%;
    width: auto;
  }
  .c-btn--list.c-btn--xs .c-btn__item:nth-child(4n+1) {
    margin-left: 1.66667%;
  }
  .c-btn--list.c-btn--xs .c-btn__item:nth-child(6n+1) {
    margin-left: 0;
  }
  .c-btn--list.c-btn--xs .c-btn__item:nth-child(n+5) {
    margin-top: 0;
  }
  .c-btn--list.c-btn--xs .c-btn__item:nth-child(n+7) {
    margin-top: 1.66667%;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--xs .c-btn__item {
    width: auto;
    margin-top: 0;
    margin-left: 2.89855%;
    margin-right: 0;
  }
  .c-btn--list.c-btn--xs .c-btn__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .c-btn--list.c-btn--xs .c-btn__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--s .c-btn__item {
    width: 48.55072%;
    margin-top: 0;
    margin-left: 2.89855%;
    margin-right: 0;
  }
  .c-btn--list.c-btn--s .c-btn__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .c-btn--list.c-btn--s .c-btn__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
}

@media all and (min-width: 751px) {
  .c-btn--list.c-btn--l .c-btn__item {
    width: 32.16667%;
  }
  .c-btn--list.c-btn--l .c-btn__item:nth-child(4n+1) {
    margin-left: 1.66667%;
  }
  .c-btn--list.c-btn--l .c-btn__item:nth-child(n+5) {
    margin-top: 0;
  }
  .c-btn--list.c-btn--l .c-btn__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .c-btn--list.c-btn--l .c-btn__item:nth-child(n+4) {
    margin-top: 1.66667%;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--l .c-btn__item {
    width: 100%;
    margin-top: 2.89855%;
    margin-left: 0;
  }
  .c-btn--list.c-btn--l .c-btn__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
  .c-btn--list.c-btn--l .c-btn__item:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-btn--list.c-btn--xl .c-btn__item {
    min-width: 32.16667%;
    width: auto;
  }
  .c-btn--list.c-btn--xl .c-btn__item:nth-child(4n+1) {
    margin-left: 1.66667%;
  }
  .c-btn--list.c-btn--xl .c-btn__item:nth-child(n+5) {
    margin-top: 0;
  }
  .c-btn--list.c-btn--xl .c-btn__item:first-child {
    margin-left: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--xl .c-btn__item {
    width: 100%;
    margin-top: 2.89855%;
    margin-left: 0;
  }
  .c-btn--list.c-btn--xl .c-btn__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
  .c-btn--list.c-btn--xl .c-btn__item:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-btn--list.c-btn--anchor .c-btn__item {
    width: 48.55072%;
    margin-top: 0;
    margin-left: 2.89855%;
    margin-right: 0;
  }
  .c-btn--list.c-btn--anchor .c-btn__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .c-btn--list.c-btn--anchor .c-btn__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
}

@media all and (min-width: 751px) {
  .c-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    min-height: 100%;
    height: 50px;
    border: 1px solid #008651;
    border-radius: 100px;
    background: #008651;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
  }
  [data-directory="watch"] .c-btn-body, [data-directory="facility"] .c-btn-body {
    border: 1px solid #023ba4;
    background: #023ba4;
  }
  [data-directory="race"] .c-btn-body {
    border: 1px solid #d83d00;
    background: #d83d00;
  }
  [data-directory="tickets"] .c-btn-body {
    border: 1px solid #0080a0;
    background: #0080a0;
  }
  [data-directory="course"] .c-btn-body {
    border: 1px solid #815bc2;
    background: #815bc2;
  }
  [data-directory="school"] .c-btn-body {
    border: 1px solid #e42525;
    background: #e42525;
  }
  [data-directory="information"] .c-btn-body {
    border: 1px solid #697f00;
    background: #697f00;
  }
  [data-directory="enjoy"] .c-btn-body {
    border: 1px solid #db2f64;
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-btn-body {
    border: 1px solid #0068b7;
    background: #0068b7;
  }
  .c-btn__item--common .c-btn-body {
    border: 1px solid #008651 !important;
    background: #008651 !important;
  }
  .c-btn__item--watch .c-btn-body, .c-btn__item--facility .c-btn-body {
    border: 1px solid #023ba4 !important;
    background: #023ba4 !important;
  }
  .c-btn__item--race .c-btn-body {
    border: 1px solid #d83d00 !important;
    background: #d83d00 !important;
  }
  .c-btn__item--tickets .c-btn-body {
    border: 1px solid #0080a0 !important;
    background: #0080a0 !important;
  }
  .c-btn__item--course .c-btn-body {
    border: 1px solid #815bc2 !important;
    background: #815bc2 !important;
  }
  .c-btn__item--school .c-btn-body {
    border: 1px solid #e42525 !important;
    background: #e42525 !important;
  }
  .c-btn__item--information .c-btn-body {
    border: 1px solid #697f00 !important;
    background: #697f00 !important;
  }
  .c-btn__item--enjoy .c-btn-body {
    border: 1px solid #db2f64 !important;
    background: #db2f64 !important;
  }
  .c-btn__item--racequeen .c-btn-body {
    border: 1px solid #0068b7 !important;
    background: #0068b7 !important;
  }
  .c-btn--s .c-btn-body,
  .c-btn--xs .c-btn-body {
    height: 40px;
  }
  .c-btn--anchor .c-btn-body {
    border: 1px solid #e5f3ed;
    background: #e5f3ed;
  }
  [data-directory="watch"] .c-btn--anchor .c-btn-body, [data-directory="facility"] .c-btn--anchor .c-btn-body {
    border: 1px solid #e0e7f4;
    background: #e0e7f4;
  }
  [data-directory="race"] .c-btn--anchor .c-btn-body {
    border: 1px solid #f9e5dd;
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-btn--anchor .c-btn-body {
    border: 1px solid #d8f0f6;
    background: #d8f0f6;
  }
  [data-directory="course"] .c-btn--anchor .c-btn-body {
    border: 1px solid #ebe2fb;
    background: #ebe2fb;
  }
  [data-directory="school"] .c-btn--anchor .c-btn-body {
    border: 1px solid #f7e2e2;
    background: #f7e2e2;
  }
  [data-directory="information"] .c-btn--anchor .c-btn-body {
    border: 1px solid #f0f5d6;
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-btn--anchor .c-btn-body {
    border: 1px solid #fbeaef;
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-btn--anchor .c-btn-body {
    border: 1px solid #e5f0f8;
    background: #e5f0f8;
  }
  .c-btn__item--l .c-btn-body {
    height: 80px;
  }
  .c-btn__item--w .c-btn-body {
    border: 1px solid #ddd;
    background: #fff;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .c-btn__item.is-current .c-btn-body {
    background: #fff;
  }
  a:hover .c-btn-body {
    background: #fff;
  }
  .c-btn__item--common a:hover .c-btn-body {
    background: #fff !important;
  }
  .c-btn__item--watch a:hover .c-btn-body, .c-btn__item--facility a:hover .c-btn-body {
    background: #fff !important;
  }
  .c-btn__item--race a:hover .c-btn-body {
    background: #fff !important;
  }
  .c-btn__item--tickets a:hover .c-btn-body {
    background: #fff !important;
  }
  .c-btn__item--course a:hover .c-btn-body {
    background: #fff !important;
  }
  .c-btn__item--school a:hover .c-btn-body {
    background: #fff !important;
  }
  .c-btn__item--information a:hover .c-btn-body {
    background: #fff !important;
  }
  .c-btn__item--enjoy a:hover .c-btn-body {
    background: #fff !important;
  }
  .c-btn__item--racequeen a:hover .c-btn-body {
    background: #fff !important;
  }
  .c-btn--anchor a:hover .c-btn-body {
    background: #008651;
  }
  [data-directory="watch"] .c-btn--anchor a:hover .c-btn-body, [data-directory="facility"] .c-btn--anchor a:hover .c-btn-body {
    background: #023ba4;
  }
  [data-directory="race"] .c-btn--anchor a:hover .c-btn-body {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-btn--anchor a:hover .c-btn-body {
    background: #0080a0;
  }
  [data-directory="course"] .c-btn--anchor a:hover .c-btn-body {
    background: #815bc2;
  }
  [data-directory="school"] .c-btn--anchor a:hover .c-btn-body {
    background: #e42525;
  }
  [data-directory="information"] .c-btn--anchor a:hover .c-btn-body {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-btn--anchor a:hover .c-btn-body {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-btn--anchor a:hover .c-btn-body {
    background: #0068b7;
  }
  .c-btn__item--w a:hover .c-btn-body {
    background: #fff;
    opacity: .6;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-btn-body {
    height: 4.88281vw;
  }
  .c-btn--xs .c-btn-body,
  .c-btn--s .c-btn-body {
    height: 3.90625vw;
  }
  .c-btn__item--l .c-btn-body {
    height: 7.8125vw;
  }
}

@media screen and (max-width: 750px) {
  .c-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    min-height: 100%;
    height: 40px;
    border: 1px solid #008651;
    border-radius: 100px;
    background: #008651;
  }
  [data-directory="watch"] .c-btn-body, [data-directory="facility"] .c-btn-body {
    border: 1px solid #023ba4;
    background: #023ba4;
  }
  [data-directory="race"] .c-btn-body {
    border: 1px solid #d83d00;
    background: #d83d00;
  }
  [data-directory="tickets"] .c-btn-body {
    border: 1px solid #0080a0;
    background: #0080a0;
  }
  [data-directory="course"] .c-btn-body {
    border: 1px solid #815bc2;
    background: #815bc2;
  }
  [data-directory="school"] .c-btn-body {
    border: 1px solid #e42525;
    background: #e42525;
  }
  [data-directory="information"] .c-btn-body {
    border: 1px solid #697f00;
    background: #697f00;
  }
  [data-directory="enjoy"] .c-btn-body {
    border: 1px solid #db2f64;
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-btn-body {
    border: 1px solid #0068b7;
    background: #0068b7;
  }
  .c-btn__item--common .c-btn-body {
    border: 1px solid #008651 !important;
    background: #008651 !important;
  }
  .c-btn__item--watch .c-btn-body, .c-btn__item--facility .c-btn-body {
    border: 1px solid #023ba4 !important;
    background: #023ba4 !important;
  }
  .c-btn__item--race .c-btn-body {
    border: 1px solid #d83d00 !important;
    background: #d83d00 !important;
  }
  .c-btn__item--tickets .c-btn-body {
    border: 1px solid #0080a0 !important;
    background: #0080a0 !important;
  }
  .c-btn__item--course .c-btn-body {
    border: 1px solid #815bc2 !important;
    background: #815bc2 !important;
  }
  .c-btn__item--school .c-btn-body {
    border: 1px solid #e42525 !important;
    background: #e42525 !important;
  }
  .c-btn__item--information .c-btn-body {
    border: 1px solid #697f00 !important;
    background: #697f00 !important;
  }
  .c-btn__item--enjoy .c-btn-body {
    border: 1px solid #db2f64 !important;
    background: #db2f64 !important;
  }
  .c-btn__item--racequeen .c-btn-body {
    border: 1px solid #0068b7 !important;
    background: #0068b7 !important;
  }
  .c-btn--anchor .c-btn-body {
    border: 1px solid #e5f3ed;
    background: #e5f3ed;
  }
  [data-directory="watch"] .c-btn--anchor .c-btn-body, [data-directory="facility"] .c-btn--anchor .c-btn-body {
    border: 1px solid #e0e7f4;
    background: #e0e7f4;
  }
  [data-directory="race"] .c-btn--anchor .c-btn-body {
    border: 1px solid #f9e5dd;
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-btn--anchor .c-btn-body {
    border: 1px solid #d8f0f6;
    background: #d8f0f6;
  }
  [data-directory="course"] .c-btn--anchor .c-btn-body {
    border: 1px solid #ebe2fb;
    background: #ebe2fb;
  }
  [data-directory="school"] .c-btn--anchor .c-btn-body {
    border: 1px solid #f7e2e2;
    background: #f7e2e2;
  }
  [data-directory="information"] .c-btn--anchor .c-btn-body {
    border: 1px solid #f0f5d6;
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-btn--anchor .c-btn-body {
    border: 1px solid #fbeaef;
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-btn--anchor .c-btn-body {
    border: 1px solid #e5f0f8;
    background: #e5f0f8;
  }
  .c-btn--xs .c-btn-body,
  .c-btn--s .c-btn-body {
    height: 30px;
  }
  .c-btn__item--l .c-btn-body {
    height: 60px;
  }
  .c-btn__item--w .c-btn-body {
    border: 1px solid #ddd;
    background: #fff;
  }
  .c-btn__item.is-current .c-btn-body {
    background: #fff;
  }
}

@media all and (min-width: 751px) {
  .c-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    padding: 0 20px;
  }
  .c-btn__item--back .c-btn__label {
    margin-right: 0;
    margin-left: 8px;
  }
  .c-btn--xs .c-btn__label,
  .c-btn--xl .c-btn__label {
    padding: 0 30px;
  }
  .c-btn__label::before, .c-btn__label::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 14px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .c-btn--anchor .c-btn__label::before, .c-btn--anchor .c-btn__label::after {
    -webkit-transform: translate3d(0, -50%, 0) rotate(90deg);
            transform: translate3d(0, -50%, 0) rotate(90deg);
  }
  .c-btn__item--back .c-btn__label::before, .c-btn__item--back .c-btn__label::after {
    right: auto;
    left: 20px;
    -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
            transform: translate3d(0, -50%, 0) rotate(180deg);
  }
  .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_white01.svg") no-repeat center center;
    background-size: contain;
    opacity: 1;
  }
  .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="watch"] .c-btn--anchor .c-btn__label::before, [data-directory="facility"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_race01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_course01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_school01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_information01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_racequeen01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-btn__item--w .c-btn__label::before {
    background: url("/assets/img/common/ico_arw01.svg") no-repeat center center;
    background-size: contain;
  }
  a:hover .c-btn__label::before {
    opacity: 0;
  }
  .c-btn__item--w a:hover .c-btn__label::before {
    opacity: 1;
  }
  .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center;
    background-size: contain;
    opacity: 0;
  }
  [data-directory="watch"] .c-btn__label::after, [data-directory="facility"] .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_race01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_course01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_school01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_information01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_racequeen01.svg") no-repeat center center;
    background-size: contain !important;
  }
  .c-btn__item--common .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--watch .c-btn__label::after, .c-btn__item--facility .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_watch01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--race .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_race01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--tickets .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_tickets01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--course .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_course01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--school .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_school01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--information .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_information01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--enjoy .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_enjoy01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--racequeen .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_racequeen01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn--anchor .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_white01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-btn__item--w .c-btn__label::after {
    content: none;
  }
  a:hover .c-btn__label::after {
    opacity: 1;
  }
  .is-current a:hover .c-btn__label::after {
    opacity: 0;
  }
  a[href$=".pdf"] .c-btn__label {
    margin-right: calc(8px + 1.5em);
  }
  a[href$=".pdf"] .c-btn__label::before, a[href$=".pdf"] .c-btn__label::after {
    content: 'PDF';
    width: 3em;
    height: auto;
    margin-right: calc((-8px - 1.5em) / 2);
    background: none;
    line-height: 1.6em;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
  }
  a[href$=".pdf"] .c-btn__label::before {
    border: 1px solid #fff;
  }
  .c-btn__item--w a[href$=".pdf"] .c-btn__label::before {
    border: 1px solid #000;
  }
  a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #008651;
  }
  [data-directory="watch"] a[href$=".pdf"] .c-btn__label::after, [data-directory="facility"] a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #023ba4;
  }
  [data-directory="race"] a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #d83d00;
  }
  [data-directory="tickets"] a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #0080a0;
  }
  [data-directory="course"] a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #815bc2;
  }
  [data-directory="school"] a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #e42525;
  }
  [data-directory="information"] a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #697f00;
  }
  [data-directory="enjoy"] a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #db2f64;
  }
  [data-directory="racequeen"] a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #0068b7;
  }
  .c-btn__item--common a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #008651 !important;
  }
  .c-btn__item--watch a[href$=".pdf"] .c-btn__label::after, .c-btn__item--facility a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #023ba4 !important;
  }
  .c-btn__item--race a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #d83d00 !important;
  }
  .c-btn__item--tickets a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #0080a0 !important;
  }
  .c-btn__item--course a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #815bc2 !important;
  }
  .c-btn__item--school a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #e42525 !important;
  }
  .c-btn__item--information a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #697f00 !important;
  }
  .c-btn__item--enjoy a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #db2f64 !important;
  }
  .c-btn__item--racequeen a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #0068b7 !important;
  }
  .c-btn__item--w a[href$=".pdf"] .c-btn__label::after {
    content: none;
  }
  a[target="_blank"]:not([href$=".pdf"]) .c-btn__label {
    margin-right: calc(8px + 1em);
  }
  a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::before, a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    width: 2em;
    height: 1.6em;
    margin-right: calc((-8px - 1em) / 2);
    font-size: 16px;
  }
  a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::before {
    background: url("/assets/img/common/ico_ex_white01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-btn__item--w a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::before {
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center;
    background-size: contain;
  }
  a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_common01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="watch"] a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after, [data-directory="facility"] a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_race01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_course01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_school01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_information01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_racequeen01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-btn__item--common a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_common01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--watch a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after, .c-btn__item--facility a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_watch01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--race a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_race01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--tickets a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_tickets01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--course a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_course01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--school a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_school01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--information a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_information01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--enjoy a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_enjoy01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--racequeen a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_racequeen01.svg") no-repeat center center !important;
    background-size: contain !important;
  }
  .c-btn__item--w a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    content: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-btn__label {
    margin-right: 0.78125vw;
    padding: 0 1.95312vw;
  }
  .c-btn__item--back .c-btn__label {
    margin-right: 0;
    margin-left: 0.78125vw;
  }
  .c-btn--xs .c-btn__label,
  .c-btn--xl .c-btn__label {
    padding: 0 2.92969vw;
  }
  .c-btn__label::before {
    right: 1.95312vw;
    width: 0.78125vw;
    height: 1.36719vw;
  }
  .c-btn__item--back .c-btn__label::before {
    right: auto;
    left: 1.95312vw;
  }
  a[href$=".pdf"] .c-btn__label {
    margin-right: calc(0.78125vw + 1.5em);
  }
  a[href$=".pdf"] .c-btn__label::before, a[href$=".pdf"] .c-btn__label::after {
    margin-right: calc((-0.78125vw - 1.5em) / 2);
  }
  a[target="_blank"]:not([href$=".pdf"]) .c-btn__label {
    margin-right: calc(0.78125vw + 1em);
  }
  a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::before, a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    margin-right: calc((-0.78125vw - 1em) / 2);
  }
}

@media screen and (max-width: 750px) {
  .c-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    padding: 0 16px;
  }
  .c-btn__item--back .c-btn__label {
    margin-right: 0;
    margin-left: 6px;
  }
  .c-btn--xs .c-btn__label,
  .c-btn--xl .c-btn__label {
    padding: 0 24px;
  }
  .c-btn__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    width: 6px;
    height: 12px;
    background: url("/assets/img/common/ico_arw_white01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0) rotate(90deg);
            transform: translate3d(0, -50%, 0) rotate(90deg);
  }
  [data-directory="watch"] .c-btn--anchor .c-btn__label::before, [data-directory="facility"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_race01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_course01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_school01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_information01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .c-btn--anchor .c-btn__label::before {
    background: url("/assets/img/common/ico_arw_racequeen01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-btn__item--w .c-btn__label::before {
    background: url("/assets/img/common/ico_arw01.svg") no-repeat center center;
    background-size: contain;
  }
  .c-btn__item--back .c-btn__label::before {
    right: auto;
    left: 16px;
    -webkit-transform: translate3d(0, -50%, 0) rotate(180deg);
            transform: translate3d(0, -50%, 0) rotate(180deg);
  }
  a[href$=".pdf"] .c-btn__label {
    margin-right: calc(5px + 1.5em);
  }
  a[href$=".pdf"] .c-btn__label::before {
    content: 'PDF';
    width: 3em;
    height: auto;
    margin-right: calc((-5px - 1.5em) / 2);
    border: 1px solid #fff;
    background: none;
    line-height: 1.2em;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
  }
  .c-btn__item--w a[href$=".pdf"] .c-btn__label::before {
    border: 1px solid #000;
  }
  a[target="_blank"]:not([href$=".pdf"]) .c-btn__label {
    margin-right: calc(5px + 1em);
  }
  a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::before {
    width: 2em;
    height: 1.2em;
    margin-right: calc((-5px - 1em) / 2);
    background: url("/assets/img/common/ico_ex_white01.svg") no-repeat center center;
    background-size: contain;
    font-size: 16px;
  }
  .c-btn__item--w a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::before {
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center;
    background-size: contain;
  }
}

/* table */
@media all and (min-width: 751px) {
  .c-table {
    margin-top: 3.5em;
  }
  .c-table:first-child {
    margin-top: 0;
  }
  .c-txt + .c-table {
    margin-top: 1.75em;
  }
}

@media screen and (max-width: 750px) {
  .c-table {
    margin-top: 1.75em;
  }
  .c-table:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-table-body {
    display: table;
    width: 100%;
    border-collapse: collapse;
  }
}

@media screen and (max-width: 750px) {
  .c-table-body {
    display: table;
    width: 100%;
    border-collapse: collapse;
  }
}

@media all and (min-width: 751px) {
  .c-table__row {
    display: table-row;
  }
}

@media screen and (max-width: 750px) {
  .c-table__row {
    display: table-row;
  }
}

@media all and (min-width: 751px) {
  .c-table__head {
    display: table-cell;
    padding: 1em;
    border: 1px solid #bfbfbf;
    background: #008651;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    color: #fff;
  }
  [data-directory="watch"] .c-table__head, [data-directory="facility"] .c-table__head {
    background: #023ba4;
  }
  [data-directory="race"] .c-table__head {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-table__head {
    background: #0080a0;
  }
  [data-directory="course"] .c-table__head {
    background: #815bc2;
  }
  [data-directory="school"] .c-table__head {
    background: #e42525;
  }
  [data-directory="information"] .c-table__head {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-table__head {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-table__head {
    background: #0068b7;
  }
  .c-table__head--sub {
    background: #e5f3ed;
    color: #000;
  }
  [data-directory="watch"] .c-table__head--sub, [data-directory="facility"] .c-table__head--sub {
    background: #e0e7f4;
  }
  [data-directory="race"] .c-table__head--sub {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-table__head--sub {
    background: #d8f0f6;
  }
  [data-directory="course"] .c-table__head--sub {
    background: #ebe2fb;
  }
  [data-directory="school"] .c-table__head--sub {
    background: #f7e2e2;
  }
  [data-directory="information"] .c-table__head--sub {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-table__head--sub {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-table__head--sub {
    background: #e5f0f8;
  }
  .c-table__head--sat {
    background: #eff8fb;
    color: #000;
  }
  .c-table__head--sun {
    background: #fff1f1;
    color: #000;
  }
}

@media screen and (max-width: 750px) {
  .c-table__head {
    display: table-cell;
    padding: .5em 1em;
    border: 1px solid #bfbfbf;
    background: #008651;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    color: #fff;
  }
  [data-directory="watch"] .c-table__head, [data-directory="facility"] .c-table__head {
    background: #023ba4;
  }
  [data-directory="race"] .c-table__head {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-table__head {
    background: #0080a0;
  }
  [data-directory="course"] .c-table__head {
    background: #815bc2;
  }
  [data-directory="school"] .c-table__head {
    background: #e42525;
  }
  [data-directory="information"] .c-table__head {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-table__head {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-table__head {
    background: #0068b7;
  }
  .c-table__head--sub {
    background: #e5f3ed;
    color: #000;
  }
  [data-directory="watch"] .c-table__head--sub, [data-directory="facility"] .c-table__head--sub {
    background: #e0e7f4;
  }
  [data-directory="race"] .c-table__head--sub {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-table__head--sub {
    background: #d8f0f6;
  }
  [data-directory="course"] .c-table__head--sub {
    background: #ebe2fb;
  }
  [data-directory="school"] .c-table__head--sub {
    background: #f7e2e2;
  }
  [data-directory="information"] .c-table__head--sub {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-table__head--sub {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-table__head--sub {
    background: #e5f0f8;
  }
  .c-table__head--sat {
    background: #eff8fb;
    color: #000;
  }
  .c-table__head--sun {
    background: #fff1f1;
    color: #000;
  }
}

@media all and (min-width: 751px) {
  .c-table__desc {
    display: table-cell;
    padding: 1em;
    border: 1px solid #bfbfbf;
    background: #fff;
    vertical-align: middle;
    text-align: center;
  }
  .c-table__head + .c-table__desc {
    text-align: left;
  }
  .c-table__head + .c-table__desc ~ .c-table__desc {
    text-align: left;
  }
  .c-table__desc--sat {
    background: #eff8fb;
    color: #000;
  }
  .c-table__desc--sun {
    background: #fff1f1;
    color: #000;
  }
}

@media screen and (max-width: 750px) {
  .c-table__desc {
    display: table-cell;
    padding: .5em 1em;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
    text-align: center;
  }
  .c-table__head + .c-table__desc {
    text-align: left;
  }
  .c-table__head + .c-table__desc ~ .c-table__desc {
    text-align: left;
  }
  .c-table__desc--sat {
    background: #eff8fb;
    color: #000;
  }
  .c-table__desc--sun {
    background: #fff1f1;
    color: #000;
  }
}

@media all and (min-width: 751px) {
  .c-table--resp .c-table__row:first-child {
    display: table-caption;
  }
  .c-table--resp .c-table__row:first-child .c-table__head {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .c-table--resp .c-table__row:first-child {
    display: table-caption;
  }
  .c-table--resp .c-table__row:first-child .c-table__head {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .c-table--resp .c-table__inner {
    display: table-cell;
    border: 1px solid #bfbfbf;
    border-top: none;
    vertical-align: middle;
  }
  .c-table--resp .c-table__inner .c-table__head {
    display: block;
    width: 100% !important;
    border: none;
    border-bottom: 1px solid #bfbfbf;
  }
  .c-table--resp .c-table__inner .c-table__desc {
    display: block;
    border: none;
  }
}

@media screen and (max-width: 750px) {
  .c-table--resp .c-table__inner {
    display: table;
    width: 100% !important;
    border-collapse: collapse;
  }
  .c-table--resp .c-table__inner .c-table__head {
    border-top: none;
  }
  .c-table--resp .c-table__inner .c-table__desc {
    border-top: none;
  }
}

@media all and (min-width: 751px) {
  .c-table--resp .is-col2-pc-tb {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    height: 3.5em;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-table--resp .is-col2-tb {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    height: 3.5em;
  }
}

@media screen and (max-width: 750px) {
  .c-table--block-sp .c-table__row {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .c-table--block-sp .c-table__head {
    display: block;
    width: 100% !important;
    border-top: none;
  }
  .c-table__row:first-child .c-table--block-sp .c-table__head {
    border-top: 1px solid #bfbfbf;
  }
}

@media screen and (max-width: 750px) {
  .c-table--block-sp .c-table__desc {
    display: block;
    width: 100% !important;
    border-top: none;
  }
}

@media all and (min-width: 751px) {
  .c-table-wrap table {
    display: table;
    width: 100%;
    border-collapse: collapse;
  }
}

@media screen and (max-width: 750px) {
  .c-table-wrap table {
    display: table;
    width: 100%;
    border-collapse: collapse;
  }
}

@media all and (min-width: 751px) {
  .c-table-wrap th {
    padding: 1em;
    border: 1px solid #bfbfbf;
    background: #008651;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    color: #fff;
  }
  [data-directory="watch"] .c-table-wrap th, [data-directory="facility"] .c-table-wrap th {
    background: #023ba4;
  }
  [data-directory="race"] .c-table-wrap th {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-table-wrap th {
    background: #0080a0;
  }
  [data-directory="course"] .c-table-wrap th {
    background: #815bc2;
  }
  [data-directory="school"] .c-table-wrap th {
    background: #e42525;
  }
  [data-directory="information"] .c-table-wrap th {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-table-wrap th {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-table-wrap th {
    background: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .c-table-wrap th {
    padding: .5em 1em;
    border: 1px solid #bfbfbf;
    background: #008651;
    vertical-align: middle;
    text-align: center;
    font-weight: normal;
    color: #fff;
  }
  [data-directory="watch"] .c-table-wrap th, [data-directory="facility"] .c-table-wrap th {
    background: #023ba4;
  }
  [data-directory="race"] .c-table-wrap th {
    background: #d83d00;
  }
  [data-directory="tickets"] .c-table-wrap th {
    background: #0080a0;
  }
  [data-directory="course"] .c-table-wrap th {
    background: #815bc2;
  }
  [data-directory="school"] .c-table-wrap th {
    background: #e42525;
  }
  [data-directory="information"] .c-table-wrap th {
    background: #697f00;
  }
  [data-directory="enjoy"] .c-table-wrap th {
    background: #db2f64;
  }
  [data-directory="racequeen"] .c-table-wrap th {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .c-table-wrap td {
    padding: 1em;
    border: 1px solid #bfbfbf;
    background: #fff;
    vertical-align: middle;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .c-table-wrap td {
    padding: .5em 1em;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .c-table-wrap--results th:first-child {
    width: 13.5em;
  }
  .c-table-wrap--results th:last-child {
    width: 13.5em;
  }
}

@media screen and (max-width: 750px) {
  .c-table-wrap--results th:first-child {
    width: 13.5em;
  }
  .c-table-wrap--results th:last-child {
    width: 13.5em;
  }
}

/* card */
@media all and (min-width: 751px) {
  .c-card {
    margin-top: 3.5em;
  }
  .c-card:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-card {
    margin-top: 1.75em;
  }
  .c-card:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-card-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
    margin-top: 3.33333%;
  }
  .c-card-list:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-card-list {
    margin-top: 5.33333vw;
  }
  .c-card-list:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-card-list__item .c-txt a {
    color: #000 !important;
  }
  .c-card-list__item .c-txt a[href$=".pdf"]::after {
    border: 1px solid #000 !important;
  }
  .c-card-list__item .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center !important;
  }
}

@media all and (min-width: 1025px) {
  .c-card-list--1 .c-card-list__item {
    width: 100%;
    margin-top: 1.66667%;
  }
  .c-card-list--1 .c-card-list__item:first-child {
    margin-top: 0;
  }
  .c-card-list--2 .c-card-list__item {
    -webkit-box-flex: 1;
            flex-grow: 1;
    width: 48.33333%;
    margin-left: 3.33333%;
  }
  .c-card-list--2 .c-card-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .c-card-list--2 .c-card-list__item:nth-child(n+3) {
    margin-top: 1.66667%;
  }
  .c-card-list--3 .c-card-list__item {
    -webkit-box-flex: 1;
            flex-grow: 1;
    width: 31.11111%;
    margin-left: 3.33333%;
  }
  .c-card-list--3 .c-card-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .c-card-list--3 .c-card-list__item:nth-child(n+4) {
    margin-top: 1.66667%;
  }
  .c-card-list--4 .c-card-list__item {
    -webkit-box-flex: 1;
            flex-grow: 1;
    width: 22.5%;
    margin-left: 3.33333%;
  }
  .c-card-list--4 .c-card-list__item:nth-child(4n+1) {
    margin-left: 0;
  }
  .c-card-list--4 .c-card-list__item:nth-child(n+5) {
    margin-top: 1.66667%;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-card-list--1 .c-card-list__item {
    width: 100%;
    margin-top: 1.66667%;
  }
  .c-card-list--1 .c-card-list__item:first-child {
    margin-top: 0;
  }
  .c-card-list--2 .c-card-list__item {
    width: 100%;
    margin-top: 1.66667%;
  }
  .c-card-list--2 .c-card-list__item:first-child {
    margin-top: 0;
  }
  .c-card-list--3 .c-card-list__item {
    width: 48.33333%;
    margin-left: 3.33333%;
  }
  .c-card-list--3 .c-card-list__item:nth-child(2n+1) {
    margin-left: auto;
    margin-right: auto;
  }
  .c-card-list--3 .c-card-list__item:nth-child(n+3) {
    margin-top: 1.66667%;
  }
  .c-card-list--4 .c-card-list__item {
    width: 48.33333%;
    margin-left: 3.33333%;
  }
  .c-card-list--4 .c-card-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .c-card-list--4 .c-card-list__item:nth-child(n+3) {
    margin-top: 1.66667%;
  }
}

@media screen and (max-width: 750px) {
  .c-card-list__item {
    margin-top: 5.33333vw;
  }
  .c-card-list__item:first-child {
    margin-top: 0;
  }
  .c-card-list__item .c-txt a {
    color: #000 !important;
  }
  .c-card-list__item .c-txt a[href$=".pdf"]::after {
    border: 1px solid #000 !important;
  }
  .c-card-list__item .c-txt a[target="_blank"]:not([href$=".pdf"])::after {
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center !important;
  }
}

@media all and (min-width: 751px) {
  .c-card-list__item .c-desc {
    padding: 20px;
    border-radius: 20px;
    background: #e5f3ed;
  }
  [data-directory="watch"] .c-card-list__item .c-desc, [data-directory="facility"] .c-card-list__item .c-desc {
    background: #e0e7f4;
  }
  [data-directory="race"] .c-card-list__item .c-desc {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-card-list__item .c-desc {
    background: #d8f0f6;
  }
  [data-directory="course"] .c-card-list__item .c-desc {
    background: #ebe2fb;
  }
  [data-directory="school"] .c-card-list__item .c-desc {
    background: #f7e2e2;
  }
  [data-directory="information"] .c-card-list__item .c-desc {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-card-list__item .c-desc {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-card-list__item .c-desc {
    background: #e5f0f8;
  }
  .c-card-list--1 .c-card-list__item .c-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
  .c-card-list--2 .c-card-list__item .c-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    height: 100%;
  }
  .c-card-list--3 .c-card-list__item .c-desc {
    height: 100%;
  }
  .c-card-list--4 .c-card-list__item .c-desc {
    height: 100%;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-card-list__item .c-desc {
    padding: 1.95312vw;
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .c-card-list__item .c-desc {
    padding: 2.66667vw;
    border-radius: 2.66667vw;
    background: #e5f3ed;
  }
  [data-directory="watch"] .c-card-list__item .c-desc, [data-directory="facility"] .c-card-list__item .c-desc {
    background: #e0e7f4;
  }
  [data-directory="race"] .c-card-list__item .c-desc {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .c-card-list__item .c-desc {
    background: #d8f0f6;
  }
  [data-directory="course"] .c-card-list__item .c-desc {
    background: #ebe2fb;
  }
  [data-directory="school"] .c-card-list__item .c-desc {
    background: #f7e2e2;
  }
  [data-directory="information"] .c-card-list__item .c-desc {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .c-card-list__item .c-desc {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .c-card-list__item .c-desc {
    background: #e5f0f8;
  }
}

@media all and (min-width: 751px) {
  .c-card-list--1 .c-card-list__item .c-desc__term {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    flex-shrink: 0;
    min-width: calc(8em + 2px);
    padding: .5em 1em .5em 0;
    border-right: 2px solid #000;
    text-align: center;
    white-space: nowrap;
  }
  .c-card-list--2 .c-card-list__item .c-desc__term {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    flex-shrink: 0;
    min-width: calc(8em + 2px);
    padding: .5em 1em .5em 0;
    border-right: 2px solid #000;
    text-align: center;
    white-space: nowrap;
  }
  .c-card-list--3 .c-card-list__item .c-desc__term {
    padding-bottom: 0.4375em;
    border-bottom: 2px solid #000;
    text-align: center;
  }
  .c-card-list--4 .c-card-list__item .c-desc__term {
    padding-bottom: 0.4375em;
    border-bottom: 2px solid #000;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .c-card-list--1 .c-card-list__item .c-desc__term {
    padding-bottom: 0.4375em;
    border-bottom: 2px solid #000;
    text-align: center;
  }
  .c-card-list--2 .c-card-list__item .c-desc__term {
    padding-bottom: 0.4375em;
    border-bottom: 2px solid #000;
    text-align: center;
  }
  .c-card-list--3 .c-card-list__item .c-desc__term {
    padding-bottom: 0.4375em;
    border-bottom: 2px solid #000;
    text-align: center;
  }
  .c-card-list--4 .c-card-list__item .c-desc__term {
    padding-bottom: 0.4375em;
    border-bottom: 2px solid #000;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .c-card-list--1 .c-card-list__item .c-desc__defin {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    width: 100%;
    margin-top: 0;
    padding: .5em 0 .5em 1em;
  }
  .c-card-list--2 .c-card-list__item .c-desc__defin {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    width: 100%;
    margin-top: 0;
    padding: .5em 0 .5em 1em;
  }
}

@media all and (min-width: 1025px) {
  .c-card-list--2 .c-card-list__item .c-table {
    height: 100%;
  }
  .c-card-list--3 .c-card-list__item .c-table {
    height: 100%;
  }
  .c-card-list--4 .c-card-list__item .c-table {
    height: 100%;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-card-list--3 .c-card-list__item .c-table {
    height: 100%;
  }
  .c-card-list--4 .c-card-list__item .c-table {
    height: 100%;
  }
}

@media all and (min-width: 1025px) {
  .c-card-list--2 .c-card-list__item .c-table-body {
    height: 100%;
  }
  .c-card-list--3 .c-card-list__item .c-table-body {
    height: 100%;
  }
  .c-card-list--4 .c-card-list__item .c-table-body {
    height: 100%;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-card-list--3 .c-card-list__item .c-table-body {
    height: 100%;
  }
  .c-card-list--4 .c-card-list__item .c-table-body {
    height: 100%;
  }
}

@media all and (min-width: 1025px) {
  .c-card-list--2 .c-card-list__item .c-table__head {
    height: calc(1.505em + 1em + 2px);
  }
  .c-card-list--3 .c-card-list__item .c-table__head {
    height: calc(1.505em + 1em + 2px);
  }
  .c-card-list--4 .c-card-list__item .c-table__head {
    height: calc(1.505em + 1em + 2px);
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-card-list--3 .c-card-list__item .c-table__head {
    height: calc(1.505em + 1em + 2px);
  }
  .c-card-list--4 .c-card-list__item .c-table__head {
    height: calc(1.505em + 1em + 2px);
  }
}

/* media */
@media all and (min-width: 751px) {
  .c-media {
    margin-top: 3.5em;
  }
  .c-media:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .c-media {
    margin-top: 1.75em;
  }
  .c-media:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .c-media__parts:first-child {
    float: right;
    width: 460px;
    margin-left: 20px;
    margin-bottom: 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .c-media__parts:first-child {
    width: 44.92188vw;
    margin-left: 1.95312vw;
    margin-bottom: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .c-media__parts {
    margin-top: 1.75em;
  }
  .c-media__parts:first-child {
    margin-top: 0;
  }
}

/* ==================================================
Project
================================================== */
/* skiplink */
body.is-skiplink-active .p-skiplink {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: #333;
  margin: 0;
}

.p-skiplink-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: .5em 0;
  text-align: center;
}

.p-skiplink-list__item {
  padding: 0 1em;
}

.p-skiplink-list__item a {
  color: #fff;
  text-decoration: underline;
}

@media all and (min-width: 751px) {
  .p-skiplink-list__item a:hover {
    text-decoration: none;
  }
}

/* breadcrumb */
@media screen and (max-width: 750px) {
  .p-breadcrumb {
    padding-top: 4vw;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb--article {
    background: #008651;
    color: #fff;
  }
  [data-directory="watch"] .p-breadcrumb--article, [data-directory="facility"] .p-breadcrumb--article {
    background: #023ba4;
  }
  [data-directory="race"] .p-breadcrumb--article {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-breadcrumb--article {
    background: #0080a0;
  }
  [data-directory="course"] .p-breadcrumb--article {
    background: #815bc2;
  }
  [data-directory="school"] .p-breadcrumb--article {
    background: #e42525;
  }
  [data-directory="information"] .p-breadcrumb--article {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-breadcrumb--article {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-breadcrumb--article {
    background: #0068b7;
  }
  .p-breadcrumb--article a {
    color: #fff;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb--article {
    background: #008651;
    color: #fff;
  }
  [data-directory="watch"] .p-breadcrumb--article, [data-directory="facility"] .p-breadcrumb--article {
    background: #023ba4;
  }
  [data-directory="race"] .p-breadcrumb--article {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-breadcrumb--article {
    background: #0080a0;
  }
  [data-directory="course"] .p-breadcrumb--article {
    background: #815bc2;
  }
  [data-directory="school"] .p-breadcrumb--article {
    background: #e42525;
  }
  [data-directory="information"] .p-breadcrumb--article {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-breadcrumb--article {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-breadcrumb--article {
    background: #0068b7;
  }
  .p-breadcrumb--article a {
    color: #fff;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb-body {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb-body {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb-list {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    font-size: 78.57143%;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb-list {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb-list__item {
    float: left;
    margin-left: .5em;
  }
  .p-breadcrumb-list__item::before {
    content: '>';
    display: inline-block;
    vertical-align: top;
    margin-right: .5em;
  }
  .p-breadcrumb-list__item:first-child {
    margin-left: 0;
  }
  .p-breadcrumb-list__item:first-child::before {
    content: none;
    margin-right: 0;
  }
  .p-breadcrumb-list__item a {
    text-decoration: none;
  }
  .p-breadcrumb-list__item a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb-list__item {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb-sns {
    padding: 20px 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-breadcrumb-sns {
    padding: 1.95312vw 0;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb-sns {
    padding: 2.66667vw 0;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb-sns-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb-sns-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb-sns-desc__term {
    font-size: 78.57143%;
  }
  .p-breadcrumb-sns-desc__term span {
    padding-left: .5em;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb-sns-desc__term {
    font-size: 71.42857%;
  }
  .p-breadcrumb-sns-desc__term span {
    padding-left: .5em;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb-sns-desc__defin {
    margin-left: .5em;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb-sns-desc__defin {
    margin-left: .5em;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb-sns-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb-sns-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media all and (min-width: 751px) {
  .p-breadcrumb-sns-list__item {
    width: 32px;
    margin-left: 1em;
  }
  .p-breadcrumb-sns-list__item:first-child {
    margin-left: 0;
  }
  .p-breadcrumb-sns-list__item a {
    display: block;
    border-radius: 4px;
    overflow: hidden;
  }
  .p-breadcrumb-sns-list__item--twitter a {
    background: #1da1f2;
  }
  .p-breadcrumb-sns-list__item--facebook a {
    background: #1877f2;
  }
}

@media screen and (max-width: 750px) {
  .p-breadcrumb-sns-list__item {
    width: 32px;
    margin-left: 1em;
  }
  .p-breadcrumb-sns-list__item:first-child {
    margin-left: 0;
  }
  .p-breadcrumb-sns-list__item a {
    display: block;
    border-radius: 4px;
    overflow: hidden;
  }
  .p-breadcrumb-sns-list__item--twitter a {
    background: #1da1f2;
  }
  .p-breadcrumb-sns-list__item--facebook a {
    background: #1877f2;
  }
}

/* hero */
@media all and (min-width: 751px) {
  .p-hero {
    position: relative;
    color: #fff;
    overflow: hidden;
  }
  .p-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #008651;
    z-index: -1;
  }
  [data-directory="watch"] .p-hero::before, [data-directory="facility"] .p-hero::before {
    background: #023ba4;
  }
  [data-directory="race"] .p-hero::before {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-hero::before {
    background: #0080a0;
  }
  [data-directory="course"] .p-hero::before {
    background: #815bc2;
  }
  [data-directory="school"] .p-hero::before {
    background: #e42525;
  }
  [data-directory="information"] .p-hero::before {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-hero::before {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-hero::before {
    background: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .p-hero {
    position: relative;
    color: #fff;
    overflow: hidden;
  }
  .p-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #008651;
    z-index: -1;
  }
  [data-directory="watch"] .p-hero::before, [data-directory="facility"] .p-hero::before {
    background: #023ba4;
  }
  [data-directory="race"] .p-hero::before {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-hero::before {
    background: #0080a0;
  }
  [data-directory="course"] .p-hero::before {
    background: #815bc2;
  }
  [data-directory="school"] .p-hero::before {
    background: #e42525;
  }
  [data-directory="information"] .p-hero::before {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-hero::before {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-hero::before {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .p-hero--lv2::before {
    min-width: 610px;
    width: 50%;
    margin-left: -133px;
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: skewX(-18.5deg);
            transform: skewX(-18.5deg);
    z-index: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-hero--lv2::before {
    margin-left: -12.98828vw;
  }
}

@media screen and (max-width: 750px) {
  .p-hero--lv2::before {
    width: calc(50% + 45 / 750 * 100vw);
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: skewX(-18.5deg);
            transform: skewX(-18.5deg);
    z-index: 0;
  }
}

@media all and (min-width: 751px) {
  .p-hero--lv3::before {
    min-width: 610px;
    width: 50%;
    margin-left: -133px;
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: skewX(-18.5deg);
            transform: skewX(-18.5deg);
    z-index: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-hero--lv3::before {
    margin-left: -12.98828vw;
  }
}

@media screen and (max-width: 750px) {
  .p-hero--lv3::before {
    width: calc(50% + 45 / 750 * 100vw);
    -webkit-transform-origin: right top;
            transform-origin: right top;
    -webkit-transform: skewX(-18.5deg);
            transform: skewX(-18.5deg);
    z-index: 0;
  }
}

@media all and (min-width: 751px) {
  .p-hero--article {
    padding-top: 45px;
  }
  .p-hero--article::before {
    top: auto;
    bottom: 0;
    height: 135px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-hero--article {
    padding-top: 4.39453vw;
  }
  .p-hero--article::before {
    height: 13.18359vw;
  }
}

@media screen and (max-width: 750px) {
  .p-hero--article::before {
    top: auto;
    bottom: 0;
    height: 20vw;
  }
}

@media all and (min-width: 751px) {
  .p-hero-headset {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 200px;
  }
  .p-hero--lv2 .p-hero-headset {
    min-width: 600px;
    width: 50%;
    height: 300px;
    padding-right: 233px;
  }
  .p-hero--lv3 .p-hero-headset {
    min-width: 600px;
    width: 50%;
    height: 250px;
    padding-right: 233px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-hero-headset {
    height: 19.53125vw;
  }
  .p-hero--lv2 .p-hero-headset {
    height: 29.29688vw;
    padding-right: 22.75391vw;
  }
  .p-hero--lv3 .p-hero-headset {
    height: 24.41406vw;
    padding-right: 22.75391vw;
  }
}

@media screen and (max-width: 750px) {
  .p-hero-headset {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 26.66667vw;
  }
  .p-hero--lv2 .p-hero-headset {
    width: 50%;
    height: 37.33333vw;
    padding-right: 6vw;
  }
  .p-hero--lv3 .p-hero-headset {
    width: 50%;
    height: 32vw;
    padding-right: 6vw;
  }
}

@media all and (min-width: 751px) {
  .p-hero-head {
    position: relative;
    line-height: 1.3125em;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
  }
  .p-hero--lv2 .p-hero-head {
    font-size: 40px;
  }
  .p-hero--lv3 .p-hero-head {
    font-size: 34px;
  }
  html[lang="en"] .p-hero-head,
  .p-hero-head span[lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-hero-head {
    font-size: 3.32031vw;
  }
  .p-hero--lv2 .p-hero-head {
    font-size: 3.90625vw;
  }
  .p-hero--lv3 .p-hero-head {
    font-size: 3.32031vw;
  }
}

@media screen and (max-width: 750px) {
  .p-hero-head {
    position: relative;
    line-height: 1.3125em;
    text-align: center;
    font-size: 3.6vw;
    font-weight: 700;
  }
  .p-hero--lv2 .p-hero-head {
    font-size: 4.8vw;
  }
  .p-hero--lv3 .p-hero-head {
    font-size: 3.6vw;
  }
  html[lang="en"] .p-hero-head,
  .p-hero-head span[lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
}

@media all and (min-width: 751px) {
  .p-hero-head__label {
    display: block;
    margin-top: 0.4375em;
    line-height: 1.3125em;
    font-size: 47.05882%;
  }
  .p-hero-head__label[lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .2em;
  }
  .p-hero--lv2 .p-hero-head__label {
    font-size: 55%;
  }
  .p-hero--lv3 .p-hero-head__label {
    font-size: 47.05882%;
  }
}

@media screen and (max-width: 750px) {
  .p-hero-head__label {
    display: block;
    margin-top: 0.4375em;
    line-height: 1.3125em;
    font-size: 66.66667%;
  }
  .p-hero-head__label[lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .2em;
  }
  .p-hero--lv2 .p-hero-head__label {
    font-size: 66.66667%;
  }
  .p-hero--lv3 .p-hero-head__label {
    font-size: 66.66667%;
  }
}

@media all and (min-width: 751px) {
  .p-hero-bg {
    position: absolute;
    top: 0;
    right: 0;
    max-width: calc(calc(100% - 610px) + 233px);
    width: calc(50% + 233px);
    height: 100%;
    z-index: -1;
  }
  .p-hero-bg--company-message {
    background: #fffdf5;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-hero-bg {
    max-width: calc(calc(100% - 610px) + 233 / 1024 * 100vw);
  }
}

@media screen and (max-width: 750px) {
  .p-hero-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(50% + 45 / 750 * 100vw);
    height: 100%;
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .p-hero-bg__label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .p-hero-bg--company-message .p-hero-bg__label {
    max-width: 916px;
  }
  .p-hero-bg--company-message .p-hero-bg__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/assets/img/company/bg_hero_message01_layer.png") no-repeat left bottom;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .p-hero-bg__label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .p-hero-bg--company-message .p-hero-bg__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/assets/img/company/bg_hero_message01_layer.png") no-repeat left bottom;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .p-hero-img {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .p-hero-img {
    margin: 0 2vw;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .p-hero-img_figure {
    display: inline-block;
    vertical-align: top;
    max-width: 1000px;
  }
}

@media screen and (max-width: 750px) {
  .p-hero-img_figure {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
}

/* sidemenu */
@media screen and (max-width: 750px) {
  .p-sidemenu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 10000;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    will-change: auto;
  }
  .is-sidemenu-in .p-sidemenu {
    -webkit-animation: fadeIn 0.4s ease-in-out both;
            animation: fadeIn 0.4s ease-in-out both;
  }
  .is-sidemenu-out .p-sidemenu {
    -webkit-animation: fadeOut 0.4s ease-in-out both;
            animation: fadeOut 0.4s ease-in-out both;
  }
  .is-opened-sidemenu .p-sidemenu {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  .p-sidemenu .c-inner {
    padding: 0;
  }
}

@media all and (min-width: 751px) {
  .p-sidemenu-head {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .p-sidemenu-head {
    text-align: right;
  }
  .is-sidemenu-in .p-sidemenu-head,
  .is-sidemenu-out .p-sidemenu-head {
    margin-top: -50px;
  }
  .is-sidemenu-out .p-sidemenu-head {
    margin-top: -50px;
  }
}

@media all and (min-width: 751px) {
  .p-sidemenu-open {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .p-sidemenu-open {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 50px;
    background: #e5f3ed;
    cursor: pointer;
  }
  [data-directory="watch"] .p-sidemenu-open, [data-directory="facility"] .p-sidemenu-open {
    background: #e0e7f4;
  }
  [data-directory="race"] .p-sidemenu-open {
    background: #f9e5dd;
  }
}

@media all and (min-width: 751px) {
  .p-sidemenu-open__label {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .p-sidemenu-open__label {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 3px;
    border-radius: 100px;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }
  .p-sidemenu-open__label::before, .p-sidemenu-open__label::after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 100px;
    background: #008651;
  }
  [data-directory="watch"] .p-sidemenu-open__label::before, [data-directory="facility"] .p-sidemenu-open__label::before, [data-directory="watch"] .p-sidemenu-open__label::after, [data-directory="facility"] .p-sidemenu-open__label::after {
    background: #023ba4;
  }
  [data-directory="race"] .p-sidemenu-open__label::before, [data-directory="race"] .p-sidemenu-open__label::after {
    background: #d83d00;
  }
  [aria-expanded="true"] .p-sidemenu-open__label {
    background: none;
  }
  [aria-expanded="true"] .p-sidemenu-open__label::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: top 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out 0.1s;
  }
  [aria-expanded="true"] .p-sidemenu-open__label::after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: top 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s;
    transition: top 0.1s ease-in-out, transform 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out 0.1s;
  }
  [aria-expanded="false"] .p-sidemenu-open__label {
    background: #008651;
  }
  [data-directory="watch"] [aria-expanded="false"] .p-sidemenu-open__label, [data-directory="facility"] [aria-expanded="false"] .p-sidemenu-open__label {
    background: #023ba4;
  }
  [data-directory="race"] [aria-expanded="false"] .p-sidemenu-open__label {
    background: #d83d00;
  }
  [aria-expanded="false"] .p-sidemenu-open__label::before {
    top: -10px;
    -webkit-transition: top 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out;
    transition: top 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out;
    transition: top 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out;
    transition: top 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  }
  [aria-expanded="false"] .p-sidemenu-open__label::after {
    bottom: -10px;
    -webkit-transition: bottom 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out;
    transition: bottom 0.1s ease-in-out 0.1s, -webkit-transform 0.1s ease-in-out;
    transition: bottom 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out;
    transition: bottom 0.1s ease-in-out 0.1s, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  }
}

@media screen and (max-width: 750px) {
  .p-sidemenu-body__inner {
    padding: 8px;
    background: #e5f3ed;
  }
  [data-directory="watch"] .p-sidemenu-body__inner, [data-directory="facility"] .p-sidemenu-body__inner {
    background: #e0e7f4;
  }
  [data-directory="race"] .p-sidemenu-body__inner {
    background: #f9e5dd;
  }
}

@media all and (min-width: 751px) {
  .p-sidemenu-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin: -1px;
  }
}

@media screen and (max-width: 750px) {
  .p-sidemenu-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin: -1px;
  }
}

@media all and (min-width: 751px) {
  .p-sidemenu-list__item {
    position: relative;
    width: calc(100% - 2px);
    margin: 1px;
    line-height: 1.3125em;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
  }
  .p-sidemenu-list__item a {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    height: 48px;
    padding: 0 .25em;
    border: 1px solid #008651;
    background: #008651;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  }
  [data-directory="watch"] .p-sidemenu-list__item a, [data-directory="facility"] .p-sidemenu-list__item a {
    border: 1px solid #023ba4;
    background: #023ba4;
  }
  [data-directory="race"] .p-sidemenu-list__item a {
    border: 1px solid #d83d00;
    background: #d83d00;
  }
  .p-sidemenu-list__item a:hover {
    background: #fff;
    color: #008651;
  }
  [data-directory="watch"] .p-sidemenu-list__item a:hover, [data-directory="facility"] .p-sidemenu-list__item a:hover {
    color: #023ba4;
  }
  [data-directory="race"] .p-sidemenu-list__item a:hover {
    color: #d83d00;
  }
  .p-sidemenu-list__item.is-current::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -10px;
    border-bottom: 5px solid #008651;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  [data-directory="watch"] .p-sidemenu-list__item.is-current::before, [data-directory="facility"] .p-sidemenu-list__item.is-current::before {
    border-bottom: 5px solid #023ba4;
  }
  [data-directory="race"] .p-sidemenu-list__item.is-current::before {
    border-bottom: 5px solid #d83d00;
  }
  .p-sidemenu-list__item.is-current a {
    background: #fff;
    color: #008651;
  }
  [data-directory="watch"] .p-sidemenu-list__item.is-current a, [data-directory="facility"] .p-sidemenu-list__item.is-current a {
    color: #023ba4;
  }
  [data-directory="race"] .p-sidemenu-list__item.is-current a {
    color: #d83d00;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-sidemenu-list__item {
    font-size: 1.17188vw;
  }
}

@media screen and (max-width: 750px) {
  .p-sidemenu-list__item {
    -webkit-box-flex: 1;
            flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc(20% - 2px);
    margin: 1px;
    line-height: 1.3125em;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
  }
  .p-sidemenu-list__item a {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    height: 60px;
    border: 1px solid #008651;
    background: #008651;
    color: #fff;
    text-decoration: none;
  }
  [data-directory="watch"] .p-sidemenu-list__item a, [data-directory="facility"] .p-sidemenu-list__item a {
    border: 1px solid #023ba4;
    background: #023ba4;
  }
  [data-directory="race"] .p-sidemenu-list__item a {
    border: 1px solid #d83d00;
    background: #d83d00;
  }
  .p-sidemenu-list__item.is-current a {
    background: #fff;
    color: #008651;
  }
  [data-directory="watch"] .p-sidemenu-list__item.is-current a, [data-directory="facility"] .p-sidemenu-list__item.is-current a {
    color: #023ba4;
  }
  [data-directory="race"] .p-sidemenu-list__item.is-current a {
    color: #d83d00;
  }
}

@media all and (min-width: 751px) {
  .p-sidemenu-list__ico {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    margin-left: -.25em;
    fill: #fff;
    -webkit-transition: fill 0.2s ease-in-out;
    transition: fill 0.2s ease-in-out;
  }
  a:hover .p-sidemenu-list__ico,
  .is-current .p-sidemenu-list__ico {
    fill: #008651;
  }
  [data-directory="watch"] a:hover .p-sidemenu-list__ico, [data-directory="facility"] a:hover .p-sidemenu-list__ico, [data-directory="watch"]
  .is-current .p-sidemenu-list__ico, [data-directory="facility"]
  .is-current .p-sidemenu-list__ico {
    fill: #023ba4;
  }
  [data-directory="race"] a:hover .p-sidemenu-list__ico, [data-directory="race"]
  .is-current .p-sidemenu-list__ico {
    fill: #d83d00;
  }
}

@media screen and (max-width: 750px) {
  .p-sidemenu-list__ico {
    display: inline-block;
    vertical-align: middle;
    width: 45px;
    height: 45px;
    margin-top: -1em;
    margin-bottom: -.5em;
    fill: #fff;
  }
  .is-current .p-sidemenu-list__ico {
    fill: #008651;
  }
  [data-directory="watch"] .is-current .p-sidemenu-list__ico, [data-directory="facility"] .is-current .p-sidemenu-list__ico {
    fill: #023ba4;
  }
  [data-directory="race"] .is-current .p-sidemenu-list__ico {
    fill: #d83d00;
  }
}

@media all and (min-width: 751px) {
  .p-sidemenu-list__label {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
}

@media screen and (max-width: 750px) {
  .p-sidemenu-list__label {
    display: block;
    text-align: center;
  }
}

/* title */
@media all and (min-width: 751px) {
  .p-title-desc {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .p-title-desc {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .p-title-desc__term {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: .5em;
  }
  .p-title-desc__term::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 2em);
    border-bottom: 3px solid #008651;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  [data-directory="watch"] .p-title-desc__term::before, [data-directory="facility"] .p-title-desc__term::before {
    border-bottom: 3px solid #023ba4;
  }
  [data-directory="race"] .p-title-desc__term::before {
    border-bottom: 3px solid #d83d00;
  }
  [data-directory="tickets"] .p-title-desc__term::before {
    border-bottom: 3px solid #0080a0;
  }
  [data-directory="course"] .p-title-desc__term::before {
    border-bottom: 3px solid #815bc2;
  }
  [data-directory="school"] .p-title-desc__term::before {
    border-bottom: 3px solid #e42525;
  }
  [data-directory="information"] .p-title-desc__term::before {
    border-bottom: 3px solid #697f00;
  }
  [data-directory="enjoy"] .p-title-desc__term::before {
    border-bottom: 3px solid #db2f64;
  }
  [data-directory="racequeen"] .p-title-desc__term::before {
    border-bottom: 3px solid #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .p-title-desc__term {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: .5em;
  }
  .p-title-desc__term::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 2em);
    border-bottom: 3px solid #008651;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  [data-directory="watch"] .p-title-desc__term::before, [data-directory="facility"] .p-title-desc__term::before {
    border-bottom: 3px solid #023ba4;
  }
  [data-directory="race"] .p-title-desc__term::before {
    border-bottom: 3px solid #d83d00;
  }
  [data-directory="tickets"] .p-title-desc__term::before {
    border-bottom: 3px solid #0080a0;
  }
  [data-directory="course"] .p-title-desc__term::before {
    border-bottom: 3px solid #815bc2;
  }
  [data-directory="school"] .p-title-desc__term::before {
    border-bottom: 3px solid #e42525;
  }
  [data-directory="information"] .p-title-desc__term::before {
    border-bottom: 3px solid #697f00;
  }
  [data-directory="enjoy"] .p-title-desc__term::before {
    border-bottom: 3px solid #db2f64;
  }
  [data-directory="racequeen"] .p-title-desc__term::before {
    border-bottom: 3px solid #0068b7;
  }
}

@media all and (min-width: 751px) {
  .p-title-desc__defin {
    margin-top: .5em;
  }
}

@media screen and (max-width: 750px) {
  .p-title-desc__defin {
    margin-top: .5em;
  }
}

@media all and (min-width: 751px) {
  .p-title-desc-cat {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .p-title-desc-cat {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .p-title-desc-cat__label {
    display: inline-block;
    vertical-align: top;
    min-width: 9em;
    margin: .25em .5em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
  }
  [data-directory="watch"] .p-title-desc-cat__label, [data-directory="facility"] .p-title-desc-cat__label {
    background: #023ba4;
  }
  [data-directory="race"] .p-title-desc-cat__label {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-title-desc-cat__label {
    background: #0080a0;
  }
  [data-directory="course"] .p-title-desc-cat__label {
    background: #815bc2;
  }
  [data-directory="school"] .p-title-desc-cat__label {
    background: #e42525;
  }
  [data-directory="information"] .p-title-desc-cat__label {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-title-desc-cat__label {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-title-desc-cat__label {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-title-desc-cat__label {
    line-height: 1.95312vw;
    font-size: 1.17188vw;
  }
}

@media screen and (max-width: 750px) {
  .p-title-desc-cat__label {
    display: inline-block;
    vertical-align: top;
    min-width: 9em;
    margin: .25em .5em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 19px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
  [data-directory="watch"] .p-title-desc-cat__label, [data-directory="facility"] .p-title-desc-cat__label {
    background: #023ba4;
  }
  [data-directory="race"] .p-title-desc-cat__label {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-title-desc-cat__label {
    background: #0080a0;
  }
  [data-directory="course"] .p-title-desc-cat__label {
    background: #815bc2;
  }
  [data-directory="school"] .p-title-desc-cat__label {
    background: #e42525;
  }
  [data-directory="information"] .p-title-desc-cat__label {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-title-desc-cat__label {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-title-desc-cat__label {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .p-title-desc-date {
    display: block;
    font-size: 142.85714%;
    font-weight: 700;
  }
  .p-title-desc-date > span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: .75em;
  }
  .p-title-desc-date > span::before {
    content: '/';
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-title-desc-date > span:first-child {
    padding-left: 0;
  }
  .p-title-desc-date > span:first-child::before {
    content: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-title-desc-date {
    font-size: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .p-title-desc-date {
    display: block;
    font-size: 92.85714%;
    font-weight: 700;
  }
  .p-title-desc-date > span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: .75em;
  }
  .p-title-desc-date > span::before {
    content: '/';
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-title-desc-date > span:first-child {
    padding-left: 0;
  }
  .p-title-desc-date > span:first-child::before {
    content: none;
  }
}

@media all and (min-width: 751px) {
  .p-title-head {
    line-height: 1.3125em;
    font-size: 242.85714%;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-title-head {
    font-size: 3.32031vw;
  }
}

@media screen and (max-width: 750px) {
  .p-title-head {
    line-height: 1.3125em;
    font-size: 135.71429%;
    font-weight: 700;
  }
}

/* lead */
@media all and (min-width: 751px) {
  .p-lead {
    margin-top: 3.5em;
  }
  .p-lead:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-lead {
    margin-top: 1.75em;
  }
  .p-lead:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-lead-txt {
    margin-top: 1.75em;
    font-size: 128.57143%;
    text-align: center;
    font-weight: 700;
  }
  .p-lead-txt:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-lead-txt {
    margin-top: 1.75em;
    font-size: 92.85714%;
    font-weight: 700;
  }
  .p-lead-txt:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-lead-txt em {
    font-weight: 700;
    color: #008651;
  }
  [data-directory="watch"] .p-lead-txt em, [data-directory="facility"] .p-lead-txt em {
    color: #023ba4;
  }
  [data-directory="race"] .p-lead-txt em {
    color: #d83d00;
  }
  [data-directory="tickets"] .p-lead-txt em {
    color: #0080a0;
  }
  [data-directory="course"] .p-lead-txt em {
    color: #815bc2;
  }
  [data-directory="school"] .p-lead-txt em {
    color: #e42525;
  }
  [data-directory="information"] .p-lead-txt em {
    color: #697f00;
  }
  [data-directory="enjoy"] .p-lead-txt em {
    color: #db2f64;
  }
  [data-directory="racequeen"] .p-lead-txt em {
    color: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .p-lead-txt em {
    font-weight: 700;
    color: #008651;
  }
  [data-directory="watch"] .p-lead-txt em, [data-directory="facility"] .p-lead-txt em {
    color: #023ba4;
  }
  [data-directory="race"] .p-lead-txt em {
    color: #d83d00;
  }
  [data-directory="tickets"] .p-lead-txt em {
    color: #0080a0;
  }
  [data-directory="course"] .p-lead-txt em {
    color: #815bc2;
  }
  [data-directory="school"] .p-lead-txt em {
    color: #e42525;
  }
  [data-directory="information"] .p-lead-txt em {
    color: #697f00;
  }
  [data-directory="enjoy"] .p-lead-txt em {
    color: #db2f64;
  }
  [data-directory="racequeen"] .p-lead-txt em {
    color: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .p-lead-txt strong {
    font-weight: 700;
    color: #ff0000;
  }
}

@media screen and (max-width: 750px) {
  .p-lead-txt strong {
    font-weight: 700;
    color: #ff0000;
  }
}

/* section */
@media all and (min-width: 751px) {
  .p-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-section {
    padding-top: 5.85938vw;
    padding-bottom: 5.85938vw;
  }
}

@media screen and (max-width: 750px) {
  .p-section {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
}

@media all and (min-width: 751px) {
  .p-section-headset {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 750px) {
  .p-section-headset {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media all and (min-width: 751px) {
  .p-section-btn {
    font-size: 16px;
    font-weight: 700;
  }
  .p-section-btn a {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-section-btn {
    font-size: 1.5625vw;
  }
  .p-section-btn a {
    width: 23.4375vw;
  }
}

@media screen and (max-width: 750px) {
  .p-section-btn {
    font-size: 12px;
    font-weight: 700;
  }
  .p-section-btn a {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    border-radius: 100px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .p-section-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 100px;
    background: #fff;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  a:hover .p-section-btn-body {
    opacity: .6;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-section-btn-body {
    height: 4.88281vw;
  }
}

@media screen and (max-width: 750px) {
  .p-section-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 40px;
    border-radius: 100px;
    background: #fff;
  }
}

@media all and (min-width: 751px) {
  .p-section-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
    padding: 0 20px;
  }
  .p-section-btn__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 9px;
    height: 15px;
    background: url("/assets/img/common/ico_arw01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-section-btn__label {
    margin-right: 0.87891vw;
    padding: 0 1.95312vw;
  }
  .p-section-btn__label::before {
    right: 1.95312vw;
    width: 0.87891vw;
    height: 1.46484vw;
  }
}

@media screen and (max-width: 750px) {
  .p-section-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
    padding: 0 16px;
  }
  .p-section-btn__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    width: 7px;
    height: 13px;
    background: url("/assets/img/common/ico_arw01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media all and (min-width: 751px) {
  .p-section-head {
    font-size: 100%;
    font-weight: 700;
  }
  .p-section-head [lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-section-head {
    font-size: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  .p-section-head {
    font-size: 78.57143%;
    font-weight: 700;
  }
  .p-section-head [lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
}

@media all and (min-width: 751px) {
  .p-section-head--colored {
    color: #fff;
  }
}

@media screen and (max-width: 750px) {
  .p-section-head--colored {
    color: #fff;
  }
}

@media all and (min-width: 751px) {
  .p-section-head__label {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    line-height: 1.09375em;
    font-size: 271.42857%;
  }
}

@media screen and (max-width: 750px) {
  .p-section-head__label {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    line-height: 1.09375em;
    font-size: 200%;
  }
  .p-section-headset .p-section-head__label {
    display: block;
    margin-right: 0;
  }
}

@media all and (min-width: 751px) {
  .p-section-body {
    margin-top: 18px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-section-body {
    margin-top: 1.75781vw;
  }
}

@media screen and (max-width: 750px) {
  .p-section-body {
    margin-top: 4.8vw;
  }
}

/* pickup */
@media all and (min-width: 751px) {
  .p-pickup-slide {
    position: relative;
    margin-bottom: 50px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-pickup-slide {
    margin-bottom: 4.88281vw;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide {
    position: relative;
    margin-bottom: 9.33333vw;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-body {
    overflow: hidden;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-body {
    overflow: hidden;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-list__item {
    width: calc((100vw - 80px) / 5);
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-list__item {
    width: calc((100vw - 30px) / 2);
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-bnr {
    line-height: 1.3125em;
    font-size: 16px;
    font-weight: 700;
  }
  .p-pickup-slide-bnr a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    color: #000;
    text-decoration: none;
  }
  .p-pickup-slide-bnr a > * {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .p-pickup-slide-bnr a:hover > * {
    opacity: .8;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-pickup-slide-bnr {
    font-size: 1.46484vw;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-bnr {
    line-height: 1.3125em;
    font-size: 12px;
    font-weight: 700;
  }
  .p-pickup-slide-bnr a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-bnr-body {
    border: 1px solid #e3e3e3;
    border-radius: 20px;
    overflow: hidden;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-pickup-slide-bnr-body {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-bnr-body {
    border: 1px solid #e3e3e3;
    border-radius: 2.66667vw;
    overflow: hidden;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-bnr-thumb img {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-bnr-thumb img {
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-bnr-txt {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    height: 3.875em;
    padding: .625em 1em;
    background: #000;
    color: #fff;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-bnr-txt {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    height: 3.875em;
    padding: .625em 1em;
    background: #000;
    color: #fff;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-dot {
    position: absolute;
    bottom: -50px !important;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 50px;
    margin: 0 auto;
    padding: 19px 0;
    text-align: center;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-pickup-slide-dot {
    bottom: -4.88281v !important;
    width: 35.15625vw !important;
    height: 1.17188vw;
    padding: 1.85547vw 0;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-dot {
    position: absolute;
    bottom: -9.33333vw !important;
    left: 0;
    right: 0;
    width: 100% !important;
    height: 9.33333vw;
    padding: 3.73333vw 0;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-dot__item {
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 12px;
    margin: 0 12px !important;
    border-radius: 50%;
    background: #bfbfbf;
    opacity: 1;
  }
  .p-pickup-slide-dot__item:focus {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-pickup-slide-dot__item.swiper-pagination-bullet-active {
    background: #008651;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-pickup-slide-dot__item {
    width: 1.17188vw;
    height: 1.17188vw;
    margin: 0 1.17188vw !important;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-dot__item {
    display: inline-block;
    vertical-align: top;
    width: 1.86667vw;
    height: 1.86667vw;
    margin: 0 1.33333vw !important;
    border-radius: 50%;
    background: #bfbfbf;
    opacity: 1;
  }
  .p-pickup-slide-dot__item.swiper-pagination-bullet-active {
    background: #008651;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-btn {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    background: #008651;
    z-index: 9999;
    cursor: pointer;
  }
  .p-pickup-slide-btn:focus {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  }
  .p-pickup-slide-btn[aria-disabled="true"] {
    visibility: hidden;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-btn {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 9999;
    cursor: pointer;
  }
  .p-pickup-slide-btn[aria-disabled="true"] {
    visibility: hidden;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-btn--prev {
    left: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-btn--prev {
    left: -4vw;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-btn--next {
    right: 0;
    -webkit-transform: translate3d(50%, -50%, 0);
            transform: translate3d(50%, -50%, 0);
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-btn--next {
    right: -4vw;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .p-pickup-slide-btn__label::before {
    content: '';
    display: block;
    padding-top: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .p-pickup-slide-btn:hover .p-pickup-slide-btn__label::before {
    opacity: 0;
  }
  .p-pickup-slide-btn__label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .p-pickup-slide-btn:hover .p-pickup-slide-btn__label::after {
    opacity: 1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-pickup-slide-btn__label {
    width: 3.90625vw;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 10.66667vw;
    height: 41.70667vw;
  }
  .p-pickup-slide-btn__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-btn--prev .p-pickup-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_common_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  .p-pickup-slide-btn--prev .p-pickup-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_common_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-btn--prev .p-pickup-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_common_prev01.svg") no-repeat center center;
    background-size: 62.5%;
  }
}

@media all and (min-width: 751px) {
  .p-pickup-slide-btn--next .p-pickup-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_common_next01.svg") no-repeat center center;
    background-size: contain;
  }
  .p-pickup-slide-btn--next .p-pickup-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_common_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .p-pickup-slide-btn--next .p-pickup-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_common_next01.svg") no-repeat center center;
    background-size: 62.5%;
  }
}

/* intro */
@media all and (min-width: 751px) {
  .p-intro {
    margin: 0 4.16667%;
    margin-top: 3.5em;
  }
  .p-intro:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-intro {
    margin-top: 1.75em;
  }
  .p-intro:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-intro-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .p-intro-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media all and (min-width: 751px) {
  .p-intro-list__item {
    width: 47.27273%;
    margin-left: 5.45455%;
  }
  .p-intro-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-intro-list__item:nth-child(n+3) {
    margin-top: 5.45455%;
  }
  .p-intro-list__item a {
    color: #000;
    text-decoration: none;
  }
}

@media screen and (max-width: 750px) {
  .p-intro-list__item {
    width: 48.55072%;
    margin-left: 2.89855%;
  }
  .p-intro-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-intro-list__item:nth-child(n+3) {
    margin-top: 5.7971%;
  }
  .p-intro-list__item a {
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #d2d2d2;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-intro-desc {
    padding-bottom: 2.92969vw;
  }
}

@media screen and (max-width: 750px) {
  .p-intro-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: 100%;
    padding-bottom: 4vw;
    border-bottom: 1px solid #d2d2d2;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc__term {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .p-intro-desc__term {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc__defin {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    height: 100%;
    margin: 0 8.65385%;
    margin-top: 1.75em;
    text-align: center;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-intro-desc__defin {
    margin: 0 5.76923%;
    margin-top: 1.75em;
  }
}

@media screen and (max-width: 750px) {
  .p-intro-desc__defin {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    height: 100%;
    margin: 0 .5em;
    margin-top: 0.875em;
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc__defin .c-btn {
    width: 100%;
    margin-top: 1.75em;
  }
  .p-intro-desc__defin .c-btn:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-intro-desc__defin .c-btn {
    margin-top: 0.875em;
  }
  .p-intro-desc__defin .c-btn:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc__defin .c-btn__item {
    width: auto;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc__defin .c-btn-body {
    background: #fff !important;
  }
  a:hover .p-intro-desc__defin .c-btn-body {
    opacity: .6;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc__defin .c-btn__label::before {
    opacity: 1 !important;
  }
  a[href$=".pdf"] .p-intro-desc__defin .c-btn__label::before {
    border: 1px solid #000;
  }
  a[target="_blank"]:not([href$=".pdf"]) .p-intro-desc__defin .c-btn__label::before {
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center;
    background-size: contain;
  }
  .p-intro-desc__defin .c-btn__label::after {
    opacity: 0 !important;
  }
}

@media screen and (max-width: 750px) {
  a[href$=".pdf"] .p-intro-desc__defin .c-btn__label::before {
    border: 1px solid #000;
  }
  a[target="_blank"]:not([href$=".pdf"]) .p-intro-desc__defin .c-btn__label::before {
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc-thumb {
    position: relative;
  }
  .p-intro-desc-thumb img {
    width: 100%;
    border-radius: 20px;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  a:hover .p-intro-desc-thumb img {
    opacity: .8;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-intro-desc-thumb img {
    width: 100%;
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .p-intro-desc-thumb {
    position: relative;
  }
  .p-intro-desc-thumb img {
    width: 100%;
    border-radius: 2.66667vw;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc-thumb--border img {
    border: 1px solid #e5e5e5;
  }
}

@media screen and (max-width: 750px) {
  .p-intro-desc-thumb--border img {
    border: 1px solid #e5e5e5;
  }
}

@media all and (min-width: 751px) {
  .p-intro-desc-txt {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    max-width: calc(100% - 1em);
    width: 430px;
    height: calc((1.75 * .75em) + .75em);
    margin: 0 auto;
    margin-top: calc((1.75 * -.375em) - .375em);
    padding: .375em .25em;
    border-radius: 100px;
    background: #008651;
    line-height: 1.3125em;
    font-size: 27px;
    font-weight: 700;
    color: #fff;
  }
  .p-intro-desc-txt [lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
  [data-directory="watch"] .p-intro-desc-txt, [data-directory="facility"] .p-intro-desc-txt {
    background: #023ba4;
  }
  [data-directory="race"] .p-intro-desc-txt {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-intro-desc-txt {
    background: #0080a0;
  }
  [data-directory="course"] .p-intro-desc-txt {
    background: #815bc2;
  }
  [data-directory="school"] .p-intro-desc-txt {
    background: #e42525;
  }
  [data-directory="information"] .p-intro-desc-txt {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-intro-desc-txt {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-intro-desc-txt {
    background: #0068b7;
  }
  .p-intro-desc-txt--l {
    height: calc((1.75 * 1.25em) + .5em);
    padding: .25em;
    margin-top: calc((1.75 * -.875em) - .125em);
    line-height: 1.09375em;
  }
  .p-intro-desc-txt--xl {
    height: calc((1.75 * 1.875em) + .5em);
    padding: .25em;
    margin-top: calc((1.75 * -1.5em) - .125em);
    line-height: 1.09375em;
  }
  .p-intro-desc-txt--xxl {
    height: calc((1.75 * 2.5em) + .5em);
    padding: .25em;
    margin-top: calc((1.75 * -2.125em) - .125em);
    line-height: 1.09375em;
  }
  .p-intro-desc-txt__label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    line-height: 1.20312em;
    font-size: 66.66667%;
  }
  .p-intro-desc-txt__label--block {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 0.10938em;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-intro-desc-txt {
    width: 41.99219vw;
    font-size: 2.63672vw;
  }
}

@media screen and (max-width: 750px) {
  .p-intro-desc-txt {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    height: calc((1.75 * 1.5em) + .75em);
    margin: 0 .5em;
    margin-top: calc((1.75 * -.75em) - .375em);
    padding: .25em;
    border-radius: 100px;
    background: #008651;
    line-height: 1.3125em;
    font-size: 3.2vw;
    font-weight: 700;
    color: #fff;
  }
  .p-intro-desc-txt [lang="en"] {
    font-family: "Nunito Sans", sans-serif;
    letter-spacing: .1em;
  }
  [data-directory="watch"] .p-intro-desc-txt, [data-directory="facility"] .p-intro-desc-txt {
    background: #023ba4;
  }
  [data-directory="race"] .p-intro-desc-txt {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-intro-desc-txt {
    background: #0080a0;
  }
  [data-directory="course"] .p-intro-desc-txt {
    background: #815bc2;
  }
  [data-directory="school"] .p-intro-desc-txt {
    background: #e42525;
  }
  [data-directory="information"] .p-intro-desc-txt {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-intro-desc-txt {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-intro-desc-txt {
    background: #0068b7;
  }
  .p-intro-desc-txt--l {
    height: calc((1.75 * 2.25em) + .75em);
    margin-top: calc((1.75 * -1.5em) - .375em);
  }
  .p-intro-desc-txt--xl, .p-intro-desc-txt--xxl {
    height: calc((1.75 * 3em) + .75em);
    margin-top: calc((1.75 * -2.25em) - .375em);
  }
  .p-intro-desc-txt__label {
    display: block;
    margin-top: 0.10938em;
    line-height: 1.20312em;
    font-size: 66.66667%;
  }
}

/* lowers */
@media all and (min-width: 751px) {
  .p-lowers {
    margin-top: 3.5em;
  }
  .p-lowers:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-lowers {
    margin-top: 1.75em;
  }
  .p-lowers:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-lowers-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .p-lowers-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media all and (min-width: 751px) {
  .p-lowers-list__item {
    width: 23.75%;
    margin-left: 1.66667%;
  }
  .p-lowers-list__item:nth-child(4n+1) {
    margin-left: 0;
  }
  .p-lowers-list__item:nth-child(n+5) {
    margin-top: 3.33333%;
  }
}

@media screen and (max-width: 750px) {
  .p-lowers-list__item {
    width: 48.55072%;
    margin-left: 2.89855%;
  }
  .p-lowers-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-lowers-list__item:nth-child(n+3) {
    margin-top: 5.7971%;
  }
}

@media all and (min-width: 751px) {
  .p-lowers-bnr {
    border-bottom: 1px solid #008651;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
  }
  [data-directory="watch"] .p-lowers-bnr, [data-directory="facility"] .p-lowers-bnr {
    border-bottom: 1px solid #023ba4;
  }
  [data-directory="race"] .p-lowers-bnr {
    border-bottom: 1px solid #d83d00;
  }
  [data-directory="tickets"] .p-lowers-bnr {
    border-bottom: 1px solid #0080a0;
  }
  [data-directory="course"] .p-lowers-bnr {
    border-bottom: 1px solid #815bc2;
  }
  [data-directory="school"] .p-lowers-bnr {
    border-bottom: 1px solid #e42525;
  }
  [data-directory="information"] .p-lowers-bnr {
    border-bottom: 1px solid #697f00;
  }
  [data-directory="enjoy"] .p-lowers-bnr {
    border-bottom: 1px solid #db2f64;
  }
  [data-directory="racequeen"] .p-lowers-bnr {
    border-bottom: 1px solid #0068b7;
  }
  .p-lowers-bnr a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-lowers-bnr {
    font-size: 1.5625vw;
  }
}

@media screen and (max-width: 750px) {
  .p-lowers-bnr {
    border-bottom: 1px solid #008651;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
  }
  [data-directory="watch"] .p-lowers-bnr, [data-directory="facility"] .p-lowers-bnr {
    border-bottom: 1px solid #023ba4;
  }
  [data-directory="race"] .p-lowers-bnr {
    border-bottom: 1px solid #d83d00;
  }
  [data-directory="tickets"] .p-lowers-bnr {
    border-bottom: 1px solid #0080a0;
  }
  [data-directory="course"] .p-lowers-bnr {
    border-bottom: 1px solid #815bc2;
  }
  [data-directory="school"] .p-lowers-bnr {
    border-bottom: 1px solid #e42525;
  }
  [data-directory="information"] .p-lowers-bnr {
    border-bottom: 1px solid #697f00;
  }
  [data-directory="enjoy"] .p-lowers-bnr {
    border-bottom: 1px solid #db2f64;
  }
  [data-directory="racequeen"] .p-lowers-bnr {
    border-bottom: 1px solid #0068b7;
  }
  .p-lowers-bnr a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .p-lowers-bnr-thumb img {
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  a:hover .p-lowers-bnr-thumb img {
    opacity: .8;
  }
}

@media screen and (max-width: 750px) {
  .p-lowers-bnr-thumb img {
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .p-lowers-bnr-thumb--border img {
    border: 1px solid #e5e5e5;
  }
}

@media screen and (max-width: 750px) {
  .p-lowers-bnr-thumb--border img {
    border: 1px solid #e5e5e5;
  }
}

@media all and (min-width: 751px) {
  .p-lowers-bnr-txt {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    height: calc((1.75 * 1em) + 2em);
    padding: 1em;
    color: #008651;
  }
  [data-directory="watch"] .p-lowers-bnr-txt, [data-directory="facility"] .p-lowers-bnr-txt {
    color: #023ba4;
  }
  [data-directory="race"] .p-lowers-bnr-txt {
    color: #d83d00;
  }
  [data-directory="tickets"] .p-lowers-bnr-txt {
    color: #0080a0;
  }
  [data-directory="course"] .p-lowers-bnr-txt {
    color: #815bc2;
  }
  [data-directory="school"] .p-lowers-bnr-txt {
    color: #e42525;
  }
  [data-directory="information"] .p-lowers-bnr-txt {
    color: #697f00;
  }
  [data-directory="enjoy"] .p-lowers-bnr-txt {
    color: #db2f64;
  }
  [data-directory="racequeen"] .p-lowers-bnr-txt {
    color: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .p-lowers-bnr-txt {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    height: calc((1.75 * 1em) + 2em);
    padding: 1em;
    color: #008651;
  }
  [data-directory="watch"] .p-lowers-bnr-txt, [data-directory="facility"] .p-lowers-bnr-txt {
    color: #023ba4;
  }
  [data-directory="race"] .p-lowers-bnr-txt {
    color: #d83d00;
  }
  [data-directory="tickets"] .p-lowers-bnr-txt {
    color: #0080a0;
  }
  [data-directory="course"] .p-lowers-bnr-txt {
    color: #815bc2;
  }
  [data-directory="school"] .p-lowers-bnr-txt {
    color: #e42525;
  }
  [data-directory="information"] .p-lowers-bnr-txt {
    color: #697f00;
  }
  [data-directory="enjoy"] .p-lowers-bnr-txt {
    color: #db2f64;
  }
  [data-directory="racequeen"] .p-lowers-bnr-txt {
    color: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .p-lowers-bnr-txt__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    padding: 0 1.5em;
  }
  .p-lowers-bnr-txt__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 14px;
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  [data-directory="watch"] .p-lowers-bnr-txt__label::before, [data-directory="facility"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_race01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_course01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_school01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_information01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_racequeen01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-lowers-bnr-txt__label {
    margin-right: 0.78125vw;
  }
  .p-lowers-bnr-txt__label::before {
    width: 0.78125vw;
    height: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  .p-lowers-bnr-txt__label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    padding: 0 1.5em;
  }
  .p-lowers-bnr-txt__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 12px;
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  [data-directory="watch"] .p-lowers-bnr-txt__label::before, [data-directory="facility"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_race01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_course01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_school01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_information01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .p-lowers-bnr-txt__label::before {
    background: url("/assets/img/common/ico_arw_racequeen01.svg") no-repeat center center;
    background-size: contain;
  }
}

/* local */
@media all and (min-width: 751px) {
  .p-local {
    margin-top: 3.5em;
  }
  .p-local:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-local {
    margin-top: 1.75em;
  }
  .p-local:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-local-tab {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .p-local-tab {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media all and (min-width: 751px) {
  .p-local-tab__item {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    max-width: 270px;
    width: 22.5%;
    height: 40px;
    margin: 0 1.25%;
    border: 1px solid #008651;
    border-radius: 100px;
    background: #008651;
    line-height: 1.3125em;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  }
  .p-local-tab__item:hover, .p-local-tab__item:focus, .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #008651;
  }
  [data-directory="watch"] .p-local-tab__item, [data-directory="facility"] .p-local-tab__item {
    border: 1px solid #023ba4;
    background: #023ba4;
  }
  [data-directory="watch"] .p-local-tab__item:hover, [data-directory="watch"] .p-local-tab__item:focus, [data-directory="watch"] .p-local-tab__item[aria-selected="true"], [data-directory="facility"] .p-local-tab__item:hover, [data-directory="facility"] .p-local-tab__item:focus, [data-directory="facility"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #023ba4;
  }
  [data-directory="race"] .p-local-tab__item {
    border: 1px solid #d83d00;
    background: #d83d00;
  }
  [data-directory="race"] .p-local-tab__item:hover, [data-directory="race"] .p-local-tab__item:focus, [data-directory="race"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #d83d00;
  }
  [data-directory="tickets"] .p-local-tab__item {
    border: 1px solid #0080a0;
    background: #0080a0;
  }
  [data-directory="tickets"] .p-local-tab__item:hover, [data-directory="tickets"] .p-local-tab__item:focus, [data-directory="tickets"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #0080a0;
  }
  [data-directory="course"] .p-local-tab__item {
    border: 1px solid #815bc2;
    background: #815bc2;
  }
  [data-directory="course"] .p-local-tab__item:hover, [data-directory="course"] .p-local-tab__item:focus, [data-directory="course"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #815bc2;
  }
  [data-directory="school"] .p-local-tab__item {
    border: 1px solid #e42525;
    background: #e42525;
  }
  [data-directory="school"] .p-local-tab__item:hover, [data-directory="school"] .p-local-tab__item:focus, [data-directory="school"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #e42525;
  }
  [data-directory="information"] .p-local-tab__item {
    border: 1px solid #697f00;
    background: #697f00;
  }
  [data-directory="information"] .p-local-tab__item:hover, [data-directory="information"] .p-local-tab__item:focus, [data-directory="information"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #697f00;
  }
  [data-directory="enjoy"] .p-local-tab__item {
    border: 1px solid #db2f64;
    background: #db2f64;
  }
  [data-directory="enjoy"] .p-local-tab__item:hover, [data-directory="enjoy"] .p-local-tab__item:focus, [data-directory="enjoy"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #db2f64;
  }
  [data-directory="racequeen"] .p-local-tab__item {
    border: 1px solid #0068b7;
    background: #0068b7;
  }
  [data-directory="racequeen"] .p-local-tab__item:hover, [data-directory="racequeen"] .p-local-tab__item:focus, [data-directory="racequeen"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #0068b7;
  }
  .p-local-tab__item:nth-child(n+5) {
    margin-top: 1.66667%;
  }
  .p-local-tab--s .p-local-tab__item {
    max-width: 132px;
    width: 11%;
    margin: 0 1%;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-local-tab__item {
    height: 3.90625vw;
    font-size: 1.5625vw;
  }
}

@media screen and (max-width: 750px) {
  .p-local-tab__item {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 48.55072%;
    height: 40px;
    margin-left: 2.89855%;
    border: 1px solid #008651;
    border-radius: 100px;
    background: #008651;
    line-height: 1.18125em;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  }
  .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #008651;
  }
  [data-directory="watch"] .p-local-tab__item, [data-directory="facility"] .p-local-tab__item {
    border: 1px solid #023ba4;
    background: #023ba4;
  }
  [data-directory="watch"] .p-local-tab__item:focus, [data-directory="watch"] .p-local-tab__item[aria-selected="true"], [data-directory="facility"] .p-local-tab__item:focus, [data-directory="facility"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #023ba4;
  }
  [data-directory="race"] .p-local-tab__item {
    border: 1px solid #d83d00;
    background: #d83d00;
  }
  [data-directory="race"] .p-local-tab__item:focus, [data-directory="race"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #d83d00;
  }
  [data-directory="tickets"] .p-local-tab__item {
    border: 1px solid #0080a0;
    background: #0080a0;
  }
  [data-directory="tickets"] .p-local-tab__item:focus, [data-directory="tickets"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #0080a0;
  }
  [data-directory="course"] .p-local-tab__item {
    border: 1px solid #815bc2;
    background: #815bc2;
  }
  [data-directory="course"] .p-local-tab__item:focus, [data-directory="course"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #815bc2;
  }
  [data-directory="school"] .p-local-tab__item {
    border: 1px solid #e42525;
    background: #e42525;
  }
  [data-directory="school"] .p-local-tab__item:focus, [data-directory="school"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #e42525;
  }
  [data-directory="information"] .p-local-tab__item {
    border: 1px solid #697f00;
    background: #697f00;
  }
  [data-directory="information"] .p-local-tab__item:focus, [data-directory="information"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #697f00;
  }
  [data-directory="enjoy"] .p-local-tab__item {
    border: 1px solid #db2f64;
    background: #db2f64;
  }
  [data-directory="enjoy"] .p-local-tab__item:focus, [data-directory="enjoy"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #db2f64;
  }
  [data-directory="racequeen"] .p-local-tab__item {
    border: 1px solid #0068b7;
    background: #0068b7;
  }
  [data-directory="racequeen"] .p-local-tab__item:focus, [data-directory="racequeen"] .p-local-tab__item[aria-selected="true"] {
    background: #fff;
    color: #0068b7;
  }
  .p-local-tab__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-local-tab__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
  .p-local-tab--s .p-local-tab__item {
    width: 30.43478%;
    height: 40px;
  }
  .p-local-tab--s .p-local-tab__item:nth-child(2n+1) {
    margin-left: 4.34783%;
  }
  .p-local-tab--s .p-local-tab__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .p-local-tab--s .p-local-tab__item:nth-child(n+3) {
    margin-top: 0;
  }
  .p-local-tab--s .p-local-tab__item:nth-child(n+4) {
    margin-top: 2.89855%;
  }
}

@media all and (min-width: 751px) {
  .p-local-tab__label {
    display: inline-block;
    vertical-align: top;
  }
  .p-local-tab__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 14px;
    background: url("/assets/img/common/ico_arw_white01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-local-tab__label::before {
    right: 0.97656vw;
    width: 0.78125vw;
    height: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  .p-local-tab__label {
    display: inline-block;
    vertical-align: top;
  }
  .p-local-tab__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 12px;
    background: url("/assets/img/common/ico_arw_white01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media all and (min-width: 751px) {
  .p-local-tab-panel {
    margin-top: 50px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-local-tab-panel {
    margin-top: 4.88281vw;
  }
}

@media screen and (max-width: 750px) {
  .p-local-tab-panel {
    margin-top: 10vw;
  }
}

/* news */
@media all and (min-width: 751px) {
  .p-news {
    margin-top: 3.5em;
  }
  .p-news:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-news {
    margin-top: 1.75em;
  }
  .p-news:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-news-tab {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .p-news-tab {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media all and (min-width: 751px) {
  .p-news-tab__item {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    max-width: 132px;
    width: 11%;
    height: 40px;
    margin: 0 1%;
    border: 1px solid #008651;
    border-radius: 100px;
    background: #008651;
    line-height: 1.3125em;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  }
  .p-news-tab__item:hover, .p-news-tab__item:focus, .p-news-tab__item[aria-selected="true"] {
    background: #fff;
    color: #008651;
  }
  .p-news-tab__item--watch {
    border: 1px solid #023ba4;
    background: #023ba4;
  }
  .p-news-tab__item--watch:hover, .p-news-tab__item--watch:focus, .p-news-tab__item--watch[aria-selected="true"] {
    background: #fff;
    color: #023ba4;
  }
  .p-news-tab__item--race {
    border: 1px solid #d83d00;
    background: #d83d00;
  }
  .p-news-tab__item--race:hover, .p-news-tab__item--race:focus, .p-news-tab__item--race[aria-selected="true"] {
    background: #fff;
    color: #d83d00;
  }
  .p-news-tab__item--tickets {
    border: 1px solid #0080a0;
    background: #0080a0;
  }
  .p-news-tab__item--tickets:hover, .p-news-tab__item--tickets:focus, .p-news-tab__item--tickets[aria-selected="true"] {
    background: #fff;
    color: #0080a0;
  }
  .p-news-tab__item--course {
    border: 1px solid #815bc2;
    background: #815bc2;
  }
  .p-news-tab__item--course:hover, .p-news-tab__item--course:focus, .p-news-tab__item--course[aria-selected="true"] {
    background: #fff;
    color: #815bc2;
  }
  .p-news-tab__item--school {
    border: 1px solid #e42525;
    background: #e42525;
  }
  .p-news-tab__item--school:hover, .p-news-tab__item--school:focus, .p-news-tab__item--school[aria-selected="true"] {
    background: #fff;
    color: #e42525;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-news-tab__item {
    width: 12.89062vw;
    height: 3.90625vw;
    font-size: 1.5625vw;
  }
}

@media screen and (max-width: 750px) {
  .p-news-tab__item {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 31.40097%;
    height: 40px;
    margin-left: 2.89855%;
    border: 1px solid #008651;
    border-radius: 100px;
    background: #008651;
    line-height: 1.3125em;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    -webkit-transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  }
  .p-news-tab__item[aria-selected="true"] {
    background: #fff;
    color: #008651;
  }
  .p-news-tab__item--watch {
    border: 1px solid #023ba4;
    background: #023ba4;
  }
  .p-news-tab__item--watch:focus, .p-news-tab__item--watch[aria-selected="true"] {
    background: #fff;
    color: #023ba4;
  }
  .p-news-tab__item--race {
    border: 1px solid #d83d00;
    background: #d83d00;
  }
  .p-news-tab__item--race:focus, .p-news-tab__item--race[aria-selected="true"] {
    background: #fff;
    color: #d83d00;
  }
  .p-news-tab__item--tickets {
    border: 1px solid #0080a0;
    background: #0080a0;
  }
  .p-news-tab__item--tickets:focus, .p-news-tab__item--tickets[aria-selected="true"] {
    background: #fff;
    color: #0080a0;
  }
  .p-news-tab__item--course {
    border: 1px solid #815bc2;
    background: #815bc2;
  }
  .p-news-tab__item--course:focus, .p-news-tab__item--course[aria-selected="true"] {
    background: #fff;
    color: #815bc2;
  }
  .p-news-tab__item--school {
    border: 1px solid #e42525;
    background: #e42525;
  }
  .p-news-tab__item--school:focus, .p-news-tab__item--school[aria-selected="true"] {
    background: #fff;
    color: #e42525;
  }
  .p-news-tab__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .p-news-tab__item:nth-child(n+4) {
    margin-top: 2.89855%;
  }
}

@media all and (min-width: 751px) {
  .p-news-tab__label {
    display: inline-block;
    vertical-align: top;
  }
  .p-news-tab__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 14px;
    background: url("/assets/img/common/ico_arw_white01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-news-tab__label::before {
    right: 0.97656vw;
    width: 0.78125vw;
    height: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  .p-news-tab__label {
    display: inline-block;
    vertical-align: top;
  }
  .p-news-tab__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 12px;
    background: url("/assets/img/common/ico_arw_white01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media all and (min-width: 751px) {
  .p-news-tab-panel {
    margin-top: 50px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-news-tab-panel {
    margin-top: 4.88281vw;
  }
}

@media screen and (max-width: 750px) {
  .p-news-tab-panel {
    margin-top: 10vw;
  }
}

@media all and (min-width: 751px) {
  .p-news-body {
    padding: 0.83333% 2.5%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-news-body {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .p-news-body {
    padding: 1.33333vw 4vw;
    border-radius: 2.66667vw;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }
}

@media all and (min-width: 751px) {
  .p-news-list__item {
    border-top: 1px solid #e5e5e5;
  }
  .p-news-list__item:first-child {
    border-top: none;
  }
  .p-news-list__item a {
    display: block;
    color: #000;
    text-decoration: none;
  }
  .p-news-tabs .p-news-list__item {
    -webkit-animation: fadeIn 0.2s ease-in-out both;
            animation: fadeIn 0.2s ease-in-out both;
  }
}

@media screen and (max-width: 750px) {
  .p-news-list__item {
    border-top: 1px solid #e5e5e5;
  }
  .p-news-list__item:first-child {
    border-top: none;
  }
  .p-news-list__item a {
    display: block;
    color: #000;
    text-decoration: none;
  }
  .p-news-tabs .p-news-list__item {
    -webkit-animation: fadeIn 0.2s ease-in-out both;
            animation: fadeIn 0.2s ease-in-out both;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
    padding: 1em 0;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
    padding: 1em 0;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc__term {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    flex-shrink: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc__term {
    flex-shrink: 0;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc__defin {
    width: 100%;
    margin-left: 2em;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc__defin {
    width: 100%;
    margin-left: 1em;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc-date {
    display: inline-block;
    vertical-align: top;
    width: 9em;
    line-height: 2.01923em;
    font-size: 92.85714%;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc-date {
    display: inline-block;
    vertical-align: top;
    width: 9em;
    line-height: 2.04167em;
    font-size: 85.71429%;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc-cat {
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc-cat {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc-cat__label {
    display: inline-block;
    width: 9em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
  }
  .p-news-desc-cat__label--watch {
    background: #023ba4;
  }
  .p-news-desc-cat__label--race {
    background: #d83d00;
  }
  .p-news-desc-cat__label--tickets {
    background: #0080a0;
  }
  .p-news-desc-cat__label--course {
    background: #815bc2;
  }
  .p-news-desc-cat__label--school {
    background: #e42525;
  }
  .p-news-desc-cat__label--information {
    background: #697f00;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc-cat__label {
    display: inline-block;
    vertical-align: top;
    width: 9em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 19px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
  .p-news-desc-cat__label--watch {
    background: #023ba4;
  }
  .p-news-desc-cat__label--race {
    background: #d83d00;
  }
  .p-news-desc-cat__label--tickets {
    background: #0080a0;
  }
  .p-news-desc-cat__label--course {
    background: #815bc2;
  }
  .p-news-desc-cat__label--school {
    background: #e42525;
  }
  .p-news-desc-cat__label--information {
    background: #697f00;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc-txt {
    display: inline-block;
    vertical-align: top;
    font-size: 107.14286%;
    font-weight: 700;
  }
  a:hover .p-news-desc-txt {
    text-decoration: underline;
  }
  a[href$=".pdf"] .p-news-desc-txt::after {
    content: 'PDF';
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    margin-left: .5em;
    border: 1px solid #000;
    line-height: 1.5em;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none !important;
  }
  a[target="_blank"]:not([href$=".pdf"]) .p-news-desc-txt::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 1.5em;
    margin-left: .5em;
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center;
    background-size: contain;
    font-size: 14px;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc-txt {
    line-height: 1.3125em;
    font-size: 100%;
    font-weight: 700;
  }
  a[href$=".pdf"] .p-news-desc-txt::after {
    content: 'PDF';
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    margin-left: .5em;
    border: 1px solid #000;
    line-height: 1.4em;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none !important;
  }
  a[target="_blank"]:not([href$=".pdf"]) .p-news-desc-txt::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 1.4em;
    margin-left: .5em;
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center;
    background-size: contain;
    font-size: 14px;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc-comment {
    margin-top: .5em;
    font-size: 100%;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc-comment {
    margin-top: .5em;
    font-size: 85.71429%;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc-entry {
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc-entry {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .p-news-desc-entry > span {
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
    padding: 0 .5em;
    background: #d90b0b;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
  }
}

@media screen and (max-width: 750px) {
  .p-news-desc-entry > span {
    display: inline-block;
    vertical-align: top;
    margin-top: .25em;
    padding: 0 .5em;
    background: #d90b0b;
    line-height: 18px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
  }
}

@media all and (min-width: 751px) {
  .p-news-more-btn {
    margin-top: 40px;
    text-align: center;
    font-size: 16px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-news-more-btn {
    margin-top: 3.90625vw;
    font-size: 1.5625vw;
  }
}

@media screen and (max-width: 750px) {
  .p-news-more-btn {
    margin-top: 8vw;
    text-align: center;
    font-size: 14px;
  }
}

@media all and (min-width: 751px) {
  .p-news-more-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 240px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 100px;
    background: #fff;
    font-size: 100%;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    cursor: pointer;
  }
  .p-news-more-btn-body:hover {
    opacity: .6;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-news-more-btn-body {
    width: 23.4375vw;
    height: 4.88281vw;
  }
}

@media screen and (max-width: 750px) {
  .p-news-more-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 240px;
    height: 40px;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-radius: 100px;
    background: #fff;
    font-size: 100%;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
}

@media all and (min-width: 751px) {
  .p-news-more-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 9px;
    padding: 0 20px;
  }
  .p-news-more-btn__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 16px;
    -webkit-transform: translate3d(0, -50%, 0) rotate(90deg);
            transform: translate3d(0, -50%, 0) rotate(90deg);
  }
  .p-news-more-btn__label::before {
    background: url("/assets/img/common/ico_arw01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-news-more-btn__label {
    margin-right: 0.78125vw;
    padding: 0 1.95312vw;
  }
  .p-news-more-btn__label::before {
    right: 1.95312vw;
    width: 0.78125vw;
    height: 1.5625vw;
  }
}

@media screen and (max-width: 750px) {
  .p-news-more-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    padding: 0 16px;
  }
  .p-news-more-btn__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 16px;
    width: 6px;
    height: 12px;
    background: url("/assets/img/common/ico_arw01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0) rotate(90deg);
            transform: translate3d(0, -50%, 0) rotate(90deg);
  }
}

/* articles */
@media all and (min-width: 751px) {
  .p-articles {
    margin-top: 3.5em;
  }
  .p-articles:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-articles {
    margin-top: 1.75em;
  }
  .p-articles:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-articles-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media all and (min-width: 751px) {
  .p-articles-list__item {
    width: 23.75%;
    margin-left: 1.66667%;
  }
  .p-articles-list__item:nth-child(4n+1) {
    margin-left: 0;
  }
  .p-articles-list__item:nth-child(n+5) {
    margin-top: 1.66667%;
  }
  .p-articles-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-articles-list__item {
    width: 49.16667%;
    margin-left: 1.66667%;
  }
  .p-articles-list__item:nth-child(4n+1) {
    margin-left: 1.66667%;
  }
  .p-articles-list__item:nth-child(n+5) {
    margin-top: 0;
  }
  .p-articles-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-articles-list__item:nth-child(n+3) {
    margin-top: 1.66667%;
  }
  .p-articles-list__item a {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-list__item {
    width: 48.55072%;
    margin-left: 2.89855%;
  }
  .p-articles-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-articles-list__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
  .p-articles-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 2.66667vw;
    background: #fff;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc {
    position: relative;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
  .p-articles-desc::before {
    content: '';
    display: block;
    padding-top: 45.33333%;
  }
  .p-articles-desc::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 45.33333%;
    border-radius: 20px 20px 0 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  a:hover .p-articles-desc::after {
    opacity: .2;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-articles-desc {
    border-radius: 1.95312vw;
  }
  .p-articles-desc::after {
    border-radius: 1.95312vw 1.95312vw 0 0;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc {
    position: relative;
    height: 100%;
    border-radius: 2.66667vw;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
  .p-articles-desc::before {
    content: '';
    display: block;
    padding-top: 45.33333%;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc__term {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    padding: 1em 1em 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-articles-desc__term {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc__term {
    padding: 1em 1em 0;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc__defin {
    padding: 0 1em 1em;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc__defin {
    padding: 0 1em 1em;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc-cat {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
    white-space: nowrap;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-articles-desc-cat {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc-cat {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc-cat__label {
    display: inline-block;
    min-width: 9em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
  }
  [data-directory="watch"] .p-articles-desc-cat__label, [data-directory="facility"] .p-articles-desc-cat__label {
    background: #023ba4;
  }
  [data-directory="race"] .p-articles-desc-cat__label {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-articles-desc-cat__label {
    background: #0080a0;
  }
  [data-directory="course"] .p-articles-desc-cat__label {
    background: #815bc2;
  }
  [data-directory="school"] .p-articles-desc-cat__label {
    background: #e42525;
  }
  [data-directory="information"] .p-articles-desc-cat__label {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-articles-desc-cat__label {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-articles-desc-cat__label {
    background: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc-cat__label {
    display: inline-block;
    vertical-align: top;
    min-width: 9em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 19px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
  [data-directory="watch"] .p-articles-desc-cat__label, [data-directory="facility"] .p-articles-desc-cat__label {
    background: #023ba4;
  }
  [data-directory="race"] .p-articles-desc-cat__label {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-articles-desc-cat__label {
    background: #0080a0;
  }
  [data-directory="course"] .p-articles-desc-cat__label {
    background: #815bc2;
  }
  [data-directory="school"] .p-articles-desc-cat__label {
    background: #e42525;
  }
  [data-directory="information"] .p-articles-desc-cat__label {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-articles-desc-cat__label {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-articles-desc-cat__label {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc-date {
    display: inline-block;
    vertical-align: top;
    font-size: 92.85714%;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-articles-desc-date {
    margin-left: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc-date {
    display: inline-block;
    vertical-align: top;
    font-size: 71.42857%;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc-thumb > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 45.33333%;
    background: #fff;
    overflow: hidden;
  }
  .p-articles-desc-thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: auto;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc-thumb > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 45.33333%;
    background: #fff;
    overflow: hidden;
  }
  .p-articles-desc-thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: auto;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc-txt {
    margin-top: .5em;
    font-size: 100%;
    font-weight: 700;
  }
  a[href$=".pdf"] .p-articles-desc-txt::after {
    content: 'PDF';
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    margin-left: .5em;
    border: 1px solid #000;
    line-height: 1.4em;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none !important;
  }
  a[target="_blank"]:not([href$=".pdf"]) .p-articles-desc-txt::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 1.4em;
    margin-left: .5em;
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center;
    background-size: contain;
    font-size: 14px;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc-txt {
    margin-top: .5em;
    font-size: 78.57143%;
    font-weight: 700;
  }
  a[href$=".pdf"] .p-articles-desc-txt::after {
    content: 'PDF';
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    margin-left: .5em;
    border: 1px solid #000;
    line-height: 1.1em;
    text-align: center;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none !important;
  }
  a[target="_blank"]:not([href$=".pdf"]) .p-articles-desc-txt::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 2em;
    height: 1.1em;
    margin-left: .5em;
    background: url("/assets/img/common/ico_ex01.svg") no-repeat center center;
    background-size: contain;
    font-size: 14px;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc-entry {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc-entry {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc-entry > span {
    display: inline-block;
    vertical-align: top;
    margin-top: .25em;
    padding: 0 .5em;
    background: #d90b0b;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-articles-desc-entry > span {
    margin-left: 0;
    margin-top: .125em;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc-entry > span {
    display: inline-block;
    vertical-align: top;
    margin-top: .25em;
    padding: 0 .5em;
    background: #d90b0b;
    line-height: 19px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
}

@media all and (min-width: 751px) {
  .p-articles-desc-comment {
    margin-top: .5em;
    font-size: 85.71429%;
  }
}

@media screen and (max-width: 750px) {
  .p-articles-desc-comment {
    margin-top: .5em;
    font-size: 71.42857%;
  }
}

/* details */
@media all and (min-width: 751px) {
  .p-details {
    margin-top: 3.5em;
  }
  .p-details:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-details {
    margin-top: 1.75em;
  }
  .p-details:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-details-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .p-details-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}

@media all and (min-width: 751px) {
  .p-details-list__item {
    width: 23.75%;
    margin-left: 1.66667%;
  }
  .p-details-list__item:nth-child(4n+1) {
    margin-left: 0;
  }
  .p-details-list__item:nth-child(n+5) {
    margin-top: 1.66667%;
  }
  .p-details-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-details-list__item {
    width: 49.16667%;
    margin-left: 1.66667%;
  }
  .p-details-list__item:nth-child(4n+1) {
    margin-left: 1.66667%;
  }
  .p-details-list__item:nth-child(n+5) {
    margin-top: 0;
  }
  .p-details-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-details-list__item:nth-child(n+3) {
    margin-top: 1.66667%;
  }
  .p-details-list__item a {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .p-details-list__item {
    width: 48.55072%;
    margin-left: 2.89855%;
  }
  .p-details-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-details-list__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
  .p-details-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    border-radius: 2.66667vw;
    background: #fff;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .p-details-desc {
    position: relative;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
  .p-details-desc::before {
    content: '';
    display: block;
    padding-top: 45.61404%;
  }
  .p-details-desc::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 45.61404%;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  a:hover .p-details-desc::after {
    opacity: .2;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-details-desc {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .p-details-desc {
    position: relative;
    height: 100%;
    border-radius: 2.66667vw;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
  .p-details-desc::before {
    content: '';
    display: block;
    padding-top: 45.61404%;
  }
}

@media all and (min-width: 751px) {
  .p-details-desc__term {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    padding: 1em 1em 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-details-desc__term {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .p-details-desc__term {
    padding: 1em 1em 0;
  }
}

@media all and (min-width: 751px) {
  .p-details-desc__defin {
    padding: 0 1em 1em;
  }
}

@media screen and (max-width: 750px) {
  .p-details-desc__defin {
    padding: 0 1em 1em;
  }
}

@media all and (min-width: 751px) {
  .p-details-desc-cat {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
    white-space: nowrap;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-details-desc-cat {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .p-details-desc-cat {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .p-details-desc-cat__label {
    display: inline-block;
    min-width: 9em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
  }
  [data-directory="watch"] .p-details-desc-cat__label, [data-directory="facility"] .p-details-desc-cat__label {
    background: #023ba4;
  }
  [data-directory="race"] .p-details-desc-cat__label {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-details-desc-cat__label {
    background: #0080a0;
  }
  [data-directory="course"] .p-details-desc-cat__label {
    background: #815bc2;
  }
  [data-directory="school"] .p-details-desc-cat__label {
    background: #e42525;
  }
  [data-directory="information"] .p-details-desc-cat__label {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-details-desc-cat__label {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-details-desc-cat__label {
    background: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .p-details-desc-cat__label {
    display: inline-block;
    vertical-align: top;
    min-width: 9em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 19px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
  [data-directory="watch"] .p-details-desc-cat__label, [data-directory="facility"] .p-details-desc-cat__label {
    background: #023ba4;
  }
  [data-directory="race"] .p-details-desc-cat__label {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-details-desc-cat__label {
    background: #0080a0;
  }
  [data-directory="course"] .p-details-desc-cat__label {
    background: #815bc2;
  }
  [data-directory="school"] .p-details-desc-cat__label {
    background: #e42525;
  }
  [data-directory="information"] .p-details-desc-cat__label {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-details-desc-cat__label {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-details-desc-cat__label {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .p-details-desc-date {
    display: inline-block;
    vertical-align: top;
    font-size: 92.85714%;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-details-desc-date {
    margin-left: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-details-desc-date {
    display: inline-block;
    vertical-align: top;
    font-size: 85.71429%;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) {
  .p-details-desc-thumb > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 45.61404%;
    background: #fff;
    overflow: hidden;
  }
  .p-details-desc-thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: auto;
  }
}

@media screen and (max-width: 750px) {
  .p-details-desc-thumb > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 45.61404%;
    background: #fff;
    overflow: hidden;
  }
  .p-details-desc-thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: auto;
  }
}

@media all and (min-width: 751px) {
  .p-details-desc-txt {
    margin-top: .5em;
    font-size: 100%;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 750px) {
  .p-details-desc-txt {
    margin-top: .5em;
    font-size: 85.71429%;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* updates */
@media all and (min-width: 751px) {
  .p-updates {
    margin-top: 3.5em;
  }
  .p-updates:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-updates {
    margin-top: 1.75em;
  }
  .p-updates:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-updates-body {
    padding: 2.5%;
    border-radius: 20px;
    background: #e5f3ed;
  }
  [data-directory="watch"] .p-updates-body, [data-directory="facility"] .p-updates-body {
    background: #e0e7f4;
  }
  [data-directory="race"] .p-updates-body {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .p-updates-body {
    background: #d8f0f6;
  }
  [data-directory="course"] .p-updates-body {
    background: #ebe2fb;
  }
  [data-directory="school"] .p-updates-body {
    background: #f7e2e2;
  }
  [data-directory="information"] .p-updates-body {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .p-updates-body {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .p-updates-body {
    background: #e5f0f8;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-updates-body {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-body {
    padding: 4vw;
    border-radius: 2.66667vw;
    background: #e5f3ed;
  }
  [data-directory="watch"] .p-updates-body, [data-directory="facility"] .p-updates-body {
    background: #e0e7f4;
  }
  [data-directory="race"] .p-updates-body {
    background: #f9e5dd;
  }
  [data-directory="tickets"] .p-updates-body {
    background: #d8f0f6;
  }
  [data-directory="course"] .p-updates-body {
    background: #ebe2fb;
  }
  [data-directory="school"] .p-updates-body {
    background: #f7e2e2;
  }
  [data-directory="information"] .p-updates-body {
    background: #f0f5d6;
  }
  [data-directory="enjoy"] .p-updates-body {
    background: #fbeaef;
  }
  [data-directory="racequeen"] .p-updates-body {
    background: #e5f0f8;
  }
}

@media all and (min-width: 751px) {
  .p-updates-list {
    padding-right: 30px;
  }
  .p-updates-list.is-scrollable {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .p-updates-list.is-scrollable::-webkit-scrollbar {
    width: 9px;
  }
  .p-updates-list.is-scrollable::-webkit-scrollbar-track {
    border: none;
    border-radius: 9px;
    background: #c9c9c9;
  }
  .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    border: none;
    border-radius: 9px;
    background: #008651;
  }
  [data-directory="watch"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb, [data-directory="facility"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #023ba4;
  }
  [data-directory="race"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #0080a0;
  }
  [data-directory="course"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #815bc2;
  }
  [data-directory="school"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #e42525;
  }
  [data-directory="information"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-updates-list {
    padding-right: 2.92969vw;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-list {
    padding-right: 4vw;
  }
  .p-updates-list.is-scrollable {
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .p-updates-list.is-scrollable::-webkit-scrollbar {
    width: 9px;
  }
  .p-updates-list.is-scrollable::-webkit-scrollbar-track {
    border: none;
    border-radius: 9px;
    background: #c9c9c9;
  }
  .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    border: none;
    border-radius: 9px;
    background: #008651;
  }
  [data-directory="watch"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb, [data-directory="facility"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #023ba4;
  }
  [data-directory="race"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #0080a0;
  }
  [data-directory="course"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #815bc2;
  }
  [data-directory="school"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #e42525;
  }
  [data-directory="information"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-updates-list.is-scrollable::-webkit-scrollbar-thumb {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .p-updates-list__item {
    border-top: 1px solid #fff;
  }
  .p-updates-list__item:first-child {
    border-top: none;
  }
  .p-updates-list__item a {
    display: block;
    color: #000;
    text-decoration: none;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-list__item {
    border-top: 1px solid #fff;
  }
  .p-updates-list__item:first-child {
    border-top: none;
  }
  .p-updates-list__item a {
    display: block;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .p-updates-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
    padding: 1em 0;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
    padding: 1em 0;
  }
}

@media all and (min-width: 751px) {
  .p-updates-desc__term {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    flex-shrink: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-desc__term {
    flex-shrink: 0;
  }
}

@media all and (min-width: 751px) {
  .p-updates-desc__defin {
    width: 100%;
    margin-left: 2em;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-desc__defin {
    width: 100%;
    margin-left: 1em;
  }
}

@media all and (min-width: 751px) {
  .p-updates-desc-date {
    display: inline-block;
    vertical-align: top;
    width: 9em;
    line-height: 2.01923em;
    font-size: 92.85714%;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-desc-date {
    display: inline-block;
    vertical-align: top;
    width: 10em;
    line-height: 2.04167em;
    font-size: 85.71429%;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) {
  .p-updates-desc-cat {
    display: inline-block;
    vertical-align: top;
    width: 12em;
    margin-left: 1em;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-desc-cat {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .p-updates-desc-cat__label {
    display: inline-block;
    min-width: 9em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
  }
  [data-directory="watch"] .p-updates-desc-cat__label, [data-directory="facility"] .p-updates-desc-cat__label {
    background: #023ba4;
  }
  [data-directory="race"] .p-updates-desc-cat__label {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-updates-desc-cat__label {
    background: #0080a0;
  }
  [data-directory="course"] .p-updates-desc-cat__label {
    background: #815bc2;
  }
  [data-directory="school"] .p-updates-desc-cat__label {
    background: #e42525;
  }
  [data-directory="information"] .p-updates-desc-cat__label {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-updates-desc-cat__label {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-updates-desc-cat__label {
    background: #0068b7;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-desc-cat__label {
    display: inline-block;
    vertical-align: top;
    min-width: 9em;
    padding: 0 .5em;
    border-radius: 100px;
    background: #008651;
    line-height: 19px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
  }
  [data-directory="watch"] .p-updates-desc-cat__label, [data-directory="facility"] .p-updates-desc-cat__label {
    background: #023ba4;
  }
  [data-directory="race"] .p-updates-desc-cat__label {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-updates-desc-cat__label {
    background: #0080a0;
  }
  [data-directory="course"] .p-updates-desc-cat__label {
    background: #815bc2;
  }
  [data-directory="school"] .p-updates-desc-cat__label {
    background: #e42525;
  }
  [data-directory="information"] .p-updates-desc-cat__label {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-updates-desc-cat__label {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-updates-desc-cat__label {
    background: #0068b7;
  }
}

@media all and (min-width: 751px) {
  .p-updates-desc-txt {
    display: inline-block;
    vertical-align: top;
    font-size: 107.14286%;
    font-weight: 700;
  }
  a:hover .p-updates-desc-txt {
    text-decoration: underline;
  }
  .p-updates-desc-txt:last-child {
    width: 100%;
    margin-right: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-desc-txt {
    line-height: 1.3125em;
    font-size: 100%;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) {
  .p-updates-desc-comment {
    margin-top: .5em;
    font-size: 100%;
  }
}

@media screen and (max-width: 750px) {
  .p-updates-desc-comment {
    margin-top: .5em;
    font-size: 85.71429%;
  }
}

/* notice */
@media all and (min-width: 751px) {
  .p-notice {
    margin-top: 3.5em;
  }
  .p-notice:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-notice {
    margin-top: 1.75em;
  }
  .p-notice:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section {
    margin-top: 40px;
    border-radius: 20px;
    overflow: hidden;
  }
  .p-notice-section:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-notice-section {
    margin-top: 3.90625vw;
    border-radius: 1.95312vw;
    overflow: hidden;
  }
  .p-notice-section:first-child {
    margin-top: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-notice-section {
    margin-top: 5.33333vw;
    border-radius: 2.66667vw;
    overflow: hidden;
  }
  .p-notice-section:first-child {
    margin-top: 0;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-head {
    padding: .5em;
    background: #c51919;
    text-align: center;
    font-size: 114.28571%;
    font-weight: 700;
    color: #fff;
  }
}

@media screen and (max-width: 750px) {
  .p-notice-section-head {
    padding: .5em;
    background: #c51919;
    text-align: center;
    font-size: 85.71429%;
    font-weight: 700;
    color: #fff;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-body {
    padding: 40px 30px;
    background: #fff1f1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-notice-section-body {
    padding: 3.90625vw 2.92969vw;
  }
}

@media screen and (max-width: 750px) {
  .p-notice-section-body {
    padding: 5.33333vw 4vw;
    background: #fff1f1;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-body .c-list--disc .c-list__item::before {
    background: #c51919;
  }
}

@media screen and (max-width: 750px) {
  .p-notice-section-body .c-list--disc .c-list__item::before {
    background: #c51919;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-body .c-list--circle .c-list__item::before {
    border: 1px solid #c51919;
  }
}

@media screen and (max-width: 750px) {
  .p-notice-section-body .c-list--circle .c-list__item::before {
    border: 1px solid #c51919;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-body .c-list--num .c-list__item .c-list__label {
    color: #c51919;
  }
}

@media screen and (max-width: 750px) {
  .p-notice-section-body .c-list--num .c-list__item .c-list__label {
    color: #c51919;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-body .c-desc + .c-desc {
    margin-top: 1.3125em;
    padding-top: 1.3125em;
    border-top: 1px solid #c51919;
  }
}

@media screen and (max-width: 750px) {
  .p-notice-section-body .c-desc + .c-desc {
    margin-top: 1.3125em;
    padding-top: 1.3125em;
    border-top: 1px solid #c51919;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-body .c-btn {
    margin-top: 1.75em;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-body .c-btn__item a:hover {
    color: #c51919;
  }
  .p-notice-section-body .c-btn__item a:hover .c-btn-body {
    background: #fff;
  }
  .p-notice-section-body .c-btn__item a[href$=".pdf"] .c-btn__label::after {
    border: 1px solid #c51919;
  }
  .p-notice-section-body .c-btn__item a[target="_blank"]:not([href$=".pdf"]) .c-btn__label::after {
    background: url("/assets/img/common/ico_ex_notice01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .p-notice-section-body .c-btn__item {
    max-width: 100%;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-body .c-btn-body {
    border: 1px solid #c51919;
    background: #c51919;
  }
}

@media screen and (max-width: 750px) {
  .p-notice-section-body .c-btn-body {
    border: 1px solid #c51919;
    background: #c51919;
  }
}

@media all and (min-width: 751px) {
  .p-notice-section-body .c-btn__label::after {
    background: url("/assets/img/common/ico_arw_notice01.svg") no-repeat center center;
    background-size: contain;
  }
}

/* photos */
@media all and (min-width: 751px) {
  .p-photos {
    margin: 0 4.16667%;
    margin-top: 3.5em;
  }
  .p-photos:first-child {
    margin-top: 0;
  }
  .c-colored-body__inner .p-photos {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 750px) {
  .p-photos {
    margin: 0 2vw;
    margin-top: 1.75em;
  }
  .p-photos:first-child {
    margin-top: 0;
  }
  .c-colored-body__inner .p-photos {
    margin-left: 0;
    margin-right: 0;
  }
}

@media all and (min-width: 751px) {
  .p-photos-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

@media screen and (max-width: 750px) {
  .p-photos-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

@media all and (min-width: 751px) {
  .p-photos-list__item {
    width: 32%;
    margin-left: 2%;
  }
  .p-photos-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .p-photos-list__item:nth-child(n+4) {
    margin-top: 2%;
  }
  .p-photos-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    text-decoration: none;
  }
  .p-photos-list__item a > * {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .p-photos-list__item a:hover > * {
    opacity: .8;
  }
}

@media screen and (max-width: 750px) {
  .p-photos-list__item {
    width: 48.55072%;
    margin-left: 2.89855%;
  }
  .p-photos-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .p-photos-list__item:nth-child(n+3) {
    margin-top: 2.89855%;
  }
  .p-photos-list__item a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .p-photos-thumb {
    display: inline-block;
    vertical-align: top;
    background: #fff;
  }
}

@media screen and (max-width: 750px) {
  .p-photos-thumb {
    display: inline-block;
    vertical-align: top;
    background: #fff;
  }
}

/* modal */
@media all and (min-width: 751px) {
  .p-modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: auto;
    z-index: 1000000;
    will-change: auto;
  }
  .is-opened-modal .p-modal-wrap {
    -webkit-animation: fadeIn 0.2s ease-in-out both;
            animation: fadeIn 0.2s ease-in-out both;
  }
  .is-closed-modal .p-modal-wrap {
    -webkit-animation: fadeOut 0.2s ease-in-out both;
            animation: fadeOut 0.2s ease-in-out both;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    overflow: auto;
    z-index: 1000000;
    will-change: auto;
  }
  .is-opened-modal .p-modal-wrap {
    -webkit-animation: fadeIn 0.2s ease-in-out both;
            animation: fadeIn 0.2s ease-in-out both;
  }
  .is-closed-modal .p-modal-wrap {
    -webkit-animation: fadeOut 0.2s ease-in-out both;
            animation: fadeOut 0.2s ease-in-out both;
  }
}

@media all and (min-width: 751px) {
  .p-modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
}

@media screen and (max-width: 750px) {
  .p-modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
}

@media all and (min-width: 751px) {
  .p-modal-panel {
    display: -webkit-box;
    display: flex;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-panel {
    display: -webkit-box;
    display: flex;
  }
}

@media all and (min-width: 751px) {
  .p-modal-panel__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    max-width: 810px;
    width: 100%;
    min-height: 100vh;
    padding: 30px;
    margin: 0 auto;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-modal-panel__item {
    padding: 2.92969vw;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-panel__item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 4vw;
    margin: 0 auto;
  }
}

@media all and (min-width: 751px) {
  .p-modal-section {
    position: relative;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    padding: 60px;
    background: #fff;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-modal-section {
    padding: 5.85938vw;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-section {
    position: relative;
    width: 100%;
    padding: 8vw;
    background: #fff;
  }
}

@media all and (min-width: 751px) {
  .p-modal-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
  }
  .p-modal-close-btn > span {
    display: block;
    height: 100%;
    cursor: pointer;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-modal-close-btn {
    top: 0.97656vw;
    right: 0.97656vw;
    width: 3.90625vw;
    height: 3.90625vw;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-close-btn {
    position: absolute;
    top: 1.33333vw;
    right: 1.33333vw;
    width: 5.33333vw;
    height: 5.33333vw;
  }
  .p-modal-close-btn > span {
    display: block;
    height: 100%;
    cursor: pointer;
  }
}

@media all and (min-width: 751px) {
  .p-modal-close-btn__label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .p-modal-close-btn__label::before, .p-modal-close-btn__label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 3px;
    background: #008651;
  }
  [data-directory="watch"] .p-modal-close-btn__label::before, [data-directory="facility"] .p-modal-close-btn__label::before, [data-directory="watch"] .p-modal-close-btn__label::after, [data-directory="facility"] .p-modal-close-btn__label::after {
    background: #023ba4;
  }
  [data-directory="race"] .p-modal-close-btn__label::before, [data-directory="race"] .p-modal-close-btn__label::after {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-modal-close-btn__label::before, [data-directory="tickets"] .p-modal-close-btn__label::after {
    background: #0080a0;
  }
  [data-directory="course"] .p-modal-close-btn__label::before, [data-directory="course"] .p-modal-close-btn__label::after {
    background: #815bc2;
  }
  [data-directory="school"] .p-modal-close-btn__label::before, [data-directory="school"] .p-modal-close-btn__label::after {
    background: #e42525;
  }
  [data-directory="information"] .p-modal-close-btn__label::before, [data-directory="information"] .p-modal-close-btn__label::after {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-modal-close-btn__label::before, [data-directory="enjoy"] .p-modal-close-btn__label::after {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-modal-close-btn__label::before, [data-directory="racequeen"] .p-modal-close-btn__label::after {
    background: #0068b7;
  }
  .p-modal-close-btn__label::before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
            transform: translate3d(-50%, -50%, 0) rotate(45deg);
  }
  .p-modal-close-btn__label::after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
            transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-modal-close-btn__label::before, .p-modal-close-btn__label::after {
    width: 2.34375vw;
    height: 0.29297vw;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-close-btn__label {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .p-modal-close-btn__label::before, .p-modal-close-btn__label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3.2vw;
    height: 0.4vw;
    background: #008651;
  }
  [data-directory="watch"] .p-modal-close-btn__label::before, [data-directory="facility"] .p-modal-close-btn__label::before, [data-directory="watch"] .p-modal-close-btn__label::after, [data-directory="facility"] .p-modal-close-btn__label::after {
    background: #023ba4;
  }
  [data-directory="race"] .p-modal-close-btn__label::before, [data-directory="race"] .p-modal-close-btn__label::after {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-modal-close-btn__label::before, [data-directory="tickets"] .p-modal-close-btn__label::after {
    background: #0080a0;
  }
  [data-directory="course"] .p-modal-close-btn__label::before, [data-directory="course"] .p-modal-close-btn__label::after {
    background: #815bc2;
  }
  [data-directory="school"] .p-modal-close-btn__label::before, [data-directory="school"] .p-modal-close-btn__label::after {
    background: #e42525;
  }
  [data-directory="information"] .p-modal-close-btn__label::before, [data-directory="information"] .p-modal-close-btn__label::after {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-modal-close-btn__label::before, [data-directory="enjoy"] .p-modal-close-btn__label::after {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-modal-close-btn__label::before, [data-directory="racequeen"] .p-modal-close-btn__label::after {
    background: #0068b7;
  }
  .p-modal-close-btn__label::before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
            transform: translate3d(-50%, -50%, 0) rotate(45deg);
  }
  .p-modal-close-btn__label::after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
            transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  }
}

@media all and (min-width: 751px) {
  .p-modal-slide {
    overflow: hidden;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-slide {
    overflow: hidden;
  }
}

@media all and (min-width: 751px) {
  .p-modal-slide-thumb {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .p-modal-slide-thumb img {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-slide-thumb {
    display: inline-block;
    vertical-align: top;
    width: 100%;
  }
  .p-modal-slide-thumb img {
    width: 100%;
  }
}

@media all and (min-width: 751px) {
  .p-modal-slide-btn {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    background: #008651;
    z-index: 9999;
    cursor: pointer;
  }
  .p-modal-slide-btn:focus {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  }
  [data-directory="watch"] .p-modal-slide-btn, [data-directory="facility"] .p-modal-slide-btn {
    background: #023ba4;
  }
  [data-directory="race"] .p-modal-slide-btn {
    background: #d83d00;
  }
  [data-directory="tickets"] .p-modal-slide-btn {
    background: #0080a0;
  }
  [data-directory="course"] .p-modal-slide-btn {
    background: #815bc2;
  }
  [data-directory="school"] .p-modal-slide-btn {
    background: #e42525;
  }
  [data-directory="information"] .p-modal-slide-btn {
    background: #697f00;
  }
  [data-directory="enjoy"] .p-modal-slide-btn {
    background: #db2f64;
  }
  [data-directory="racequeen"] .p-modal-slide-btn {
    background: #0068b7;
  }
  .p-modal-slide-btn[aria-disabled="true"] {
    visibility: hidden;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-slide-btn {
    position: absolute;
    top: 8vw;
    height: calc(100% - 16vw);
    z-index: 9999;
    cursor: pointer;
  }
  .p-modal-slide-btn[aria-disabled="true"] {
    visibility: hidden;
  }
}

@media all and (min-width: 751px) {
  .p-modal-slide-btn--prev {
    left: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
  }
}

@media screen and (max-width: 750px) {
  .p-modal-slide-btn--prev {
    left: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}

@media all and (min-width: 751px) {
  .p-modal-slide-btn--next {
    right: 0;
    -webkit-transform: translate3d(50%, -50%, 0);
            transform: translate3d(50%, -50%, 0);
  }
}

@media screen and (max-width: 750px) {
  .p-modal-slide-btn--next {
    right: 0;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
  }
}

@media all and (min-width: 751px) {
  .p-modal-slide-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 50px;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .p-modal-slide-btn__label::before {
    content: '';
    display: block;
    padding-top: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .p-modal-slide-btn:hover .p-modal-slide-btn__label::before {
    opacity: 0;
  }
  .p-modal-slide-btn__label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .p-modal-slide-btn:hover .p-modal-slide-btn__label::after {
    opacity: 1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-modal-slide-btn__label {
    width: 4.88281vw;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-slide-btn__label {
    display: inline-block;
    vertical-align: top;
    width: 8vw;
    height: 100%;
  }
  .p-modal-slide-btn__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media all and (min-width: 751px) {
  .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_common_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="watch"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before, [data-directory="facility"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_watch_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_race_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_tickets_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_course_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_school_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_information_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_enjoy_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_racequeen_prev01.svg") no-repeat center center;
    background-size: contain;
  }
  .p-modal-slide-btn--prev .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_common_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="watch"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::after, [data-directory="facility"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_watch_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_race_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_tickets_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_course_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_school_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_information_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_enjoy_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_racequeen_prev01_on.svg") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_common_prev01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="watch"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before, [data-directory="facility"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_watch_prev01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="race"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_race_prev01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="tickets"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_tickets_prev01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="course"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_course_prev01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="school"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_school_prev01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="information"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_information_prev01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="enjoy"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_enjoy_prev01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="racequeen"] .p-modal-slide-btn--prev .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_racequeen_prev01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
}

@media all and (min-width: 751px) {
  .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_common_next01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="watch"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before, [data-directory="facility"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_watch_next01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_race_next01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_tickets_next01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_course_next01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_school_next01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_information_next01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_enjoy_next01.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_racequeen_next01.svg") no-repeat center center;
    background-size: contain;
  }
  .p-modal-slide-btn--next .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_common_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="watch"] .p-modal-slide-btn--next .p-modal-slide-btn__label::after, [data-directory="facility"] .p-modal-slide-btn--next .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_watch_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="race"] .p-modal-slide-btn--next .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_race_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="tickets"] .p-modal-slide-btn--next .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_tickets_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="course"] .p-modal-slide-btn--next .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_course_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="school"] .p-modal-slide-btn--next .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_school_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="information"] .p-modal-slide-btn--next .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_information_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="enjoy"] .p-modal-slide-btn--next .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_enjoy_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
  [data-directory="racequeen"] .p-modal-slide-btn--next .p-modal-slide-btn__label::after {
    background: url("/assets/img/common/ico_slide_arw_racequeen_next01_on.svg") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_common_next01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="watch"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before, [data-directory="facility"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_watch_next01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="race"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_race_next01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="tickets"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_tickets_next01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="course"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_course_next01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="school"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_school_next01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="information"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_information_next01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="enjoy"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_enjoy_next01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
  [data-directory="racequeen"] .p-modal-slide-btn--next .p-modal-slide-btn__label::before {
    background: url("/assets/img/common/ico_slide_arw_racequeen_next01.svg") no-repeat center center;
    background-size: 83.33333%;
  }
}

/* notfound */
@media all and (min-width: 751px) {
  .p-notfound-section {
    padding-top: 75px;
    padding-bottom: 75px;
    background: #e5f3ed;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .p-notfound-section {
    padding-top: 7.32422vw;
    padding-bottom: 7.32422vw;
  }
}

@media screen and (max-width: 750px) {
  .p-notfound-section {
    padding-top: 10vw;
    padding-bottom: 10vw;
    background: #e5f3ed;
  }
}

/* ==================================================
Utility
================================================== */
/* sr */
.u-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* hide */
.u-hide {
  display: none;
}

@media all and (min-width: 1025px) {
  .u-hide-pc {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .u-hide-pc-tb {
    display: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-hide-tb {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .u-hide-tb-sp {
    display: none;
  }
}

@media screen and (max-width: 750px) {
  .u-hide-sp {
    display: none;
  }
}

/* margin */
@media all and (min-width: 1025px) {
  .u-mt-0 {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-0 {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-0 {
    margin-top: 0 !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-5 {
    margin-top: 5px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-5 {
    margin-top: 0.48828vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-5 {
    margin-top: 0.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-10 {
    margin-top: 10px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-10 {
    margin-top: 0.97656vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-10 {
    margin-top: 1.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-15 {
    margin-top: 15px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-15 {
    margin-top: 1.46484vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-15 {
    margin-top: 2vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-20 {
    margin-top: 20px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-20 {
    margin-top: 1.95312vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-20 {
    margin-top: 2.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-25 {
    margin-top: 25px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-25 {
    margin-top: 2.44141vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-25 {
    margin-top: 3.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-30 {
    margin-top: 30px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-30 {
    margin-top: 2.92969vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-30 {
    margin-top: 4vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-35 {
    margin-top: 35px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-35 {
    margin-top: 3.41797vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-35 {
    margin-top: 4.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-40 {
    margin-top: 40px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-40 {
    margin-top: 3.90625vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-40 {
    margin-top: 5.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-45 {
    margin-top: 45px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-45 {
    margin-top: 4.39453vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-45 {
    margin-top: 6vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-50 {
    margin-top: 50px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-50 {
    margin-top: 4.88281vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-50 {
    margin-top: 6.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-55 {
    margin-top: 55px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-55 {
    margin-top: 5.37109vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-55 {
    margin-top: 7.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-60 {
    margin-top: 60px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-60 {
    margin-top: 5.85938vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-60 {
    margin-top: 8vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-65 {
    margin-top: 65px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-65 {
    margin-top: 6.34766vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-65 {
    margin-top: 8.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-70 {
    margin-top: 70px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-70 {
    margin-top: 6.83594vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-70 {
    margin-top: 9.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-75 {
    margin-top: 75px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-75 {
    margin-top: 7.32422vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-75 {
    margin-top: 10vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-80 {
    margin-top: 80px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-80 {
    margin-top: 7.8125vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-80 {
    margin-top: 10.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-85 {
    margin-top: 85px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-85 {
    margin-top: 8.30078vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-85 {
    margin-top: 11.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-90 {
    margin-top: 90px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-90 {
    margin-top: 8.78906vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-90 {
    margin-top: 12vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-95 {
    margin-top: 95px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-95 {
    margin-top: 9.27734vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-95 {
    margin-top: 12.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mt-100 {
    margin-top: 100px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mt-100 {
    margin-top: 9.76562vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mt-100 {
    margin-top: 13.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-0 {
    margin-bottom: 0 !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-5 {
    margin-bottom: 5px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-5 {
    margin-bottom: 0.48828vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-5 {
    margin-bottom: 0.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-10 {
    margin-bottom: 10px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-10 {
    margin-bottom: 0.97656vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-10 {
    margin-bottom: 1.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-15 {
    margin-bottom: 15px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-15 {
    margin-bottom: 1.46484vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-15 {
    margin-bottom: 2vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-20 {
    margin-bottom: 20px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-20 {
    margin-bottom: 1.95312vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-20 {
    margin-bottom: 2.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-25 {
    margin-bottom: 25px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-25 {
    margin-bottom: 2.44141vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-25 {
    margin-bottom: 3.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-30 {
    margin-bottom: 30px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-30 {
    margin-bottom: 2.92969vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-30 {
    margin-bottom: 4vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-35 {
    margin-bottom: 35px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-35 {
    margin-bottom: 3.41797vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-35 {
    margin-bottom: 4.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-40 {
    margin-bottom: 40px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-40 {
    margin-bottom: 3.90625vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-40 {
    margin-bottom: 5.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-45 {
    margin-bottom: 45px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-45 {
    margin-bottom: 4.39453vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-45 {
    margin-bottom: 6vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-50 {
    margin-bottom: 50px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-50 {
    margin-bottom: 4.88281vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-50 {
    margin-bottom: 6.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-55 {
    margin-bottom: 55px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-55 {
    margin-bottom: 5.37109vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-55 {
    margin-bottom: 7.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-60 {
    margin-bottom: 60px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-60 {
    margin-bottom: 5.85938vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-60 {
    margin-bottom: 8vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-65 {
    margin-bottom: 65px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-65 {
    margin-bottom: 6.34766vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-65 {
    margin-bottom: 8.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-70 {
    margin-bottom: 70px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-70 {
    margin-bottom: 6.83594vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-70 {
    margin-bottom: 9.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-75 {
    margin-bottom: 75px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-75 {
    margin-bottom: 7.32422vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-75 {
    margin-bottom: 10vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-80 {
    margin-bottom: 80px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-80 {
    margin-bottom: 7.8125vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-80 {
    margin-bottom: 10.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-85 {
    margin-bottom: 85px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-85 {
    margin-bottom: 8.30078vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-85 {
    margin-bottom: 11.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-90 {
    margin-bottom: 90px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-90 {
    margin-bottom: 8.78906vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-90 {
    margin-bottom: 12vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-95 {
    margin-bottom: 95px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-95 {
    margin-bottom: 9.27734vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-95 {
    margin-bottom: 12.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-mb-100 {
    margin-bottom: 100px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-mb-100 {
    margin-bottom: 9.76562vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-mb-100 {
    margin-bottom: 13.33333vw !important;
  }
}

/* padding */
@media all and (min-width: 1025px) {
  .u-pt-0 {
    padding-top: 0 !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-0 {
    padding-top: 0 !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-0 {
    padding-top: 0 !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-5 {
    padding-top: 5px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-5 {
    padding-top: 0.48828vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-5 {
    padding-top: 0.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-10 {
    padding-top: 10px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-10 {
    padding-top: 0.97656vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-10 {
    padding-top: 1.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-15 {
    padding-top: 15px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-15 {
    padding-top: 1.46484vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-15 {
    padding-top: 2vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-20 {
    padding-top: 20px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-20 {
    padding-top: 1.95312vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-20 {
    padding-top: 2.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-25 {
    padding-top: 25px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-25 {
    padding-top: 2.44141vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-25 {
    padding-top: 3.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-30 {
    padding-top: 30px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-30 {
    padding-top: 2.92969vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-30 {
    padding-top: 4vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-35 {
    padding-top: 35px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-35 {
    padding-top: 3.41797vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-35 {
    padding-top: 4.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-40 {
    padding-top: 40px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-40 {
    padding-top: 3.90625vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-40 {
    padding-top: 5.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-45 {
    padding-top: 45px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-45 {
    padding-top: 4.39453vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-45 {
    padding-top: 6vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-50 {
    padding-top: 50px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-50 {
    padding-top: 4.88281vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-50 {
    padding-top: 6.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-55 {
    padding-top: 55px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-55 {
    padding-top: 5.37109vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-55 {
    padding-top: 7.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-60 {
    padding-top: 60px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-60 {
    padding-top: 5.85938vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-60 {
    padding-top: 8vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-65 {
    padding-top: 65px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-65 {
    padding-top: 6.34766vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-65 {
    padding-top: 8.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-70 {
    padding-top: 70px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-70 {
    padding-top: 6.83594vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-70 {
    padding-top: 9.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-75 {
    padding-top: 75px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-75 {
    padding-top: 7.32422vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-75 {
    padding-top: 10vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-80 {
    padding-top: 80px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-80 {
    padding-top: 7.8125vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-80 {
    padding-top: 10.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-85 {
    padding-top: 85px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-85 {
    padding-top: 8.30078vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-85 {
    padding-top: 11.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-90 {
    padding-top: 90px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-90 {
    padding-top: 8.78906vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-90 {
    padding-top: 12vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-95 {
    padding-top: 95px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-95 {
    padding-top: 9.27734vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-95 {
    padding-top: 12.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pt-100 {
    padding-top: 100px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pt-100 {
    padding-top: 9.76562vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pt-100 {
    padding-top: 13.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-0 {
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-0 {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-0 {
    padding-bottom: 0 !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-5 {
    padding-bottom: 5px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-5 {
    padding-bottom: 0.48828vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-5 {
    padding-bottom: 0.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-10 {
    padding-bottom: 10px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-10 {
    padding-bottom: 0.97656vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-10 {
    padding-bottom: 1.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-15 {
    padding-bottom: 15px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-15 {
    padding-bottom: 1.46484vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-15 {
    padding-bottom: 2vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-20 {
    padding-bottom: 20px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-20 {
    padding-bottom: 1.95312vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-20 {
    padding-bottom: 2.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-25 {
    padding-bottom: 25px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-25 {
    padding-bottom: 2.44141vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-25 {
    padding-bottom: 3.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-30 {
    padding-bottom: 30px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-30 {
    padding-bottom: 2.92969vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-30 {
    padding-bottom: 4vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-35 {
    padding-bottom: 35px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-35 {
    padding-bottom: 3.41797vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-35 {
    padding-bottom: 4.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-40 {
    padding-bottom: 40px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-40 {
    padding-bottom: 3.90625vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-40 {
    padding-bottom: 5.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-45 {
    padding-bottom: 45px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-45 {
    padding-bottom: 4.39453vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-45 {
    padding-bottom: 6vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-50 {
    padding-bottom: 50px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-50 {
    padding-bottom: 4.88281vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-50 {
    padding-bottom: 6.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-55 {
    padding-bottom: 55px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-55 {
    padding-bottom: 5.37109vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-55 {
    padding-bottom: 7.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-60 {
    padding-bottom: 60px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-60 {
    padding-bottom: 5.85938vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-60 {
    padding-bottom: 8vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-65 {
    padding-bottom: 65px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-65 {
    padding-bottom: 6.34766vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-65 {
    padding-bottom: 8.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-70 {
    padding-bottom: 70px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-70 {
    padding-bottom: 6.83594vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-70 {
    padding-bottom: 9.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-75 {
    padding-bottom: 75px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-75 {
    padding-bottom: 7.32422vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-75 {
    padding-bottom: 10vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-80 {
    padding-bottom: 80px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-80 {
    padding-bottom: 7.8125vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-80 {
    padding-bottom: 10.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-85 {
    padding-bottom: 85px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-85 {
    padding-bottom: 8.30078vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-85 {
    padding-bottom: 11.33333vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-90 {
    padding-bottom: 90px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-90 {
    padding-bottom: 8.78906vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-90 {
    padding-bottom: 12vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-95 {
    padding-bottom: 95px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-95 {
    padding-bottom: 9.27734vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-95 {
    padding-bottom: 12.66667vw !important;
  }
}

@media all and (min-width: 1025px) {
  .u-pb-100 {
    padding-bottom: 100px !important;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-pb-100 {
    padding-bottom: 9.76562vw !important;
  }
}

@media screen and (max-width: 750px) {
  .u-pb-100 {
    padding-bottom: 13.33333vw !important;
  }
}

/* text-align */
.u-align-left {
  text-align: left;
}

@media all and (min-width: 1025px) {
  .u-align-left-pc {
    text-align: left;
  }
}

@media all and (min-width: 751px) {
  .u-align-left-pc-tb {
    text-align: left;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-align-left-tb {
    text-align: left;
  }
}

@media screen and (max-width: 1024px) {
  .u-align-left-tb-sp {
    text-align: left;
  }
}

@media screen and (max-width: 750px) {
  .u-align-left-sp {
    text-align: left;
  }
}

.u-align-center {
  text-align: center;
}

@media all and (min-width: 1025px) {
  .u-align-center-pc {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .u-align-center-pc-tb {
    text-align: center;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-align-center-tb {
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  .u-align-center-tb-sp {
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  .u-align-center-sp {
    text-align: center;
  }
}

.u-align-right {
  text-align: right;
}

@media all and (min-width: 1025px) {
  .u-align-right-pc {
    text-align: right;
  }
}

@media all and (min-width: 751px) {
  .u-align-right-pc-tb {
    text-align: right;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-align-right-tb {
    text-align: right;
  }
}

@media screen and (max-width: 1024px) {
  .u-align-right-tb-sp {
    text-align: right;
  }
}

@media screen and (max-width: 750px) {
  .u-align-right-sp {
    text-align: right;
  }
}

/* font-weight */
.u-bold {
  font-weight: 700;
}

.u-semibold {
  font-weight: 500;
}

/* clearfix */
.u-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* overflow-scroll */
@media screen and (max-width: 1024px) {
  .u-scroll {
    margin-bottom: 6px;
    overflow-x: scroll;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .u-scroll::-webkit-scrollbar {
    height: 9px;
  }
  .u-scroll::-webkit-scrollbar-track {
    border: none;
    border-radius: 9px;
    background: #c9c9c9;
  }
  .u-scroll::-webkit-scrollbar-thumb {
    border: none;
    border-radius: 9px;
    background: #008651;
  }
  [data-directory="watch"] .u-scroll::-webkit-scrollbar-thumb, [data-directory="facility"] .u-scroll::-webkit-scrollbar-thumb {
    background: #023ba4;
  }
  [data-directory="race"] .u-scroll::-webkit-scrollbar-thumb {
    background: #d83d00;
  }
  [data-directory="tickets"] .u-scroll::-webkit-scrollbar-thumb {
    background: #0080a0;
  }
  [data-directory="course"] .u-scroll::-webkit-scrollbar-thumb {
    background: #815bc2;
  }
  [data-directory="school"] .u-scroll::-webkit-scrollbar-thumb {
    background: #e42525;
  }
  [data-directory="information"] .u-scroll::-webkit-scrollbar-thumb {
    background: #697f00;
  }
  [data-directory="enjoy"] .u-scroll::-webkit-scrollbar-thumb {
    background: #db2f64;
  }
  [data-directory="racequeen"] .u-scroll::-webkit-scrollbar-thumb {
    background: #0068b7;
  }
}

@media screen and (max-width: 1024px) {
  .u-scroll-body {
    margin: 0 auto;
    padding-bottom: 3px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .u-scroll-body {
    min-width: 1024px;
  }
}

@media screen and (max-width: 750px) {
  .u-scroll-body {
    min-width: 750px;
  }
}

@media all and (min-width: 1025px) {
  .u-scroll--w {
    margin-bottom: 6px;
    overflow-x: scroll;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .u-scroll--w::-webkit-scrollbar {
    height: 9px;
  }
  .u-scroll--w::-webkit-scrollbar-track {
    border: none;
    border-radius: 9px;
    background: #c9c9c9;
  }
  .u-scroll--w::-webkit-scrollbar-thumb {
    border: none;
    border-radius: 9px;
    background: #008651;
  }
  [data-directory="watch"] .u-scroll--w::-webkit-scrollbar-thumb, [data-directory="facility"] .u-scroll--w::-webkit-scrollbar-thumb {
    background: #023ba4;
  }
  [data-directory="race"] .u-scroll--w::-webkit-scrollbar-thumb {
    background: #d83d00;
  }
  [data-directory="tickets"] .u-scroll--w::-webkit-scrollbar-thumb {
    background: #0080a0;
  }
  [data-directory="course"] .u-scroll--w::-webkit-scrollbar-thumb {
    background: #815bc2;
  }
  [data-directory="school"] .u-scroll--w::-webkit-scrollbar-thumb {
    background: #e42525;
  }
  [data-directory="information"] .u-scroll--w::-webkit-scrollbar-thumb {
    background: #697f00;
  }
  [data-directory="enjoy"] .u-scroll--w::-webkit-scrollbar-thumb {
    background: #db2f64;
  }
  [data-directory="racequeen"] .u-scroll--w::-webkit-scrollbar-thumb {
    background: #0068b7;
  }
}

@media all and (min-width: 1025px) {
  .u-scroll--w .u-scroll-body {
    min-width: 1100px;
    margin: 0 auto;
    padding-bottom: 3px;
  }
}

/*# sourceMappingURL=sourcemaps/common.css.map */