@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
:root { --white: #fff; --black: #000; --gray: #979A9B; --lightGray: #EEEEEE; --line: #eee; --red: #CC0D21; --red-dark: #a60a19; --orange: #FDAA08; --orange-dark: #d69106; --tour: #197d46; --tour-dark: #135f35; --hospitality: #8c6400; --hospitality-dark: #745301; --tennis: #029CDF; --tennisBg: #009BDE; --aosBg: #009BDE; --aos: #0EA2E1; --blogmoji: #59BB0C; }
html { line-height: 1.5; text-size-adjust: 100%; }
body { margin: 0px; }
body * { box-sizing: border-box; padding: 0px; margin: 0px; font-size: inherit; }
img { vertical-align: bottom; }
article, aside, footer, header, nav, section { display: block; }
figcaption, figure, main { display: block; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: rgba(0, 0, 0, 0); text-decoration: none; }
abbr[title] { border-bottom: none; text-decoration: underline dotted; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
dfn { font-style: italic; }
mark { background-color: rgb(255, 255, 0); color: rgb(0, 0, 0); }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
audio, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0px; }
img { border-style: none; vertical-align: top; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, html [type="button"], [type="reset"], [type="submit"] { appearance: none; border: none; }
button:focus, html [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus { outline: none; }
li { list-style: none; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
details, menu { display: block; }
summary { display: list-item; }
canvas { display: inline-block; }
template { display: none; }
[hidden] { display: none; }
* { padding: 0px; margin: 0px; box-sizing: border-box; }
body { position: relative; min-width: 320px; width: 100%; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: var(--black); }
a, a:visited, a:active, a:hover { text-decoration: none; }
select, input[type="submit"], input[type="button"] { appearance: none; border: none; cursor: pointer; font: inherit; }
select:focus, input[type="submit"]:focus, input[type="button"]:focus { outline: none; }
@media screen and (min-width: 768px) {
  .is-pc { display: block; }
}
@media screen and (max-width: 767px) {
  .is-pc { display: none; }
}
@media screen and (min-width: 768px) {
  .is-sp { display: none; }
}
@media screen and (max-width: 767px) {
  .is-sp { display: block; }
}
@media screen and (max-width: 767px) {
  .breadcrumb { height: 40px; padding: 0px 10px; margin-top: 5px; overflow: scroll hidden; white-space: nowrap; }
}
@media screen and (max-width: 767px) {
  .breadcrumb ul.jtb-nav-breadcrumb { display: flex; min-width: 600px; padding: 0.75em 0.5em; }
}
@media screen and (max-width: 767px) {
  .breadcrumb ul.jtb-nav-breadcrumb li { color: var(--black); font-size: 3.2vw; }
}
@media screen and (max-width: 767px) {
  .breadcrumb ul.jtb-nav-breadcrumb li a { display: flex; align-items: center; color: var(--black); font-size: 3.2vw; }
}
@media screen and (max-width: 767px) {
  .breadcrumb ul.jtb-nav-breadcrumb li:not(:first-of-type) { display: flex; align-items: center; }
}
@media screen and (max-width: 767px) {
  .breadcrumb ul.jtb-nav-breadcrumb li:not(:first-of-type)::before { content: ">"; color: var(--gray); margin: 0px 1em; font-size: 3.2vw; }
}
.sec__inner { margin-inline: auto; padding: 10.6667vw 5.33333vw; }
@media screen and (min-width: 768px) {
  .sec__inner { padding: 5.55556vw 0px; max-width: 79.1667vw; }
}
#recoInfoSec .sec__inner { padding: 0vw 5.33333vw 10.6667vw; }
@media screen and (min-width: 768px) {
  #recoInfoSec .sec__inner { padding: 0vw 0px 5.55556vw; }
}
.sec__inner--notPadding { padding: 10.6667vw 5.33333vw; }
@media screen and (min-width: 768px) {
  .sec__inner--notPadding { padding: 0vw 0px; }
}
.sec__list { margin-top: 8vw; }
@media screen and (min-width: 768px) {
  .sec__list { margin-top: 2.77778vw; }
}
.sec__btn { margin-top: 5.33333vw; }
@media screen and (min-width: 768px) {
  .sec__btn { margin-top: 2.77778vw; }
}
.sec--sportsCategory { background-image: url("../images/bg-category.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.sec--sportsCategory .sec__inner { padding: 10.6667vw 5.33333vw; }
@media screen and (min-width: 768px) {
  .sec--sportsCategory .sec__inner { padding: 4.16667vw 0px; }
}
a.btn { position: relative; margin-inline: auto; display: flex; align-items: center; justify-content: center; width: 58.6667vw; height: 13.3333vw; font-size: 3.73333vw; background: linear-gradient(to right, var(--red), var(--orange) 100%); border-radius: 5px; color: var(--white); font-weight: 600; transition: opacity 200ms; }
@media screen and (min-width: 768px) {
  a.btn { width: 16.6667vw; height: 4.16667vw; font-size: 1.11111vw; }
}
a.btn::after { position: absolute; top: 50%; transform: translateY(-50%); content: ""; display: block; right: 5.33333vw; width: 4.8vw; height: 4.8vw; background-image: url("../images/arrow-link-w.svg"); background-size: 100%; background-repeat: no-repeat; transition: transform 200ms; }
@media screen and (min-width: 768px) {
  a.btn::after { right: 1.38889vw; width: 1.25vw; height: 1.25vw; }
}
@media screen and (min-width: 768px) {
  a.btn:hover { opacity: 0.8; }
}
@media screen and (min-width: 768px) {
  a.btn:hover::after { transform: translateY(-50%) translateX(-0.347222vw); }
}
a.btn--more::after { transform-origin: center center; transform: translateY(-50%) rotate(90deg); }
@media screen and (min-width: 768px) {
  a.btn--more:hover::after { transform: translateY(-50%) rotate(90deg); }
}
.bnr { margin-inline: auto; padding: 0px 5.33333vw; }
@media screen and (min-width: 768px) {
  .bnr { padding: 0px; width: 77.7778vw; }
}
.bnr__ttl { font-size: 3.73333vw; font-weight: 600; }
@media screen and (min-width: 768px) {
  .bnr__ttl { margin-top: 1em; font-size: 1.11111vw; }
}
.bnr a { transition: opacity 200ms; padding: 0px 0.25em; color: unset; }
@media screen and (min-width: 768px) {
  .bnr a { padding: 0px 0.694444vw; }
}
.bnr a img { width: 100%; }
@media screen and (min-width: 768px) {
  .bnr a:hover { opacity: 0.7; }
}
.bnr--top { padding: 5.33333vw 5.33333vw 0px; }
@media screen and (min-width: 768px) {
  .bnr--top { padding: 2.77778vw 0px 0px; }
}
.bnr .slick-dots { margin-top: 1em; }
.enHead { display: flex; flex-direction: column; justify-content: center; gap: 2.66667vw; }
@media screen and (min-width: 768px) {
  .enHead { gap: 1.04167vw; }
}
.enHead__en { color: var(--red); font-size: 4.8vw; letter-spacing: 0.06em; font-weight: 600; }
@media screen and (min-width: 768px) {
  .enHead__en { font-size: 1.66667vw; }
}
.enHead__ja { line-height: 1.4; font-size: 6.4vw; letter-spacing: 0.06em; font-weight: 600; }
@media screen and (min-width: 768px) {
  .enHead__ja { font-size: 2.77778vw; }
}
.enHead--center { text-align: center; }
.secDesc { margin-top: 2.66667vw; font-size: 3.73333vw; font-weight: 500; letter-spacing: 0.06em; }
@media screen and (min-width: 768px) {
  .secDesc { margin-top: 1.38889vw; font-size: 1.25vw; }
}
.secDesc--center { text-align: center; }
.summaryList--flex { display: flex; flex-direction: column; gap: 5.33333vw; }
@media screen and (min-width: 768px) {
  .summaryList--flex { gap: 1.38889vw; flex-direction: row; }
}
.summaryList--slide .summaryList__item { padding: 0px 1.33333vw; max-width: unset; }
@media screen and (min-width: 768px) {
  .summaryList--slide .summaryList__item { padding: 0px 0.694444vw; }
}
.summaryList--slide .summaryList__item a { height: 100%; }
@media screen and (min-width: 768px) {
  .summaryList__item { max-width: 18.0556vw; }
}
.summaryList__item a { display: block; color: var(--black); transition: opacity 200ms; }
@media screen and (min-width: 768px) {
  .summaryList__item a:hover { opacity: 0.7; }
}
.summaryBox { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px; border-radius: 0px 0px 10px 10px; height: 100%; }
.summaryBox__thumb { position: relative; height: 53.3333vw; }
@media screen and (min-width: 768px) {
  .summaryBox__thumb { height: auto; }
}
.summaryBox__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px 10px 0px 0px; }
.summaryBox__tags { position: absolute; top: 0px; left: 0px; padding: 2.66667vw; }
@media screen and (min-width: 768px) {
  .summaryBox__tags { padding: 0.694444vw; }
}
.summaryBox__body { padding: 2.66667vw 2.66667vw 4vw; }
@media screen and (min-width: 768px) {
  .summaryBox__body { padding: 1.38889vw; }
}
.summaryBox__area { color: var(--black); }
.summaryBox__title { margin-top: 2.66667vw; font-size: 3.73333vw; font-weight: 600; color: var(--black); }
@media screen and (min-width: 768px) {
  .summaryBox__title { margin-top: 0.694444vw; font-size: 1.25vw; }
}
.summaryBox__desc { margin-top: 2.66667vw; font-size: 3.2vw; line-height: 1.6; color: var(--black); }
@media screen and (min-width: 768px) {
  .summaryBox__desc { margin-top: 0.694444vw; font-size: 0.972222vw; }
}
.summaryBox__data { margin-top: 2.66667vw; font-size: 3.2vw; color: var(--black); }
@media screen and (min-width: 768px) {
  .summaryBox__data { margin-top: 0.694444vw; font-size: 0.972222vw; }
}
.summaryBox__anchor { display: flex; align-items: center; gap: 1.6vw; font-weight: 500; font-size: 2.66667vw; margin-top: 2.66667vw; color: var(--black); }
@media screen and (min-width: 768px) {
  .summaryBox__anchor { gap: 0.416667vw; font-size: 0.833333vw; margin-top: 1.38889vw; }
}
.summaryBox__anchor::after { content: ""; display: block; width: 4.8vw; height: 4.8vw; background-image: url("../images/arrow-anchor.svg"); background-size: 100%; background-repeat: no-repeat; }
@media screen and (min-width: 768px) {
  .summaryBox__anchor::after { width: 1.25vw; height: 1.25vw; }
}
.moveArea { display: flex; align-items: center; font-size: 3.2vw; font-weight: 300; }
@media screen and (min-width: 768px) {
  .moveArea { font-size: 0.833333vw; }
}
.moveArea::before { content: ""; display: block; width: 2.66667vw; height: 3.73333vw; margin: 0px 1.6vw; background-image: url("../images/icn-pin.svg"); background-size: 100%; background-repeat: no-repeat; }
@media screen and (min-width: 768px) {
  .moveArea::before { width: 0.694444vw; height: 0.972222vw; margin: 0px 0.416667vw; }
}
.tags { display: flex; gap: 0.347222vw; }
.tags__item { display: flex; align-items: center; justify-content: center; font-size: 3.2vw; padding: 1.6vw 2.66667vw; color: var(--white); line-height: 1; border-radius: 5px; }
@media screen and (min-width: 768px) {
  .tags__item { font-size: 0.833333vw; padding: 0.416667vw 0.694444vw; }
}
.tags__item--sports { background-color: var(--red); }
.tags__item--spot { background-color: var(--gray); }
.summaryData__item { display: flex; align-items: center; gap: 4vw; }
@media screen and (min-width: 768px) {
  .summaryData__item { gap: 1.04167vw; }
}
.summaryData__item:not(:first-child) { margin-top: 1.33333vw; }
@media screen and (min-width: 768px) {
  .summaryData__item:not(:first-child) { margin-top: 0.347222vw; }
}
.summaryData__item dt { flex-shrink: 0; border-radius: 5px; display: flex; align-items: center; justify-content: center; font-size: 3.2vw; padding: 0.533333vw 2.4vw; border: 1px solid var(--gray); }
@media screen and (min-width: 768px) {
  .summaryData__item dt { font-size: 0.833333vw; padding: 0.138889vw 0.625vw; }
}
.summaryData__item dd { font-size: 3.2vw; }
@media screen and (min-width: 768px) {
  .summaryData__item dd { font-size: 0.833333vw; }
}
.categoryList { display: grid; grid-template-columns: 1fr 1fr; gap: 1.33333vw; }
@media screen and (min-width: 768px) {
  .categoryList { grid-template-columns: minmax(18.75vw, 18.75vw) minmax(18.75vw, 18.75vw) minmax(18.75vw, 18.75vw) minmax(18.75vw, 18.75vw); gap: 1.38889vw; }
}
.categoryList__item { background-color: var(--white); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 40px; }
.categoryList__inner { display: flex; align-items: center; transition: opacity 200ms; }
@media screen and (min-width: 768px) {
  .categoryList__inner:hover { opacity: 0.7; }
}
.categoryList__thumb { width: 16vw; height: 16vw; flex-shrink: 0; overflow: hidden; border-radius: 5px 0px 0px 5px; }
@media screen and (min-width: 768px) {
  .categoryList__thumb { width: 5.55556vw; height: 5.55556vw; }
}
.categoryList__thumb img { width: 100%; height: 100%; border-radius: 5px 0px 0px 5px; transition: scale 200ms; }
.categoryList__body { padding: 0px 1.6vw; font-size: 3.2vw; font-weight: 400; flex: 1 1 0%; color: var(--black); }
@media screen and (min-width: 768px) {
  .categoryList__body { font-weight: 600; padding: 0px 0.694444vw; font-size: 0.972222vw; }
}
.blogBnr { position: relative; padding: 5.33333vw 0px; background-image: url("../images/blog.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 100px; }
@media screen and (min-width: 768px) {
  .blogBnr { padding: 2.5vw 0px; }
}
@media screen and (max-width: 767.98px) {
  .blogBnr { padding: 5.333vw 0px; background-image: url("../images/blog_sp.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
}
.blogBnr__inner { position: relative; z-index: 1; }
.blogBnr .enHead__en { color: var(--blogmoji); }
.blogBnr .enHead__ja { color: var(--blogmoji); }
.blogBnr__desc { text-align: center; line-height: 2; font-size: 3.2vw; margin-top: 2.66667vw; color: var(--blogmoji); }
@media screen and (min-width: 768px) {
  .blogBnr__desc { font-size: 1.04167vw; margin-top: 1.11111vw; }
}
.blogBnr a { color: var(--black); }
.blogBnr__link { position: relative; display: flex; align-items: center; justify-content: center; margin: 5.33333vw auto 0px; width: 64vw; height: 13.3333vw; border: 1px solid var(--red); background-color: var(--white); border-radius: 40px; font-weight: 600; font-size: 3.73333vw; color: var(--black); transition: background-color 200ms; }
@media screen and (min-width: 768px) {
  .blogBnr__link { margin: 1.25vw auto 0px; width: 16.6667vw; height: 4.16667vw; font-size: 1.11111vw; }
}
.blogBnr__link::after { position: absolute; top: 50%; transform: translateY(-50%); content: ""; display: block; right: 5.33333vw; width: 4.8vw; height: 4.8vw; background-image: url("../images/arrow-link.svg"); background-size: 100%; background-repeat: no-repeat; transition: transform 200ms; }
@media screen and (min-width: 768px) {
  .blogBnr__link::after { right: 1.38889vw; width: 1.25vw; height: 1.25vw; }
}
@media screen and (min-width: 768px) {
  .blogBnr__link:hover { background-color: var(--red); color: var(--white); }
}
@media screen and (min-width: 768px) {
  .blogBnr__link:hover::after { transform: translateY(-50%) translateX(-0.347222vw); }
}
.relationBnr { display: grid; justify-content: center; grid-template-columns: 1fr; gap: 4.26667vw; margin-top: 5.33333vw; padding: 0px 5.33333vw 8vw; }
@media screen and (min-width: 768px) {
  .relationBnr { grid-template-columns: minmax(20.8333vw, 20.8333vw) minmax(20.8333vw, 20.8333vw) minmax(20.8333vw, 20.8333vw); gap: 1.38889vw; margin-top: 2.77778vw; padding: 0px 0px 4.16667vw; }
}
.relationBnr__item { display: flex; flex-direction: column; gap: 2.13333vw; color: var(--black); transition: opacity 200ms; }
@media screen and (min-width: 768px) {
  .relationBnr__item { gap: 0.555556vw; }
}
@media screen and (min-width: 768px) {
  .relationBnr__item:hover { opacity: 0.7; }
}
.relationBnr a { color: var(--black); }
.relationBnr__title { font-size: 3.73333vw; font-weight: 600; }
@media screen and (min-width: 768px) {
  .relationBnr__title { margin-top: 1em; font-size: 1.11111vw; }
}
.relationBnr__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.relationBnr__body { font-size: 3.2vw; }
@media screen and (min-width: 768px) {
  .relationBnr__body { font-size: 0.972222vw; }
}
.jsc-summarySlide .slick-track { display: flex; padding: 5.33333vw 0px; }
@media screen and (min-width: 768px) {
  .jsc-summarySlide .slick-track { padding: 1.38889vw 0px; }
}
.jsc-summarySlide .slick-slide { height: auto !important; }
.slick-dots { display: flex; justify-content: center; gap: 3.2vw; }
@media screen and (min-width: 768px) {
  .slick-dots { gap: 0.694444vw; }
}
.slick-dots li button { display: block; width: 1.6vw; height: 1.6vw; cursor: pointer; overflow: hidden; text-indent: -200vw; background-color: var(--gray); border-radius: 50%; }
@media screen and (min-width: 768px) {
  .slick-dots li button { width: 0.555556vw; height: 0.555556vw; }
}
.slick-dots li.slick-active button { background-color: var(--red); }
.jsc-summarySlide { position: relative; }
.slick-prev { position: absolute; left: 1.33333vw; top: 50%; z-index: 60; background-color: unset; text-indent: -200vw; overflow: hidden; cursor: pointer; transform: translateY(-50%); width: 8vw; height: 8vw; background-image: url("../images/arrow-prev-primary.svg"); background-size: 100%; background-repeat: no-repeat; }
@media screen and (min-width: 768px) {
  .slick-prev { left: 0px; width: 2.77778vw; height: 2.77778vw; transform: translateY(-30%) translateX(-50%); }
}
@media screen and (min-width: 768px) {
  .slick-prev:hover { opacity: 0.7; }
}
.slick-next { position: absolute; right: 1.33333vw; top: 50%; z-index: 60; background-color: unset; text-indent: -200vw; overflow: hidden; cursor: pointer; transform: translateY(-50%); width: 8vw; height: 8vw; background-image: url("../images/arrow-next-primary.svg"); background-size: 100%; background-repeat: no-repeat; }
@media screen and (min-width: 768px) {
  .slick-next { right: 0px; width: 2.77778vw; height: 2.77778vw; transform: translateY(-30%) translateX(50%); }
}
@media screen and (min-width: 768px) {
  .slick-next:hover { opacity: 0.7; }
}
.notMsg { margin-top: 2.66667vw; font-size: 3.2vw; font-weight: 500; letter-spacing: 0.06em; text-align: center; background-color: var(--lightGray); border-radius: 8px; padding: 1em; }
@media screen and (min-width: 768px) {
  .notMsg { margin-top: 2.08333vw; font-size: 1.04167vw; }
}
.fixNav { position: fixed; right: 50%; bottom: 0px; z-index: 100; width: 100%; display: flex; transform: translateX(50%); justify-content: center; flex-direction: row; gap: 1.33333vw; padding: 0px 2.66667vw; }
@media screen and (min-width: 768px) {
  .fixNav { padding: 0px; gap: 0.347222vw; position: fixed; right: 0px; bottom: unset; top: 50%; width: auto; transform: translateY(-50%); flex-direction: column; }
}
.fixNav a { color: var(--white); }
.fixNav__item { flex: 1 1 0%; display: flex; justify-content: center; align-items: center; border-radius: 10px 10px 0px 0px; background-color: var(--orange); width: 100%; font-weight: 600; font-size: 2.66667vw; text-align: center; padding: 2.66667vw; line-height: 1.25; color: var(--white); letter-spacing: 0.06em; transform: translateX(0.694444vw); transition: transform 100ms, background-color 100ms; box-shadow: rgba(0, 0, 0, 0.1) 0px -4px 10px; }
@media screen and (min-width: 768px) {
  .fixNav__item { box-shadow: rgba(0, 0, 0, 0.1) 4px 0px 10px; flex: unset; width: auto; text-align: left; border-radius: 10px 0px 0px 10px; writing-mode: vertical-rl; font-size: 1.04167vw; padding: 1.04167vw 1.73611vw 1.04167vw 1.04167vw; }
}
.fixNav__item--tour { background-color: var(--tour); }
@media screen and (min-width: 768px) {
  .fixNav__item--tour:hover { background-color: var(--tour-dark); }
}
.fixNav__item--hospitality { background-color: var(--hospitality); }
@media screen and (min-width: 768px) {
  .fixNav__item--hospitality:hover { background-color: var(--hospitality-dark); }
}
.fixNav__item--magazine { background-color: var(--red); }
@media screen and (min-width: 768px) {
  .fixNav__item--magazine:hover { background-color: var(--red-dark); }
}
.fv { position: relative; width: 100%; }
.fv__inner { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); z-index: 50; display: flex; align-items: center; flex-direction: column; padding-top: 10.6667vw; }
@media screen and (min-width: 768px) {
  .fv__inner { top: 50%; transform: translateX(-50%) translateY(-50%); padding-top: 0px; justify-content: center; }
}
.fv__inner--hasvideo { top: unset; bottom: 4em; left: 50%; transform: translateX(-50%); }
@media screen and (min-width: 768px) {
  .fv__inner--hasvideo { bottom: 8.33333vw; }
}
.fv__catch { text-align: center; font-weight: 800; color: var(--white); font-size: 7.46667vw; white-space: nowrap; }
@media screen and (min-width: 768px) {
  .fv__catch { font-size: 3.47222vw; }
}
.fv__jtb { margin-inline: auto; margin-top: 2.66667vw; width: 44vw; }
@media screen and (min-width: 768px) {
  .fv__jtb { width: 31.25vw; margin-top: 0.694444vw; }
}
.fv a { color: var(--white); }
.fv__btn { display: flex; align-items: center; width: fit-content; margin: 5.33333vw auto 0px; color: var(--white); font-weight: 600; background-color: rgba(0, 0, 0, 0.8); transition: background-color 200ms; padding: 2.66667vw 8vw; font-size: 3.2vw; }
@media screen and (min-width: 768px) {
  .fv__btn { font-size: 1.25vw; margin: 1.38889vw auto 0px; padding: 0.694444vw 2.08333vw; }
}
.fv__btn::after { content: ""; display: block; width: 3.2vw; height: 3.2vw; margin-left: 2.66667vw; background-image: url("../images/arrow-btn.png"); background-size: 100%; background-repeat: no-repeat; transition: transform 200ms; }
@media screen and (min-width: 768px) {
  .fv__btn::after { width: 1.11111vw; height: 1.11111vw; margin-left: 0.694444vw; }
}
@media screen and (min-width: 768px) {
  .fv__btn:hover { background-color: var(--red); }
}
@media screen and (min-width: 768px) {
  .fv__btn:hover::after { transform: translateX(-0.347222vw); }
}
.fv__video { display: none; height: 74.6667vw; pointer-events: none; }
.fv__video .eviry-baseplayer { width: 100% !important; height: 100% !important; }
@media screen and (min-width: 768px) {
  .fv__video { display: block; position: relative; z-index: 10; overflow: hidden; background-color: rgb(0, 0, 0); height: 40.2778vw; }
}
.fv__video video { width: 100% !important; margin: 0px !important; max-width: unset !important; }
.fv__video img { width: 100% !important; height: 100% !important; margin: 0px !important; object-fit: cover !important; }
.fv__video--sp { display: block; }
@media screen and (min-width: 768px) {
  .fv__video--sp { display: none; }
}
.fv__slide { position: relative; z-index: 10; overflow: hidden; background-color: rgb(0, 0, 0); }
.fv__slide img { width: 100%; height: 100%; object-fit: cover; }
.fv__slide .slide-animation { animation-name: fadezoom; animation-fill-mode: backwards; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: normal; }
.fv__slide .slick-dots { position: absolute; left: 50%; bottom: 18.6667vw; transform: translateX(-50%); z-index: 50; }
@media screen and (min-width: 768px) {
  .fv__slide .slick-dots { bottom: 5.55556vw; }
}
.fv__slide .slick-dots li button { background-color: var(--white); }
.fv__slide .slick-dots li.slick-active button { background-color: var(--red); }
@keyframes fadezoom { 
  0% { transform: scale(1); }
  100% { transform: scale(1.2); }
}
.bottomBar { position: relative; z-index: 70; background: linear-gradient(to right, var(--red), var(--orange) 100%); padding: 0px 2.66667vw; }
@media screen and (min-width: 768px) {
  .bottomBar { padding: 0px; }
}
.bottomBar__inner { position: relative; z-index: 2; }
.bottomBar::before { position: absolute; top: 0px; left: 0px; z-index: 1; content: ""; display: block; width: 100%; height: 100%; background-size: 5px; background-image: url("../images/bg-dotted.png"); }
.gnav { position: relative; background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 40px; border-radius: 2.66667vw; margin: 0px auto -13.3333vw; transform: translateY(-13.3333vw); }
@media screen and (min-width: 768px) {
  .gnav { transform: translateY(-3.47222vw); margin: 0px auto -3.47222vw; border-radius: 0.694444vw; height: 6.94444vw; max-width: 77.7778vw; }
}
.gnav__inner { display: flex; flex-wrap: wrap; height: 100%; }
.gnav__item { width: 50%; border-bottom: 1px solid var(--line); }
@media screen and (min-width: 768px) {
  .gnav__item { border-bottom: none; border-right: 1px solid var(--line); height: 100%; flex: 1 1 0%; }
}
.gnav__item:nth-child(2) { border-left: 1px solid var(--line); }
@media screen and (min-width: 768px) {
  .gnav__item:nth-child(2) { border-left: none; }
}
.gnav__item:nth-child(4) { border-left: 1px solid var(--line); }
@media screen and (min-width: 768px) {
  .gnav__item:nth-child(4) { border-left: none; }
}
.gnav__item a { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; text-align: center; color: var(--black); font-weight: 600; line-height: 1.4; padding: 3.2vw 2.66667vw 5.33333vw; font-size: 3.2vw; letter-spacing: 0.06em; }
@media screen and (min-width: 768px) {
  .gnav__item a { padding: 0.694444vw 0.694444vw 2.08333vw; font-size: 1.11111vw; }
}
.gnav__item a::after { position: absolute; bottom: 1.33333vw; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 2.13333vw; height: 2.13333vw; background-image: url("../images/arrow-nav.svg"); background-size: 100%; background-repeat: no-repeat; transition: transform 200ms; }
@media screen and (min-width: 768px) {
  .gnav__item a::after { width: 0.694444vw; height: 0.694444vw; bottom: 1.04167vw; }
}
@media screen and (min-width: 768px) {
  .gnav__item a:hover { color: var(--red); transition: color 200ms; }
}
@media screen and (min-width: 768px) {
  .gnav__item a:hover::after { transform: translateX(-50%) translateY(-0.347222vw); background-image: url("../images/arrow-nav-red.svg"); }
}
.gnav__btn { padding: 2.66667vw; flex: 1 1 0%; }
@media screen and (min-width: 768px) {
  .gnav__btn { padding: 0.694444vw; flex: unset; }
}
.gnav__btn a { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 62.6667vw; padding: 2.93333vw 0px; background-color: var(--red); color: var(--white); font-weight: 600; text-align: center; border-radius: 10px; font-size: 3.2vw; line-height: 1.4; transition: background-color 200ms; margin-inline: auto; }
@media screen and (min-width: 768px) {
  .gnav__btn a { width: 14.2361vw; padding: 1.18056vw 0px; font-size: 1.11111vw; }
}
@media screen and (min-width: 768px) {
  .gnav__btn a:hover { background-color: var(--red-dark); }
}
.gnav__btn a br { display: none; }
@media screen and (min-width: 768px) {
  .gnav__btn a br { display: block; }
}
.gnav__btn a::before { position: absolute; top: 50%; transform: translateY(-50%); content: ""; display: block; right: 2.66667vw; width: 4.8vw; height: 4.8vw; background-image: url("../images/arrow-link.svg"); background-size: 100%; background-repeat: no-repeat; transition: transform 200ms; }
@media screen and (min-width: 768px) {
  .gnav__btn a::before { display: none; }
}
.infoBar { margin: 0px auto; }
@media screen and (min-width: 768px) {
  .infoBar { max-width: 77.7778vw; }
}
.infoBar__inner { display: flex; justify-content: center; flex-direction: column; padding: 5.33333vw 0px; gap: 5.33333vw; }
@media screen and (min-width: 768px) {
  .infoBar__inner { flex-direction: row; padding: 1.38889vw 0px; gap: 1.66667vw; }
}
.infoBar__inner .newsTop { flex: 1 1 0%; }
.newsTop { display: flex; flex-direction: column; gap: 4vw; padding: 5.33333vw; border-radius: 2.66667vw; background-color: rgba(255, 255, 255, 0.1); }
@media screen and (min-width: 768px) {
  .newsTop { flex-direction: row; gap: 2.77778vw; padding: 1.38889vw; border-radius: 0.694444vw; }
}
.newsTop__head { font-weight: 600; color: var(--white); font-size: 3.2vw; flex-shrink: 0; }
@media screen and (min-width: 768px) {
  .newsTop__head { font-size: 1.11111vw; }
}
.newsTop__item:not(:first-child) { margin-top: 5.33333vw; }
@media screen and (min-width: 768px) {
  .newsTop__item:not(:first-child) { margin-top: 0.694444vw; }
}
.newsTop__inner { display: flex; flex-direction: column; gap: 1.33333vw; transition: opacity 200ms; }
@media screen and (min-width: 768px) {
  .newsTop__inner { align-items: center; flex-direction: row; gap: 1.38889vw; }
}
@media screen and (min-width: 768px) {
  .newsTop__inner:hover { opacity: 0.7; }
}
.newsTop__date { color: var(--white); font-size: 3.2vw; flex-shrink: 0; }
@media screen and (min-width: 768px) {
  .newsTop__date { font-size: 0.972222vw; }
}
.newsTop__value { color: var(--white); font-size: 3.2vw; text-decoration: underline; flex: 1 1 0%; }
@media screen and (min-width: 768px) {
  .newsTop__value { font-size: 0.972222vw; }
}
.snsTop { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
@media screen and (min-width: 768px) {
  .snsTop { align-items: flex-start; justify-content: flex-start; flex-direction: column; }
}
.snsTop__head { font-weight: 600; color: var(--white); font-size: 3.2vw; padding-left: 5.33333vw; }
@media screen and (min-width: 768px) {
  .snsTop__head { padding-left: 0px; font-size: 1.11111vw; }
}
.snsTop__btn { margin-top: 2.66667vw; }
@media screen and (min-width: 768px) {
  .snsTop__btn { margin-top: 0.694444vw; }
}
.snsBtn { display: flex; align-items: center; gap: 2.66667vw; padding: 2.13333vw 12vw; background-color: var(--black); border-radius: 16vw; color: var(--white); transition: background-color 150ms; }
@media screen and (min-width: 768px) {
  .snsBtn { gap: 0.694444vw; padding: 0.555556vw 3.125vw; }
}
.snsBtn::before { content: ""; display: block; width: 4.26667vw; height: 4.26667vw; background-image: url("../images/icn-x.svg"); background-size: auto 100%; background-position: center center; background-repeat: no-repeat; }
@media screen and (min-width: 768px) {
  .snsBtn::before { width: 1.59722vw; height: 1.59722vw; }
}
.snsBtn__body { display: flex; flex-direction: column; }
.snsBtn__unit { font-size: 2.66667vw; color: var(--white); }
@media screen and (min-width: 768px) {
  .snsBtn__unit { font-size: 0.972222vw; }
}
.snsBtn__account { font-size: 3.2vw; font-weight: 600; color: var(--white); text-align: center; }
@media screen and (min-width: 768px) {
  .snsBtn__account { text-align: left; font-size: 1.38889vw; }
}
@media screen and (min-width: 768px) {
  .snsBtn:hover { background-color: var(--red); }
}
.supportList { display: grid; grid-template-columns: 1fr; gap: 2.66667vw; }
@media screen and (min-width: 768px) {
  .supportList { grid-template-columns: minmax(24.3056vw, 24.3056vw) 1fr 1fr; gap: 1.38889vw; }
}
.supportList__item--hidden { display: none; }
@media screen and (min-width: 768px) {
  .supportList__item--hidden { display: block; }
}
.acdBtn { display: flex; align-items: center; justify-content: center; margin: 5.33333vw auto 0px; width: 64vw; height: 13.3333vw; border: 1px solid var(--red); background-color: var(--white); border-radius: 40px; font-weight: 600; font-size: 3.73333vw; color: var(--black); transition: background-color 200ms; }
@media screen and (min-width: 768px) {
  .acdBtn { display: none; margin: 1.25vw auto 0px; width: 16.6667vw; height: 4.16667vw; font-size: 1.11111vw; }
}
.acdBtn::before { content: "+"; display: block; margin-right: 1em; }
@media screen and (min-width: 768px) {
  .acdBtn:hover { background-color: var(--red); color: var(--white); }
}
.supportBox { background-color: var(--white); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 40px; }
.supportBox__thumb img { width: 100%; height: 100%; border-radius: 5px 5px 0px 0px; }
.supportBox__body { padding: 1.6vw 2.66667vw; font-size: 3.2vw; color: var(--black); }
@media screen and (min-width: 768px) {
  .supportBox__body { padding: 1.04167vw 1.38889vw; font-size: 0.972222vw; }
}
.newsList { margin: 0px auto; }
@media screen and (min-width: 768px) {
  .newsList { width: 66.6667vw; }
}
.newsList__item { border-top: 1px solid var(--lightGray); }
.newsList__item:last-child { border-bottom: 1px solid var(--lightGray); }
.newsList__item--hidden { display: none; }
.newsList a { color: var(--black); }
.newsList__inner { position: relative; display: flex; flex-direction: column; gap: 1.33333vw; padding: 5.33333vw 12vw 5.33333vw 4vw; color: var(--black); }
@media screen and (min-width: 768px) {
  .newsList__inner { flex-direction: row; align-items: center; gap: 5.55556vw; padding: 2.08333vw 2.77778vw; }
}
.newsList__inner::before { position: absolute; top: 50%; transform: translateY(-50%); content: ""; display: block; right: 2.66667vw; width: 2.13333vw; height: 2.13333vw; background-image: url("../images/arrow-news.svg"); background-size: 100%; background-repeat: no-repeat; transition: transform 200ms; }
@media screen and (min-width: 768px) {
  .newsList__inner::before { right: 1.38889vw; width: 0.694444vw; height: 0.694444vw; }
}
@media screen and (min-width: 768px) {
  .newsList__inner:hover { color: var(--red); }
  .newsList__inner:hover::before { background-image: url("../images/arrow-news-red.svg"); transform: translateY(-50%) translateX(-0.347222vw); }
}
.newsList__date { font-size: 3.2vw; white-space: nowrap; }
@media screen and (min-width: 768px) {
  .newsList__date { font-size: 1.11111vw; }
}
.newsList__value { font-size: 3.2vw; }
@media screen and (min-width: 768px) {
  .newsList__value { font-size: 1.11111vw; }
}
.newsList--col3 .newsList__item:nth-child(n+4) { display: none; }
@media screen and (min-width: 768px) {
  .newsList--col3 .newsList__item:nth-child(n+4) { display: block; }
}
.categoryKv { background-color: var(--black); background-repeat: no-repeat; background-size: auto 100%; background-position: right center; }
@media screen and (min-width: 768px) {
  .categoryKv { height: 27.7778vw; }
}
.categoryKv::before { content: ""; display: block; width: 100%; height: 40vw; background-repeat: no-repeat; background-size: 100%; background-position: right center; }
@media screen and (min-width: 768px) {
  .categoryKv::before { display: none; }
}
@media screen and (min-width: 768px) {
  .categoryKv--baseball { background-image: url("../images/category/bg-category-baseball.jpg"); }
}
.categoryKv--baseball::before { background-image: url("../images/category/bg-category-baseball-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--figureskating { background-image: url("../images/category/bg-category-figureskating.jpg"); }
}
.categoryKv--figureskating::before { background-image: url("../images/category/bg-category-figureskating-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--badminton { background-image: url("../images/category/bg-category-badminton.jpg"); }
}
.categoryKv--badminton::before { background-image: url("../images/category/bg-category-badminton-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--basketball { background-image: url("../images/category/bg-category-basketball.jpg"); }
}
.categoryKv--basketball::before { background-image: url("../images/category/bg-category-basketball-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--f1 { background-image: url("../images/category/bg-category-f1.jpg"); }
}
.categoryKv--f1::before { background-image: url("../images/category/bg-category-f1-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--golf { background-image: url("../images/category/bg-category-golf.jpg"); }
}
.categoryKv--golf::before { background-image: url("../images/category/bg-category-golf-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--marathon { background-image: url("../images/category/bg-category-marathon.jpg"); }
}
.categoryKv--marathon::before { background-image: url("../images/category/bg-category-marathon-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--rugby { background-image: url("../images/category/bg-category-rugby.jpg"); }
}
.categoryKv--rugby::before { background-image: url("../images/category/bg-category-rugby-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--soccer { background-image: url("../images/category/bg-category-soccer.jpg"); }
}
.categoryKv--soccer::before { background-image: url("../images/category/bg-category-soccer-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--tennis { background-image: url("../images/category/bg-category-tennis.jpg"); }
}
.categoryKv--tennis::before { background-image: url("../images/category/bg-category-tennis-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--triathlon { background-image: url("../images/category/bg-category-triathlon.jpg"); }
}
.categoryKv--triathlon::before { background-image: url("../images/category/bg-category-triathlon-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--volleyball { background-image: url("../images/category/bg-category-volleyball.jpg"); }
}
.categoryKv--volleyball::before { background-image: url("../images/category/bg-category-volleyball-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--event { background-image: url("../images/category/bg-category-event.jpg"); }
}
.categoryKv--event::before { background-image: url("../images/category/bg-category-event-sp.jpg"); }
@media screen and (min-width: 768px) {
  .categoryKv--other { background-image: url("../images/category/bg-category-other.jpg"); }
}
.categoryKv--other::before { background-image: url("../images/category/bg-category-other-sp.jpg"); }
.categoryKv__inner { display: flex; justify-content: center; flex-direction: column; height: 100%; padding: 5.33333vw 5.33333vw 10.6667vw; }
@media screen and (min-width: 768px) {
  .categoryKv__inner { padding: 0px; margin: 0px auto; width: 79.1667vw; }
}
.categoryKv__head { display: flex; flex-direction: column; color: var(--white); font-weight: 800; }
.categoryKv__head__en { width: fit-content; font-size: 3.73333vw; letter-spacing: 0.06em; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
@media screen and (min-width: 768px) {
  .categoryKv__head__en { font-size: 1.38889vw; }
}
.categoryKv__head__ja { margin-top: 2.66667vw; font-size: 7.46667vw; }
@media screen and (min-width: 768px) {
  .categoryKv__head__ja { margin-top: 0.694444vw; font-size: 2.5vw; }
}
.categoryKv__catch { font-size: 4.26667vw; margin-top: 5.33333vw; color: var(--white); font-weight: 600; }
@media screen and (min-width: 768px) {
  .categoryKv__catch { font-size: 1.25vw; margin-top: 1.73611vw; }
}
.categoryKv__desc { color: var(--white); margin-top: 5.33333vw; line-height: 2; font-size: 3.2vw; }
@media screen and (min-width: 768px) {
  .categoryKv__desc { font-size: 0.972222vw; margin-top: 1.04167vw; }
}
@media screen and (min-width: 768px) {
  .contents { padding: 0px 5.33333vw; margin-inline: auto; }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .contents { width: 100vw; padding: 0px; }
}
.contents .dummy { background-color: rgb(32, 50, 44); color: rgb(92, 116, 108); text-align: center; font-weight: 600; font-size: 6.4vw; padding: 53.3333vw 0px; }
@media screen and (min-width: 768px) {
  .contents .dummy { padding: 27.7778vw 0px; font-size: 2.77778vw; }
}
.newsKv2 { background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("../../yell/img/category_kv.jpg"); padding: 16vw 5.33333vw 5.33333vw; }
@media screen and (min-width: 768px) {
  .newsKv2 { padding: 0px; height: 20.8333vw; }
}
@media screen and (max-width: 767.98px) {
  .newsKv2 { height: 40vw; background-image: url("../../yell/img/category_kv_sp.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
}
.newsKv2--index { padding: 0px; height: 53.3333vw; }
@media screen and (min-width: 768px) {
  .newsKv2--index { height: 20.8333vw; }
}
.newsKv2__inner { position: relative; margin: 0px auto; height: 100%; padding: 0px 5.33333vw; }
@media screen and (min-width: 768px) {
  .newsKv2__inner { width: 66.6667vw; padding: 0px; }
}
.newsKv2__head { display: flex; justify-content: center; flex-direction: column; gap: 2.66667vw; height: 100%; font-weight: 700; }
@media screen and (min-width: 768px) {
  .newsKv2__head { gap: 0.694444vw; }
}
.newsKv2__head__en { color: var(--blogmoji); font-size: 3.73333vw; line-height: 1; }
@media screen and (min-width: 768px) {
  .newsKv2__head__en { font-size: 1.38889vw; }
}
.newsKv2__head__ja { color: var(--blogmoji); font-size: 5.33333vw; line-height: 1.5; }
@media screen and (min-width: 768px) {
  .newsKv2__head__ja { font-size: 2.22222vw; }
}
.newsKv2__head--center { align-items: center; text-align: center; }
.newsKv2__date { color: var(--blogmoji); font-size: 3.2vw; margin-top: 2em; }
@media screen and (min-width: 768px) {
  .newsKv2__date { position: absolute; bottom: 2em; left: 0px; font-size: 0.972222vw; }
}
.newsArchive { padding: 8vw 5.33333vw; }
@media screen and (min-width: 768px) {
  .newsArchive { padding: 0px; }
}
.newsArchive__list { padding: 5.55556vw 0px; }
.newsContent { padding: 8vw 5.33333vw 5.33333vw; margin: 0px auto; font-size: 3.73333vw; line-height: 1.6; }
@media screen and (min-width: 768px) {
  .newsContent { width: 66.6667vw; padding: 5.55556vw 0px 2.77778vw; font-size: 1.04167vw; }
}
.newsContent__btn { margin-top: 8vw; }
@media screen and (min-width: 768px) {
  .newsContent__btn { margin-top: 5.55556vw; }
}
.blogDetailKv { position: relative; padding: 5.33333vw 0px; background: linear-gradient(to right, var(--red), var(--orange) 100%); }
@media screen and (min-width: 768px) {
  .blogDetailKv { margin-bottom: 2.77778vw; padding: 2.77778vw 0px; }
}
.blogDetailKv__inner { position: relative; z-index: 1; }
.blogDetailKv::before { position: absolute; top: 0px; left: 0px; z-index: 1; content: ""; display: block; width: 100%; height: 100%; background-size: 5px; background-image: url("../images/bg-dotted.png"); }
.blogDetailKv__head { display: flex; justify-content: center; flex-direction: column; height: 100%; align-items: center; text-align: center; }
.blogDetailKv__head__logo { width: 21.3333vw; }
@media screen and (min-width: 768px) {
  .blogDetailKv__head__logo { width: 13.8889vw; }
}
.blogDetailKv__head__logo img { width: 100%; }
.blogDetailKv__head__en { color: var(--white); font-size: 3.73333vw; line-height: 1.5; font-weight: 600; }
@media screen and (min-width: 768px) {
  .blogDetailKv__head__en { font-size: 1.25vw; }
}
.blogDetailKv__head__ja { color: var(--white); font-size: 4.8vw; line-height: 1.5; font-weight: 600; margin-top: 0.5em; }
@media screen and (min-width: 768px) {
  .blogDetailKv__head__ja { font-size: 1.66667vw; }
}
.blogKv { position: relative; padding: 10.6667vw 0px 5.33333vw; background-image: url("../../yell/img/top_kv.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
@media screen and (min-width: 768px) {
  .blogKv { padding: 4.16667vw 0px 2.77778vw; }
}
@media screen and (max-width: 767.98px) {
  .blogKv { padding: 8vw 0px 5vw; background-image: url("../../yell/img/top_kv_sp.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
}
.blogKv__inner { position: relative; z-index: 1; }
.blogKv__head { display: flex; justify-content: center; flex-direction: column; gap: 2.66667vw; height: 100%; }
@media screen and (min-width: 768px) {
  .blogKv__head { gap: 0.694444vw; }
}
.blogKv__head__logo { width: 42.6667vw; line-height: 1; }
@media screen and (min-width: 768px) {
  .blogKv__head__logo { width: 18.0556vw; }
}
.blogKv__head__logo img { width: 100%; }
.blogKv__head__ja { color: var(--blogmoji); font-size: 6.4vw; line-height: 1.5; font-weight: 600; }
@media screen and (min-width: 768px) {
  .blogKv__head__ja { font-size: 2.63889vw; }
}
.blogKv__head--center { align-items: center; text-align: center; }
.blogKv__date { color: var(--blogmoji); font-size: 3.2vw; margin-top: 2em; }
@media screen and (min-width: 768px) {
  .blogKv__date { position: absolute; bottom: 2em; left: 0px; font-size: 0.972222vw; }
}
.blogArchive { display: grid; grid-template-columns: 1fr; flex-wrap: wrap; gap: 0.5em; margin-top: 5.33333vw; }
@media screen and (min-width: 768px) {
  .blogArchive { gap: 1em; grid-template-columns: minmax(240px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr) minmax(240px, 1fr); margin-top: 2.77778vw; }
}
.blogBox { background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px; border-radius: 0px 0px 10px 10px; }
.blogBox a { display: flex; transition: opacity 200ms; }
@media screen and (min-width: 768px) {
  .blogBox a { flex-direction: column; }
}
@media screen and (min-width: 768px) {
  .blogBox a:hover { opacity: 0.7; }
}
.blogBox__thumb { width: 32vw; height: 32vw; flex-shrink: 0; position: relative; }
@media screen and (min-width: 768px) {
  .blogBox__thumb { width: auto; height: 200px; }
}
.blogBox__thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px 0px 0px 10px; }
@media screen and (min-width: 768px) {
  .blogBox__thumb img { border-radius: 10px 10px 0px 0px; }
}
.blogBox__header { display: flex; justify-content: space-between; }
.blogBox__body { padding: 2.66667vw 5.33333vw 1.33333vw; }
@media screen and (min-width: 768px) {
  .blogBox__body { padding: 1.38889vw; }
}
.blogBox__date { color: var(--black); font-size: 3.2vw; }
@media screen and (min-width: 768px) {
  .blogBox__date { font-size: 0.833333vw; }
}
.blogBox__category { background-color: var(--red); color: var(--white); padding: 0.25em 0.5em; font-size: 2.66667vw; }
@media screen and (min-width: 768px) {
  .blogBox__category { font-size: 0.694444vw; }
}
.blogBox__head { margin-top: 2.66667vw; font-weight: 600; color: var(--black); font-size: 3.46667vw; }
@media screen and (min-width: 768px) {
  .blogBox__head { font-size: 1.11111vw; margin-top: 0.694444vw; }
}
.blogBox__anchor { display: flex; align-items: center; gap: 1.6vw; font-weight: 500; font-size: 2.66667vw; margin-top: 2.66667vw; color: var(--black); }
@media screen and (min-width: 768px) {
  .blogBox__anchor { gap: 0.416667vw; font-size: 0.833333vw; margin-top: 1.38889vw; }
}
.blogBox__anchor::after { content: ""; display: block; width: 3.2vw; height: 3.2vw; background-image: url("../images/arrow-anchor.svg"); background-size: 100%; background-repeat: no-repeat; }
@media screen and (min-width: 768px) {
  .blogBox__anchor::after { width: 1.25vw; height: 1.25vw; }
}
.blogCategoryList { display: flex; flex-wrap: wrap; gap: 1em; padding-top: 2em; }
.blogCategoryList--scroll { flex-wrap: unset; white-space: nowrap; overflow-x: auto; padding: 1em 5.33333vw 0px; }
@media screen and (min-width: 768px) {
  .blogCategoryList--scroll { justify-content: center; white-space: unset; overflow-x: unset; padding: 3em 0px 0px; }
}
.blogCategoryList__item a { display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 3.2vw; color: var(--black); padding: 1em; background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px; border-radius: 10px; }
@media screen and (min-width: 768px) {
  .blogCategoryList__item a { font-size: 0.972222vw; }
}
@media screen and (min-width: 768px) {
  .blogCategoryList__item a:hover { background-color: var(--red); color: var(--white); }
}
.blogCategoryList__item--current a { background-color: var(--red); color: var(--white); }
.blogDateList { display: flex; justify-content: center; gap: 1em; flex-wrap: unset; white-space: nowrap; overflow-x: auto; padding: 1em 0px; }
@media screen and (min-width: 768px) {
  .blogDateList { white-space: unset; overflow-x: unset; padding: 0px; }
}
.blogDateList__item a { display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 3.73333vw; color: var(--black); padding: 1em 2em; background-color: var(--white); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 10px; border-radius: 10px; }
@media screen and (min-width: 768px) {
  .blogDateList__item a { font-size: 1.11111vw; }
}
@media screen and (min-width: 768px) {
  .blogDateList__item a:hover { background-color: var(--red); color: var(--white); }
}
.blogDateList__item--current a { background-color: var(--red); color: var(--white); }
.blogContent { background-color: var(--lightGray); }
.blogContent__thumb { background-color: var(--white); padding: 0px !important; margin-inline: auto !important; }
@media screen and (min-width: 768px) {
  .blogContent__thumb { width: 79.1667vw !important; }
}
.blogContent__thumb img { width: 100%; }
.blogContent__inner { background-color: var(--white); width: auto !important; padding: 10.6667vw 5.33333vw !important; margin-inline: auto !important; }
@media screen and (min-width: 768px) {
  .blogContent__inner { padding: 5.55556vw 2.77778vw !important; width: 79.1667vw !important; }
}
@media screen and (min-width: 768px) {
  #article { width: 900px; }
}
.blog-category { display: flex; flex-direction: row-reverse; width: auto; background-color: var(--red); }
.blog-category .category { margin-left: 0px; width: auto; }
.blog-category .category a { display: block; padding: 0px 1em; color: var(--white); }
.blog-category .category a:hover { opacity: 0.7; }
.blog-category .day { background-color: var(--white); }
html { scroll-behavior: smooth; }
.tennisPagetop { position: fixed; bottom: 1em; right: 1em; display: block; width: 12vw; }
@media screen and (min-width: 768px) {
  .tennisPagetop { bottom: 2em; right: 2em; width: 4.02778vw; }
}
.tennisPagetop img { width: 100%; }
.tennisPagetop:hover { opacity: 0.7; }
.tennisGrandslam { background-color: var(--aosBg); }
.tennisKv img { width: 100%; }
.tennisSlide img { width: 100%; height: 100%; }
.gradHead { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-weight: 600; letter-spacing: 0.06em; }
.gradHead__en { width: fit-content; font-size: 3.73333vw; font-weight: 600; background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
@media screen and (min-width: 768px) {
  .gradHead__en { font-size: 1.38889vw; }
}
.gradHead__ja { margin-top: 2.66667vw; font-size: 5.33333vw; font-weight: 600; }
@media screen and (min-width: 768px) {
  .gradHead__ja { margin-top: 0.694444vw; font-size: 2.77778vw; }
}
.grandslamFeatureSec { padding: 10.6667vw 8vw; }
@media screen and (min-width: 768px) {
  .grandslamFeatureSec { padding: 5.55556vw 0px; }
}
.grandslamFeatureSec__desc { margin-top: 5.33333vw; font-size: 3.2vw; font-weight: 500; line-height: 2; letter-spacing: 0.05em; }
@media screen and (min-width: 768px) {
  .grandslamFeatureSec__desc { margin-top: 2.77778vw; font-size: 1.38889vw; text-align: center; }
}
.grandslamCaseSec { padding: 10.6667vw 0px 0px; }
@media screen and (min-width: 768px) {
  .grandslamCaseSec { padding: 5.55556vw 0px 0px; }
}
.grandslamCaseSec__item { display: flex; flex-direction: column-reverse; align-items: center; background-color: rgb(189, 0, 0); background-size: cover; background-repeat: no-repeat; background-image: url("../images/tennis/bg-grandslamCaseSec.png"); }
@media screen and (min-width: 768px) {
  .grandslamCaseSec__item { flex-direction: row; }
}
.grandslamCaseSec__item:first-of-type { margin-top: 8vw; }
@media screen and (min-width: 768px) {
  .grandslamCaseSec__item:first-of-type { margin-top: 4.16667vw; }
}
.grandslamCaseSec__item:nth-child(2n+1) { background-color: rgb(252, 141, 4); }
@media screen and (min-width: 768px) {
  .grandslamCaseSec__item:nth-child(2n+1) { flex-direction: row-reverse; }
}
.grandslamCaseSec__item:nth-child(2n+1) .grandslamCaseSec__thumb { padding-left: 0px; padding-right: 2em; }
@media screen and (min-width: 768px) {
  .grandslamCaseSec__item:nth-child(2n+1) .grandslamCaseSec__thumb { padding-right: 0px; }
}
.grandslamCaseSec__desc { padding: 2em; font-size: 3.73333vw; font-weight: 500; letter-spacing: 0.05em; line-height: 2; color: var(--white); }
@media screen and (min-width: 768px) {
  .grandslamCaseSec__desc { width: 50%; padding: 0px 4em; font-size: 1.38889vw; }
}
.grandslamCaseSec__thumb { width: 100%; padding-left: 2em; }
@media screen and (min-width: 768px) {
  .grandslamCaseSec__thumb { padding-left: 0px; width: 50%; }
}
.grandslamEnjoySec { position: relative; background-position: center center; background-image: url("../images/tennis/bg-grandslamEnjoySec.png"); background-repeat: no-repeat; background-size: cover; padding: 10.6667vw 5.33333vw; }
@media screen and (min-width: 768px) {
  .grandslamEnjoySec { padding: 5.55556vw; }
}
.grandslamEnjoySec__body { margin-top: 40px; }
@media screen and (min-width: 768px) {
  .grandslamEnjoySec__body { margin-top: 2.77778vw; }
}
.grandslamEnjoySec__desc { font-weight: 500; letter-spacing: 0.05em; text-align: center; line-height: 2; font-size: 3.73333vw; }
@media screen and (min-width: 768px) {
  .grandslamEnjoySec__desc { font-size: 1.38889vw; }
}
.grandslamEnjoySec__desc:not(:first-of-type) { margin-top: 40px; }
.grandslamEnjoySec__list { position: relative; display: grid; grid-template-columns: 1fr; gap: 5.33333vw; margin-top: 10.6667vw; }
@media screen and (min-width: 768px) {
  .grandslamEnjoySec__list { grid-template-columns: 1fr 1fr; gap: 2.77778vw; margin-top: 4.86111vw; }
}
.grandslamEnjoySec__list::before { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); content: ""; display: block; width: 50%; height: 80%; border-width: 40px; border-style: solid; border-color: initial; border-image: linear-gradient(to right, rgb(204, 13, 33), rgb(253, 170, 8)) 1 / 1 / 0 stretch; }
@media screen and (min-width: 768px) {
  .grandslamEnjoySec__list::before { height: 50%; border: 50px solid; }
}
.grandslamEnjoySec__list a { display: block; position: relative; }
.grandslamEnjoySec__list a:hover { opacity: 0.7; }
.grandslamEnjoySec__thumb { width: 100%; border-radius: 16px; }
.grandslamEnjoySec__unit { position: absolute; top: 1em; left: 1em; color: var(--white); border-radius: 40px; font-size: 3.2vw; padding: 1.33333vw 4.26667vw; background-color: var(--tennis); }
@media screen and (min-width: 768px) {
  .grandslamEnjoySec__unit { padding: 0.625vw 1.66667vw; font-size: 1.04167vw; }
}
.grandslamEnjoySec__unit--coming { background-color: var(--red); }
.grandslamEnjoySec__coming { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: var(--white); font-size: 5.33333vw; }
@media screen and (min-width: 768px) {
  .grandslamEnjoySec__coming { padding: 0.625vw 1.66667vw; font-size: 2.08333vw; }
}
.grandslamKv { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; background-image: url("../images/tennis/bg-grandslam-aos-sp.png"); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 106.667vw; padding: 0px 0px 0px 2.66667vw; }
@media screen and (min-width: 768px) {
  .grandslamKv { padding: 0px 5.55556vw; height: 41.6667vw; background-image: url("../images/tennis/bg-grandslam-aos.png"); }
}
.grandslamKv__sub { display: block; width: 64vw; }
@media screen and (min-width: 768px) {
  .grandslamKv__sub { width: 29.1667vw; }
}
.grandslamKv__main { display: block; width: 85.3333vw; }
@media screen and (min-width: 768px) {
  .grandslamKv__main { width: 45.8333vw; }
}
.grandslamKv__desc { color: var(--white); font-size: 3.73333vw; font-weight: 600; margin-top: 1em; padding-left: 1em; line-height: 2; }
@media screen and (min-width: 768px) {
  .grandslamKv__desc { font-size: 1.66667vw; }
}
.aosHead { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; color: var(--white); letter-spacing: 0.06em; }
.aosHead__en { font-size: 3.73333vw; }
@media screen and (min-width: 768px) {
  .aosHead__en { font-size: 1.11111vw; }
}
.aosHead__ja { font-size: 10.6667vw; }
@media screen and (min-width: 768px) {
  .aosHead__ja { font-size: 4.16667vw; }
}
.aosTxt { color: var(--white); letter-spacing: 0.06em; font-size: 4vw; }
@media screen and (min-width: 768px) {
  .aosTxt { font-size: 1.25vw; line-height: 2; }
}
.aosAbout { padding: 16vw 0px 21.3333vw; }
@media screen and (min-width: 768px) {
  .aosAbout { padding: 8.33333vw 0px 5.55556vw; }
}
.aosAbout__summary { padding: 0px 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosAbout__summary { padding: 0px 5.55556vw; }
}
.aosAbout__desc { margin-top: 7.46667vw; }
@media screen and (min-width: 768px) {
  .aosAbout__desc { margin-top: 1.94444vw; }
}
.aosBarHead { position: relative; }
.aosBarHead span { position: relative; display: flex; align-items: center; height: 10.6667vw; line-height: 10.6667vw; padding-left: 5.33333vw; font-size: 5.33333vw; z-index: 5; color: var(--aos); }
@media screen and (min-width: 768px) {
  .aosBarHead span { height: 5.55556vw; line-height: 5.55556vw; padding-left: 3.47222vw; font-size: 2.22222vw; }
}
.aosBarHead::before { position: absolute; top: 0px; left: 0px; z-index: 1; content: ""; display: block; width: 100%; height: 10.6667vw; background-color: var(--white); transform: skewX(-20deg); }
@media screen and (min-width: 768px) {
  .aosBarHead::before { height: 5.55556vw; }
}
.aosMiddleHead { font-size: 6.4vw; font-weight: 700; color: var(--white); line-height: 2; }
@media screen and (min-width: 768px) {
  .aosMiddleHead { font-size: 2.22222vw; }
}
.aosMiddleHead span { display: block; font-size: 4.26667vw; font-weight: 600; }
@media screen and (min-width: 768px) {
  .aosMiddleHead span { font-size: 1.38889vw; }
}
.aosMark { border-radius: 40px; background-color: var(--white); padding: 0.25em 2em; width: fit-content; color: var(--aosBg); font-size: 3.73333vw; }
@media screen and (min-width: 768px) {
  .aosMark { font-size: 0.972222vw; }
}
.aosAboutSec { display: flex; flex-direction: column; gap: 10.6667vw; padding: 0px 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosAboutSec { flex-direction: row; gap: 11.1111vw; padding: 0px 5.55556vw; }
}
.aosAboutSec__body { flex-shrink: 0; }
@media screen and (min-width: 768px) {
  .aosAboutSec__body { width: 36.1111vw; padding-top: 5.55556vw; }
}
@media screen and (min-width: 768px) {
  .aosAboutSec__thumb { position: relative; width: 36.4583vw; }
}
.aosAboutSec__thumb img { width: 100%; }
.aosAboutSec__thumb img + img { margin-top: 1em; }
.aosAboutSec__head { margin-top: 10.6667vw; }
@media screen and (min-width: 768px) {
  .aosAboutSec__head { margin-top: 0vw; }
}
.aosAboutSec__subhead { margin-top: 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosAboutSec__subhead { margin-top: 2.77778vw; }
}
.aosAboutSec__desc { margin-top: 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosAboutSec__desc { margin-top: 1.38889vw; }
}
.aosAboutSec__desc .aosTxt + .aosTxt { margin-top: 1em; }
.aosAboutSec__mark { margin-top: 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosAboutSec__mark { margin-top: 1.38889vw; }
}
.aosAboutSec__info { margin-top: 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosAboutSec__info { margin-top: 5.55556vw; }
}
.aosAboutSec--sec1 { background-image: url("../images/tennis/txt-melbourne.svg"); background-size: auto 21.3333vw; background-repeat: no-repeat; background-position: right center; }
@media screen and (min-width: 768px) {
  .aosAboutSec--sec1 { background-size: auto 14.9306vw; }
}
.aosAboutSec--sec1 .aosAboutSec__thumb { padding: 0px 2em; }
@media screen and (min-width: 768px) {
  .aosAboutSec--sec1 .aosAboutSec__thumb { padding: 5em 0px 0px; }
}
.aosAboutSec--sec2 { margin-top: 10.6667vw; }
@media screen and (min-width: 768px) {
  .aosAboutSec--sec2 { flex-direction: row-reverse; justify-content: flex-end; margin-top: 5.55556vw; }
}
.aosAboutSec--sec2 .aosAboutSec__head { margin-top: 0px; }
@media screen and (min-width: 768px) {
  .aosAboutSec--sec2 .aosAboutSec__body { padding-left: 0px; }
}
.aosInfo__head { margin-inline: auto; border-radius: 40px; background-color: var(--white); padding: 0.25em 2em; width: fit-content; color: var(--aosBg); font-size: 3.73333vw; }
@media screen and (min-width: 768px) {
  .aosInfo__head { font-size: 0.972222vw; }
}
.aosCount { display: block; margin-top: 2em; }
.aosCount__item { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 1em; color: var(--white); }
@media screen and (min-width: 768px) {
  .aosCount__item { justify-content: space-between; }
}
.aosCount__item dt { display: flex; align-items: center; flex-shrink: 0; font-size: 3.2vw; font-weight: 600; }
@media screen and (min-width: 768px) {
  .aosCount__item dt { font-size: 1.25vw; }
}
.aosCount__item dd { display: flex; align-items: flex-end; line-height: 1; font-size: 10.6667vw; font-weight: 700; }
@media screen and (min-width: 768px) {
  .aosCount__item dd { font-size: 4.86111vw; }
}
.aosCount__item dd span { font-size: 8vw; font-weight: 700; }
@media screen and (min-width: 768px) {
  .aosCount__item dd span { font-size: 2.77778vw; }
}
.aosCount__item + .aosCount__item { margin-top: 1em; }
@media screen and (min-width: 768px) {
  .aosCount__item + .aosCount__item { margin-top: 2em; }
}
.aosTemp { display: flex; margin-top: 2em; }
.aosTemp__item { position: relative; display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; gap: 1em; color: var(--white); padding: 0px 1em; }
@media screen and (min-width: 768px) {
  .aosTemp__item { padding: 0px 2em; }
}
.aosTemp__item dt { display: flex; align-items: center; flex-shrink: 0; font-size: 3.2vw; font-weight: 500; }
@media screen and (min-width: 768px) {
  .aosTemp__item dt { font-size: 1.25vw; }
}
.aosTemp__item dd { display: flex; align-items: flex-end; line-height: 1; font-size: 10.6667vw; font-weight: 700; }
@media screen and (min-width: 768px) {
  .aosTemp__item dd { font-size: 4.86111vw; }
}
.aosTemp__item dd span { font-size: 5.33333vw; font-weight: 700; }
@media screen and (min-width: 768px) {
  .aosTemp__item dd span { font-size: 2.77778vw; }
}
.aosTemp__item + .aosTemp__item::before { position: absolute; top: 0px; left: 0px; content: ""; display: block; width: 1px; height: 100%; background-color: var(--white); }
.aosConditions { padding: 0px 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosConditions { padding: 0px 5.55556vw; }
}
.aosConditions__inner { display: flex; flex-direction: column; align-items: center; gap: 10.6667vw; }
@media screen and (min-width: 768px) {
  .aosConditions__inner { flex-direction: row; gap: 11.1111vw; }
}
@media screen and (min-width: 768px) {
  .aosConditions__summary { width: 36.4583vw; }
}
.aosConditions__head { margin-top: 2em; }
.aosConditions__desc { margin-top: 2em; }
.aosConditions__count { flex: 1 1 0%; }
.aosMap { padding-top: 10.6667vw; }
@media screen and (min-width: 768px) {
  .aosMap { padding-top: 5.55556vw; }
}
.aosMap__head { padding-left: 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosMap__head { padding-left: 5.55556vw; }
}
.aosMap__body { margin-top: 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosMap__body { margin-top: 2.77778vw; }
}
.aosMap__body img { width: 100%; }
.aosSlideSec { padding: 10.6667vw 0px; background-image: url("../images/tennis/bg-aosSlide-sp.png"); background-size: cover; background-repeat: no-repeat; }
@media screen and (min-width: 768px) {
  .aosSlideSec { padding: 5.55556vw 0px; background-image: url("../images/tennis/bg-aosSlide.png"); }
}
.aosSlideSec__head { text-align: center; font-weight: 600; color: var(--white); font-size: 6.4vw; }
@media screen and (min-width: 768px) {
  .aosSlideSec__head { font-size: 2.77778vw; }
}
.aosSlideSec__desc { text-align: center; font-weight: 500; color: var(--white); font-size: 3.73333vw; margin-top: 5.33333vw; line-height: 2; padding: 0px 1em; }
@media screen and (min-width: 768px) {
  .aosSlideSec__desc { font-size: 1.25vw; margin-top: 2.77778vw; padding: 0px; }
}
.aosSlideSec__desc p + p { margin-top: 1em; }
.aosSlideSec__slide { margin-top: 8vw; padding: 0px 5.33333vw; margin-inline: auto; }
@media screen and (min-width: 768px) {
  .aosSlideSec__slide { margin-top: 4.16667vw; max-width: 83.3333vw; padding: 0px 5.55556vw; }
}
.aosPrograms { padding: 10.6667vw 0px; }
@media screen and (min-width: 768px) {
  .aosPrograms { padding: 5.55556vw 0px; }
}
.aosPrograms__desc { text-align: center; font-weight: 500; color: var(--white); line-height: 2; font-size: 3.73333vw; }
@media screen and (min-width: 768px) {
  .aosPrograms__desc { margin-top: 2.08333vw; font-size: 1.25vw; }
}
.aosPrograms__items { display: grid; grid-template-columns: 1fr; margin-inline: auto; gap: 5.33333vw; margin-top: 5.33333vw; padding: 0px 5.33333vw; }
@media screen and (min-width: 768px) {
  .aosPrograms__items { grid-template-columns: 1fr 1fr; gap: 1.38889vw; margin-top: 2.77778vw; max-width: 65.2778vw; }
}
.aosWhiteHead { text-align: center; font-size: 5.33333vw; font-weight: 600; color: var(--white); }
@media screen and (min-width: 768px) {
  .aosWhiteHead { font-size: 2.77778vw; }
}
.aosWhiteHead span { display: block; font-size: 3.73333vw; }
@media screen and (min-width: 768px) {
  .aosWhiteHead span { font-size: 1.38889vw; }
}
.aosProgramCassette { background-color: var(--white); border-radius: 10px; overflow: hidden; }
.aosProgramCassette__thumb { width: 100%; height: 42.6667vw; }
@media screen and (min-width: 768px) {
  .aosProgramCassette__thumb { height: 15.2778vw; }
}
.aosProgramCassette__body { padding: 1em; }
@media screen and (min-width: 768px) {
  .aosProgramCassette__body { padding: 2em; }
}
.aosProgramCassette__title { font-weight: 600; font-size: 3.46667vw; }
@media screen and (min-width: 768px) {
  .aosProgramCassette__title { font-size: 1.52778vw; }
}
.aosProgramCassette__desc { font-weight: 400; font-size: 2.93333vw; margin-top: 1em; }
@media screen and (min-width: 768px) {
  .aosProgramCassette__desc { font-size: 0.972222vw; }
}
.aosProgramCassette__btn { margin-top: 2.08333vw; }
.aboutMelbourneSec { padding: 10.6667vw 0px 0px; background-color: rgb(0, 145, 208); }
@media screen and (min-width: 768px) {
  .aboutMelbourneSec { padding: 5.55556vw 0px 0px; }
}
.aboutMelbourneSec__desc { margin-top: 5.33333vw; text-align: center; padding: 0px 1em; }
@media screen and (min-width: 768px) {
  .aboutMelbourneSec__desc { margin-top: 2.77778vw; padding: 0px; }
}
.aboutMelbourneSec__slide { margin-top: 10.6667vw; }
@media screen and (min-width: 768px) {
  .aboutMelbourneSec__slide { margin-top: 2.77778vw; }
}
.asoHowSec { padding: 10.6667vw 0px 0px; }
@media screen and (min-width: 768px) {
  .asoHowSec { padding: 5.55556vw 0px 0px; }
}
.asoHowSec__item { display: flex; flex-direction: column-reverse; }
@media screen and (min-width: 768px) {
  .asoHowSec__item { flex-direction: row-reverse; }
}
@media screen and (min-width: 768px) {
  .asoHowSec__item:nth-child(2n+1) { flex-direction: row; }
}
.asoHowSec__item:first-of-type { margin-top: 0vw; }
@media screen and (min-width: 768px) {
  .asoHowSec__item:first-of-type { margin-top: 4.16667vw; }
}
.asoHowSec__body { padding: 2em; }
@media screen and (min-width: 768px) {
  .asoHowSec__body { padding: 4em; width: 50%; }
}
@media screen and (min-width: 768px) {
  .asoHowSec__thumb { width: 50%; }
}
.asoHowSec__thumb img { width: 100%; height: 100%; object-fit: cover; }
.asoHowSec__head { font-weight: 600; color: var(--white); }
.asoHowSec__head .sub { display: flex; align-items: flex-end; line-height: 1; gap: 0.5em; font-size: 4.26667vw; }
@media screen and (min-width: 768px) {
  .asoHowSec__head .sub { font-size: 1.11111vw; }
}
.asoHowSec__head .num { font-size: 8.53333vw; }
@media screen and (min-width: 768px) {
  .asoHowSec__head .num { font-size: 2.22222vw; }
}
.asoHowSec__head .main { display: block; margin-top: 2.66667vw; font-size: 6.4vw; }
@media screen and (min-width: 768px) {
  .asoHowSec__head .main { margin-top: 0.694444vw; font-size: 2.22222vw; }
}
.asoHowSec__desc { margin-top: 5.33333vw; }
@media screen and (min-width: 768px) {
  .asoHowSec__desc { margin-top: 1.38889vw; }
}
.tennisScroll { position: absolute; bottom: 0px; left: 50%; transform: translateY(50%) translateX(-50%); }
.tennisScroll::before { content: ""; display: block; width: 1px; height: 21.3333vw; background-color: var(--white); }
@media screen and (min-width: 768px) {
  .tennisScroll::before { height: 80px; }
}
.tennisScroll::after { position: absolute; top: 0px; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 2.93333vw; height: 2.93333vw; border-radius: 50%; background-color: rgb(196, 228, 0); animation: 2s ease 0s infinite normal none running arrow-animation; opacity: 0; }
@media screen and (min-width: 768px) {
  .tennisScroll::after { width: 11px; height: 11px; }
}
@keyframes arrow-animation { 
  0% { top: 0px; opacity: 0; }
  10% { top: 0px; opacity: 1; }
  90% { top: 90%; opacity: 1; }
  100% { top: 90%; opacity: 0; }
}
.jsc-aosSlide .slick-prev { background-image: url("../images/tennis/arrow-prev-tennis.svg"); }
.jsc-aosSlide .slick-next { background-image: url("../images/tennis/arrow-next-tennis.svg"); }
.newsKv { background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("../images/bg-news.png"); padding: 16vw 5.33333vw 5.33333vw; }
@media screen and (min-width: 768px) {
  .newsKv { padding: 0px; height: 20.8333vw; }
}
.newsKv--index { padding: 0px; height: 53.3333vw; }
@media screen and (min-width: 768px) {
  .newsKv--index { height: 20.8333vw; }
}
.newsKv__inner { position: relative; margin: 0px auto; height: 100%; padding: 0px 5.33333vw; }
@media screen and (min-width: 768px) {
  .newsKv__inner { width: 66.6667vw; padding: 0px; }
}
.newsKv__head { display: flex; justify-content: center; flex-direction: column; gap: 2.66667vw; height: 100%; font-weight: 700; }
@media screen and (min-width: 768px) {
  .newsKv__head { gap: 0.694444vw; }
}
.newsKv__head__en { color: var(--red); font-size: 3.73333vw; line-height: 1; }
@media screen and (min-width: 768px) {
  .newsKv__head__en { font-size: 1.38889vw; }
}
.newsKv__head__ja { color: var(--white); font-size: 5.33333vw; line-height: 1.5; }
@media screen and (min-width: 768px) {
  .newsKv__head__ja { font-size: 2.22222vw; }
}
.newsKv__head--center { align-items: center; text-align: center; }
.newsKv__date { color: var(--white); font-size: 3.2vw; margin-top: 2em; }
@media screen and (min-width: 768px) {
  .newsKv__date { position: absolute; bottom: 2em; left: 0px; font-size: 0.972222vw; }
}