@charset "UTF-8";
/* resset.dev • v5.0.2 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible; /* Show the overflow in Edge and IE */
  height: 0; /* Add the correct box sizing in Firefox */
  color: inherit; /* Correct border color in Firefox. */
}

details,
main {
  display: block; /* Render the `main` element consistently in IE. */
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden] {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: none; /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

pre {
  font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
}

b,
strong {
  font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
  border-style: none;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
}

[type=search] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
}

::-webkit-file-upload-button {
  /* Correct the inability to style clickable types in iOS and Safari */
  -webkit-appearance: button;
  color: inherit;
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

.c-btn {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  text-align: center;
  color: #171C62;
  display: grid;
  place-items: center;
  width: min(0.2196193265 * 100vw, 300px);
  height: min(0.0512445095 * 100vw, 70px);
  border: min(0.0014641288 * 100vw, 2px) solid #171C62;
  border-radius: 999px;
  background-color: #FFE638;
  box-shadow: min(0.0043923865 * 100vw, 6px) min(0.0043923865 * 100vw, 6px) 0 0 #171C62;
  position: relative;
  transition: all 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.c-btn::before {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/btn-arw.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: min(0.0168374817 * 100vw, 23px);
  transform: translateY(-50%);
}
.c-btn--return {
  background-color: #fff;
}
.c-btn--return::before {
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
  right: inherit;
  left: min(0.0175695461 * 100vw, 24px);
  transform: translateY(-50%) scaleX(-1);
}
@media (hover: hover) {
  .c-btn:hover {
    box-shadow: 0 0 0 0 #171C62;
    transform: translate(min(0.0043923865 * 100vw, 6px), min(0.0043923865 * 100vw, 6px));
  }
}
@media screen and (max-width: 767px) {
  .c-btn {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    width: 74.6666666667vw;
    height: 16vw;
    border: 0.5333333333vw solid #171C62;
    box-shadow: 1.6vw 1.6vw 0 0 #171C62;
  }
  .c-btn::before {
    width: 5.3333333333vw;
    right: 4.2666666667vw;
  }
  .c-btn--return::before {
    left: 4.2666666667vw;
  }
}

.c-hmb {
  display: block;
  margin: 0 0 0 auto;
  height: 10.6666666667vw;
  position: relative;
  width: 10.6666666667vw;
  background-color: #171C62;
  border-radius: 50%;
  z-index: 999;
  transition: 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.c-hmb span {
  background-color: #fff;
  border-radius: 0.5333333333vw;
  display: block;
  height: 0.5333333333vw;
  left: calc((10.6666666667vw - 4.2666666667vw) / 2);
  position: absolute;
  transform-origin: center;
  transition: 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
  width: 4.2666666667vw;
}
.c-hmb span:nth-of-type(1) {
  top: 3.4666666667vw;
}
.c-hmb span:nth-of-type(2) {
  top: calc((10.6666666667vw - 0.5333333333vw) / 2);
}
.c-hmb span:nth-of-type(3) {
  bottom: 3.4666666667vw;
}
.is-nav-active .c-hmb {
  background-color: #2F71B8;
}
.is-nav-active .c-hmb span:nth-of-type(1) {
  top: calc((100% - 0.5333333333vw) / 2);
  transform: rotate(-315deg);
}
.is-nav-active .c-hmb span:nth-of-type(2) {
  opacity: 0;
}
.is-nav-active .c-hmb span:nth-of-type(3) {
  bottom: calc((100% - 0.5333333333vw) / 2);
  transform: rotate(315deg);
}

.c-kv {
  display: flex;
  align-items: flex-end;
  height: 29.3557833089vw;
  padding-bottom: 9.3704245974vw;
  padding-left: 10.4685212299vw;
  border-bottom: min(0.0014641288 * 100vw, 2px) solid #171C62;
  position: relative;
}
.c-kv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-kv__ttl {
  position: relative;
}
.c-kv__ttl--overview {
  width: 33.3089311859vw;
}
.c-kv__ttl--racecourse {
  width: 43.411420205vw;
}
.c-kv__ttl--schedule {
  width: 34.5534407028vw;
}
.c-kv__ttl--ranking {
  width: 36.9692532943vw;
}
.c-kv__ttl--jockeys {
  width: 33.6017569546vw;
}
.c-kv__ttl--champion {
  width: 38.0673499268vw;
}
@media screen and (max-width: 767px) {
  .c-kv {
    height: 97.6vw;
    padding-bottom: 59.4666666667vw;
    padding-left: 5.3333333333vw;
    background: url(/2024yjs/assets/img/common/kv-bg_sp.png) center/cover no-repeat;
    border-bottom: 0.5333333333vw solid #171C62;
  }
  .c-kv__ttl--overview {
    width: 68.5333333333vw;
  }
  .c-kv__ttl--racecourse {
    width: 89.3333333333vw;
  }
  .c-kv__ttl--schedule {
    width: 71.2vw;
  }
  .c-kv__ttl--ranking {
    width: 76vw;
  }
  .c-kv__ttl--jockeys {
    width: 69.0666666667vw;
  }
  .c-kv__ttl--champion {
    width: 78.4vw;
  }
}

.c-link {
  display: flex;
  flex-direction: column;
  gap: min(0.0146412884 * 100vw, 20px);
  height: min(0.2928257687 * 100vw, 400px);
  border-top: min(0.0043923865 * 100vw, 6px) solid #171C62;
  border-bottom: min(0.0043923865 * 100vw, 6px) solid #171C62;
  padding: min(0.0446559297 * 100vw, 61px) 0 0 min(0.0512445095 * 100vw, 70px);
  position: relative;
  overflow: hidden;
}
.c-link::before {
  content: "";
  display: block;
  width: min(0.3997071742 * 100vw, 546px);
  height: 100%;
  background-color: #FFE638;
  clip-path: polygon(0 0, 100% 0, 71% 100%, 0 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.c-link__bg {
  display: block;
  width: calc(100% - min(0.2840409956 * 100vw, 388px));
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: center;
  transition: all 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.c-link__ttl {
  display: block;
  position: relative;
  z-index: 1;
}
.c-link__ttl--jockeys {
  width: min(0.2357247438 * 100vw, 322px);
}
.c-link__ttl--ranking {
  width: min(0.2584187408 * 100vw, 353px);
}
.c-link__ttl--champion {
  width: min(0.2664714495 * 100vw, 364px);
}
.c-link__dot {
  display: block;
  width: min(0.2086383602 * 100vw, 285px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: scaleX(-1);
}
.c-link__btn {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  text-align: center;
  color: #171C62;
  display: grid;
  place-items: center;
  width: min(0.168374817 * 100vw, 230px);
  height: min(0.0439238653 * 100vw, 60px);
  border: min(0.0014641288 * 100vw, 2px) solid #171C62;
  border-radius: 999px;
  background-color: #fff;
  box-shadow: min(0.0043923865 * 100vw, 6px) min(0.0043923865 * 100vw, 6px) 0 0 #171C62;
  position: relative;
  z-index: 1;
  transition: all 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.c-link__btn::before {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: min(0.0102489019 * 100vw, 14px);
  transform: translateY(-50%);
}
@media (hover: hover) {
  .c-link__btn:hover {
    box-shadow: 0 0 0 0 #171C62;
    transform: translate(min(0.0043923865 * 100vw, 6px), min(0.0043923865 * 100vw, 6px));
  }
  .c-link__btn:hover + .c-jockeys__bg {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 767px) {
  .c-link {
    align-items: center;
    justify-content: flex-end;
    gap: 2.6666666667vw;
    height: 95.2vw;
    border-top: 1.6vw solid #171C62;
    border-bottom: 1.6vw solid #171C62;
    padding: 0 0 9.6vw;
  }
  .c-link::before {
    width: 100%;
    height: 59.4666666667vw;
    clip-path: polygon(0 0, 100% 35%, 100% 100%, 0 100%);
    top: inherit;
    bottom: 0;
  }
  .c-link__bg {
    width: 100%;
    height: 62.9333333333vw;
  }
  .c-link__ttl--jockeys {
    width: 69.3333333333vw;
  }
  .c-link__ttl--ranking {
    width: 76.2666666667vw;
  }
  .c-link__ttl--champion {
    width: 78.6666666667vw;
  }
  .c-link__dot {
    width: 100%;
    top: inherit;
    bottom: 0;
    transform: none;
  }
  .c-link__btn {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    width: 61.3333333333vw;
    height: 16vw;
    border: 0.5333333333vw solid #171C62;
    box-shadow: 1.6vw 1.6vw 0 0 #171C62;
  }
  .c-link__btn::before {
    width: 5.3333333333vw;
    right: 3.7333333333vw;
  }
}

.c-list__normal {
  list-style: none;
}
.c-list__normal__item {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  display: flex;
  align-items: flex-start;
  gap: min(0.0117130307 * 100vw, 16px);
  margin-top: min(0.0058565154 * 100vw, 8px);
}
.c-list__normal__item::before {
  content: "";
  display: block;
  width: min(0.0073206442 * 100vw, 10px);
  aspect-ratio: 1/1;
  flex: 0 0 auto;
  margin-top: min(0.0065885798 * 100vw, 9px);
  border-radius: 50%;
  background-color: #333;
}
.c-list__normal__item--gap {
  margin-top: min(0.0146412884 * 100vw, 20px);
}
@media screen and (max-width: 767px) {
  .c-list__normal__item {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    gap: 2.6666666667vw;
    margin-top: 2.1333333333vw;
  }
  .c-list__normal__item::before {
    width: 2.1333333333vw;
    margin-top: 2.4vw;
  }
  .c-list__normal__item--gap {
    margin-top: 4.2666666667vw;
  }
}
.c-list__num {
  list-style: none;
  counter-reset: num;
}
.c-list__num__item {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  display: flex;
  gap: min(0.0117130307 * 100vw, 16px);
  margin-top: min(0.0117130307 * 100vw, 16px);
}
.c-list__num__item::before {
  counter-increment: num;
  content: counter(num) ".";
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  .c-list__num__item {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    gap: 2.6666666667vw;
    margin-top: 2.6666666667vw;
  }
  .c-list__num__item::before {
    font-size: 1.4rem;
    line-height: 1.7857142857;
  }
}
.c-list__caution {
  list-style: none;
}
.c-list__caution__item {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8333333333;
  display: flex;
  gap: min(0.0043923865 * 100vw, 6px);
  margin-top: min(0.0029282577 * 100vw, 4px);
}
.c-list__caution__item::before {
  content: "※";
  flex: 0 0 auto;
}
@media screen and (max-width: 767px) {
  .c-list__caution__item {
    font-size: 1rem;
    line-height: 1.8;
    gap: 1.0666666667vw;
    margin-top: 1.6vw;
  }
}

.c-tab__nav {
  display: flex;
  justify-content: center;
  gap: min(0.0146412884 * 100vw, 20px);
  margin-top: max(-0.0424597365 * 100vw, -58px);
  list-style: none;
  position: relative;
  z-index: 2;
}
.c-tab__nav__item {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  color: #171C62;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(0.0007320644 * 100vw, 1px);
  width: min(0.3147877013 * 100vw, 430px);
  height: min(0.065885798 * 100vw, 90px);
  padding-top: min(0.0036603221 * 100vw, 5px);
  border-radius: min(0.0073206442 * 100vw, 10px);
  border: min(0.0014641288 * 100vw, 2px) solid #171C62;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  box-shadow: min(0.0043923865 * 100vw, 6px) min(0.0043923865 * 100vw, 6px) 0 0 #171C62;
  transition: all 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.c-tab__nav__item::before {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: min(0.0219619327 * 100vw, 30px);
  transform: translateY(-50%);
}
.c-tab__nav__item::after {
  content: "";
  display: block;
  width: min(0.0014641288 * 100vw, 2px);
  height: min(0.0219619327 * 100vw, 30px);
  background-color: #171C62;
  position: absolute;
  bottom: max(-0.0124450952 * 100vw, -17px);
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: top center;
  transition: all 0.15s cubic-bezier(0.33, 0.13, 0.46, 0.71) 0.3s;
}
@media (hover: hover) {
  .c-tab__nav__item:hover {
    box-shadow: 0 0 0 0 #171C62;
    transform: translate(min(0.0043923865 * 100vw, 6px), min(0.0043923865 * 100vw, 6px));
  }
  .c-tab__nav__item:hover::after {
    transform: translateX(-50%) scaleY(1);
  }
}
.c-tab__nav__item.is-show {
  color: #fff;
  cursor: default;
  pointer-events: none;
  box-shadow: none;
  transform: translate(min(0.0043923865 * 100vw, 6px), min(0.0043923865 * 100vw, 6px));
}
.c-tab__nav__item.is-show:nth-child(1) {
  background-color: #2CB7AA;
}
.c-tab__nav__item.is-show:nth-child(2) {
  background-color: #E5342B;
}
.c-tab__nav__item.is-show::before {
  content: none;
}
.c-tab__nav__item.is-show::after {
  transform: translateX(-50%) scaleY(0);
}
.c-tab__nav__item.is-disabled {
  background-color: #F2F2F2;
  color: #666;
  border: min(0.0014641288 * 100vw, 2px) solid #ccc;
  cursor: default;
  pointer-events: none;
  box-shadow: none;
  transform: translate(min(0.0043923865 * 100vw, 6px), min(0.0043923865 * 100vw, 6px));
}
.c-tab__nav__item.is-disabled::before {
  content: none;
}
.c-tab__nav__item em {
  font-size: min(1.756954612vw, 2.4rem);
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
}
.c-tab__area {
  position: relative;
  height: 0;
}
.c-tab__wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71), visibility 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.c-tab__wrap.is-show {
  position: static;
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .c-tab__nav {
    gap: 1.8666666667vw;
    margin-top: -8.5333333333vw;
  }
  .c-tab__nav__item {
    font-size: 1.2rem;
    line-height: 1.4166666667;
    gap: 0.2666666667vw;
    width: 100%;
    height: 17.0666666667vw;
    padding-top: 0.5333333333vw;
    border-radius: 2.6666666667vw;
    border: 0.5333333333vw solid #171C62;
    box-shadow: 1.6vw 1.6vw 0 0 #171C62;
  }
  .c-tab__nav__item::before {
    width: 5.3333333333vw;
    right: 1.0666666667vw;
  }
  .c-tab__nav__item.is-show {
    transform: translate(1.6vw, 1.6vw);
  }
  .c-tab__nav__item.is-show::after {
    width: 0.5333333333vw;
    height: 5.3333333333vw;
    bottom: -3.2vw;
  }
  .c-tab__nav__item.is-disabled {
    border: 0.5333333333vw solid #ccc;
    transform: translate(1.6vw, 1.6vw);
  }
  .c-tab__nav__item em {
    font-size: 1.6rem;
    line-height: 1;
  }
}

* {
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}
*::-moz-selection {
  background-color: #87ceeb;
}
*::selection {
  background-color: #87ceeb;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666667vw;
  }
  html.is-nav-active {
    overflow: hidden;
  }
}

body {
  color: #333;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  font-size: 1.4rem;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

a {
  color: #333;
  text-decoration: none;
}
@media screen and (min-width: 768px), print {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

ol, ul {
  list-style-position: inside;
}

img, svg, video {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

picture img {
  width: 100%;
  height: auto;
}

table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}
table th, table td {
  word-break: break-all;
}

[data-js-focus-visible]:focus:not([data-focus-visible-added]) {
  outline: none;
}

[aria-hidden=false] {
  visibility: visible;
}

[aria-hidden=true] {
  display: none;
  visibility: hidden;
}

.l-wrapper {
  padding-top: min(0.0585651537 * 100vw, 80px);
}
@media screen and (max-width: 767px) {
  .l-wrapper {
    padding-top: 16vw;
  }
}

.l-content {
  margin-left: auto;
  margin-right: auto;
  max-width: min(0.7906295754 * 100vw, 1080px);
  width: calc(100% - min(0.0732064422 * 100vw, 100px) * 2);
}
@media screen and (max-width: 767px) {
  .l-content {
    max-width: inherit;
    width: calc(100% - 5.3333333333vw * 2);
  }
}

.l-main {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .l-lg {
    display: none !important;
  }
}

@media screen and (min-width: 768px), print {
  .l-sm {
    display: none !important;
  }
}

.l-footer {
  background-color: #333;
  position: relative;
}
.l-footer__deco {
  display: block;
  width: min(0.3162518302 * 100vw, 432px);
  position: absolute;
  bottom: 0;
  right: 0;
}
.l-footer__bnr {
  background-color: #555;
  padding: min(0.0585651537 * 100vw, 80px) 0;
}
.l-footer__bnr__list {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.0131771596 * 100vw, 18px);
  list-style: none;
}
.l-footer__bnr__list__item {
  width: min(0.1207906296 * 100vw, 165px);
}
.l-footer__btm {
  display: flex;
  justify-content: space-between;
  padding: min(0.0951683748 * 100vw, 130px) 0;
  position: relative;
  z-index: 1;
}
.l-footer__btm__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.l-footer__logo {
  width: min(0.298682284 * 100vw, 408px);
}
.l-footer__sns {
  display: flex;
  align-items: center;
  gap: min(0.0146412884 * 100vw, 20px);
  margin-top: min(0.0219619327 * 100vw, 30px);
}
.l-footer__sns__app {
  width: min(0.1171303075 * 100vw, 160px);
  margin-right: min(0.0073206442 * 100vw, 10px);
}
.l-footer__sns__x, .l-footer__sns__instagram, .l-footer__sns__facebook {
  width: min(0.0175695461 * 100vw, 24px);
}
.l-footer__sns__youtube {
  width: min(0.0248901903 * 100vw, 34px);
}
.l-footer__caution {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8333333333;
  color: #fff;
  margin-top: min(0.0461200586 * 100vw, 63px);
  list-style: none;
}
.l-footer__index {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: min(0.2928257687 * 100vw, 400px);
  list-style: none;
}
.l-footer__index::after {
  content: "";
  display: block;
  width: min(0.0512445095 * 100vw, 70px);
  height: 0;
}
.l-footer__index__item {
  margin-bottom: min(0.0219619327 * 100vw, 30px);
}
.l-footer__index__item:nth-child(3n) {
  width: min(0.0512445095 * 100vw, 70px);
}
.l-footer__index__item:nth-child(3n+1) {
  width: min(0.0717423133 * 100vw, 98px);
  margin-right: min(0.0512445095 * 100vw, 70px);
}
.l-footer__index__item:nth-child(3n+2) {
  width: min(0.0819912152 * 100vw, 112px);
  margin-right: min(0.0366032211 * 100vw, 50px);
}
.l-footer__index__item a {
  font-size: min(1.0248901903vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #fff;
}
.l-footer__copyright {
  font-size: min(0.7320644217vw, 1rem);
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: 1.8;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  margin: auto 0 0 0;
}
@media screen and (max-width: 767px) {
  .l-footer__deco {
    width: 69.3333333333vw;
  }
  .l-footer__bnr {
    padding: 10.6666666667vw 0;
  }
  .l-footer__bnr__list {
    gap: 2.6666666667vw;
  }
  .l-footer__bnr__list__item {
    width: calc((100% - 5.3333333333vw) / 3);
  }
  .l-footer__btm {
    display: block;
    padding: 16vw 0 13.3333333333vw;
    position: relative;
    z-index: 1;
  }
  .l-footer__btm__left {
    padding-bottom: 10.6666666667vw;
    border-bottom: 0.5333333333vw solid #6C6C6C;
  }
  .l-footer__btm__right {
    align-items: center;
  }
  .l-footer__logo {
    width: 100%;
  }
  .l-footer__sns {
    flex-wrap: wrap;
    justify-content: center;
    width: 53.3333333333vw;
    gap: 8vw;
    margin: 10.6666666667vw auto 0;
  }
  .l-footer__sns__app {
    width: 42.6666666667vw;
    margin-right: 0;
  }
  .l-footer__sns__x, .l-footer__sns__instagram, .l-footer__sns__facebook {
    width: 6.4vw;
  }
  .l-footer__sns__youtube {
    width: 9.0666666667vw;
  }
  .l-footer__caution {
    font-size: 1rem;
    line-height: 1.8;
    margin-top: 10.6666666667vw;
  }
  .l-footer__index {
    gap: 10.6666666667vw 16vw;
    width: 100%;
    padding: 10.6666666667vw 6.6666666667vw 0;
  }
  .l-footer__index::after {
    content: none;
  }
  .l-footer__index__item {
    width: calc((100% - 16vw) / 2);
    margin-bottom: min(0.0219619327 * 100vw, 30px);
  }
  .l-footer__index__item:nth-child(3n) {
    width: calc((100% - 16vw) / 2);
  }
  .l-footer__index__item:nth-child(3n+1) {
    width: calc((100% - 16vw) / 2);
    margin-right: 0;
  }
  .l-footer__index__item:nth-child(3n+2) {
    width: calc((100% - 16vw) / 2);
    margin-right: 0;
  }
  .l-footer__index__item a {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .l-footer__copyright {
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
    margin: 13.3333333333vw 0 0;
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 998;
  height: min(0.0585651537 * 100vw, 80px);
}
.l-header__inner {
  display: flex;
  align-items: center;
  height: 100%;
  padding: min(0.0058565154 * 100vw, 8px) min(0.0219619327 * 100vw, 30px);
  border-top: min(0.0014641288 * 100vw, 2px) solid #333;
  border-bottom: min(0.0014641288 * 100vw, 2px) solid #333;
  background-color: #fff;
}
.l-header__logo {
  width: min(0.0402635432 * 100vw, 55px);
}
.l-header__bnr {
  display: flex;
  align-items: center;
  gap: min(0.0087847731 * 100vw, 12px);
  margin-left: min(0.0219619327 * 100vw, 30px);
  list-style: none;
}
.l-header__bnr__item:nth-child(1) {
  width: min(0.0424597365 * 100vw, 58px);
}
.l-header__bnr__item:nth-child(2) {
  width: min(0.0285505124 * 100vw, 39px);
}
.l-header__bnr__item:nth-child(3) {
  width: min(0.0629575403 * 100vw, 86px);
}
.l-header__bnr__item:nth-child(4) {
  width: min(0.0549048316 * 100vw, 75px);
}
@media screen and (max-width: 767px) {
  .l-header {
    height: 16vw;
  }
  .l-header__inner {
    padding: 2.1333333333vw 2.6666666667vw;
    border-top: 0.5333333333vw solid #333;
    border-bottom: 0.5333333333vw solid #333;
  }
  .l-header__logo {
    width: 9.8666666667vw;
  }
  .l-header__bnr {
    gap: 3.2vw;
    margin-left: 7.2vw;
  }
  .l-header__bnr__item:nth-child(1) {
    width: 11.4666666667vw;
  }
  .l-header__bnr__item:nth-child(2) {
    width: 7.7333333333vw;
  }
  .l-header__bnr__item:nth-child(3) {
    width: 16.8vw;
  }
  .l-header__bnr__item:nth-child(4) {
    width: 14.6666666667vw;
  }
}

.l-nav__lg {
  display: flex;
  gap: min(0.0219619327 * 100vw, 30px);
  margin: 0 0 0 auto;
}
.l-nav__lg__list {
  display: flex;
  align-items: center;
  gap: min(0.0117130307 * 100vw, 16px);
  list-style: none;
}
.l-nav__lg__list__item a {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #171C62;
  display: flex;
  align-items: center;
}
.l-nav__lg__pdf {
  display: inline-block;
  width: min(0.0146412884 * 100vw, 20px);
  margin-left: min(0.0058565154 * 100vw, 8px);
}
.l-nav__mega {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  overflow-y: auto;
  transition: visibility 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71), opacity 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
  visibility: hidden;
  width: 100%;
  height: 100vh;
  z-index: 998;
  overscroll-behavior: contain;
}
.is-nav-active .l-nav__mega {
  opacity: 1;
  visibility: visible;
}
.l-nav__mega__top {
  background-color: #171C62;
  padding: 12.5333333333vw 5.3333333333vw 10.6666666667vw;
  position: relative;
}
.l-nav__mega__top::before {
  content: "";
  display: block;
  width: 37.3333333333vw;
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/mega-bg-l.png) center/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.l-nav__mega__index {
  position: relative;
  list-style: none;
}
.l-nav__mega__index__item {
  border-bottom: 0.5333333333vw solid #30346D;
}
.l-nav__mega__index__item a {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #fff;
  display: block;
  padding: 4.8vw 0 5.3333333333vw;
}
.l-nav__mega__others {
  display: flex;
  gap: 9.0666666667vw;
  margin-top: 10.6666666667vw;
  list-style: none;
}
.l-nav__mega__others__item a {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  color: #fff;
}
.l-nav__mega__btm {
  background-color: #333;
  padding: 10.6666666667vw 5.3333333333vw;
  position: relative;
}
.l-nav__mega__btm::before {
  content: "";
  display: block;
  width: 53.3333333333vw;
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/mega-bg-r.png) center/contain no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
}
.l-nav__mega__btm__inner {
  display: flex;
  align-items: center;
  gap: 8vw;
  position: relative;
}
.l-nav__mega__app {
  width: 42.6666666667vw;
}
.l-nav__mega__sns {
  display: flex;
  align-items: center;
  gap: 5.3333333333vw;
  list-style: none;
}
.l-nav__mega__sns__x, .l-nav__mega__sns__instagram, .l-nav__mega__sns__facebook {
  width: 6.4vw;
}
.l-nav__mega__caution {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8;
  color: #fff;
  margin-top: 5.3333333333vw;
  position: relative;
  list-style: none;
}

.champion .l-main {
  background-color: #009FB9;
}
.champion .c-jockeys {
  display: none;
}
.champion__anchor {
  margin-left: auto;
  margin-right: auto;
  max-width: min(0.6295754026 * 100vw, 860px);
  width: auto;
  display: flex;
  flex-wrap: wrap;
  gap: min(0.0146412884 * 100vw, 20px);
  margin: max(-0.0270863836 * 100vw, -37px) auto 0;
  list-style: none;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .champion__anchor {
    max-width: inherit;
    width: calc(100% - 5.3333333333vw * 2);
  }
}
.champion__anchor__item {
  width: min(0.1464128843 * 100vw, 200px);
  height: min(0.0439238653 * 100vw, 60px);
}
.champion__anchor__item a {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  font-family: "Open Sans", sans-serif;
  color: #171C62;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border: min(0.0014641288 * 100vw, 2px) solid #171C62;
  border-radius: min(0.0043923865 * 100vw, 6px);
  box-shadow: min(0.0043923865 * 100vw, 6px) min(0.0043923865 * 100vw, 6px) 0 0 #171C62;
  position: relative;
  transition: all 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.champion__anchor__item a::before {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: min(0.0102489019 * 100vw, 14px);
  transform: translateY(-50%) rotate(90deg);
}
@media (hover: hover) {
  .champion__anchor__item a:hover {
    box-shadow: 0 0 0 0 #171C62;
    transform: translate(min(0.0043923865 * 100vw, 6px), min(0.0043923865 * 100vw, 6px));
  }
}
@media screen and (max-width: 767px) {
  .champion__anchor {
    gap: 4.2666666667vw 3.4666666667vw;
    margin: -8vw auto 0;
  }
  .champion__anchor__item {
    width: calc((100% - 3.4666666667vw) / 2);
    height: 14.9333333333vw;
  }
  .champion__anchor__item a {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    border: 0.5333333333vw solid #171C62;
    border-radius: 1.6vw;
    box-shadow: 1.6vw 1.6vw 0 0 #171C62;
  }
  .champion__anchor__item a::before {
    width: 5.3333333333vw;
    right: 2.1333333333vw;
  }
}
.champion__sec {
  padding: min(0.2650073206 * 100vw, 362px) 0 min(0.0366032211 * 100vw, 50px);
  position: relative;
}
.champion__sec:first-child {
  padding-top: min(0.1368960469 * 100vw, 187px);
}
.champion__sec:last-child {
  padding-bottom: min(0.102489019 * 100vw, 140px);
}
.champion__sec:nth-child(2n+1) {
  background-color: #009FB9;
}
.champion__sec:nth-child(2n+1) .champion__sec__box::before, .champion__sec:nth-child(2n+1) .champion__sec__box::after {
  background: url(/2024yjs/assets/img/champion/dot01.png) center/contain no-repeat;
}
.champion__sec:nth-child(2n) {
  background-color: #59C3E1;
}
.champion__sec:nth-child(2n) .champion__sec__box::before, .champion__sec:nth-child(2n) .champion__sec__box::after {
  background: url(/2024yjs/assets/img/champion/dot02.png) center/contain no-repeat;
}
.champion__sec__box {
  position: relative;
}
.champion__sec__box::before, .champion__sec__box::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  position: absolute;
}
.champion__sec__box::before {
  width: min(0.2547584187 * 100vw, 348px);
  top: max(-0.1017569546 * 100vw, -139px);
  left: max(-0.1105417277 * 100vw, -151px);
}
.champion__sec__box::after {
  width: min(0.39238653 * 100vw, 536px);
  bottom: max(-0.1925329429 * 100vw, -263px);
  right: max(-0.1376281113 * 100vw, -188px);
}
.champion__sec__box__inner {
  background-color: #fff;
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  padding: min(0.0732064422 * 100vw, 100px);
  position: relative;
  z-index: 1;
}
.champion__sec__label {
  width: min(0.2196193265 * 100vw, 300px);
  position: absolute;
  top: max(-0.0783308931 * 100vw, -107px);
  left: 50%;
  transform: translateX(-50%);
}
.champion__sec__rect {
  width: 100%;
  height: min(0.1573938507 * 100vw, 215px);
  -o-object-fit: fill;
  object-fit: fill;
  position: absolute;
  top: max(-0.0007320644 * 100vw, -1px);
  left: 0;
}
@media screen and (max-width: 767px) {
  .champion__sec {
    padding: 68.2666666667vw 0 6.6666666667vw;
  }
  .champion__sec:first-child {
    padding-top: 36.5333333333vw;
  }
  .champion__sec:last-child {
    padding-bottom: 16vw;
  }
  .champion__sec__box::before {
    width: 77.3333333333vw;
    top: -33.6vw;
    left: -47.4666666667vw;
  }
  .champion__sec__box::after {
    width: 72vw;
    bottom: -23.4666666667vw;
    right: -41.3333333333vw;
  }
  .champion__sec__box__inner {
    border: 1.6vw solid #171C62;
    padding: 11.7333333333vw 3.7333333333vw;
  }
  .champion__sec__label {
    width: 58.6666666667vw;
    top: -20.2666666667vw;
  }
  .champion__sec__rect {
    width: 253.3333333333vw;
    max-width: inherit;
    height: 40vw;
    top: max(-0.0007320644 * 100vw, -1px);
    left: 50%;
    transform: translateX(-50%);
  }
}
.champion__person {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: min(0.0863836018 * 100vw, 118px);
}
.champion__person__left {
  width: min(0.2672035139 * 100vw, 365px);
  flex: 0 0 auto;
  position: relative;
  padding-bottom: min(0.0124450952 * 100vw, 17px);
}
.champion__person__left::before, .champion__person__left::after {
  content: "";
  display: block;
  width: min(0.0109809663 * 100vw, 15px);
  height: min(0.0805270864 * 100vw, 110px);
  background-color: #fff;
  position: absolute;
  top: 0;
  z-index: 2;
}
.champion__person__left::before {
  left: 0;
  transform: translateX(-100%);
}
.champion__person__left::after {
  right: 0;
  transform: translateX(100%);
}
.champion__person__left__inner {
  width: 100%;
  height: min(0.2284040996 * 100vw, 312px);
  padding-top: min(0.0285505124 * 100vw, 39px);
  background: url(/2024yjs/assets/img/jockeys/deco.png) bottom left/contain no-repeat;
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  position: relative;
}
.champion__person__left__inner::before {
  content: "";
  display: block;
  width: 110%;
  height: min(0.0805270864 * 100vw, 110px);
  background-color: #fff;
  position: absolute;
  z-index: 1;
  border-bottom: min(0.0058565154 * 100vw, 8px) solid #171C62;
  top: min(0.0307467057 * 100vw, 42px);
  right: max(-0.0131771596 * 100vw, -18px);
  transform-origin: bottom right;
  transform: translateY(-100%) rotate(-7.6deg);
}
.champion__person__right {
  flex: 1 1 auto;
}
.champion__person__img {
  display: block;
  width: min(0.2672035139 * 100vw, 365px);
  height: min(0.2225475842 * 100vw, 304px);
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom center;
  object-position: bottom center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.champion__person__uniform {
  width: min(0.1083455344 * 100vw, 148px);
  aspect-ratio: 148.08/158.21;
  background: url(/2024yjs/assets/img/jockeys/nar-uniform-bg.svg) center/contain no-repeat;
  position: absolute;
  bottom: max(-0.0109809663 * 100vw, -15px);
  right: max(-0.0571010249 * 100vw, -78px);
  z-index: 1;
}
.champion__person__uniform__img {
  width: min(0.0673499268 * 100vw, 92px);
  position: absolute;
  top: min(0.0204978038 * 100vw, 28px);
  left: min(0.0234260615 * 100vw, 32px);
}
.champion__person__en {
  font-size: min(3.0014641288vw, 4.1rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1.0975609756;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #171C62;
}
.champion__person__kana {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #171C62;
  margin-top: min(0.0161054173 * 100vw, 22px);
}
.champion__person__name {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.40625;
  color: #171C62;
  display: flex;
  align-items: flex-end;
  gap: min(0.0014641288 * 100vw, 2px);
}
.champion__person__age {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #171C62;
  margin-bottom: min(0.0014641288 * 100vw, 2px);
}
.champion__person__debut {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0146412884 * 100vw, 20px);
}
.champion__person__belong-list {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.0073206442 * 100vw, 10px);
  margin-top: min(0.0073206442 * 100vw, 10px);
  list-style: none;
}
.champion__person__belong-list__item {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  padding: 0 min(0.0146412884 * 100vw, 20px) min(0.0014641288 * 100vw, 2px);
  border: 1px solid #333;
  border-radius: 999px;
}
@media screen and (max-width: 767px) {
  .champion__person {
    display: block;
  }
  .champion__person__left {
    width: 68.5333333333vw;
    padding-bottom: 3.2vw;
  }
  .champion__person__left::before, .champion__person__left::after {
    width: 3.7333333333vw;
    height: 29.3333333333vw;
  }
  .champion__person__left__inner {
    height: 56.8vw;
    padding-top: 7.2vw;
    border: 1.6vw solid #171C62;
  }
  .champion__person__left__inner::before {
    width: 110%;
    height: 16vw;
    border-bottom: 1.6vw solid #171C62;
    top: 11.2vw;
    right: -4.2666666667vw;
  }
  .champion__person__left__inner::after {
    content: "";
    display: block;
    width: 48vw;
    height: 8vw;
    background-color: #fff;
    position: absolute;
    top: -1.8666666667vw;
    left: -1.8666666667vw;
  }
  .champion__person__img {
    width: 68.5333333333vw;
    height: 56.8vw;
  }
  .champion__person__uniform {
    width: 23.2vw;
    bottom: -3.2vw;
    right: -10.1333333333vw;
  }
  .champion__person__uniform__img {
    width: 14.9333333333vw;
    top: 3.7333333333vw;
    left: 4.8vw;
  }
  .champion__person__en {
    font-size: 3.2rem;
    line-height: 1.09375;
    margin-top: 5.8666666667vw;
  }
  .champion__person__kana {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: min(0.0073206442 * 100vw, 10px);
  }
  .champion__person__name {
    font-size: 2.8rem;
    line-height: 1.3928571429;
    gap: 0.5333333333vw;
  }
  .champion__person__age {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 0.5333333333vw;
  }
  .champion__person__debut {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 2.6666666667vw;
  }
  .champion__person__belong-list {
    gap: 1.6vw;
    margin-top: 2.1333333333vw;
  }
  .champion__person__belong-list__item {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    padding: 0.2666666667vw 3.7333333333vw 0.5333333333vw;
  }
}
.champion__profile {
  margin-top: min(0.0146412884 * 100vw, 20px);
  padding: min(0.0292825769 * 100vw, 40px) min(0.0439238653 * 100vw, 60px);
  background-color: #F6F3EB;
}
.champion__profile__ttl {
  font-size: min(1.4641288433vw, 2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4;
  color: #171C62;
  margin-bottom: min(0.0146412884 * 100vw, 20px);
  padding-left: min(0.0102489019 * 100vw, 14px);
  border-left: min(0.0043923865 * 100vw, 6px) solid #171C62;
}
.champion__profile__data {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(0.0058565154 * 100vw, 8px) min(0.0146412884 * 100vw, 20px);
}
.champion__profile__data__item {
  display: flex;
  align-items: center;
  width: calc((100% - min(0.0146412884 * 100vw, 20px)) / 2);
}
.champion__profile__data__item::before {
  content: "";
  display: block;
  width: min(0.0073206442 * 100vw, 10px);
  aspect-ratio: 1/1;
  margin-right: min(0.0117130307 * 100vw, 16px);
  border-radius: 50%;
  background-color: #171C62;
}
.champion__profile__data__item dt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
}
.champion__profile__data__item dd {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
}
@media screen and (max-width: 767px) {
  .champion__profile {
    margin-top: 5.3333333333vw;
    padding: 5.3333333333vw;
  }
  .champion__profile__ttl {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    margin-bottom: 2.6666666667vw;
    padding-left: 2.6666666667vw;
    border-left: 1.0666666667vw solid #171C62;
  }
  .champion__profile__data {
    flex-direction: column;
    gap: 1.6vw;
  }
  .champion__profile__data__item {
    width: 100%;
  }
  .champion__profile__data__item::before {
    width: 2.1333333333vw;
    margin-right: 2.6666666667vw;
  }
  .champion__profile__data__item dt {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .champion__profile__data__item dd {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.champion__tbl {
  margin-top: min(0.0146412884 * 100vw, 20px);
  border-bottom: 1px solid #171C62;
  border-right: 1px solid #171C62;
}
.champion__tbl th,
.champion__tbl td {
  border-top: 1px solid #171C62;
  border-left: 1px solid #171C62;
  text-align: center;
  width: 50%;
  padding: min(0.0117130307 * 100vw, 16px);
}
.champion__tbl th {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #fff;
  background-color: #171C62;
}
.champion__tbl th:last-child {
  border-left: 1px solid #ccc;
}
.champion__tbl td {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
}
@media screen and (max-width: 767px) {
  .champion__tbl {
    margin-top: 5.3333333333vw;
  }
  .champion__tbl th,
  .champion__tbl td {
    padding: 2.6666666667vw 4.2666666667vw;
  }
  .champion__tbl th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .champion__tbl td {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.champion__movie {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: min(0.0439238653 * 100vw, 60px);
  position: relative;
}
.champion__movie__ttl {
  font-size: min(1.756954612vw, 2.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4166666667;
  text-align: center;
  color: #fff;
}
.champion__movie iframe {
  width: min(0.4685212299 * 100vw, 640px);
  aspect-ratio: 640/360;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  margin-top: min(0.0219619327 * 100vw, 30px);
}
@media screen and (max-width: 767px) {
  .champion__movie {
    margin-top: 8vw;
  }
  .champion__movie__ttl {
    font-size: 2rem;
    line-height: 1.4;
  }
  .champion__movie iframe {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.champion__ranking {
  margin-left: auto;
  margin-right: auto;
  max-width: min(0.4685212299 * 100vw, 640px);
  width: auto;
  margin-top: min(0.0439238653 * 100vw, 60px);
}
@media screen and (max-width: 767px) {
  .champion__ranking {
    max-width: inherit;
    width: auto;
  }
}
.champion__ranking__ttl {
  font-size: min(1.756954612vw, 2.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4166666667;
  color: #fff;
  text-align: center;
}
.champion__ranking__list {
  border-top: min(0.0014641288 * 100vw, 2px) solid #171C62;
  border-left: min(0.0014641288 * 100vw, 2px) solid #171C62;
  box-shadow: min(0.0043923865 * 100vw, 6px) min(0.0043923865 * 100vw, 6px) 0 0 #171C62;
  margin-top: min(0.0234260615 * 100vw, 32px);
  list-style: none;
  position: relative;
}
.champion__ranking__list::before, .champion__ranking__list::after {
  content: "";
  display: block;
  width: min(0.0043923865 * 100vw, 6px);
  height: min(0.0043923865 * 100vw, 6px);
  background-color: #171C62;
  position: absolute;
}
.champion__ranking__list::before {
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  top: max(-0.0014641288 * 100vw, -2px);
  right: 0;
  transform: translateX(100%);
}
.champion__ranking__list::after {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  bottom: 0;
  left: max(-0.0014641288 * 100vw, -2px);
  transform: translateY(100%);
}
.champion__ranking__list__item a {
  display: flex;
  align-items: center;
  height: min(0.0453879941 * 100vw, 62px);
  padding-right: min(0.0219619327 * 100vw, 30px);
  border-bottom: min(0.0014641288 * 100vw, 2px) solid #171C62;
  border-right: min(0.0014641288 * 100vw, 2px) solid #171C62;
  background-color: #fff;
}
.champion__ranking__list__item__rank {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #2F71B8;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: min(0.0512445095 * 100vw, 70px);
  height: 100%;
  margin-right: min(0.0219619327 * 100vw, 30px);
  background-color: #EAE5DA;
  position: relative;
}
.champion__ranking__list__item__rank::after {
  content: "";
  display: block;
  width: min(0.0146412884 * 100vw, 20px);
  aspect-ratio: 1/1;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  position: absolute;
  top: 0;
  left: 0;
}
.champion__ranking__list__item__name {
  font-size: min(1.4641288433vw, 2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: min(0.0073206442 * 100vw, 10px);
}
.champion__ranking__list__item__belong {
  font-size: min(1.0248901903vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  padding: min(0.0014641288 * 100vw, 2px) min(0.0087847731 * 100vw, 12px) min(0.0029282577 * 100vw, 4px);
  border: min(0.0014641288 * 100vw, 2px) solid #CCC;
  border-radius: 999px;
}
.champion__ranking__list__item__point {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  margin: 0 0 0 auto;
}
.champion__ranking__list__item__point em {
  font-size: min(2.0497803807vw, 2.8rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  margin-right: min(0.0014641288 * 100vw, 2px);
}
.champion__ranking__list__item:nth-child(1) a {
  height: min(0.0600292826 * 100vw, 82px);
}
.champion__ranking__list__item:nth-child(1) .champion__ranking__list__item__rank {
  font-size: min(3.6603221083vw, 5rem);
  line-height: 1;
  color: #fff;
  background: linear-gradient(to bottom, #E5342B 0%, #FFF21E 100%);
}
.champion__ranking__list__item:nth-child(1) .champion__ranking__list__item__rank::after {
  background: linear-gradient(135deg, #F5D86E 0%, #D3A810 50%);
}
.champion__ranking__list__item:nth-child(1) .champion__ranking__list__item__name {
  font-size: min(2.0497803807vw, 2.8rem);
  line-height: 1;
}
.champion__ranking__list__item:nth-child(1) .champion__ranking__list__item__belong {
  font-size: min(1.1713030747vw, 1.6rem);
  line-height: 1.375;
  padding: min(0.0029282577 * 100vw, 4px) min(0.0102489019 * 100vw, 14px) min(0.0036603221 * 100vw, 5px);
}
.champion__ranking__list__item:nth-child(1) .champion__ranking__list__item__point em {
  font-size: min(2.9282576867vw, 4rem);
  line-height: 1;
}
.champion__ranking__list__item:nth-child(2) .champion__ranking__list__item__rank {
  background-color: #2F71B8;
  color: #fff;
}
.champion__ranking__list__item:nth-child(2) .champion__ranking__list__item__rank::after {
  background: linear-gradient(135deg, #F0F0F0 0%, #B9B9B9 50%);
}
.champion__ranking__list__item:nth-child(3) .champion__ranking__list__item__rank {
  background-color: #2F71B8;
  color: #fff;
}
.champion__ranking__list__item:nth-child(3) .champion__ranking__list__item__rank::after {
  background: linear-gradient(135deg, #E09C6C 0%, #C1631F 50%);
}
@media screen and (max-width: 767px) {
  .champion__ranking {
    margin-top: 8vw;
  }
  .champion__ranking__ttl {
    font-size: 2rem;
    line-height: 1.4;
  }
  .champion__ranking__list {
    border-top: 0.5333333333vw solid #171C62;
    border-left: 0.5333333333vw solid #171C62;
    box-shadow: 1.6vw 1.6vw 0 0 #171C62;
    margin-top: 5.3333333333vw;
  }
  .champion__ranking__list::before, .champion__ranking__list::after {
    width: 1.6vw;
    height: 1.6vw;
  }
  .champion__ranking__list::before {
    top: -0.5333333333vw;
  }
  .champion__ranking__list::after {
    left: -0.5333333333vw;
  }
  .champion__ranking__list__item a {
    height: 18.1333333333vw;
    padding-right: 5.3333333333vw;
    border-bottom: 0.5333333333vw solid #171C62;
    border-right: 0.5333333333vw solid #171C62;
  }
  .champion__ranking__list__item__rank {
    font-size: 2.4rem;
    line-height: 1;
    width: 10.6666666667vw;
    margin-right: 3.7333333333vw;
  }
  .champion__ranking__list__item__rank::after {
    width: 4.2666666667vw;
  }
  .champion__ranking__list__item__name {
    font-size: 1.8rem;
    line-height: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6vw;
  }
  .champion__ranking__list__item__belong {
    font-size: 1rem;
    line-height: 1;
    padding: 0.8vw 2.1333333333vw 1.0666666667vw;
    border: 0.2666666667vw solid #CCC;
  }
  .champion__ranking__list__item__point {
    font-size: 1.2rem;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .champion__ranking__list__item__point em {
    font-size: 2.4rem;
    line-height: 1;
    margin-right: 0;
  }
  .champion__ranking__list__item:nth-child(1) a {
    height: 22.4vw;
  }
  .champion__ranking__list__item:nth-child(1) .champion__ranking__list__item__rank {
    font-size: 3.4rem;
    line-height: 1;
  }
  .champion__ranking__list__item:nth-child(1) .champion__ranking__list__item__name {
    font-size: 2.2rem;
    line-height: 1;
  }
  .champion__ranking__list__item:nth-child(1) .champion__ranking__list__item__belong {
    font-size: 1.2rem;
    line-height: 1;
    padding: 1.0666666667vw 2.6666666667vw 1.3333333333vw;
  }
  .champion__ranking__list__item:nth-child(1) .champion__ranking__list__item__point em {
    font-size: 2.8rem;
    line-height: 1;
  }
}

.jockeys .l-main {
  background-color: #DDF3FC;
}
.jockeys__nav {
  display: flex;
  justify-content: center;
  gap: min(0.0102489019 * 100vw, 14px);
  padding: min(0.060761347 * 100vw, 83px) 0 min(0.0585651537 * 100vw, 80px);
  list-style: none;
}
.jockeys__nav__item {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #171C62;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(0.0007320644 * 100vw, 1px);
  width: min(0.3147877013 * 100vw, 430px);
  height: min(0.0483162518 * 100vw, 66px);
  border-radius: min(0.0043923865 * 100vw, 6px);
  border: min(0.0014641288 * 100vw, 2px) solid #171C62;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  box-shadow: min(0.0043923865 * 100vw, 6px) min(0.0043923865 * 100vw, 6px) 0 0 #171C62;
  transition: all 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.jockeys__nav__item::before {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: min(0.0117130307 * 100vw, 16px);
  transform: translateY(-50%);
  transition: all 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.jockeys__nav__item--nar {
  color: #2072A0;
}
.jockeys__nav__item--nar::before {
  background: url(/2024yjs/assets/img/top/tab-arw-nar.svg) center/contain no-repeat;
}
.jockeys__nav__item--jra {
  color: #327B35;
}
.jockeys__nav__item--jra::before {
  background: url(/2024yjs/assets/img/top/tab-arw-jra.svg) center/contain no-repeat;
}
@media (hover: hover) {
  .jockeys__nav__item:hover {
    box-shadow: 0 0 0 0 #171C62;
    transform: translate(min(0.0043923865 * 100vw, 6px), min(0.0043923865 * 100vw, 6px));
  }
}
.jockeys__nav__item.is-show {
  background-color: #FFE638;
  cursor: default;
  pointer-events: none;
  box-shadow: none;
  transform: translate(min(0.0043923865 * 100vw, 6px), min(0.0043923865 * 100vw, 6px));
}
.jockeys__nav__item.is-show::before {
  content: none;
}
.jockeys__nav__item--nar.is-show {
  background-color: #2072A0;
  color: #fff;
}
.jockeys__nav__item--nar.is-show::before {
  content: "";
  filter: brightness(0) invert(1);
}
.jockeys__nav__item--jra.is-show {
  background-color: #327B35;
  color: #fff;
}
.jockeys__nav__item--jra.is-show::before {
  content: "";
  filter: brightness(0) invert(1);
}
@media screen and (max-width: 767px) {
  .jockeys__nav {
    flex-wrap: wrap;
    gap: 4.2666666667vw 3.4666666667vw;
    padding: 13.8666666667vw 0 17.6vw;
  }
  .jockeys__nav__item {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    width: calc((100% - 3.4666666667vw) / 2);
    height: 14.9333333333vw;
    border-radius: 1.6vw;
    border: 0.5333333333vw solid #171C62;
    box-shadow: 1.6vw 1.6vw 0 0 #171C62;
  }
  .jockeys__nav__item:first-child {
    width: 100%;
  }
  .jockeys__nav__item::before {
    width: 5.3333333333vw;
    right: 2.1333333333vw;
  }
  .jockeys__nav__item.is-show {
    transform: translate(1.6vw, 1.6vw);
  }
}
.jockeys__sec {
  display: none;
  padding-bottom: min(0.102489019 * 100vw, 140px);
  position: relative;
  overflow: hidden;
}
.jockeys__sec::before, .jockeys__sec::after {
  content: "";
  display: block;
  width: min(0.2174231332 * 100vw, 297px);
  aspect-ratio: 297/3651;
  position: absolute;
}
.jockeys__sec::before {
  right: max(-0.0732064422 * 100vw, -100px);
}
.jockeys__sec::after {
  left: max(-0.0732064422 * 100vw, -100px);
  transform: scaleX(-1);
}
.jockeys__sec.is-show {
  display: block;
}
.jockeys__sec:first-child {
  margin-top: min(0.0563689605 * 100vw, 77px);
}
.jockeys__sec--nar {
  background-color: #EEF4FD;
}
.jockeys__sec--nar::before, .jockeys__sec--nar::after {
  background: url(/2024yjs/assets/img/jockeys/dot-nar.png) center/contain no-repeat;
}
.jockeys__sec--nar::before {
  top: min(0.0878477306 * 100vw, 120px);
}
.jockeys__sec--nar::after {
  top: min(0.5270863836 * 100vw, 720px);
}
.jockeys__sec--nar .jockeys__sec__h2 {
  background-color: #2072A0;
}
.jockeys__sec--nar .jockeys__sec__h3 {
  color: #377CAF;
}
.jockeys__sec--nar .jockeys__list__item::before {
  background-color: #EEF4FD;
}
.jockeys__sec--nar .jockeys__list__item a::before, .jockeys__sec--nar .jockeys__list__item a::after {
  background-color: #EEF4FD;
}
.jockeys__sec--nar .jockeys__person {
  background: url(/2024yjs/assets/img/jockeys/deco-nar.png) bottom max(-0.0021961933 * 100vw, -3px) left/contain no-repeat;
}
.jockeys__sec--nar .jockeys__person__en {
  -webkit-text-stroke-color: #2072A0;
  text-shadow: min(0.0014641288 * 100vw, 2px) min(0.0014641288 * 100vw, 2px) 0 #2072A0;
}
@media screen and (max-width: 767px) {
  .jockeys__sec--nar .jockeys__person {
    background: url(/2024yjs/assets/img/jockeys/deco-nar.png) bottom -3.2vw left/contain no-repeat;
  }
}
.jockeys__sec--nar .jockeys__info {
  background-color: #2072A0;
}
.jockeys__sec--nar .jockeys__info__uniform {
  background: url(/2024yjs/assets/img/jockeys/nar-uniform-bg.svg) center/contain no-repeat;
}
.jockeys__sec--jra {
  background-color: #F1FAED;
}
.jockeys__sec--jra::before, .jockeys__sec--jra::after {
  background: url(/2024yjs/assets/img/jockeys/dot-jra.png) center/contain no-repeat;
}
.jockeys__sec--jra::before {
  top: min(0.5270863836 * 100vw, 720px);
}
.jockeys__sec--jra::after {
  top: min(0.0878477306 * 100vw, 120px);
}
.jockeys__sec--jra .jockeys__sec__h2 {
  background-color: #327B35;
}
.jockeys__sec--jra .jockeys__sec__h3 {
  color: #327B35;
}
.jockeys__sec--jra .jockeys__list__item::before {
  background-color: #F1FAED;
}
.jockeys__sec--jra .jockeys__list__item a::before, .jockeys__sec--jra .jockeys__list__item a::after {
  background-color: #F1FAED;
}
.jockeys__sec--jra .jockeys__person {
  background: url(/2024yjs/assets/img/jockeys/deco-jra.png) bottom max(-0.0021961933 * 100vw, -3px) left/contain no-repeat;
}
.jockeys__sec--jra .jockeys__person__en {
  -webkit-text-stroke-color: #327B35;
  text-shadow: min(0.0014641288 * 100vw, 2px) min(0.0014641288 * 100vw, 2px) 0 #327B35;
}
@media screen and (max-width: 767px) {
  .jockeys__sec--jra .jockeys__person {
    background: url(/2024yjs/assets/img/jockeys/deco-jra.png) bottom -3.2vw left/contain no-repeat;
  }
}
.jockeys__sec--jra .jockeys__info {
  background-color: #327B35;
}
.jockeys__sec--jra .jockeys__info__uniform {
  background: url(/2024yjs/assets/img/jockeys/jra-uniform-bg.svg) center/contain no-repeat;
}
.jockeys__sec__area {
  display: none;
  position: relative;
  z-index: 1;
}
.jockeys__sec__area.is-show {
  display: block;
}
.jockeys__sec__h2 {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.40625;
  text-align: center;
  color: #fff;
  background-color: #2072A0;
  border-top: min(0.0058565154 * 100vw, 8px) solid #171C62;
  border-bottom: min(0.0058565154 * 100vw, 8px) solid #171C62;
  padding: min(0.0204978038 * 100vw, 28px) 0 min(0.0219619327 * 100vw, 30px);
}
.jockeys__sec__h3 {
  font-size: min(2.0497803807vw, 2.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.3928571429;
  text-align: center;
  color: #377CAF;
  margin-top: min(0.0585651537 * 100vw, 80px);
}
.jockeys__sec__h3:first-child {
  margin-top: min(0.0585651537 * 100vw, 80px);
}
@media screen and (max-width: 767px) {
  .jockeys__sec {
    padding-bottom: 18.6666666667vw;
  }
  .jockeys__sec::before, .jockeys__sec::after {
    width: 42.6666666667vw;
    aspect-ratio: 160/5474;
  }
  .jockeys__sec::before {
    right: -32vw;
  }
  .jockeys__sec::after {
    left: -32vw;
  }
  .jockeys__sec:first-child {
    margin-top: 16vw;
  }
  .jockeys__sec--nar::before, .jockeys__sec--nar::after {
    background: url(/2024yjs/assets/img/jockeys/dot-nar_sp.png) center/contain no-repeat;
  }
  .jockeys__sec--nar::before {
    top: 49.6vw;
  }
  .jockeys__sec--nar::after {
    top: 112vw;
  }
  .jockeys__sec--nar .jockeys__info__uniform {
    background: url(/2024yjs/assets/img/jockeys/nar-uniform-bg_sp.svg) center/contain no-repeat;
  }
  .jockeys__sec--jra::before, .jockeys__sec--jra::after {
    background: url(/2024yjs/assets/img/jockeys/dot-jra_sp.png) center/contain no-repeat;
  }
  .jockeys__sec--jra::before {
    top: 49.6vw;
  }
  .jockeys__sec--jra::after {
    top: 112vw;
  }
  .jockeys__sec--jra .jockeys__info__uniform {
    background: url(/2024yjs/assets/img/jockeys/jra-uniform-bg_sp.svg) center/contain no-repeat;
  }
  .jockeys__sec__h2 {
    font-size: 2.8rem;
    line-height: 1.3928571429;
    border-top: 1.6vw solid #171C62;
    border-bottom: 1.6vw solid #171C62;
    padding: 5.0666666667vw 0 5.6vw;
  }
  .jockeys__sec__h3 {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    margin-top: 17.8666666667vw;
  }
  .jockeys__sec__h3:first-child {
    margin-top: 13.3333333333vw;
  }
}
.jockeys__list {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.0461200586 * 100vw, 63px) min(0.0380673499 * 100vw, 52px);
  margin-top: min(0.0292825769 * 100vw, 40px);
  list-style: none;
}
.jockeys__list__item {
  width: calc((100% - min(0.0380673499 * 100vw, 52px) * 3) / 4);
  padding-top: min(0.0175695461 * 100vw, 24px);
  position: relative;
}
.jockeys__list__item::before {
  content: "";
  display: block;
  width: min(0.0036603221 * 100vw, 5px);
  height: min(0.0439238653 * 100vw, 60px);
  background-color: #EEF4FD;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  z-index: 2;
}
.jockeys__list__item a {
  display: block;
  border: min(0.0036603221 * 100vw, 5px) solid #171C62;
  position: relative;
  transition: opacity 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.jockeys__list__item a::before, .jockeys__list__item a::after {
  content: "";
  display: block;
  width: 106%;
  height: min(0.0263543192 * 100vw, 36px);
  background-color: #EEF4FD;
  position: absolute;
  z-index: 1;
}
.jockeys__list__item a::before {
  border-bottom: min(0.0036603221 * 100vw, 5px) solid #171C62;
  top: 0;
  right: max(-0.0036603221 * 100vw, -5px);
  transform-origin: bottom right;
  transform: translateY(-100%) rotate(-7.6deg);
}
.jockeys__list__item a::after {
  border-top: min(0.0036603221 * 100vw, 5px) solid #171C62;
  bottom: 0;
  left: max(-0.0036603221 * 100vw, -5px);
  transform-origin: top left;
  transform: translateY(100%) rotate(-7.6deg);
}
@media (hover: hover) {
  .jockeys__list__item a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .jockeys__list {
    gap: 10.1333333333vw 5.0666666667vw;
    margin-top: 10.1333333333vw;
  }
  .jockeys__list__item {
    width: calc((100% - 5.0666666667vw) / 2);
    padding-top: 4.5333333333vw;
  }
  .jockeys__list__item::before {
    width: 1.0666666667vw;
    height: min(0.0439238653 * 100vw, 60px);
  }
  .jockeys__list__item a {
    border: 1.0666666667vw solid #171C62;
  }
  .jockeys__list__item a::before, .jockeys__list__item a::after {
    height: 9.6vw;
  }
  .jockeys__list__item a::before {
    border-bottom: 1.0666666667vw solid #171C62;
    right: -1.0666666667vw;
  }
  .jockeys__list__item a::after {
    border-top: 1.0666666667vw solid #171C62;
    left: -1.0666666667vw;
  }
}
.jockeys__person {
  display: flex;
  justify-content: center;
  margin-top: max(-0.0175695461 * 100vw, -24px);
  border-bottom: min(0.0036603221 * 100vw, 5px) solid #171C62;
  position: relative;
  z-index: 4;
}
.jockeys__person__img {
  display: block;
  height: min(0.1376281113 * 100vw, 188px);
  position: relative;
  z-index: 1;
}
.jockeys__person__en {
  font-size: min(2.0497803807vw, 2.8rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  -webkit-text-stroke-width: min(0.0014641288 * 100vw, 2px);
  position: absolute;
  bottom: min(0.005124451 * 100vw, 7px);
  left: min(0.0109809663 * 100vw, 15px);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .jockeys__person {
    margin-top: -4.5333333333vw;
    border-bottom: 1.0666666667vw solid #171C62;
  }
  .jockeys__person__img {
    height: 31.4666666667vw;
  }
  .jockeys__person__en {
    font-size: 1.8rem;
    line-height: 1.1111111111;
    bottom: 1.0666666667vw;
    left: 2.6666666667vw;
  }
}
.jockeys__info {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  color: #fff;
  padding: min(0.0109809663 * 100vw, 15px) min(0.0109809663 * 100vw, 15px) min(0.019033675 * 100vw, 26px);
  background-color: #2072A0;
}
.jockeys__info > * {
  position: relative;
  z-index: 5;
}
.jockeys__info__kana {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4166666667;
}
.jockeys__info__name {
  font-size: min(1.9033674963vw, 2.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.3846153846;
}
.jockeys__info__age {
  font-size: min(1.0248901903vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.7142857143;
}
.jockeys__info__debut {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.4166666667;
  margin-top: min(0.0058565154 * 100vw, 8px);
}
.jockeys__info__belong {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.4166666667;
  width: -moz-max-content;
  width: max-content;
  margin-top: min(0.0029282577 * 100vw, 4px);
  padding: min(0.0014641288 * 100vw, 2px) min(0.0073206442 * 100vw, 10px);
  border: 1px solid #CCC;
  border-radius: 999px;
}
.jockeys__info__uniform {
  width: min(0.0790629575 * 100vw, 108px);
  aspect-ratio: 108/115.26;
  background: url(/2024yjs/assets/img/jockeys/nar-uniform-bg.svg) center/contain no-repeat;
  position: absolute;
  bottom: max(-0.0146412884 * 100vw, -20px);
  right: max(-0.0146412884 * 100vw, -20px);
  z-index: 3;
}
.jockeys__info__uniform__img {
  width: min(0.0505124451 * 100vw, 69px);
  position: absolute;
  top: min(0.0124450952 * 100vw, 17px);
  left: min(0.0161054173 * 100vw, 22px);
}
.jockeys__info__ranking {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: min(0.0087847731 * 100vw, 12px);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  background-color: #171C62;
}
.jockeys__info__ranking__left {
  font-size: min(1.0248901903vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1;
  padding: min(0.0043923865 * 100vw, 6px) min(0.0073206442 * 100vw, 10px) min(0.0043923865 * 100vw, 6px) min(0.0043923865 * 100vw, 6px);
  clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
  background-color: #2CB7AA;
}
.jockeys__info__ranking__right {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4166666667;
  color: #fff;
  padding: min(0.0014641288 * 100vw, 2px) min(0.0102489019 * 100vw, 14px) min(0.0014641288 * 100vw, 2px) min(0.0043923865 * 100vw, 6px);
}
.jockeys__info__ranking__right em {
  font-size: min(1.6105417277vw, 2.2rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  margin-right: min(0.0014641288 * 100vw, 2px);
}
@media screen and (max-width: 767px) {
  .jockeys__info {
    padding: 2.6666666667vw 2.6666666667vw 7.2vw;
  }
  .jockeys__info__kana {
    font-size: 1rem;
    line-height: 1.4;
  }
  .jockeys__info__name {
    font-size: 2rem;
    line-height: 1;
    margin-top: 0.5333333333vw;
  }
  .jockeys__info__age {
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 2.1333333333vw;
  }
  .jockeys__info__debut {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 2.6666666667vw;
  }
  .jockeys__info__belong {
    font-size: 1rem;
    line-height: 1.4;
    margin-top: 1.3333333333vw;
    padding: 0.5333333333vw 2.6666666667vw;
  }
  .jockeys__info__uniform {
    width: 17.8666666667vw;
    bottom: -3.7333333333vw;
    right: -3.7333333333vw;
    z-index: 3;
  }
  .jockeys__info__uniform__img {
    width: 11.4666666667vw;
    top: 2.9333333333vw;
    left: 3.7333333333vw;
  }
  .jockeys__info__ranking {
    margin-bottom: 2.6666666667vw;
    clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  }
  .jockeys__info__ranking__left {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.005em;
    line-height: 1;
    padding: 1.3333333333vw 1.8666666667vw 1.3333333333vw 1.0666666667vw;
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
  }
  .jockeys__info__ranking__right {
    font-size: 1rem;
    line-height: 1.4;
    padding: 0.5333333333vw 2.1333333333vw 0.5333333333vw 0.8vw;
  }
  .jockeys__info__ranking__right em {
    font-size: 1.6rem;
    line-height: 1;
    margin-right: 0;
  }
}
.jockeys__wrap {
  position: relative;
  overflow: hidden;
}
.jockeys__wrap::before, .jockeys__wrap::after {
  content: "";
  display: block;
  width: min(0.2174231332 * 100vw, 297px);
  aspect-ratio: 297/3651;
  position: absolute;
}
.jockeys__wrap::before {
  top: 0;
  right: 0;
  z-index: 1;
}
.jockeys__wrap::after {
  top: min(0.5124450952 * 100vw, 700px);
  left: 0;
  transform: scaleX(-1);
}
.jockeys__wrap--nar::before, .jockeys__wrap--nar::after {
  background: url(/2024yjs/assets/img/jockeys/dot-nar.png) center/contain no-repeat;
}
.jockeys__wrap--nar .jockeys__top {
  background-color: #D5E5F2;
}
.jockeys__wrap--nar .jockeys__lead__left::before, .jockeys__wrap--nar .jockeys__lead__left::after {
  background-color: #D5E5F2;
}
.jockeys__wrap--nar .jockeys__lead__left__inner {
  background: url(/2024yjs/assets/img/jockeys/deco-nar.png) bottom left/contain no-repeat;
}
.jockeys__wrap--nar .jockeys__lead__left__inner::before {
  background-color: #D5E5F2;
}
.jockeys__wrap--nar .jockeys__lead__uniform {
  background: url(/2024yjs/assets/img/jockeys/nar-uniform-bg.svg) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .jockeys__wrap--nar .jockeys__lead__uniform {
    background: url(/2024yjs/assets/img/jockeys/nar-uniform-bg_sp.svg) center/contain no-repeat;
  }
}
.jockeys__wrap--nar .jockeys__lead__en, .jockeys__wrap--nar .jockeys__lead__kana, .jockeys__wrap--nar .jockeys__lead__name, .jockeys__wrap--nar .jockeys__lead__age {
  color: #2072A0;
}
.jockeys__wrap--nar .jockeys__profile {
  background-color: #EEF4FD;
}
.jockeys__wrap--nar .jockeys__profile__ttl {
  color: #2072A0;
  border-left: min(0.0043923865 * 100vw, 6px) solid #2072A0;
}
@media screen and (max-width: 767px) {
  .jockeys__wrap--nar .jockeys__profile__ttl {
    border-left: 1.0666666667vw solid #2072A0;
  }
}
.jockeys__wrap--nar .jockeys__profile__data__item::before {
  background-color: #2072A0;
}
.jockeys__wrap--nar .jockeys__record th {
  background-color: #2F71B8;
}
.jockeys__wrap--nar .jockeys__interview__ttl {
  background: url(/2024yjs/assets/img/jockeys/interview-bg-nar.svg) center/contain no-repeat;
}
.jockeys__wrap--nar .jockeys__interview__list__item:nth-child(2n) .jockeys__interview__icon {
  background-color: #2072A0;
}
.jockeys__wrap--nar .jockeys__interview__txt {
  background-color: #EEF4FD;
}
.jockeys__wrap--nar .jockeys__btm {
  background-color: #EEF4FD;
}
.jockeys__wrap--nar .jockeys__btm__tbl th {
  background-color: #2072A0;
}
.jockeys__wrap--jra::before, .jockeys__wrap--jra::after {
  background: url(/2024yjs/assets/img/jockeys/dot-jra.png) center/contain no-repeat;
}
.jockeys__wrap--jra .jockeys__top {
  background-color: #E0EFDA;
}
.jockeys__wrap--jra .jockeys__lead__left::before, .jockeys__wrap--jra .jockeys__lead__left::after {
  background-color: #E0EFDA;
}
.jockeys__wrap--jra .jockeys__lead__left__inner {
  background: url(/2024yjs/assets/img/jockeys/deco-jra.png) bottom left/contain no-repeat;
}
.jockeys__wrap--jra .jockeys__lead__left__inner::before {
  background-color: #E0EFDA;
}
.jockeys__wrap--jra .jockeys__lead__uniform {
  background: url(/2024yjs/assets/img/jockeys/jra-uniform-bg.svg) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .jockeys__wrap--jra .jockeys__lead__uniform {
    background: url(/2024yjs/assets/img/jockeys/jra-uniform-bg_sp.svg) center/contain no-repeat;
  }
}
.jockeys__wrap--jra .jockeys__lead__en, .jockeys__wrap--jra .jockeys__lead__kana, .jockeys__wrap--jra .jockeys__lead__name, .jockeys__wrap--jra .jockeys__lead__age {
  color: #327B35;
}
.jockeys__wrap--jra .jockeys__profile {
  background-color: #F1FAED;
}
.jockeys__wrap--jra .jockeys__profile__ttl {
  color: #327B35;
  border-left: min(0.0043923865 * 100vw, 6px) solid #327B35;
}
@media screen and (max-width: 767px) {
  .jockeys__wrap--jra .jockeys__profile__ttl {
    border-left: 1.0666666667vw solid #327B35;
  }
}
.jockeys__wrap--jra .jockeys__profile__data__item::before {
  background-color: #327B35;
}
.jockeys__wrap--jra .jockeys__record th {
  background-color: #327B35;
}
.jockeys__wrap--jra .jockeys__interview__ttl {
  background: url(/2024yjs/assets/img/jockeys/interview-bg-jra.svg) center/contain no-repeat;
}
.jockeys__wrap--jra .jockeys__interview__list__item:nth-child(2n) .jockeys__interview__icon {
  background-color: #327B35;
}
.jockeys__wrap--jra .jockeys__interview__txt {
  background-color: #F1FAED;
}
.jockeys__wrap--jra .jockeys__btm {
  background-color: #F1FAED;
}
.jockeys__wrap--jra .jockeys__btm__tbl th {
  background-color: #327B35;
}
@media screen and (max-width: 767px) {
  .jockeys__wrap::before, .jockeys__wrap::after {
    content: none;
  }
}
.jockeys__top {
  padding-top: min(0.0439238653 * 100vw, 60px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .jockeys__top {
    padding-top: 5.3333333333vw;
  }
}
.jockeys__lead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: min(0.0951683748 * 100vw, 130px);
}
.jockeys__lead__left {
  width: min(0.2928257687 * 100vw, 400px);
  flex: 0 0 auto;
  position: relative;
  padding-bottom: min(0.013909224 * 100vw, 19px);
}
.jockeys__lead__left::before, .jockeys__lead__left::after {
  content: "";
  display: block;
  width: min(0.0109809663 * 100vw, 15px);
  height: min(0.0805270864 * 100vw, 110px);
  position: absolute;
  top: 0;
  z-index: 2;
}
.jockeys__lead__left::before {
  left: 0;
  transform: translateX(-100%);
}
.jockeys__lead__left::after {
  right: 0;
  transform: translateX(100%);
}
.jockeys__lead__left__inner {
  width: 100%;
  height: min(0.2496339678 * 100vw, 341px);
  padding-top: min(0.0307467057 * 100vw, 42px);
  border: min(0.0065885798 * 100vw, 9px) solid #171C62;
  position: relative;
}
.jockeys__lead__left__inner::before {
  content: "";
  display: block;
  width: 110%;
  height: min(0.0805270864 * 100vw, 110px);
  position: absolute;
  z-index: 1;
  border-bottom: min(0.0065885798 * 100vw, 9px) solid #171C62;
  top: min(0.0307467057 * 100vw, 42px);
  right: max(-0.0131771596 * 100vw, -18px);
  transform-origin: bottom right;
  transform: translateY(-100%) rotate(-7.6deg);
}
.jockeys__lead__right {
  flex: 1 1 auto;
}
.jockeys__lead__img {
  display: block;
  width: min(0.2437774524 * 100vw, 333px);
  height: min(0.2437774524 * 100vw, 333px);
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: bottom center;
  object-position: bottom center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.jockeys__lead__uniform {
  width: min(0.1244509517 * 100vw, 170px);
  aspect-ratio: 170/181.43;
  background: url(/2024yjs/assets/img/jockeys/nar-uniform-bg.svg) center/contain no-repeat;
  position: absolute;
  bottom: max(-0.0197657394 * 100vw, -27px);
  right: max(-0.0724743777 * 100vw, -99px);
  z-index: 1;
}
.jockeys__lead__uniform__img {
  width: min(0.0790629575 * 100vw, 108px);
  position: absolute;
  top: min(0.0197657394 * 100vw, 27px);
  left: min(0.0256222548 * 100vw, 35px);
}
.jockeys__lead__en {
  font-size: min(3.074670571vw, 4.2rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1.0952380952;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
}
.jockeys__lead__kana {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  margin-top: min(0.0153733529 * 100vw, 21px);
}
.jockeys__lead__name {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.40625;
  display: flex;
  align-items: flex-end;
  gap: min(0.0014641288 * 100vw, 2px);
}
.jockeys__lead__age {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  margin-bottom: min(0.0014641288 * 100vw, 2px);
}
.jockeys__lead__debut {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0146412884 * 100vw, 20px);
}
.jockeys__lead__belong-list {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.0073206442 * 100vw, 10px);
  margin-top: min(0.0073206442 * 100vw, 10px);
  list-style: none;
}
.jockeys__lead__belong-list__item {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  padding: 0 min(0.0146412884 * 100vw, 20px) min(0.0014641288 * 100vw, 2px);
  border: 1px solid #333;
  border-radius: 999px;
}
@media screen and (max-width: 767px) {
  .jockeys__lead {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.6666666667vw;
  }
  .jockeys__lead__left {
    width: 77.6vw;
    padding-bottom: 3.7333333333vw;
  }
  .jockeys__lead__left::before, .jockeys__lead__left::after {
    width: 4vw;
    height: 29.3333333333vw;
  }
  .jockeys__lead__left__inner {
    width: 100%;
    height: 66.1333333333vw;
    padding-top: 8.2666666667vw;
    border: 1.6vw solid #171C62;
  }
  .jockeys__lead__left__inner::before {
    height: 29.3333333333vw;
    border-bottom: 1.6vw solid #171C62;
    top: 11.2vw;
    right: -4.8vw;
  }
  .jockeys__lead__right {
    width: 100%;
    flex: 0 0 auto;
  }
  .jockeys__lead__img {
    width: 77.6vw;
    height: 64.5333333333vw;
  }
  .jockeys__lead__uniform {
    width: 26.4vw;
    bottom: -3.7333333333vw;
    right: -11.7333333333vw;
  }
  .jockeys__lead__uniform__img {
    width: 16.8vw;
    top: 4.2666666667vw;
    left: 5.3333333333vw;
  }
  .jockeys__lead__en {
    font-size: 3.2rem;
    line-height: 1.09375;
  }
  .jockeys__lead__kana {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: 2.6666666667vw;
  }
  .jockeys__lead__name {
    font-size: 2.8rem;
    line-height: 1.3928571429;
    gap: 0.5333333333vw;
  }
  .jockeys__lead__age {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 0.5333333333vw;
  }
  .jockeys__lead__debut {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 2.6666666667vw;
  }
  .jockeys__lead__belong-list {
    gap: 1.6vw;
    margin-top: 2.1333333333vw;
    list-style: none;
  }
  .jockeys__lead__belong-list__item {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    padding: 0.2666666667vw 3.7333333333vw 0.5333333333vw;
  }
}
.jockeys__profile {
  margin-top: min(0.0146412884 * 100vw, 20px);
  padding: min(0.0292825769 * 100vw, 40px) min(0.0732064422 * 100vw, 100px);
}
.jockeys__profile__ttl {
  font-size: min(1.4641288433vw, 2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4;
  margin-bottom: min(0.0146412884 * 100vw, 20px);
  padding-left: min(0.0102489019 * 100vw, 14px);
}
.jockeys__profile__data {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(0.0058565154 * 100vw, 8px) min(0.0146412884 * 100vw, 20px);
}
.jockeys__profile__data__item {
  display: flex;
  align-items: center;
  width: calc((100% - min(0.0146412884 * 100vw, 20px)) / 2);
}
.jockeys__profile__data__item::before {
  content: "";
  display: block;
  width: min(0.0073206442 * 100vw, 10px);
  aspect-ratio: 1/1;
  margin-right: min(0.0117130307 * 100vw, 16px);
  border-radius: 50%;
}
.jockeys__profile__data__item dt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
}
.jockeys__profile__data__item dd {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
}
@media screen and (max-width: 767px) {
  .jockeys__profile {
    margin-top: 5.3333333333vw;
    padding: 5.3333333333vw;
  }
  .jockeys__profile__ttl {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    margin-bottom: 2.6666666667vw;
    padding-left: 2.6666666667vw;
  }
  .jockeys__profile__data {
    gap: 1.6vw;
  }
  .jockeys__profile__data__item {
    width: 100%;
  }
  .jockeys__profile__data__item::before {
    width: 2.1333333333vw;
    margin-right: 2.6666666667vw;
  }
  .jockeys__profile__data__item dt {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .jockeys__profile__data__item dd {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}
.jockeys__scroll {
  margin-top: min(0.0292825769 * 100vw, 40px);
}
@media screen and (max-width: 767px) {
  .jockeys__scroll {
    width: calc(100% + 10.6666666667vw);
    margin: 5.3333333333vw -5.3333333333vw 0;
    padding: 0 5.3333333333vw;
    overflow-x: scroll;
  }
}
.jockeys__record {
  border-top: 1px solid #171C62;
  border-left: 1px solid #171C62;
  position: relative;
  z-index: 1;
}
.jockeys__record th,
.jockeys__record td {
  padding: min(0.0117130307 * 100vw, 16px);
  border-bottom: 1px solid #171C62;
  border-right: 1px solid #171C62;
}
.jockeys__record th {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #fff;
  background-color: #2F71B8;
}
.jockeys__record td {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  text-align: center;
  background-color: #fff;
}
.jockeys__record tr:nth-child(2n+1) td {
  background-color: #F6F3EB;
}
@media screen and (max-width: 767px) {
  .jockeys__record {
    width: 975px;
    max-width: inherit;
    table-layout: fixed;
  }
  .jockeys__record th,
  .jockeys__record td {
    padding: 10px 14px;
  }
  .jockeys__record th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
  }
  .jockeys__record th:first-child {
    width: 64px;
  }
  .jockeys__record td {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
  }
}
.jockeys__caution {
  margin-top: min(0.0073206442 * 100vw, 10px);
  list-style: none;
}
.jockeys__caution__item {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8333333333;
  display: flex;
  align-items: flex-start;
  gap: min(0.0073206442 * 100vw, 10px);
}
.jockeys__caution__item::before {
  content: "";
  display: block;
  width: min(0.0029282577 * 100vw, 4px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #333;
  flex: 0 0 auto;
  margin: min(0.0058565154 * 100vw, 8px) 0 0 min(0.0058565154 * 100vw, 8px);
}
@media screen and (max-width: 767px) {
  .jockeys__caution {
    margin-top: 2.6666666667vw;
  }
  .jockeys__caution__item {
    font-size: 1.2rem;
    line-height: 1.8333333333;
    gap: 2.6666666667vw;
  }
  .jockeys__caution__item::before {
    width: 1.0666666667vw;
    margin: 2.1333333333vw 0 0 2.1333333333vw;
  }
}
.jockeys__final {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: min(0.6442166911 * 100vw, 880px);
  margin: min(0.0732064422 * 100vw, 100px) auto 0;
  padding: min(0.0292825769 * 100vw, 40px) min(0.0446559297 * 100vw, 61px) min(0.0292825769 * 100vw, 40px) min(0.1676427526 * 100vw, 229px);
  position: relative;
}
.jockeys__final::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #171C62;
  clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.jockeys__final__ttl {
  display: block;
  width: min(0.2196193265 * 100vw, 300px);
  position: absolute;
  bottom: 0;
  left: max(-0.0512445095 * 100vw, -70px);
}
.jockeys__final__lead {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #171C62;
  padding: min(0.0043923865 * 100vw, 6px) min(0.0146412884 * 100vw, 20px) min(0.0058565154 * 100vw, 8px);
  position: relative;
}
.jockeys__final__lead::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.jockeys__final__lead span {
  position: relative;
}
.jockeys__final__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  color: #fff;
  margin-top: min(0.0117130307 * 100vw, 16px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .jockeys__final {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 38.6666666667vw auto 0;
    padding: 8vw 5.3333333333vw;
    background-color: #171C62;
  }
  .jockeys__final::before {
    content: none;
  }
  .jockeys__final__ttl {
    width: 46.4vw;
    top: 0;
    bottom: inherit;
    left: 50%;
    transform: translate(-50%, -100%);
  }
  .jockeys__final__lead {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 1.3333333333vw 5.3333333333vw 1.8666666667vw;
  }
  .jockeys__final__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 2.6666666667vw;
  }
}
.jockeys__interview {
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  background-color: #fff;
  margin: min(0.1098096633 * 100vw, 150px) 0 max(-0.4890190337 * 100vw, -668px);
  padding: min(0.0732064422 * 100vw, 100px);
  position: relative;
  z-index: 1;
}
.jockeys__interview__ttl {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.40625;
  color: #fff;
  display: flex;
  justify-content: center;
  width: min(0.2254758419 * 100vw, 308px);
  aspect-ratio: 308/144;
  padding-top: min(0.0263543192 * 100vw, 36px);
  background: url(/2024yjs/assets/img/jockeys/interview-bg-nar.svg) center/contain no-repeat;
  position: absolute;
  top: max(-0.0512445095 * 100vw, -70px);
  left: 50%;
  transform: translateX(-50%);
}
.jockeys__interview__list {
  margin-top: max(-0.0292825769 * 100vw, -40px);
  list-style: none;
}
.jockeys__interview__list__item {
  display: flex;
  align-items: flex-start;
  gap: min(0.0234260615 * 100vw, 32px);
  margin-top: min(0.0292825769 * 100vw, 40px);
}
.jockeys__interview__list__item:nth-child(2n) {
  flex-direction: row-reverse;
  margin-top: min(0.0146412884 * 100vw, 20px);
}
.jockeys__interview__list__item:nth-child(2n) .jockeys__interview__icon {
  background-color: #2072A0;
}
.jockeys__interview__list__item:nth-child(2n) .jockeys__interview__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  background-color: #fff;
}
.jockeys__interview__list__item:nth-child(2n) .jockeys__interview__txt::before {
  background: url(/2024yjs/assets/img/jockeys/fukidashi-a.png) center/contain no-repeat;
  left: inherit;
  right: 0;
  transform: translateX(100%) scaleX(-1);
}
.jockeys__interview__icon {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  display: grid;
  place-items: center;
  width: min(0.0439238653 * 100vw, 60px);
  aspect-ratio: 1/1;
  margin-top: min(0.0036603221 * 100vw, 5px);
  padding-bottom: min(0.0021961933 * 100vw, 3px);
  background-color: #171C62;
  border-radius: 50%;
  flex: 0 0 auto;
}
.jockeys__interview__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  padding: min(0.0109809663 * 100vw, 15px) min(0.0117130307 * 100vw, 16px) min(0.0124450952 * 100vw, 17px);
  background-color: #EEF4FD;
  border: min(0.0029282577 * 100vw, 4px) solid #171C62;
  border-radius: min(0.0043923865 * 100vw, 6px);
  position: relative;
  flex-basis: min(0.3938506589 * 100vw, 538px);
}
.jockeys__interview__txt::before {
  content: "";
  display: block;
  width: min(0.0117130307 * 100vw, 16px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/jockeys/fukidashi-q-nar.png) center/contain no-repeat;
  position: absolute;
  top: min(0.0168374817 * 100vw, 23px);
  left: 0;
  transform: translateX(-100%);
}
@media screen and (max-width: 767px) {
  .jockeys__interview {
    border: 1.6vw solid #171C62;
    margin: 26.6666666667vw 0 -95.2vw;
    padding: 19.7333333333vw 3.7333333333vw 14.4vw;
  }
  .jockeys__interview__ttl {
    font-size: 2.8rem;
    line-height: 1.3928571429;
    width: 68vw;
    padding-top: 7.7333333333vw;
    top: -16vw;
  }
  .jockeys__interview__list {
    margin-top: -5.3333333333vw;
  }
  .jockeys__interview__list__item {
    gap: 4.5333333333vw;
    margin-top: 5.3333333333vw;
  }
  .jockeys__interview__list__item:nth-child(2n) {
    margin-top: 2.6666666667vw;
  }
  .jockeys__interview__list__item:nth-child(2n) .jockeys__interview__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
  }
  .jockeys__interview__icon {
    font-size: 2rem;
    line-height: 1;
    width: 10.6666666667vw;
    margin-top: 2.1333333333vw;
    padding-bottom: 0.5333333333vw;
  }
  .jockeys__interview__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    padding: 3.2vw 3.4666666667vw 3.7333333333vw;
    border: 0.8vw solid #171C62;
    border-radius: 1.6vw;
    flex-basis: 58.1333333333vw;
  }
  .jockeys__interview__txt::before {
    width: 2.9333333333vw;
    top: 5.3333333333vw;
  }
}
.jockeys__btm {
  padding: min(0.5768667643 * 100vw, 788px) 0 min(0.1039531479 * 100vw, 142px);
  position: relative;
}
.jockeys__btm__sec {
  position: relative;
  z-index: 1;
}
.jockeys__btm__sec + .jockeys__btm__sec {
  margin-top: min(0.0439238653 * 100vw, 60px);
}
.jockeys__btm__sec__ttl {
  font-size: min(2.0497803807vw, 2.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.3928571429;
  color: #171C62;
  text-align: center;
}
.jockeys__btm__tbl {
  border-top: 1px solid #171C62;
  border-left: 1px solid #171C62;
}
.jockeys__btm__tbl th,
.jockeys__btm__tbl td {
  padding: min(0.0117130307 * 100vw, 16px);
  border-bottom: 1px solid #171C62;
  border-right: 1px solid #171C62;
}
.jockeys__btm__tbl th {
  width: 25%;
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #fff;
}
.jockeys__btm__tbl td {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  text-align: center;
  background-color: #fff;
}
.jockeys__btm__tbl td a {
  text-decoration: underline;
}
@media (hover: hover) {
  .jockeys__btm__tbl td a:hover {
    text-decoration: none;
  }
}
.jockeys__btm__btn {
  display: flex;
  justify-content: center;
  margin-top: min(0.0585651537 * 100vw, 80px);
}
@media screen and (max-width: 767px) {
  .jockeys__btm {
    padding: 105.6vw 0 16vw;
  }
  .jockeys__btm__sec + .jockeys__btm__sec {
    margin-top: 10.6666666667vw;
  }
  .jockeys__btm__sec__ttl {
    font-size: 2.4rem;
    line-height: 1.4166666667;
  }
  .jockeys__btm__tbl {
    width: 486px;
    max-width: inherit;
    table-layout: fixed;
  }
  .jockeys__btm__tbl th,
  .jockeys__btm__tbl td {
    padding: 10px 14px;
  }
  .jockeys__btm__tbl th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
  }
  .jockeys__btm__tbl td {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
  }
  .jockeys__btm__btn {
    display: flex;
    justify-content: center;
    margin-top: min(0.0585651537 * 100vw, 80px);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .jockeys__btm__btn {
    margin-top: 16vw;
  }
}

.news .l-main {
  background-color: #DDF3FC;
}
.news__wrap {
  padding: min(0.0585651537 * 100vw, 80px) 0 min(0.102489019 * 100vw, 140px);
}
.news__ttl {
  width: min(0.1844802343 * 100vw, 252px);
  margin: 0 auto min(0.0439238653 * 100vw, 60px);
}
.news__list {
  margin-left: auto;
  margin-right: auto;
  max-width: min(0.6442166911 * 100vw, 880px);
  width: auto;
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .news__list {
    max-width: inherit;
    width: auto;
  }
}
.news__list__item {
  border-top: min(0.0014641288 * 100vw, 2px) solid #171C62;
}
.news__list__item:first-child {
  border-top: none;
}
.news__list__item a {
  display: flex;
  align-items: center;
  gap: min(0.0146412884 * 100vw, 20px);
  background-color: #fff;
  padding: min(0.0219619327 * 100vw, 30px);
}
.news__list__item a::after {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
}
.news__date {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1.375;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #2F71B8;
  flex: 0 0 auto;
  align-self: flex-start;
}
.news__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
}
@media screen and (max-width: 767px) {
  .news__wrap {
    padding: 10.6666666667vw 0 16vw;
  }
  .news__ttl {
    width: 44vw;
    margin: 0 auto 5.3333333333vw;
  }
  .news__list {
    border: 1.6vw solid #171C62;
    margin-top: 5.3333333333vw;
  }
  .news__list__item {
    border-top: 0.5333333333vw solid #171C62;
  }
  .news__list__item a {
    display: grid;
    gap: 0 4.2666666667vw;
    padding: 4.2666666667vw 2.6666666667vw 4.2666666667vw 4.2666666667vw;
  }
  .news__list__item a::after {
    grid-area: 1/2/3/3;
    width: 5.3333333333vw;
  }
  .news__date {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    grid-area: 1/1/2/2;
  }
  .news__txt {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    grid-area: 2/1/3/2;
  }
}

.overview .l-main {
  background-color: #DDF3FC;
}
.overview__top {
  position: relative;
}
.overview__top::before, .overview__top::after {
  content: "";
  display: block;
  width: min(0.2174231332 * 100vw, 297px);
  aspect-ratio: 297/1901;
  background: url(/2024yjs/assets/img/overview/dot.png) center/contain no-repeat;
  position: absolute;
}
.overview__top::before {
  top: max(-0.0915080527 * 100vw, -125px);
  right: 0;
  z-index: 1;
}
.overview__top::after {
  top: min(0.4245973646 * 100vw, 580px);
  left: 0;
  transform: scaleX(-1);
}
@media screen and (max-width: 767px) {
  .overview__top::before, .overview__top::after {
    width: 37.3333333333vw;
    aspect-ratio: 140/1569;
    background: url(/2024yjs/assets/img/overview/dot_sp.png) center/contain no-repeat;
  }
  .overview__top::before {
    top: -33.3333333333vw;
  }
  .overview__top::after {
    top: 35.7333333333vw;
  }
}
.overview__lead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: min(0.0439238653 * 100vw, 60px);
  margin-top: min(0.0541727672 * 100vw, 74px);
  position: relative;
  z-index: 1;
}
.overview__lead__left {
  flex: 0 0 auto;
  width: min(0.3294289898 * 100vw, 450px);
}
.overview__lead__logo {
  width: min(0.0497803807 * 100vw, 68px);
}
.overview__lead__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0219619327 * 100vw, 30px);
}
@media screen and (max-width: 767px) {
  .overview__lead {
    flex-direction: column;
    gap: 10.6666666667vw;
    margin-top: 15.4666666667vw;
    z-index: 1;
  }
  .overview__lead__left {
    width: 65.0666666667vw;
  }
  .overview__lead__right {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .overview__lead__logo {
    width: 19.7333333333vw;
  }
  .overview__lead__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 5.3333333333vw;
  }
}
.overview__schedule {
  margin-top: min(0.0944363104 * 100vw, 129px);
  padding-bottom: min(0.1837481698 * 100vw, 251px);
  position: relative;
  z-index: 1;
}
.overview__schedule--final {
  margin-top: min(0.0563689605 * 100vw, 77px);
}
.overview__schedule__ttl {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.40625;
  text-align: center;
  color: #171C62;
}
.overview__schedule__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  text-align: center;
  margin-top: min(0.0073206442 * 100vw, 10px);
}
.overview__schedule__wrap {
  display: flex;
  justify-content: space-between;
  gap: min(0.0292825769 * 100vw, 40px);
  margin: min(0.0292825769 * 100vw, 40px) 0 min(0.0402635432 * 100vw, 55px);
}
.overview__schedule__sec {
  width: 100%;
}
.overview__schedule__sec__ttl {
  font-size: min(1.756954612vw, 2.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4166666667;
  text-align: center;
  color: #171C62;
}
.overview__schedule__sec + .c-list__caution {
  margin-top: min(0.0146412884 * 100vw, 20px);
}
.overview__schedule__tbl {
  margin-top: min(0.0146412884 * 100vw, 20px);
  border-left: 1px solid #171C62;
  border-right: 1px solid #171C62;
}
.overview__schedule__tbl th {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #fff;
  background-color: #171C62;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.overview__schedule__tbl th:last-child {
  border-left: 1px solid #CCC;
}
.overview__schedule__tbl tr:nth-child(2n) td {
  background-color: #fff;
}
.overview__schedule__tbl tr:nth-child(2n+1) td {
  background-color: #F6F3EB;
}
.overview__schedule__tbl th,
.overview__schedule__tbl td {
  text-align: center;
  padding: min(0.0117130307 * 100vw, 16px);
}
.overview__schedule__tbl td {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  border-bottom: 1px solid #171C62;
}
.overview__schedule__tbl td:last-child {
  border-left: 1px solid #171C62;
}
.overview__schedule__tbl--final {
  margin-top: min(0.0292825769 * 100vw, 40px);
  border-right: none;
}
.overview__schedule__tbl--final th {
  border-right: 1px solid #ccc;
}
.overview__schedule__tbl--final th:last-child {
  border-right: 1px solid #171C62;
}
.overview__schedule__tbl--final td {
  border-right: 1px solid #171C62;
}
.overview__schedule__tbl--final tr:nth-child(2n+1) td {
  background-color: #fff;
}
.overview__schedule__tbl--final .is-color {
  background-color: #F6F3EB !important;
}
.overview__schedule__tbl--final .is-dashed {
  border-bottom: 1px dashed #171C62;
}
.overview__schedule__btn {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .overview__schedule {
    margin-top: 16vw;
    padding-bottom: 58.1333333333vw;
  }
  .overview__schedule--final {
    margin-top: 15.4666666667vw;
  }
  .overview__schedule__ttl {
    font-size: 2.8rem;
    line-height: 1.3928571429;
  }
  .overview__schedule__txt {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.8125;
    margin-top: 2.6666666667vw;
  }
  .overview__schedule__wrap {
    flex-direction: column;
    gap: 8vw;
    margin: 8vw 0;
  }
  .overview__schedule__sec__ttl {
    font-size: 2rem;
    line-height: 1.4;
  }
  .overview__schedule__scroll {
    width: calc(100% + 10.6666666667vw);
    margin: 0 -5.3333333333vw;
    padding: 0 5.3333333333vw;
    overflow-x: scroll;
  }
  .overview__schedule__tbl {
    margin-top: 2.6666666667vw;
  }
  .overview__schedule__tbl th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .overview__schedule__tbl th,
  .overview__schedule__tbl td {
    padding: 2.6666666667vw;
  }
  .overview__schedule__tbl td {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .overview__schedule__tbl--final {
    width: 748px;
    max-width: inherit;
    margin-top: 8vw;
  }
  .overview__schedule__btn {
    display: flex;
    justify-content: center;
  }
}
.overview__mdl {
  width: 100%;
  aspect-ratio: 1366/610;
  background-color: #FFE638;
  clip-path: polygon(100% 0%, 0% 30%, 0% 100%, 100% 70%);
  position: absolute;
  top: max(-0.1691068814 * 100vw, -231px);
  left: 0;
  overflow: hidden;
}
.overview__mdl::before, .overview__mdl::after {
  content: "";
  display: block;
  width: 110%;
  height: min(0.0058565154 * 100vw, 8px);
  background-color: #171C62;
  position: absolute;
}
.overview__mdl::before {
  top: 0;
  right: 0;
  transform-origin: top right;
  transform: rotate(-7.6deg);
}
.overview__mdl::after {
  bottom: 0;
  left: 0;
  transform-origin: bottom left;
  transform: rotate(-7.6deg);
}
.overview__mdl img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media screen and (max-width: 767px) {
  .overview__mdl {
    aspect-ratio: 375/253;
    clip-path: polygon(100% 0%, 0% 20%, 0% 100%, 100% 80%);
    top: -42.1333333333vw;
  }
  .overview__mdl::before, .overview__mdl::after {
    width: 110%;
    height: 1.6vw;
  }
}
.overview__btm {
  padding: min(0.1193265007 * 100vw, 163px) 0 min(0.1317715959 * 100vw, 180px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .overview__btm {
    padding: 0 0 16vw;
  }
}
.overview__sec {
  padding: min(0.0527086384 * 100vw, 72px) min(0.0673499268 * 100vw, 92px);
  background-color: #fff;
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  position: relative;
}
.overview__sec + .overview__sec {
  margin-top: min(0.0439238653 * 100vw, 60px);
}
.overview__sec__h2 {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.40625;
  text-align: center;
  color: #171C62;
}
.overview__sec__h3 {
  font-size: min(1.4641288433vw, 2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4;
  color: #171C62;
  display: flex;
  align-items: stretch;
  gap: min(0.0102489019 * 100vw, 14px);
  margin-top: min(0.0292825769 * 100vw, 40px);
  margin-bottom: min(0.0219619327 * 100vw, 30px);
}
.overview__sec__h3::before {
  content: "";
  display: block;
  width: min(0.0043923865 * 100vw, 6px);
  background-color: #171C62;
  flex: 0 0 auto;
}
.overview__sec__nav {
  display: flex;
  justify-content: center;
  gap: min(0.0146412884 * 100vw, 20px);
  margin-top: min(0.0219619327 * 100vw, 30px);
}
.overview__sec__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0219619327 * 100vw, 30px);
}
.overview__sec__txt + .c-list__normal {
  margin-top: min(0.0146412884 * 100vw, 20px);
}
.overview__sec .c-list__normal + .overview__sec__txt {
  margin-top: min(0.0146412884 * 100vw, 20px);
}
.overview__sec .c-list__normal + .c-list__caution {
  margin-top: min(0.0058565154 * 100vw, 8px);
}
.overview__sec__scroll {
  margin: min(0.0219619327 * 100vw, 30px) 0 min(0.0146412884 * 100vw, 20px);
}
.overview__sec__tbl {
  border-bottom: 1px solid #171C62;
  border-right: 1px solid #171C62;
}
.overview__sec__tbl th {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #fff;
  background-color: #171C62;
  padding: min(0.0117130307 * 100vw, 16px) min(0.0161054173 * 100vw, 22px);
  border-left: 1px solid #CCC;
}
.overview__sec__tbl th:first-child {
  border-color: #171C62;
}
.overview__sec__tbl td {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  padding: min(0.0117130307 * 100vw, 16px) min(0.0131771596 * 100vw, 18px);
  border-left: 1px solid #171C62;
}
.overview__sec__tbl th,
.overview__sec__tbl td {
  text-align: center;
}
.overview__sec__tbl th:first-child,
.overview__sec__tbl td:first-child {
  font-weight: 700;
}
.overview__sec__box {
  margin-top: min(0.0146412884 * 100vw, 20px);
  padding: min(0.0234260615 * 100vw, 32px);
  border: 1px solid #CCC;
}
.overview__sec__box__ttl {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-bottom: min(0.0117130307 * 100vw, 16px);
}
.overview__sec__box__list {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0029282577 * 100vw, 4px);
}
.overview__sec__final {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.0058565154 * 100vw, 8px);
  margin-top: min(0.0219619327 * 100vw, 30px);
}
.overview__sec__final__nar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(0.0146412884 * 100vw, 20px);
  width: calc((100% - min(0.0058565154 * 100vw, 8px)) / 2);
  padding: min(0.0219619327 * 100vw, 30px);
  background-color: #D5E5F2;
}
.overview__sec__final__nar .overview__sec__final__ttl {
  color: #2072A0;
}
.overview__sec__final__nar .overview__sec__final__ttl::before, .overview__sec__final__nar .overview__sec__final__ttl::after {
  background-color: #2072A0;
}
.overview__sec__final__jra {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(0.0146412884 * 100vw, 20px);
  width: calc((100% - min(0.0058565154 * 100vw, 8px)) / 2);
  padding: min(0.0219619327 * 100vw, 30px);
  background-color: #E0EFDA;
}
.overview__sec__final__jra .overview__sec__final__ttl {
  color: #327B35;
}
.overview__sec__final__jra .overview__sec__final__ttl::before, .overview__sec__final__jra .overview__sec__final__ttl::after {
  background-color: #327B35;
}
.overview__sec__final__img {
  width: min(0.2020497804 * 100vw, 276px);
}
.overview__sec__final__ttl {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  color: #2072A0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: min(0.0146412884 * 100vw, 20px);
  width: 100%;
}
.overview__sec__final__ttl::before, .overview__sec__final__ttl::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  flex: 1;
  background-color: #2072A0;
}
.overview__sec__final__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
}
.overview__sec__final__btm {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  color: #fff;
  text-align: center;
  width: 100%;
  background-color: #171C62;
  padding: min(0.0109809663 * 100vw, 15px) 0 min(0.0117130307 * 100vw, 16px);
}
@media screen and (max-width: 767px) {
  .overview__sec {
    padding: 9.0666666667vw 3.7333333333vw;
    border: 1.6vw solid #171C62;
  }
  .overview__sec + .overview__sec {
    margin-top: 8vw;
  }
  .overview__sec__h2 {
    font-size: 2.8rem;
    line-height: 1.3928571429;
    text-align: center;
    color: #171C62;
  }
  .overview__sec__h3 {
    font-size: 1.8rem;
    line-height: 1.3333333333;
    gap: 2.6666666667vw;
    margin-top: 8vw;
    margin-bottom: 5.3333333333vw;
  }
  .overview__sec__h3::before {
    width: 1.0666666667vw;
  }
  .overview__sec__nav {
    flex-direction: column;
    align-items: center;
    gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
  .overview__sec__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 5.3333333333vw;
  }
  .overview__sec__txt + .c-list__normal {
    margin-top: 4.2666666667vw;
  }
  .overview__sec .c-list__normal + .overview__sec__txt {
    margin-top: 4.2666666667vw;
  }
  .overview__sec .c-list__normal + .c-list__caution {
    margin-top: 2.1333333333vw;
  }
  .overview__sec__scroll {
    width: calc(100% + 7.4666666667vw);
    margin: min(0.0219619327 * 100vw, 30px) -3.7333333333vw min(0.0146412884 * 100vw, 20px);
    padding: 0 3.7333333333vw;
    overflow-x: scroll;
  }
  .overview__sec__tbl {
    width: 880px;
    max-width: inherit;
  }
  .overview__sec__tbl th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    padding: 16px 22px;
  }
  .overview__sec__tbl td {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    padding: 16px 18px;
  }
  .overview__sec__box {
    margin-top: 5.3333333333vw;
    padding: 5.3333333333vw;
  }
  .overview__sec__box__ttl {
    font-size: 1.6rem;
    line-height: 1.375;
    margin-bottom: 2.6666666667vw;
  }
  .overview__sec__box__list {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 2.1333333333vw;
  }
  .overview__sec__final {
    flex-direction: column;
    gap: 2.6666666667vw;
    margin-top: 5.3333333333vw;
  }
  .overview__sec__final__nar {
    gap: 2.6666666667vw;
    width: 100%;
    padding: 5.3333333333vw;
  }
  .overview__sec__final__jra {
    gap: 2.6666666667vw;
    width: 100%;
    padding: 5.3333333333vw;
  }
  .overview__sec__final__img {
    width: 62.6666666667vw;
  }
  .overview__sec__final__ttl {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    gap: 2.6666666667vw;
  }
  .overview__sec__final__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
  }
  .overview__sec__final__btm {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    padding: 2.4vw 0 2.9333333333vw;
  }
}
.overview__belong-tbl {
  border-top: 1px solid #171C62;
  border-left: 1px solid #171C62;
}
.overview__belong-tbl th,
.overview__belong-tbl td {
  text-align: center;
  padding: min(0.0117130307 * 100vw, 16px);
}
.overview__belong-tbl th {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #fff;
  background-color: #171C62;
  border-right: 1px solid #ccc;
}
.overview__belong-tbl th:last-child {
  border-right: 1px solid #171C62;
}
.overview__belong-tbl td {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  border-right: 1px solid #171C62;
  border-bottom: 1px solid #171C62;
}
.overview__belong-tbl td:first-child {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #fff;
}
.overview__belong-tbl--nar {
  background-color: #EEF4FD;
}
.overview__belong-tbl--nar:first-child {
  background-color: #2072A0;
}
.overview__belong-tbl--jra {
  background-color: #F1FAED;
}
.overview__belong-tbl--jra:first-child {
  background-color: #327B35;
}
@media screen and (max-width: 767px) {
  .overview__belong-tbl {
    width: 557px;
    max-width: inherit;
  }
  .overview__belong-tbl th,
  .overview__belong-tbl td {
    padding: 16px;
  }
  .overview__belong-tbl th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .overview__belong-tbl td {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
  .overview__belong-tbl td:first-child {
    font-size: 1.4rem;
    line-height: 1.4285714286;
  }
}

.racecourse .l-main {
  background-color: #DDF3FC;
}
.racecourse__list {
  display: flex;
  flex-wrap: wrap;
  gap: min(0.0439238653 * 100vw, 60px) min(0.0146412884 * 100vw, 20px);
  margin-top: min(0.0966325037 * 100vw, 132px);
  padding-bottom: min(0.0732064422 * 100vw, 100px);
  list-style: none;
}
.racecourse__list__item {
  width: calc((100% - min(0.0146412884 * 100vw, 20px)) / 2);
}
.racecourse__img {
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  position: relative;
}
.racecourse__img__icon {
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  position: absolute;
  bottom: min(0.0087847731 * 100vw, 12px);
  right: min(0.0087847731 * 100vw, 12px);
}
.racecourse__info {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-top: min(0.0073206442 * 100vw, 10px);
}
.racecourse__info__date {
  font-size: min(2.0497803807vw, 2.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.3928571429;
  color: #171C62;
}
.racecourse__info__date em {
  font-size: min(3.953147877vw, 5.4rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  margin-right: max(-0.0087847731 * 100vw, -12px);
}
.racecourse__info__name {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.40625;
  color: #171C62;
}
.racecourse__info__s {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .racecourse__list {
    flex-direction: column;
    gap: 5.8666666667vw;
    margin-top: 15.4666666667vw;
    padding-bottom: 13.8666666667vw;
  }
  .racecourse__list__item {
    width: 100%;
  }
  .racecourse__img {
    border: 1.6vw solid #171C62;
  }
  .racecourse__img__icon {
    width: 5.3333333333vw;
    bottom: 2.6666666667vw;
    right: 2.6666666667vw;
  }
  .racecourse__info {
    margin-top: 2.6666666667vw;
  }
  .racecourse__info__date {
    font-size: 2rem;
    line-height: 1.4;
  }
  .racecourse__info__date em {
    font-size: 3.6rem;
    line-height: 1;
    margin-right: -2.1333333333vw;
  }
  .racecourse__info__name {
    font-size: 2.4rem;
    line-height: 1.4166666667;
  }
  .racecourse__info__s {
    font-size: 1.6rem;
    line-height: 1.6875;
  }
}

.ranking .l-main {
  background-color: #DDF3FC;
}
.ranking__nav {
  display: flex;
  justify-content: center;
  gap: min(0.0102489019 * 100vw, 14px);
  margin-left: auto;
  margin-right: auto;
  max-width: min(0.6295754026 * 100vw, 860px);
  width: auto;
  padding: min(0.060761347 * 100vw, 83px) 0 min(0.0585651537 * 100vw, 80px);
  list-style: none;
}
@media screen and (max-width: 767px) {
  .ranking__nav {
    max-width: inherit;
    width: auto;
  }
}
.ranking__nav__item {
  width: min(0.3147877013 * 100vw, 430px);
}
.ranking__nav__item a {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #171C62;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(0.0007320644 * 100vw, 1px);
  height: min(0.0483162518 * 100vw, 66px);
  border-radius: min(0.0043923865 * 100vw, 6px);
  border: min(0.0014641288 * 100vw, 2px) solid #171C62;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  box-shadow: min(0.0043923865 * 100vw, 6px) min(0.0043923865 * 100vw, 6px) 0 0 #171C62;
  transition: all 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
}
.ranking__nav__item a::before {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
  position: absolute;
  top: 50%;
  right: min(0.0117130307 * 100vw, 16px);
  transform: translateY(-50%) rotate(90deg);
}
@media (hover: hover) {
  .ranking__nav__item a:hover {
    box-shadow: 0 0 0 0 #171C62;
    transform: translate(min(0.0043923865 * 100vw, 6px), min(0.0043923865 * 100vw, 6px));
  }
}
.ranking__nav__item--nar a {
  color: #2072A0;
}
.ranking__nav__item--nar a::before {
  background: url(/2024yjs/assets/img/top/tab-arw-nar.svg) center/contain no-repeat;
}
.ranking__nav__item--jra a {
  color: #327B35;
}
.ranking__nav__item--jra a::before {
  background: url(/2024yjs/assets/img/top/tab-arw-jra.svg) center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  .ranking__nav {
    flex-wrap: wrap;
    gap: 4.2666666667vw 3.4666666667vw;
    padding: 15.4666666667vw 0 17.6vw;
  }
  .ranking__nav__item {
    width: calc((100% - 3.4666666667vw) / 2);
  }
  .ranking__nav__item a {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    gap: 0.2666666667vw;
    height: 14.9333333333vw;
    border-radius: 1.6vw;
    border: 0.5333333333vw solid #171C62;
    box-shadow: 1.6vw 1.6vw 0 0 #171C62;
  }
  .ranking__nav__item a::before {
    width: 5.3333333333vw;
    right: 2.1333333333vw;
  }
}
.ranking__sec {
  padding-bottom: min(0.102489019 * 100vw, 140px);
  position: relative;
}
.ranking__sec--nar {
  background-color: #EEF4FD;
}
.ranking__sec--nar .ranking__sec__h2 {
  background-color: #2072A0;
}
.ranking__sec--nar .ranking__sec__h3 {
  color: #377CAF;
}
.ranking__sec--nar .ranking__tbl th {
  background-color: #2072A0;
}
.ranking__sec--nar .ranking__tbl td:last-child {
  color: #2072A0;
}
.ranking__sec--nar .ranking__rules {
  background-color: #D5E5F2;
}
.ranking__sec--nar .ranking__rules__ttl {
  color: #2072A0;
}
.ranking__sec--jra {
  background-color: #F1FAED;
}
.ranking__sec--jra .ranking__sec__h2 {
  background-color: #327B35;
}
.ranking__sec--jra .ranking__sec__h3 {
  color: #327B35;
}
.ranking__sec--jra .ranking__tbl th {
  background-color: #327B35;
}
.ranking__sec--jra .ranking__tbl td:last-child {
  color: #327B35;
}
.ranking__sec--jra .ranking__rules {
  background-color: #E0EFDA;
}
.ranking__sec--jra .ranking__rules__ttl {
  color: #327B35;
}
.ranking__sec__h2 {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.40625;
  text-align: center;
  color: #fff;
  background-color: #2072A0;
  border-top: min(0.0058565154 * 100vw, 8px) solid #171C62;
  border-bottom: min(0.0058565154 * 100vw, 8px) solid #171C62;
  padding: min(0.0204978038 * 100vw, 28px) 0 min(0.0219619327 * 100vw, 30px);
}
.ranking__sec__h3 {
  font-size: min(2.0497803807vw, 2.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.3928571429;
  text-align: center;
  color: #377CAF;
  margin-top: min(0.0585651537 * 100vw, 80px);
  scroll-margin-top: min(0.0585651537 * 100vw, 80px);
}
.ranking__sec__h3:first-child {
  margin-top: min(0.0439238653 * 100vw, 60px);
}
@media screen and (max-width: 767px) {
  .ranking__sec {
    padding-bottom: 16vw;
  }
  .ranking__sec__h2 {
    font-size: 2.8rem;
    line-height: 1.3928571429;
    border-top: 1.6vw solid #171C62;
    border-bottom: 1.6vw solid #171C62;
    padding: 3.7333333333vw 0 4vw;
  }
  .ranking__sec__h3 {
    font-size: 2.4rem;
    line-height: 1.4166666667;
    margin-top: 10.6666666667vw;
    scroll-margin-top: 16vw;
  }
  .ranking__sec__h3:first-child {
    margin-top: 10.6666666667vw;
  }
}
.ranking__scroll {
  margin-top: min(0.0292825769 * 100vw, 40px);
}
@media screen and (max-width: 767px) {
  .ranking__scroll {
    width: calc(100% + 10.6666666667vw);
    margin: 5.3333333333vw -5.3333333333vw 0;
    padding: 0 5.3333333333vw;
    overflow-x: scroll;
  }
}
.ranking__tbl {
  border-bottom: 1px solid #171C62;
  border-right: 1px solid #171C62;
  position: relative;
  z-index: 1;
}
.ranking__tbl th,
.ranking__tbl td {
  border-top: 1px solid #171C62;
  border-left: 1px solid #171C62;
  padding: min(0.0117130307 * 100vw, 16px);
  text-align: center;
}
.ranking__tbl th {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #fff;
  background-color: #171C62;
}
.ranking__tbl th small {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.4166666667;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  display: block;
  margin-top: min(0.0029282577 * 100vw, 4px);
}
.ranking__tbl th.ranking__tbl__date {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.ranking__tbl th.ranking__tbl__date small {
  font-size: min(0.878477306vw, 1.2rem);
  line-height: 1.8333333333;
  display: inline-block;
  margin-left: min(0.0014641288 * 100vw, 2px);
}
.ranking__tbl th.ranking__tbl__unit {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.0833333333;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  border-top: 1px dashed #171C62;
}
.ranking__tbl th.ranking__tbl__unit:nth-child(2n) {
  border-left: 1px dashed #171C62;
}
.ranking__tbl td {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  background-color: #fff;
}
.ranking__tbl td a {
  text-decoration: underline;
}
@media (hover: hover) {
  .ranking__tbl td a:hover {
    text-decoration: none;
  }
}
.ranking__tbl td:last-child {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #171C62;
}
.ranking__tbl td.ranking__tbl__unit:nth-child(2n+1) {
  border-left: 1px dashed #171C62;
}
.ranking__tbl tr:nth-child(2n+1) td {
  background-color: #F6F3EB;
}
.ranking__tbl__bg {
  padding: min(0.0029282577 * 100vw, 4px) !important;
}
.ranking__tbl__bg--red a {
  display: block;
  padding: min(0.0117130307 * 100vw, 16px);
  border: min(0.0014641288 * 100vw, 2px) solid #E5342B;
}
.ranking__tbl__bg--pt span {
  color: #fff;
  display: block;
  padding: min(0.0117130307 * 100vw, 16px);
}
.ranking__sec--nar .ranking__tbl__bg--pt span {
  background-color: #2072A0;
}
.ranking__sec--jra .ranking__tbl__bg--pt span {
  background-color: #327B35;
}
@media screen and (max-width: 767px) {
  .ranking__tbl {
    width: 1016px;
    max-width: inherit;
  }
  .ranking__tbl th,
  .ranking__tbl td {
    white-space: nowrap;
    padding: 10px 16px;
  }
  .ranking__tbl th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
  }
  .ranking__tbl th small {
    font-size: 1rem;
    line-height: 1.2;
    font-size: 10px;
    margin-top: 1.0666666667vw;
  }
  .ranking__tbl th.ranking__tbl__date small {
    font-size: 1rem;
    line-height: 2;
    font-size: 10px;
    margin-left: 2px;
  }
  .ranking__tbl th.ranking__tbl__unit {
    font-size: 1rem;
    line-height: 1.2;
    font-size: 10px;
  }
  .ranking__tbl td {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
  }
  .ranking__tbl td:last-child {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
  }
  .ranking__tbl__bg {
    padding: 3px !important;
  }
  .ranking__tbl__bg--red a {
    padding: 10px 16px;
    border: 2px solid #E5342B;
  }
  .ranking__tbl__bg--pt span {
    padding: 10px 16px;
  }
}
.ranking__caution {
  font-size: min(0.878477306vw, 1.2rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8333333333;
  margin-top: min(0.0146412884 * 100vw, 20px);
}
@media screen and (max-width: 767px) {
  .ranking__caution {
    font-size: 1rem;
    line-height: 1.8;
    margin-top: 2.6666666667vw;
  }
}
.ranking__rules {
  margin-left: auto;
  margin-right: auto;
  max-width: min(0.6442166911 * 100vw, 880px);
  width: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  margin-top: min(0.0439238653 * 100vw, 60px);
  padding: min(0.0219619327 * 100vw, 30px) min(0.0366032211 * 100vw, 50px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .ranking__rules {
    max-width: inherit;
    width: auto;
  }
}
.ranking__rules__ttl {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  grid-area: 2/1/3/2;
}
.ranking__rules__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  grid-area: 3/1/4/2;
  margin-top: min(0.0043923865 * 100vw, 6px);
}
.ranking__rules__img {
  grid-area: 1/2/5/3;
  width: min(0.2020497804 * 100vw, 276px);
}
@media screen and (max-width: 767px) {
  .ranking__rules {
    display: block;
    margin-top: 10.6666666667vw;
    padding: 5.3333333333vw;
  }
  .ranking__rules__ttl {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .ranking__rules__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 1.6vw;
  }
  .ranking__rules__img {
    display: block;
    width: 62.6666666667vw;
    margin: 0 auto 2.6666666667vw;
  }
}
.ranking__point {
  margin-top: min(0.0878477306 * 100vw, 120px);
}
.ranking__point__ttl {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.40625;
  text-align: center;
}
.ranking__point__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  text-align: center;
  margin-top: min(0.0102489019 * 100vw, 14px);
}
.ranking__point__scroll {
  margin-top: min(0.0292825769 * 100vw, 40px);
}
.ranking__point__tbl {
  border-bottom: 1px solid #171C62;
  border-right: 1px solid #171C62;
}
.ranking__point__tbl th {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #fff;
  background-color: #171C62;
  width: min(0.0600292826 * 100vw, 82px);
  padding: min(0.0117130307 * 100vw, 16px);
  border-left: 1px solid #CCC;
}
.ranking__point__tbl th:first-child {
  border-color: #171C62;
  width: min(0.0483162518 * 100vw, 66px);
}
.ranking__point__tbl th:nth-child(12), .ranking__point__tbl th:nth-child(13) {
  width: min(0.0717423133 * 100vw, 98px);
}
.ranking__point__tbl td {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  padding: min(0.0117130307 * 100vw, 16px);
  border-left: 1px solid #171C62;
  background-color: #fff;
}
.ranking__point__tbl th,
.ranking__point__tbl td {
  text-align: center;
}
.ranking__point__tbl th:first-child,
.ranking__point__tbl td:first-child {
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .ranking__point {
    margin-top: 16vw;
  }
  .ranking__point__ttl {
    font-size: 2.8rem;
    line-height: 1.3928571429;
  }
  .ranking__point__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 2.6666666667vw;
  }
  .ranking__point__scroll {
    width: calc(100% + 10.6666666667vw);
    margin: 5.3333333333vw -5.3333333333vw 0;
    padding: 0 5.3333333333vw;
    overflow-x: scroll;
  }
  .ranking__point__tbl {
    width: 866px;
    max-width: inherit;
  }
  .ranking__point__tbl th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
    width: 62px;
    padding: 10px 14px;
  }
  .ranking__point__tbl th:first-child {
    width: 88px;
  }
  .ranking__point__tbl th:nth-child(12), .ranking__point__tbl th:nth-child(13) {
    width: 88px;
  }
  .ranking__point__tbl td {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
    padding: 10px 14px;
  }
}
.ranking__final {
  padding: min(0.0270863836 * 100vw, 37px) 0 min(0.102489019 * 100vw, 140px);
}
.ranking__final .ranking__tbl th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.ranking__final .ranking__tbl th.is-left-none {
  border-left: none;
}
.ranking__final .ranking__tbl th.is-top-dashed {
  border-top: 1px dashed #ccc;
}
.ranking__final .ranking__tbl th.is-left-dashed {
  border-left: 1px dashed #ccc;
}
.ranking__final .ranking__point {
  margin-top: min(0.0439238653 * 100vw, 60px);
}
@media screen and (max-width: 767px) {
  .ranking__final {
    padding: 10.1333333333vw 0 13.8666666667vw;
  }
  .ranking__final .ranking__point {
    margin-top: 10.6666666667vw;
  }
}

.schedule .l-main {
  background-color: #DDF3FC;
}
.schedule__wrap {
  padding: min(0.0563689605 * 100vw, 77px) 0 min(0.102489019 * 100vw, 140px);
}
.schedule__tbl {
  border-bottom: 1px solid #171C62;
  border-right: 1px solid #171C62;
  border-left: 1px solid #171C62;
}
.schedule__tbl__btn {
  width: min(0.0710102489 * 100vw, 97px);
}
.schedule__tbl th {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  white-space: nowrap;
  color: #fff;
  background-color: #171C62;
  padding: min(0.0117130307 * 100vw, 16px);
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
.schedule__tbl th:first-child {
  border-left: 0;
}
.schedule__tbl td {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
  text-align: center;
  padding: min(0.0117130307 * 100vw, 16px);
  border-top: 1px solid #171C62;
  border-right: 1px solid #171C62;
  background-color: #fff;
}
.schedule__tbl tr:nth-child(4n) td, .schedule__tbl tr:nth-child(4n+3) td {
  background-color: #F6F3EB;
}
.schedule__tbl tr:nth-child(2n) td {
  border-top: 1px dashed #171C62;
}
.schedule__tbl--final td.is-color {
  background-color: #F6F3EB !important;
}
.schedule__tbl--final td.is-dashed {
  border-top: 1px dashed #171C62 !important;
}
.schedule__tbl--final tr:nth-child(4n) td, .schedule__tbl--final tr:nth-child(4n+3) td {
  background-color: #fff;
}
.schedule__tbl--final tr:nth-child(2n) td {
  border-top: 1px solid #171C62;
}
@media screen and (max-width: 767px) {
  .schedule__wrap {
    padding: 15.4666666667vw 0 16vw;
  }
  .schedule__scroll {
    width: calc(100% + 10.6666666667vw);
    margin: 0 -5.3333333333vw;
    padding: 0 5.3333333333vw;
    position: relative;
    overflow-x: scroll;
  }
  .schedule__scroll.is-fixed thead {
    position: fixed;
    top: 16vw;
  }
  .schedule__tbl {
    width: 1005px;
    max-width: inherit;
    table-layout: fixed;
  }
  .schedule__tbl__btn {
    width: 88px;
  }
  .schedule__tbl colgroup col:nth-child(1) {
    width: 81px;
  }
  .schedule__tbl colgroup col:nth-child(2) {
    width: 86px;
  }
  .schedule__tbl colgroup col:nth-child(3) {
    width: 86px;
  }
  .schedule__tbl colgroup col:nth-child(4) {
    width: 255px;
  }
  .schedule__tbl colgroup col:nth-child(5) {
    width: 79px;
  }
  .schedule__tbl colgroup col:nth-child(6), .schedule__tbl colgroup col:nth-child(7), .schedule__tbl colgroup col:nth-child(8), .schedule__tbl colgroup col:nth-child(9), .schedule__tbl colgroup col:nth-child(10) {
    width: 83px;
  }
  .schedule__tbl thead {
    position: absolute;
    top: 0;
    left: 5.3333333333vw;
    width: 1005px;
  }
  .schedule__tbl th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
    padding: 16px 0;
  }
  .schedule__tbl th:nth-child(1) {
    width: 81px;
  }
  .schedule__tbl th:nth-child(2) {
    width: 87px;
  }
  .schedule__tbl th:nth-child(3) {
    width: 86px;
  }
  .schedule__tbl th:nth-child(4) {
    width: 336px;
  }
  .schedule__tbl th:nth-child(5), .schedule__tbl th:nth-child(6), .schedule__tbl th:nth-child(7), .schedule__tbl th:nth-child(8), .schedule__tbl th:nth-child(9) {
    width: 83.5px;
  }
  .schedule__tbl td {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
    padding: 16px;
  }
  .schedule__tbl--final {
    width: 900px;
  }
  .schedule__tbl--final colgroup col:nth-child(1) {
    width: 86px;
  }
  .schedule__tbl--final colgroup col:nth-child(2) {
    width: 86px;
  }
  .schedule__tbl--final colgroup col:nth-child(3) {
    width: 255px;
  }
  .schedule__tbl--final colgroup col:nth-child(4) {
    width: 79px;
  }
  .schedule__tbl--final colgroup col:nth-child(5), .schedule__tbl--final colgroup col:nth-child(6), .schedule__tbl--final colgroup col:nth-child(7), .schedule__tbl--final colgroup col:nth-child(8), .schedule__tbl--final colgroup col:nth-child(9) {
    width: 83px;
  }
  .schedule__tbl--final thead {
    position: relative;
    left: 0;
    width: inherit;
  }
  .schedule__tbl--final th {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    font-size: 14px;
    padding: 16px 0;
  }
  .schedule__tbl--final th:nth-child(1) {
    width: 87px;
  }
  .schedule__tbl--final th:nth-child(2) {
    width: 86px;
  }
  .schedule__tbl--final th:nth-child(3) {
    width: 336px;
  }
  .schedule__tbl--final th:nth-child(4), .schedule__tbl--final th:nth-child(5), .schedule__tbl--final th:nth-child(6), .schedule__tbl--final th:nth-child(7), .schedule__tbl--final th:nth-child(8) {
    width: 83.5px;
  }
}

@media screen and (max-width: 767px) {
  .top__kv {
    position: relative;
    z-index: 1;
  }
}
.top__ranking {
  background-color: #59C3E1;
  padding-top: min(0.0402635432 * 100vw, 55px);
  position: relative;
}
.top__ranking__dot {
  display: block;
  width: min(0.2547584187 * 100vw, 348px);
  position: absolute;
  top: min(0.0256222548 * 100vw, 35px);
  left: calc(50% + min(0.2225475842 * 100vw, 304px));
}
.top__ranking__ttl {
  width: min(0.2745241581 * 100vw, 375px);
  margin: 0 auto min(0.0087847731 * 100vw, 12px);
  position: relative;
}
.top__ranking__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  text-align: center;
}
.top__ranking__txt + .top__ranking__list {
  margin-top: min(0.0292825769 * 100vw, 40px);
}
.top__ranking__nav {
  width: min(0.6251830161 * 100vw, 854px);
  margin: min(0.0146412884 * 100vw, 20px) auto min(0.0292825769 * 100vw, 40px);
}
.top__ranking__nav__item {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  text-align: center;
  height: min(0.0439238653 * 100vw, 60px);
  padding-top: 0;
  border-radius: min(0.0043923865 * 100vw, 6px);
}
.top__ranking__nav__item::before {
  right: min(0.0131771596 * 100vw, 18px);
}
.top__ranking__nav__item::after {
  content: none;
}
.top__ranking__nav__item--nar {
  color: #2072A0;
}
.top__ranking__nav__item--nar::before {
  background: url(/2024yjs/assets/img/top/tab-arw-nar.svg) center/contain no-repeat;
}
.top__ranking__nav__item--jra {
  color: #327B35;
}
.top__ranking__nav__item--jra::before {
  background: url(/2024yjs/assets/img/top/tab-arw-jra.svg) center/contain no-repeat;
}
.top__ranking__nav__item.is-show {
  background: none;
  color: #fff;
}
.top__ranking__nav__item--nar.is-show {
  background-color: #2072A0 !important;
}
.top__ranking__nav__item--jra.is-show {
  background-color: #327B35 !important;
}
.top__ranking__list {
  border-top: min(0.0014641288 * 100vw, 2px) solid #171C62;
  border-left: min(0.0014641288 * 100vw, 2px) solid #171C62;
  box-shadow: min(0.0043923865 * 100vw, 6px) min(0.0043923865 * 100vw, 6px) 0 0 #171C62;
  list-style: none;
  position: relative;
}
.top__ranking__list::before, .top__ranking__list::after {
  content: "";
  display: block;
  width: min(0.0043923865 * 100vw, 6px);
  height: min(0.0043923865 * 100vw, 6px);
  background-color: #171C62;
  position: absolute;
}
.top__ranking__list::before {
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  top: max(-0.0014641288 * 100vw, -2px);
  right: 0;
  transform: translateX(100%);
}
.top__ranking__list::after {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  bottom: 0;
  left: max(-0.0014641288 * 100vw, -2px);
  transform: translateY(100%);
}
.top__ranking__list__item a {
  display: flex;
  align-items: center;
  height: min(0.0453879941 * 100vw, 62px);
  padding-right: min(0.0219619327 * 100vw, 30px);
  border-bottom: min(0.0014641288 * 100vw, 2px) solid #171C62;
  border-right: min(0.0014641288 * 100vw, 2px) solid #171C62;
  background-color: #fff;
}
.top__ranking__list__item a::after {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  margin: 0 0 0 min(0.0219619327 * 100vw, 30px);
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
}
.top__ranking__list__item__rank {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #2F71B8;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: min(0.0512445095 * 100vw, 70px);
  height: 100%;
  margin-right: min(0.0366032211 * 100vw, 50px);
  background-color: #EAE5DA;
  position: relative;
}
.top__ranking__list__item__rank::after {
  content: "";
  display: block;
  width: min(0.0146412884 * 100vw, 20px);
  aspect-ratio: 1/1;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  position: absolute;
  top: 0;
  left: 0;
}
.top__ranking__list__item__uniform {
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
  width: min(0.0439238653 * 100vw, 60px);
  margin-right: min(0.0219619327 * 100vw, 30px);
}
.top__ranking__list__item__uniform img {
  width: min(0.0292825769 * 100vw, 40px);
}
.top__ranking__list__item__name {
  font-size: min(1.4641288433vw, 2rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: min(0.0073206442 * 100vw, 10px);
}
.top__ranking__list__item__belong {
  font-size: min(1.0248901903vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  padding: min(0.0014641288 * 100vw, 2px) min(0.0087847731 * 100vw, 12px) min(0.0029282577 * 100vw, 4px);
  border: min(0.0014641288 * 100vw, 2px) solid #CCC;
  border-radius: 999px;
}
.top__ranking__list__item__point {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  margin: 0 0 0 auto;
}
.top__ranking__list__item__point em {
  font-size: min(2.0497803807vw, 2.8rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  margin-right: min(0.0014641288 * 100vw, 2px);
}
.top__ranking__list__item--first a {
  height: min(0.0600292826 * 100vw, 82px);
}
.top__ranking__list__item--first .top__ranking__list__item__rank {
  font-size: min(3.6603221083vw, 5rem);
  line-height: 1;
  color: #fff;
  background: linear-gradient(to bottom, #E5342B 0%, #FFF21E 100%);
}
.top__ranking__list__item--first .top__ranking__list__item__rank::after {
  background: linear-gradient(135deg, #F5D86E 0%, #D3A810 50%);
}
.top__ranking__list__item--first .top__ranking__list__item__uniform img {
  width: 100%;
}
.top__ranking__list__item--first .top__ranking__list__item__name {
  font-size: min(2.0497803807vw, 2.8rem);
  line-height: 1;
}
.top__ranking__list__item--first .top__ranking__list__item__belong {
  font-size: min(1.1713030747vw, 1.6rem);
  line-height: 1.375;
  padding: min(0.0029282577 * 100vw, 4px) min(0.0102489019 * 100vw, 14px) min(0.0036603221 * 100vw, 5px);
}
.top__ranking__list__item--first .top__ranking__list__item__point em {
  font-size: min(2.9282576867vw, 4rem);
  line-height: 1;
}
.top__ranking__list__item--second .top__ranking__list__item__rank {
  background-color: #2F71B8;
  color: #fff;
}
.top__ranking__list__item--second .top__ranking__list__item__rank::after {
  background: linear-gradient(135deg, #F0F0F0 0%, #B9B9B9 50%);
}
.top__ranking__list__item--third .top__ranking__list__item__rank {
  background-color: #2F71B8;
  color: #fff;
}
.top__ranking__list__item--third .top__ranking__list__item__rank::after {
  background: linear-gradient(135deg, #E09C6C 0%, #C1631F 50%);
}
@media screen and (max-width: 767px) {
  .top__ranking {
    padding-top: 8.2666666667vw;
  }
  .top__ranking__dot {
    width: 77.3333333333vw;
    top: -33.3333333333vw;
    left: -37.8666666667vw;
  }
  .top__ranking__ttl {
    width: 65.3333333333vw;
    margin: 0 auto 2.6666666667vw;
  }
  .top__ranking__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
  }
  .top__ranking__txt + .top__ranking__list {
    margin-top: 5.3333333333vw;
  }
  .top__ranking__nav {
    gap: 4.2666666667vw 3.4666666667vw;
    flex-wrap: wrap;
    width: 100%;
    margin: 5.3333333333vw 0;
    padding-right: 1.6vw;
  }
  .top__ranking__nav__item {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    width: calc((100% - 3.4666666667vw) / 2);
    height: 14.9333333333vw;
    border-radius: 1.6vw;
  }
  .top__ranking__nav__item::before {
    width: 5.3333333333vw;
    right: 2.6666666667vw;
  }
  .top__ranking__nav__item.is-show {
    transform: translate(1.6vw, 1.6vw);
  }
  .top__ranking__list {
    border-top: 0.5333333333vw solid #171C62;
    border-left: 0.5333333333vw solid #171C62;
    box-shadow: 1.6vw 1.6vw 0 0 #171C62;
    margin-right: 1.6vw;
  }
  .top__ranking__list::before, .top__ranking__list::after {
    width: 1.6vw;
    height: 1.6vw;
  }
  .top__ranking__list::before {
    top: -0.5333333333vw;
  }
  .top__ranking__list::after {
    left: -0.5333333333vw;
  }
  .top__ranking__list__item a {
    height: 18.1333333333vw;
    padding-right: min(0.0219619327 * 100vw, 30px);
    border-bottom: 0.5333333333vw solid #171C62;
    border-right: 0.5333333333vw solid #171C62;
  }
  .top__ranking__list__item a::after {
    width: 6.4vw;
    margin: 0 0 0 2.4vw;
  }
  .top__ranking__list__item__rank {
    font-size: 2.4rem;
    line-height: 1;
    width: 10.6666666667vw;
    margin-right: 2.6666666667vw;
  }
  .top__ranking__list__item__rank::after {
    width: 4.2666666667vw;
  }
  .top__ranking__list__item__uniform {
    width: 11.7333333333vw;
    margin-right: 2.6666666667vw;
  }
  .top__ranking__list__item__uniform img {
    width: 7.7333333333vw;
  }
  .top__ranking__list__item__name {
    font-size: 1.8rem;
    line-height: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6vw;
  }
  .top__ranking__list__item__belong {
    font-size: 1rem;
    line-height: 1;
    padding: 1.0666666667vw 2.1333333333vw;
    border: 0.5333333333vw solid #CCC;
  }
  .top__ranking__list__item__point {
    font-size: 1.2rem;
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .top__ranking__list__item__point em {
    font-size: 2.4rem;
    line-height: 1;
    margin-right: 0.5333333333vw;
  }
  .top__ranking__list__item--first a {
    height: 22.4vw;
  }
  .top__ranking__list__item--first .top__ranking__list__item__rank {
    font-size: 2.8rem;
    line-height: 1;
  }
  .top__ranking__list__item--first .top__ranking__list__item__name {
    font-size: 2.2rem;
    line-height: 1;
  }
  .top__ranking__list__item--first .top__ranking__list__item__belong {
    font-size: 1.2rem;
    line-height: 1;
    padding: 1.3333333333vw 2.6666666667vw;
  }
  .top__ranking__list__item--first .top__ranking__list__item__point em {
    font-size: 2.8rem;
    line-height: 1;
  }
}
.top__race {
  background-color: #59C3E1;
  padding-top: min(0.0439238653 * 100vw, 60px);
}
.top__race__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: min(0.9399707174 * 100vw, 1284px);
  width: calc(100% - min(0.0292825769 * 100vw, 40px) * 2);
}
@media screen and (max-width: 767px) {
  .top__race__inner {
    max-width: inherit;
    width: calc(100% - 5.3333333333vw * 2);
  }
}
.top__race__ttl {
  font-size: min(2.3426061493vw, 3.2rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #171C62;
  text-align: center;
}
.top__race__list {
  display: flex;
  gap: min(0.0175695461 * 100vw, 24px);
  margin-top: min(0.0219619327 * 100vw, 30px);
  list-style: none;
}
.top__race__list__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
}
.top__race__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 0 0 auto;
  height: min(0.0878477306 * 100vw, 120px);
  padding: 0 min(0.0087847731 * 100vw, 12px) min(0.0029282577 * 100vw, 4px);
  position: relative;
}
.top__race__info__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.top__race__info__date {
  font-size: min(1.0248901903vw, 1.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4285714286;
  color: #fff;
  position: relative;
  filter: drop-shadow(0 0 min(0.0058565154 * 100vw, 8px) rgba(0, 0, 0, 0.6));
}
.top__race__info__date em {
  font-size: min(2.0497803807vw, 2.8rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1;
  font-family: "Open Sans", sans-serif;
}
.top__race__info__name {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #fff;
  margin-top: min(0.0029282577 * 100vw, 4px);
  position: relative;
}
.top__race__info__place {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.6875;
  color: #fff;
  position: relative;
}
.top__race__nav {
  display: flex;
  height: 100%;
  border-top: min(0.0014641288 * 100vw, 2px) solid #171C62;
}
.top__race__nav__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: min(0.0109809663 * 100vw, 15px) min(0.0087847731 * 100vw, 12px) min(0.0080527086 * 100vw, 11px);
  background-color: #fff;
}
.top__race__nav__item:not(:first-child) {
  border-left: min(0.0014641288 * 100vw, 2px) solid #171C62;
}
.top__race__nav__ttl {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  color: #171C62;
}
.top__race__nav__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.6875;
  margin-top: min(0.0014641288 * 100vw, 2px);
}
.top__race__nav a[target=_blank] {
  position: relative;
}
.top__race__nav a[target=_blank]::after {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/icon-blank.svg) center/contain no-repeat;
  position: absolute;
  bottom: min(0.0117130307 * 100vw, 16px);
  right: min(0.0102489019 * 100vw, 14px);
}
@media screen and (min-width: 768px), print {
  .top__race__list {
    justify-content: center;
  }
  .top__race__list__item {
    display: flex !important;
    flex-shrink: inherit !important;
    width: calc((100% - min(0.0175695461 * 100vw, 24px) * 3) / 4) !important;
  }
  .top__race .swiper-pagination {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .top__race {
    padding-top: 9.6vw;
  }
  .top__race__ttl {
    font-size: 2.8rem;
    line-height: 1;
  }
  .top__race__list {
    display: flex;
    gap: 0;
    margin-top: 5.3333333333vw;
    list-style: none;
  }
  .top__race__list__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1.6vw solid #171C62;
  }
  .top__race__info {
    height: 25.6vw;
    padding: 2.6666666667vw 2.6666666667vw 1.8666666667vw;
  }
  .top__race__info__date {
    font-size: 1.2rem;
    line-height: 1.4166666667;
    filter: drop-shadow(0 0 1.6vw rgba(0, 0, 0, 0.6));
  }
  .top__race__info__date em {
    font-size: 2.4rem;
    line-height: 1;
  }
  .top__race__info__name {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 0.2666666667vw;
  }
  .top__race__info__place {
    font-size: 1.4rem;
    line-height: 1.9285714286;
    margin-top: -0.8vw;
  }
  .top__race__nav {
    border-top: 0.5333333333vw solid #171C62;
  }
  .top__race__nav__item {
    padding: 2.6666666667vw;
  }
  .top__race__nav__item:last-child {
    border-left: 0.5333333333vw solid #171C62;
  }
  .top__race__nav__ttl {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    color: #171C62;
  }
  .top__race__nav__txt {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: 0;
  }
  .top__race__nav a[target=_blank]::after {
    width: 5.3333333333vw;
    right: 2.6666666667vw;
  }
  .top__race .swiper {
    width: calc(100% + 10.6666666667vw);
    margin-left: -5.3333333333vw;
    overflow: visible;
  }
  .top__race .swiper--disable .swiper-slide {
    opacity: 1;
    width: calc(100% - 10.6666666667vw);
    margin-left: 5.3333333333vw;
  }
  .top__race .swiper-slide {
    opacity: 0.5;
    transition: opacity 0.3s cubic-bezier(0.33, 0.13, 0.46, 0.71);
  }
  .top__race .swiper-slide.swiper-slide-active {
    opacity: 1;
  }
  .top__race .swiper-pagination {
    display: block !important;
    bottom: -2.6666666667vw !important;
    transform: translateY(100%);
  }
  .top__race .swiper-pagination-bullet {
    width: 3.2vw !important;
    height: 3.2vw !important;
    background-color: #fff;
    border: 0.5333333333vw solid #171C62;
    opacity: 1 !important;
  }
  .top__race .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #FFE638;
  }
}
.top__jockeys {
  background-color: #59C3E1;
  padding-top: min(0.0732064422 * 100vw, 100px);
  position: relative;
}
.top__jockeys__dot {
  display: block;
  width: min(0.39238653 * 100vw, 536px);
  position: absolute;
  top: max(-0.0226939971 * 100vw, -31px);
  right: calc(50% + min(0.2811127379 * 100vw, 384px));
}
.top__jockeys__wrap {
  display: grid;
  gap: min(0.0219619327 * 100vw, 30px) min(0.0563689605 * 100vw, 77px);
  grid-template-columns: 1fr min(0.5344070278 * 100vw, 730px);
  margin-right: max(-0.0754026354 * 100vw, -103px);
  position: relative;
}
.top__jockeys__inner {
  grid-area: 2/1/3/2;
}
.top__jockeys__img {
  grid-area: 1/2/5/3;
  width: min(0.5344070278 * 100vw, 730px);
}
.top__jockeys__ttl {
  width: min(0.2752562225 * 100vw, 376px);
}
.top__jockeys__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0219619327 * 100vw, 30px);
}
.top__jockeys__nav {
  grid-area: 3/1/4/2;
  display: flex;
  flex-direction: column;
  gap: min(0.0146412884 * 100vw, 20px);
  padding-bottom: min(0.0219619327 * 100vw, 30px);
}
@media screen and (max-width: 767px) {
  .top__jockeys {
    padding-top: 21.8666666667vw;
  }
  .top__jockeys__dot {
    width: 72vw;
    top: -8.5333333333vw;
    right: -36vw;
  }
  .top__jockeys__wrap {
    display: block;
    margin-right: 0;
  }
  .top__jockeys__img {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
  .top__jockeys__ttl {
    width: 65.8666666667vw;
    margin: 0 auto;
  }
  .top__jockeys__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    text-align: center;
    margin-top: 2.6666666667vw;
  }
  .top__jockeys__nav {
    flex-direction: inherit;
    gap: 2.9333333333vw;
    margin-top: 8vw;
    padding-bottom: 1.6vw;
  }
  .top__jockeys__nav .c-btn:last-child {
    padding-right: 1.6vw;
  }
  .top__jockeys__nav .c-btn::before {
    right: 1.6vw;
  }
}
.top__overview {
  background-color: #59C3E1;
  padding: min(0.0732064422 * 100vw, 100px) 0 min(0.0073206442 * 100vw, 10px);
  position: relative;
}
.top__overview__dot {
  display: block;
  width: min(0.3155197657 * 100vw, 431px);
  position: absolute;
  top: min(0.1442166911 * 100vw, 197px);
  left: calc(50% + min(0.3118594436 * 100vw, 426px));
}
.top__overview__wrap {
  display: grid;
  gap: min(0.0219619327 * 100vw, 30px) min(0.0563689605 * 100vw, 77px);
  grid-template-columns: min(0.5344070278 * 100vw, 730px) 1fr;
  margin-left: max(-0.0754026354 * 100vw, -103px);
  position: relative;
}
.top__overview__inner {
  grid-area: 2/2/3/3;
}
.top__overview__img {
  grid-area: 1/1/5/2;
  width: min(0.5344070278 * 100vw, 730px);
}
.top__overview__ttl {
  width: min(0.2752562225 * 100vw, 376px);
}
.top__overview__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0219619327 * 100vw, 30px);
}
.top__overview__em {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(0.0029282577 * 100vw, 4px);
  margin-top: min(0.0058565154 * 100vw, 8px);
}
.top__overview__em span {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1;
  color: #fff;
  background-color: #2F71B8;
  border: min(0.0014641288 * 100vw, 2px) solid #171C62;
  padding: min(0.0036603221 * 100vw, 5px) min(0.0087847731 * 100vw, 12px) min(0.005124451 * 100vw, 7px);
}
.top__overview__nav {
  grid-area: 3/2/4/3;
  display: flex;
  flex-direction: column;
  gap: min(0.0146412884 * 100vw, 20px);
  padding-bottom: min(0.0146412884 * 100vw, 20px);
}
@media screen and (max-width: 767px) {
  .top__overview {
    padding: 14.4vw 0 2.6666666667vw;
  }
  .top__overview__dot {
    width: 77.3333333333vw;
    top: -3.4666666667vw;
    left: -38.1333333333vw;
  }
  .top__overview__wrap {
    display: block;
    margin-left: 0;
  }
  .top__overview__img {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
  .top__overview__ttl {
    width: 66.6666666667vw;
    margin: 0 auto;
  }
  .top__overview__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    text-align: center;
    margin-top: 2.6666666667vw;
  }
  .top__overview__em {
    align-items: center;
    gap: 1.0666666667vw;
    margin-top: 2.6666666667vw;
  }
  .top__overview__em span {
    font-size: 1.6rem;
    line-height: 1;
    white-space: nowrap;
    border: 0.5333333333vw solid #171C62;
    max-width: 100%;
    padding: 1.3333333333vw 3.2vw 1.8666666667vw;
  }
  .top__overview__nav {
    align-items: center;
    margin-top: 8vw;
    padding-bottom: 1.6vw;
  }
}
.top__news {
  background-color: #009FB9;
  padding-top: min(0.1756954612 * 100vw, 240px);
  position: relative;
}
.top__news__dot {
  display: block;
  width: min(0.2547584187 * 100vw, 348px);
  position: absolute;
  top: min(0.1039531479 * 100vw, 142px);
  right: calc(50% + min(0.0358711567 * 100vw, 49px));
}
.top__news__rect {
  width: 100%;
  height: min(0.1661786237 * 100vw, 227px);
  -o-object-fit: fill;
  object-fit: fill;
  position: absolute;
  top: max(-0.0007320644 * 100vw, -1px);
  left: 0;
}
.top__news__inner {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: min(0.0219619327 * 100vw, 30px) min(0.0585651537 * 100vw, 80px);
  position: relative;
}
.top__news__ttl {
  grid-area: 1/1/2/2;
  width: min(0.1830161054 * 100vw, 250px);
}
.top__news__nav {
  grid-area: 2/1/3/2;
  position: relative;
  z-index: 1;
}
.top__news__list {
  height: -moz-max-content;
  height: max-content;
  grid-area: 1/2/3/3;
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  list-style: none;
}
.top__news__list__item {
  border-top: min(0.0014641288 * 100vw, 2px) solid #171C62;
}
.top__news__list__item:first-child {
  border-top: none;
}
.top__news__list__item a {
  display: flex;
  align-items: center;
  gap: min(0.0146412884 * 100vw, 20px);
  background-color: #fff;
  padding: min(0.0219619327 * 100vw, 30px);
}
.top__news__list__item a::after {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
}
.top__news__date {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1.375;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #2F71B8;
  flex: 0 0 auto;
  align-self: flex-start;
}
.top__news__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.375;
}
@media screen and (max-width: 767px) {
  .top__news {
    padding-top: 40vw;
  }
  .top__news__dot {
    width: 74.6666666667vw;
    top: 19.2vw;
    right: -31.2vw;
  }
  .top__news__rect {
    width: 253.3333333333vw;
    max-width: inherit;
    height: 40vw;
    top: -0.2666666667vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .top__news__inner {
    display: block;
  }
  .top__news__ttl {
    width: 44vw;
    margin: 0 auto;
  }
  .top__news__nav {
    display: flex;
    justify-content: center;
    margin-top: 8vw;
  }
  .top__news__list {
    height: auto;
    border: 1.6vw solid #171C62;
    margin-top: 5.3333333333vw;
  }
  .top__news__list__item {
    border-top: 0.5333333333vw solid #171C62;
  }
  .top__news__list__item a {
    display: grid;
    gap: 0 4.2666666667vw;
    padding: 4.2666666667vw 2.6666666667vw 4.2666666667vw 4.2666666667vw;
  }
  .top__news__list__item a::after {
    grid-area: 1/2/3/3;
    width: 5.3333333333vw;
  }
  .top__news__date {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    grid-area: 1/1/2/2;
  }
  .top__news__txt {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    grid-area: 2/1/3/2;
  }
}
.top__report {
  background-color: #009FB9;
  padding-top: min(0.1259150805 * 100vw, 172px);
}
.top__report__inner {
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  background-color: #59C3E1;
  padding: min(0.0688140556 * 100vw, 94px) 0 min(0.0292825769 * 100vw, 40px);
  position: relative;
}
.top__report__sec {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.top__report__sec + .top__report__sec {
  margin-top: min(0.0292825769 * 100vw, 40px);
}
.top__report__dot {
  display: block;
  position: absolute;
}
.top__report__dot--l {
  width: min(0.2196193265 * 100vw, 300px);
  top: 0;
  left: 0;
}
.top__report__dot--r {
  width: min(0.1610541728 * 100vw, 220px);
  bottom: 0;
  right: 0;
}
.top__report__ttl {
  width: min(0.2386530015 * 100vw, 326px);
  position: absolute;
  top: max(-0.0527086384 * 100vw, -72px);
  left: 50%;
  transform: translateX(-50%);
}
.top__report__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  color: #171C62;
  position: relative;
}
.top__report__video {
  width: min(0.4685212299 * 100vw, 640px);
  aspect-ratio: 640/360;
  position: relative;
}
.top__report__video iframe {
  width: 100%;
  height: 100%;
}
.top__report__date {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #ED6D35;
  margin-top: min(0.0131771596 * 100vw, 18px);
  position: relative;
}
.top__report__date text {
  fill: #ED6D35;
  stroke: #171C62;
  stroke-width: 4;
  paint-order: stroke;
  stroke-linejoin: round;
}
.top__report__date__l {
  font-size: 3.2rem;
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1.40625;
}
.top__report__date__r {
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 2.25;
}
@media screen and (max-width: 767px) {
  .top__report {
    padding-top: 29.3333333333vw;
  }
  .top__report__inner {
    border: 1.6vw solid #171C62;
    padding: 19.7333333333vw 3.7333333333vw 9.0666666667vw;
  }
  .top__report__sec + .top__report__sec {
    margin-top: 8vw;
  }
  .top__report__dot--l {
    width: 34.6666666667vw;
  }
  .top__report__dot--r {
    width: 34.6666666667vw;
  }
  .top__report__ttl {
    width: 57.3333333333vw;
    top: -13.3333333333vw;
  }
  .top__report__txt {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: -1.0666666667vw;
  }
  .top__report__video {
    width: 100%;
  }
  .top__report__date {
    margin-top: 4.2666666667vw;
  }
  .top__report__date text {
    stroke-width: 1.0666666667vw;
  }
  .top__report__date__l {
    font-size: 2.8rem;
    line-height: 1.5;
  }
  .top__report__date__r {
    font-size: 1.8rem;
    line-height: 2.3333333333;
  }
}
.top__gallery {
  background-color: #009FB9;
  padding: min(0.0732064422 * 100vw, 100px) 0 min(0.0490483163 * 100vw, 67px);
  position: relative;
}
.top__gallery__dot {
  display: block;
  width: min(0.270863836 * 100vw, 370px);
  position: absolute;
  top: min(0.013909224 * 100vw, 19px);
  right: calc(50% + min(0.0702781845 * 100vw, 96px));
}
.top__gallery__ttl {
  width: min(0.2701317716 * 100vw, 369px);
  margin: 0 auto;
  position: relative;
}
.top__gallery__nav {
  margin-left: auto;
  margin-right: auto;
  max-width: min(0.6442166911 * 100vw, 880px);
  width: auto;
  display: flex;
  justify-content: space-between;
  gap: min(0.0292825769 * 100vw, 40px);
  margin-top: min(0.0234260615 * 100vw, 32px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .top__gallery__nav {
    max-width: inherit;
    width: auto;
  }
}
.top__gallery__nav__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  background-color: #fff;
  width: 100%;
  height: min(0.102489019 * 100vw, 140px);
  padding-right: min(0.0161054173 * 100vw, 22px);
  position: relative;
}
.top__gallery__nav__item::after {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  flex: 0 0 auto;
  margin: 0 0 0 auto;
  background: url(/2024yjs/assets/img/common/tab-arw.svg) center/contain no-repeat;
}
.top__gallery__nav__item--pv {
  padding-left: min(0.1698389458 * 100vw, 232px);
}
.top__gallery__nav__item--poster {
  padding-left: min(0.1581259151 * 100vw, 216px);
}
.top__gallery__nav__img {
  position: absolute;
  bottom: 0;
  left: 0;
}
.top__gallery__nav__img--pv {
  width: min(0.1464128843 * 100vw, 200px);
}
.top__gallery__nav__img--poster {
  width: min(0.1361639824 * 100vw, 186px);
}
.top__gallery__nav__txt {
  font-size: min(2.0497803807vw, 2.8rem);
  font-weight: 800;
  letter-spacing: 0em;
  line-height: 1.3928571429;
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  color: #171C62;
}
@media screen and (max-width: 767px) {
  .top__gallery {
    padding: 16vw 0 10.6666666667vw;
  }
  .top__gallery__dot {
    width: 74.6666666667vw;
    top: -1.0666666667vw;
    right: 58.4vw;
  }
  .top__gallery__ttl {
    width: 64.8vw;
  }
  .top__gallery__nav {
    flex-direction: column;
    gap: 4.8vw;
    margin-top: 7.4666666667vw;
    position: relative;
    z-index: 2;
  }
  .top__gallery__nav__item {
    border: 1.6vw solid #171C62;
    height: 26.6666666667vw;
    padding-right: 4.8vw;
  }
  .top__gallery__nav__item::after {
    width: 5.3333333333vw;
  }
  .top__gallery__nav__item--pv, .top__gallery__nav__item--poster {
    padding-left: 42.6666666667vw;
  }
  .top__gallery__nav__img--pv {
    width: 35.7333333333vw;
  }
  .top__gallery__nav__img--poster {
    width: 33.0666666667vw;
  }
  .top__gallery__nav__txt {
    font-size: 2.4rem;
    line-height: 1.4166666667;
  }
}
.top__media {
  background-color: #fff;
  padding: min(0.1478770132 * 100vw, 202px) 0 min(0.0710102489 * 100vw, 97px);
  position: relative;
}
.top__media__dot {
  display: block;
  position: absolute;
}
.top__media__dot--01 {
  width: min(0.1844802343 * 100vw, 252px);
  position: absolute;
  top: max(-0.1530014641 * 100vw, -209px);
  left: calc(50% + min(0.4121522694 * 100vw, 563px));
  z-index: 1;
}
.top__media__dot--02 {
  width: min(0.2935578331 * 100vw, 401px);
  position: absolute;
  top: min(0.1251830161 * 100vw, 171px);
  right: calc(50% + min(0.2767203514 * 100vw, 378px));
}
.top__media__dot--03 {
  width: min(0.3360175695 * 100vw, 459px);
  position: absolute;
  top: min(0.4890190337 * 100vw, 668px);
  left: calc(50% + min(0.3213762811 * 100vw, 439px));
}
.top__media__bg {
  position: absolute;
  top: 0;
  left: 0;
}
.top__media__rect {
  width: 100%;
  height: min(0.1083455344 * 100vw, 148px);
  -o-object-fit: fill;
  object-fit: fill;
  position: absolute;
  top: max(-0.0007320644 * 100vw, -1px);
  left: 0;
}
.top__media__ttl {
  width: min(0.2276720351 * 100vw, 311px);
  margin: 0 auto;
}
.top__media__large {
  display: flex;
  justify-content: space-between;
  gap: min(0.0146412884 * 100vw, 20px);
  margin-top: min(0.0219619327 * 100vw, 30px);
  list-style: none;
  position: relative;
}
.top__media__large__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: min(0.0058565154 * 100vw, 8px) solid #171C62;
  border-top: none;
}
.top__media__large__ttl {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  padding: min(0.0109809663 * 100vw, 15px) 0 min(0.0124450952 * 100vw, 17px);
  background-color: #171C62;
}
.top__media__large__inner {
  padding: min(0.0146412884 * 100vw, 20px) min(0.0219619327 * 100vw, 30px) min(0.0409956076 * 100vw, 56px);
  height: 100%;
  background-color: #fff;
  position: relative;
}
.top__media__large__inner::after {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/icon-blank.svg) center/contain no-repeat;
  position: absolute;
  bottom: min(0.0146412884 * 100vw, 20px);
  right: min(0.0219619327 * 100vw, 30px);
}
.top__media__large__inner__ttl {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
}
.top__media__large__inner__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0029282577 * 100vw, 4px);
}
.top__media__large__logo {
  display: block;
  width: min(0.2196193265 * 100vw, 300px);
  margin: 0 auto;
}
.top__media__small {
  margin-top: min(0.0146412884 * 100vw, 20px);
  border: min(0.0058565154 * 100vw, 8px) solid #2F71B8;
  border-top: none;
  position: relative;
}
.top__media__small__ttl {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  padding: min(0.0109809663 * 100vw, 15px) 0 min(0.0124450952 * 100vw, 17px);
  background-color: #2F71B8;
}
.top__media__small__list {
  display: flex;
  list-style: none;
}
.top__media__small__list__item {
  width: 100%;
  border-left: min(0.0058565154 * 100vw, 8px) solid #2F71B8;
  position: relative;
}
.top__media__small__list__item:first-child {
  border-left: none;
}
.top__media__small__list__item::after {
  content: "";
  display: block;
  width: min(0.0175695461 * 100vw, 24px);
  aspect-ratio: 1/1;
  background: url(/2024yjs/assets/img/common/icon-blank.svg) center/contain no-repeat;
  position: absolute;
  bottom: min(0.0146412884 * 100vw, 20px);
  right: min(0.0219619327 * 100vw, 30px);
}
.top__media__small__list__item a {
  display: block;
  height: 100%;
  padding: min(0.0146412884 * 100vw, 20px) min(0.0219619327 * 100vw, 30px) min(0.0409956076 * 100vw, 56px);
  background-color: #fff;
}
.top__media__small__list__ttl {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.375;
  margin-top: min(0.0073206442 * 100vw, 10px);
}
.top__media__small__list__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0029282577 * 100vw, 4px);
}
.top__media__small__logo {
  display: block;
  width: min(0.1244509517 * 100vw, 170px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .top__media {
    padding: 35.4666666667vw 0 16vw;
    position: relative;
    z-index: 1;
  }
  .top__media__dot--01 {
    width: 66.6666666667vw;
    top: -50.1333333333vw;
    left: 68vw;
  }
  .top__media__dot--02 {
    width: 61.3333333333vw;
    top: 12.5333333333vw;
    right: 47.7333333333vw;
  }
  .top__media__dot--03 {
    width: 61.3333333333vw;
    top: 332vw;
    left: 60.2666666667vw;
  }
  .top__media__rect {
    width: 253.3333333333vw;
    max-width: inherit;
    height: 27.4666666667vw;
    top: -0.2666666667vw;
  }
  .top__media__ttl {
    width: 54.6666666667vw;
    position: relative;
  }
  .top__media__large {
    flex-direction: column;
    gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
  .top__media__large__item {
    border: 1.6vw solid #171C62;
    border-top: none;
  }
  .top__media__large__ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 3.2vw 0 3.7333333333vw;
  }
  .top__media__large__inner {
    padding: 5.3333333333vw 5.3333333333vw 9.6vw;
  }
  .top__media__large__inner::after {
    width: 5.3333333333vw;
    bottom: 2.6666666667vw;
    right: 2.6666666667vw;
  }
  .top__media__large__inner__ttl {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: 2.6666666667vw;
  }
  .top__media__large__inner__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 1.0666666667vw;
  }
  .top__media__large__logo {
    width: 66.6666666667vw;
  }
  .top__media__small {
    margin-top: 5.3333333333vw;
    border: 1.6vw solid #2F71B8;
    border-top: none;
    border-bottom: none;
  }
  .top__media__small__ttl {
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 3.2vw 0 3.7333333333vw;
  }
  .top__media__small__list {
    flex-wrap: wrap;
  }
  .top__media__small__list__item {
    width: calc(50% + 0.8vw);
    border-bottom: 1.6vw solid #2F71B8;
    border-left: 1.6vw solid #2F71B8;
  }
  .top__media__small__list__item:nth-child(2n+1) {
    width: calc(50% - 0.8vw);
    border-left: none;
  }
  .top__media__small__list__item::after {
    width: 5.3333333333vw;
    bottom: 2.6666666667vw;
    right: 2.6666666667vw;
  }
  .top__media__small__list__item a {
    padding: 5.3333333333vw 5.3333333333vw 9.6vw;
  }
  .top__media__small__list__ttl {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: 2.6666666667vw;
  }
  .top__media__small__list__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 1.0666666667vw;
  }
  .top__media__small__logo {
    width: 100%;
  }
}
.top__bnr {
  background-color: #FFE638;
  padding: min(0.1530014641 * 100vw, 209px) 0 min(0.0702781845 * 100vw, 96px);
  position: relative;
}
.top__bnr__dot {
  display: block;
  width: min(0.2086383602 * 100vw, 285px);
  position: absolute;
  bottom: 0;
}
.top__bnr__dot--l {
  left: 0;
  transform: scaleX(-1);
}
.top__bnr__dot--r {
  right: 0;
}
.top__bnr__rect {
  width: 100%;
  height: min(0.0988286969 * 100vw, 135px);
  -o-object-fit: fill;
  object-fit: fill;
  position: absolute;
  top: max(-0.0007320644 * 100vw, -1px);
  left: 0;
}
.top__bnr__ttl {
  display: block;
  width: min(0.2693997072 * 100vw, 368px);
  aspect-ratio: 368/172;
  background: url(/2024yjs/assets/img/top/bnr-ttl.png) center/contain no-repeat;
  position: absolute;
  top: min(0.0021961933 * 100vw, 3px);
  left: 50%;
  transform: translateX(-50%);
}
.top__bnr__ttl span {
  font-size: min(1.756954612vw, 2.4rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.4166666667;
  color: #fff;
  text-align: center;
  position: absolute;
  top: min(0.0234260615 * 100vw, 32px);
  left: 50%;
  transform: translateX(-50%);
}
.top__bnr__list {
  display: flex;
  gap: min(0.0256222548 * 100vw, 35px);
  margin: 0 max(-0.0754026354 * 100vw, -103px);
  list-style: none;
  position: relative;
}
.top__bnr__list__item {
  width: 100%;
}
.top__bnr__list__ttl {
  font-size: min(1.317715959vw, 1.8rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5;
  color: #2F71B8;
  margin-top: min(0.0131771596 * 100vw, 18px);
}
.top__bnr__list__txt {
  font-size: min(1.1713030747vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.8125;
  margin-top: min(0.0029282577 * 100vw, 4px);
}
.top__bnr__logo {
  border: min(0.0014641288 * 100vw, 2px) solid #171C62;
}
@media screen and (max-width: 767px) {
  .top__bnr {
    padding: 39.4666666667vw 0 13.3333333333vw;
  }
  .top__bnr__dot {
    width: 40vw;
  }
  .top__bnr__rect {
    width: 253.3333333333vw;
    max-width: inherit;
    height: 25.0666666667vw;
    top: -0.2666666667vw;
  }
  .top__bnr__ttl {
    width: 82.1333333333vw;
    top: 1.6vw;
  }
  .top__bnr__ttl span {
    font-size: 2rem;
    line-height: 1.4;
    top: 8vw;
  }
  .top__bnr__list {
    flex-wrap: wrap;
    gap: 7.2vw 4.5333333333vw;
    margin: 4.5333333333vw 0 0;
  }
  .top__bnr__list__item {
    width: calc((100% - 4.5333333333vw) / 2);
  }
  .top__bnr__list__ttl {
    font-size: 1.6rem;
    line-height: 1.375;
    margin-top: 2.6666666667vw;
  }
  .top__bnr__list__txt {
    font-size: 1.4rem;
    line-height: 1.7857142857;
    margin-top: 0.5333333333vw;
  }
  .top__bnr__logo {
    border: 0.5333333333vw solid #171C62;
  }
}

.lum-lightbox {
  z-index: 999;
}
.lum-lightbox .lum-lightbox-inner img {
  max-height: 100% !important;
  max-width: 100% !important;
}