@charset "UTF-8";
/* CSS Document */
/* ==================================================
Mixin
================================================== */
/*
 * Easing function
 * Original：http://easings.net/
 */
/* ==================================================
KeyFrames
================================================== */
@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}

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

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

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

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

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

@media all and (min-width: 751px) {
  .top-hero-slide-body {
    padding-top: 1px;
    padding-bottom: 3px;
    overflow: hidden;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-body {
    padding: 0 4vw;
    padding-top: 1px;
    padding-bottom: 3px;
    overflow: hidden;
  }
}

@media all and (min-width: 751px) {
  .top-hero-slide-list__item {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    max-width: 87.89062vw;
    width: 900px;
    margin: 0 15px;
  }
  .is-no-swiper .top-hero-slide-list__item {
    margin: 0 auto;
  }
  .top-hero-slide-list__item::before {
    content: '';
    display: block;
    padding-top: 45.33333%;
  }
  .top-hero-slide-list__item a {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-hero-slide-list__item {
    margin: 0 1.46484vw;
  }
  .is-no-swiper .top-hero-slide-list__item {
    margin: 0 auto;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-list__item {
    position: relative;
    width: 100%;
    margin: 0 2vw;
  }
  .is-no-swiper .top-hero-slide-list__item {
    margin: 0 auto;
  }
  .top-hero-slide-list__item a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) {
  .top-hero-slide-desc {
    margin: 5.55556%;
    padding: 3.33333%;
    background: #fff;
    border-radius: 20px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }
  .top-hero-slide-desc::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 45.33333%;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  a:hover .top-hero-slide-desc::after {
    opacity: .2;
  }
}

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

@media screen and (max-width: 750px) {
  .top-hero-slide-desc {
    width: 100%;
    margin-top: 32vw;
    margin-left: 4vw;
    margin-right: 4vw;
    padding: 2.66667vw 4vw;
    background: #fff;
    border-radius: 2.66667vw;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-desc__term {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media all and (min-width: 751px) {
  .top-hero-slide-desc__defin::before {
    content: '';
    display: block;
    width: 4em;
    border-top: 2px solid #000;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-desc__defin {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .top-hero-slide-desc-cat {
    display: block;
    text-align: left;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-desc-cat {
    display: inline-block;
    vertical-align: top;
  }
}

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

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

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

@media all and (min-width: 751px) {
  .top-hero-slide-desc-date {
    display: block;
    padding: .5em 0;
    font-size: 114.28571%;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-hero-slide-desc-date {
    padding-top: .25em;
    font-size: 1.5625vw;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-desc-date {
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
    font-size: 92.85714%;
    font-weight: 700;
  }
  .top-hero-slide-desc-date:first-child {
    margin-left: 0;
  }
}

@media all and (min-width: 751px) {
  .top-hero-slide-desc-thumb > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 45.33333%;
    background: #fff;
    z-index: -1;
  }
  .top-hero-slide-desc-thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: auto;
    border-radius: 20px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-hero-slide-desc-thumb > span img {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-desc-thumb > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 45.33333%;
    background: #fff;
    z-index: -1;
  }
  .top-hero-slide-desc-thumb img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    margin: auto;
    border-radius: 2.66667vw;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
}

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

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-hero-slide-desc-txt {
    font-size: 1.95312vw;
  }
}

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

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

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

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

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

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

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

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

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

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

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

@media all and (min-width: 751px) {
  .top-hero-slide-btn {
    position: absolute;
    top: 50%;
    border-radius: 50%;
    background: #008651;
    overflow: hidden;
    z-index: 9999;
    cursor: pointer;
  }
  .is-no-swiper .top-hero-slide-btn {
    display: none;
  }
  .top-hero-slide-btn:focus {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-btn {
    position: absolute;
    top: 0;
    z-index: 9999;
    cursor: pointer;
  }
  .is-no-swiper .top-hero-slide-btn {
    display: none;
  }
}

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

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-hero-slide-btn--prev {
    margin-left: -43.94531vw;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-btn--prev {
    left: 0;
  }
}

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

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-hero-slide-btn--next {
    margin-right: -43.94531vw;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-slide-btn--next {
    right: 0;
  }
}

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

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

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

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

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

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

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

@media screen and (max-width: 750px) {
  .top-hero-beginner {
    padding-top: 2vw;
  }
}

@media all and (min-width: 751px) {
  .top-hero-beginner-body {
    position: relative;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-beginner-body {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .top-hero-beginner-bnr {
    position: absolute;
    top: 0;
    right: 0;
    width: 26.66667%;
    margin: 0 1.66667%;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    z-index: 1;
  }
  .top-hero-beginner-bnr a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-hero-beginner-bnr a {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .top-hero-beginner-bnr {
    display: inline-block;
    vertical-align: top;
    width: 68.13333vw;
  }
  .top-hero-beginner-bnr a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-radius: 2.66667vw;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  }
}

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

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

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

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

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

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

@media all and (min-width: 751px) {
  .top-section--news {
    position: relative;
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .top-section--news::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1920px;
    margin: 0 auto;
    padding-top: 465px;
    background: url("/assets/img/top/bg_section_news01.png") no-repeat center top;
    background-size: contain;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-section--news {
    padding-top: 2.45902vw;
    padding-bottom: 4.91803vw;
  }
  .top-section--news::before {
    width: 157.37705vw;
    padding-top: 38.11475vw;
  }
}

@media screen and (max-width: 750px) {
  .top-section--news {
    position: relative;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
  .top-section--news::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    margin-top: -23.6vw;
    padding-top: 144.8%;
    background: url("/assets/img/top/bg_section_news01_sp.png") no-repeat center top;
    background-size: contain;
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .top-section--intro {
    position: relative;
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .top-section--intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 1920px;
    width: 100vw;
    min-height: 662px;
    margin-top: 120px;
    padding-top: 34.47917%;
    background: url("/assets/img/top/bg_section_intro01.jpg") no-repeat center top;
    background-size: contain;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-section--intro {
    padding-top: 2.45902vw;
    padding-bottom: 4.91803vw;
  }
  .top-section--intro::before {
    min-width: 0;
    width: 157.37705vw;
    min-height: 0;
    margin-top: 9.83607vw;
    padding-top: 54.2623vw;
  }
}

@media screen and (max-width: 750px) {
  .top-section--intro {
    position: relative;
    padding-top: 4vw;
    padding-bottom: 8vw;
  }
  .top-section--intro::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    margin-top: 15.33333vw;
    padding-top: 56.26667%;
    background: url("/assets/img/top/bg_section_intro01_sp.jpg") no-repeat center top;
    background-size: contain;
    z-index: -1;
  }
}

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

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

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

@media all and (min-width: 751px) {
  .top-section--facebook {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    overflow: hidden;
  }
  .top-section--facebook .top-section-body {
    height: 100%;
  }
}

@media all and (min-width: 751px) {
  .top-section-half {
    position: relative;
    padding-top: 30px;
    padding-bottom: 60px;
  }
  .top-section-half::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1920px;
    margin-top: -60px;
    padding-top: 750px;
    background: url("/assets/img/top/bg_section_half01.png") no-repeat center top;
    background-size: contain;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    z-index: -1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-section-half {
    padding-top: 2.45902vw;
    padding-bottom: 4.91803vw;
  }
  .top-section-half::before {
    width: 157.37705vw;
    margin-top: -4.91803vw;
    padding-top: 61.47541vw;
  }
}

@media screen and (max-width: 750px) {
  .top-section-half {
    position: relative;
  }
  .top-section-half::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    margin-top: -6%;
    padding-top: 135.33333%;
    background: url("/assets/img/top/bg_section_half01_sp.png") no-repeat center top;
    background-size: contain;
    z-index: -1;
  }
}

@media all and (min-width: 751px) {
  .top-section-half-body {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
}

@media all and (min-width: 751px) {
  .top-section-half-body .top-section {
    width: 45.83333%;
    padding-top: 0;
    padding-bottom: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (min-width: 751px) {
  .top-section--intro .top-section-head {
    text-align: center;
    font-size: 128.57143%;
  }
}

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

@media screen and (max-width: 750px) {
  .top-section--intro .top-section-head {
    text-align: center;
    font-size: 78.57143%;
  }
}

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

@media screen and (max-width: 750px) {
  .top-section-head__label {
    display: block;
    line-height: 1.09375em;
    font-size: 200%;
  }
}

@media all and (min-width: 751px) {
  .top-section--intro .top-section-head__label {
    display: block;
    margin-right: 0;
    font-size: 500%;
  }
}

@media screen and (max-width: 750px) {
  .top-section--intro .top-section-head__label {
    display: block;
    margin-bottom: 0;
    font-size: 345.45455%;
  }
}

@media screen and (max-width: 750px) {
  .top-section--facebook .top-section-head__label,
  .top-section--recommend .top-section-head__label {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
  }
}

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

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

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

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

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

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

/* intro */
@media all and (min-width: 751px) {
  .top-intro-lead {
    text-align: center;
    font-size: 142.85714%;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .top-intro-lead {
    text-align: center;
    font-size: 85.71429%;
    font-weight: 700;
  }
}

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

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-intro-list {
    margin-top: 36.42578vw;
  }
}

@media screen and (max-width: 750px) {
  .top-intro-list {
    margin-top: 13.33333vw;
  }
}

@media all and (min-width: 751px) {
  .top-intro-list__item {
    position: relative;
    width: 49.16667%;
  }
  .top-intro-list__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    margin-top: -63.22034%;
    padding-top: 77.9661%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
  .top-intro-list__item--watch::before {
    background: url("/assets/img/top/bg_intro_list_watch01.png") no-repeat center center;
    background-size: contain;
  }
  .top-intro-list__item--race::before {
    background: url("/assets/img/top/bg_intro_list_race01.png") no-repeat center center;
    background-size: contain;
  }
}

@media screen and (max-width: 750px) {
  .top-intro-list__item {
    position: relative;
    margin-top: 5.6vw;
  }
  .top-intro-list__item:first-child {
    margin-top: 0;
  }
  .top-intro-list__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -4vw;
    width: 57.73333vw;
    margin-top: -11.2vw;
    padding-top: 47.46667vw;
  }
  .top-intro-list__item--watch::before {
    background: url("/assets/img/top/bg_intro_list_watch01_sp.png") no-repeat center center;
    background-size: contain;
  }
  .top-intro-list__item--race::before {
    background: url("/assets/img/top/bg_intro_list_race01_sp.png") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .top-intro-desc {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: 100%;
    padding: 6.77966%;
  }
  .top-intro-desc::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    z-index: -1;
  }
  .top-intro-list__item--watch .top-intro-desc {
    color: #fff;
  }
  .top-intro-list__item--watch .top-intro-desc::before {
    background: url("/assets/img/top/bg_intro_desc_watch01.png") no-repeat right bottom #023ba4;
    background-size: contain;
  }
  .top-intro-list__item--race .top-intro-desc {
    color: #fff;
  }
  .top-intro-list__item--race .top-intro-desc::before {
    background: url("/assets/img/top/bg_intro_desc_race01.png") no-repeat right bottom #d83d00;
    background-size: contain;
  }
}

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

@media screen and (max-width: 750px) {
  .top-intro-desc {
    position: relative;
    padding: 5.33333vw 0.8vw 5.33333vw 48.26667vw;
  }
  .top-intro-desc::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.66667vw;
    z-index: -1;
  }
  .top-intro-list__item--watch .top-intro-desc {
    color: #fff;
  }
  .top-intro-list__item--watch .top-intro-desc::before {
    background: #023ba4;
  }
  .top-intro-list__item--race .top-intro-desc {
    color: #fff;
  }
  .top-intro-list__item--race .top-intro-desc::before {
    background: #d83d00;
  }
}

@media all and (min-width: 751px) {
  .top-intro-desc__term {
    line-height: 1.6em;
    text-align: center;
    font-size: 50px;
    font-weight: 700;
    z-index: 1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-intro-desc__term {
    font-size: 4.88281vw;
  }
}

@media screen and (max-width: 750px) {
  .top-intro-desc__term {
    line-height: 3.07692em;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
  }
}

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

@media screen and (max-width: 750px) {
  .top-intro-desc__defin {
    position: relative;
    text-align: center;
    z-index: 1;
  }
}

@media all and (min-width: 751px) {
  .top-intro-desc__ico {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-right: .25em;
  }
  .top-intro-desc__ico::before {
    content: '';
    display: block;
    padding-top: 66.66667%;
  }
  .top-intro-list__item--watch .top-intro-desc__ico::before {
    background: url("/assets/img/top/ico_intro_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-intro-list__item--race .top-intro-desc__ico::before {
    background: url("/assets/img/top/ico_intro_race01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-intro-desc__ico {
    width: 11.71875vw;
  }
}

@media screen and (max-width: 750px) {
  .top-intro-desc__ico {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    margin-right: .25em;
  }
  .top-intro-desc__ico::before {
    content: '';
    display: block;
    padding-top: 66.66667%;
  }
  .top-intro-list__item--watch .top-intro-desc__ico::before {
    background: url("/assets/img/top/ico_intro_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-intro-list__item--race .top-intro-desc__ico::before {
    background: url("/assets/img/top/ico_intro_race01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .top-intro-desc__label {
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (max-width: 750px) {
  .top-intro-desc__label {
    display: inline-block;
    vertical-align: top;
  }
}

@media all and (min-width: 751px) {
  .top-intro-desc-txt {
    text-align: center;
    font-size: 114.28571%;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .top-intro-desc-txt {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .top-intro-desc-btn {
    margin-top: 40px;
    font-size: 16px;
    font-weight: 700;
  }
  .top-intro-desc-btn a {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    border-radius: 100px;
    background: #fff;
    color: #008651;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }
  .top-intro-list__item--watch .top-intro-desc-btn a {
    color: #023ba4;
  }
  .top-intro-list__item--race .top-intro-desc-btn a {
    color: #d83d00;
  }
  .top-intro-desc-btn a:hover {
    color: #fff;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-intro-desc-btn {
    margin-top: 3.90625vw;
    font-size: 1.5625vw;
  }
  .top-intro-desc-btn a {
    width: 23.4375vw;
  }
}

@media screen and (max-width: 750px) {
  .top-intro-desc-btn {
    margin-top: 1.6vw;
    font-size: 11px;
    font-weight: 700;
  }
  .top-intro-desc-btn a {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    border-radius: 100px;
    background: #fff;
    color: #008651;
    text-decoration: none;
  }
  .top-intro-list__item--watch .top-intro-desc-btn a {
    color: #023ba4;
  }
  .top-intro-list__item--race .top-intro-desc-btn a {
    color: #d83d00;
  }
}

@media all and (min-width: 751px) {
  .top-intro-desc-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100px;
    background: #fff;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
  }
  a:hover .top-intro-desc-btn-body {
    background: #008651;
  }
  .top-intro-list__item--watch a:hover .top-intro-desc-btn-body {
    background: #023ba4;
  }
  .top-intro-list__item--race a:hover .top-intro-desc-btn-body {
    background: #d83d00;
  }
}

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

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

@media all and (min-width: 751px) {
  .top-intro-desc-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    padding: 0 20px;
  }
  .top-intro-desc-btn__label::before, .top-intro-desc-btn__label::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 14px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .top-intro-desc-btn__label::before {
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center;
    background-size: contain;
    opacity: 1;
  }
  .top-intro-list__item--watch .top-intro-desc-btn__label::before {
    background: url("/assets/img/common/ico_arw_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-intro-list__item--race .top-intro-desc-btn__label::before {
    background: url("/assets/img/common/ico_arw_race01.svg") no-repeat center center;
    background-size: contain;
  }
  a:hover .top-intro-desc-btn__label::before {
    opacity: 0;
  }
  .top-intro-desc-btn__label::after {
    background: url("/assets/img/common/ico_arw_white01.svg") no-repeat center center;
    background-size: contain;
    opacity: 0;
  }
  a:hover .top-intro-desc-btn__label::after {
    opacity: 1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-intro-desc-btn__label {
    margin-right: 0.78125vw;
    padding: 0 1.95312vw;
  }
  .top-intro-desc-btn__label::before {
    right: 1.95312vw;
    width: 0.78125vw;
    height: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  .top-intro-desc-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    padding: 0 8px;
  }
  .top-intro-desc-btn__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 12px;
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  .top-intro-list__item--watch .top-intro-desc-btn__label::before {
    background: url("/assets/img/common/ico_arw_watch01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-intro-list__item--race .top-intro-desc-btn__label::before {
    background: url("/assets/img/common/ico_arw_race01.svg") no-repeat center center;
    background-size: contain;
  }
}

/* other */
@media all and (min-width: 751px) {
  .top-other-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
}

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

@media all and (min-width: 751px) {
  .top-other-list__item {
    width: 32.25%;
    margin-left: 1.08333%;
  }
  .top-other-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .top-other-list__item:nth-child(n+4) {
    margin-top: 1.66667%;
  }
}

@media screen and (max-width: 750px) {
  .top-other-list__item {
    width: 45.06667vw;
    margin-left: 1.86667vw;
  }
  .top-other-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .top-other-list__item:nth-child(n+3) {
    margin-top: 2.26667vw;
  }
}

@media all and (min-width: 751px) {
  .top-other-list__item--course {
    width: 100%;
    margin-top: 1.66667%;
    margin-left: 0;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
  }
  .top-other-list__item--tickets .top-other-desc {
    background: url("/assets/img/top/bg_other_desc_tickets01.png") no-repeat right bottom #fff;
    background-size: 46.51163% auto;
  }
  .top-other-list__item--enjoy .top-other-desc {
    background: url("/assets/img/top/bg_other_desc_enjoy01.png") no-repeat right bottom #fff;
    background-size: 46.51163% auto;
  }
  .top-other-list__item--schedule .top-other-desc {
    background: url("/assets/img/top/bg_other_desc_schedule01.png") no-repeat right bottom #fff;
    background-size: 46.51163% auto;
  }
  .top-other-list__item--course .top-other-desc {
    background: url("/assets/img/top/bg_other_desc_course01.png") no-repeat right bottom #fff;
    background-size: 15% auto;
  }
}

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

@media screen and (max-width: 750px) {
  .top-other-desc {
    padding: 0.8vw 0.8vw 4vw;
    border-radius: 2.66667vw;
    background: #008651;
    color: #fff;
    overflow: hidden;
  }
  .top-other-list__item--tickets .top-other-desc {
    background: #0080a0;
  }
  .top-other-list__item--enjoy .top-other-desc {
    background: #db2f64;
  }
  .top-other-list__item--course .top-other-desc {
    background: #815bc2;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc__term {
    padding: 6px 0;
    background: #008651;
    line-height: 1.73077em;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
  }
  .top-other-list__item--tickets .top-other-desc__term {
    background: #0080a0;
  }
  .top-other-list__item--enjoy .top-other-desc__term {
    background: #db2f64;
  }
  .top-other-list__item--course .top-other-desc__term {
    background: #815bc2;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc__term {
    padding: 0.58594vw 0;
    line-height: 2.04545em;
    font-size: 2.14844vw;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc__term {
    text-align: center;
    font-size: 13px;
    font-weight: 700;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc__defin {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between;
    height: 100%;
    padding: 25px;
    text-align: center;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc__defin {
    padding: 2.44141vw;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc__defin {
    text-align: center;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc__ico {
    display: inline-block;
    vertical-align: top;
    width: 60px;
    margin-right: .125em;
  }
  .top-other-desc__ico::before {
    content: '';
    display: block;
    padding-top: 75%;
  }
  .top-other-list__item--tickets .top-other-desc__ico::before {
    background: url("/assets/img/top/ico_other_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--enjoy .top-other-desc__ico::before {
    background: url("/assets/img/top/ico_other_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--schedule .top-other-desc__ico::before {
    background: url("/assets/img/top/ico_other_schedule01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--course .top-other-desc__ico::before {
    background: url("/assets/img/top/ico_other_course01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc__ico {
    width: 5.85938vw;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc__ico {
    display: block;
    width: 60px;
    margin: 0 auto;
  }
  .top-other-desc__ico::before {
    content: '';
    display: block;
    padding-top: 75%;
  }
  .top-other-list__item--tickets .top-other-desc__ico::before {
    background: url("/assets/img/top/ico_other_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--enjoy .top-other-desc__ico::before {
    background: url("/assets/img/top/ico_other_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--schedule .top-other-desc__ico::before {
    background: url("/assets/img/top/ico_other_schedule01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--course .top-other-desc__ico::before {
    background: url("/assets/img/top/ico_other_course01.svg") no-repeat center center;
    background-size: contain;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc__label {
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc__label {
    display: block;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc-txt {
    font-size: 100%;
    font-weight: 700;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc-txt {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    margin: 0 3.04348%;
    margin-top: 24px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc-list {
    margin: 0;
    margin-top: 2.34375vw;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc-list__item {
    width: 32.22222%;
    margin-left: 1.48148%;
  }
  .top-other-desc-list__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .top-other-desc-list__item:nth-child(n+4) {
    margin-top: 1.85185%;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc-list__item {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc-bnr {
    line-height: 1.3125em;
    font-size: 16px;
    font-weight: 700;
  }
  .top-other-desc-bnr a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border: 1px solid #e3e3e3;
    border-radius: 20px;
    background: #fff;
    color: #000;
    text-decoration: none;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc-bnr {
    font-size: 1.46484vw;
  }
  .top-other-desc-bnr a {
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc-bnr {
    display: none;
  }
}

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

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc-bnr-body {
    height: 7.22656vw;
    border-radius: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc-bnr-body {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc-bnr-thumb {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
  }
  .top-other-desc-bnr-thumb img {
    width: 103px;
    border-radius: 20px 0 0 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc-bnr-thumb img {
    width: 10.05859vw;
    border-radius: 1.95312vw 0 0 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc-bnr-thumb {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc-bnr__label {
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
    margin-right: 10px;
    padding-right: 30px;
    text-align: left;
  }
  .top-other-desc-bnr__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 16px;
    background: url("/assets/img/common/ico_arw01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc-bnr__label {
    margin-right: 0.97656vw;
    padding-right: 2.92969vw;
  }
  .top-other-desc-bnr__label::before {
    right: 1.95312vw;
    width: 0.97656vw;
    height: 1.5625vw;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc-bnr__label {
    display: none;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc-btn {
    margin-top: 18px;
    font-size: 16px;
    font-weight: 700;
  }
  .top-other-desc-list .top-other-desc-btn {
    width: 30.79646%;
    margin-left: 1.41593%;
  }
  .top-other-desc-list .top-other-desc-btn:nth-child(3n+1) {
    margin-left: 0;
  }
  .top-other-desc-list .top-other-desc-btn:nth-child(n+4) {
    margin-top: 1.76991%;
  }
  .top-other-desc-btn a {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    border-radius: 100px;
    background: #fff;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
  }
  .top-other-desc-btn a:hover {
    color: #008651;
  }
  .top-other-list__item--tickets .top-other-desc-btn a:hover {
    color: #0080a0;
  }
  .top-other-list__item--enjoy .top-other-desc-btn a:hover {
    color: #db2f64;
  }
  .top-other-list__item--course .top-other-desc-btn a:hover {
    color: #815bc2;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc-btn {
    margin-top: 1.75781vw;
    font-size: 1.5625vw;
  }
  .top-other-desc-btn a {
    width: 23.4375vw;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc-btn {
    margin-top: 3.2vw;
    font-size: 11px;
    font-weight: 700;
  }
  .top-other-desc-btn a {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    border-radius: 100px;
    background: #fff;
    color: #008651;
    text-decoration: none;
  }
  .top-other-list__item--tickets .top-other-desc-btn a {
    color: #0080a0;
  }
  .top-other-list__item--enjoy .top-other-desc-btn a {
    color: #db2f64;
  }
  .top-other-list__item--course .top-other-desc-btn a {
    color: #815bc2;
  }
}

@media all and (min-width: 751px) {
  .top-other-desc-btn-body {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 51px;
    border: 1px solid #008651;
    border-radius: 100px;
    background: #008651;
    -webkit-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
  }
  .top-other-list__item--tickets .top-other-desc-btn-body {
    border: 1px solid #0080a0;
    background: #0080a0;
  }
  .top-other-list__item--enjoy .top-other-desc-btn-body {
    border: 1px solid #db2f64;
    background: #db2f64;
  }
  .top-other-list__item--course .top-other-desc-btn-body {
    border: 1px solid #815bc2;
    background: #815bc2;
  }
  a:hover .top-other-desc-btn-body {
    background: #fff;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc-btn-body {
    height: 4.98047vw;
  }
}

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

@media all and (min-width: 751px) {
  .top-other-desc-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
    padding: 0 20px;
  }
  .top-other-desc-btn__label::before, .top-other-desc-btn__label::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 14px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .top-other-desc-btn__label::before {
    background: url("/assets/img/common/ico_arw_white01.svg") no-repeat center center;
    background-size: contain;
    opacity: 1;
  }
  a:hover .top-other-desc-btn__label::before {
    opacity: 0;
  }
  .top-other-desc-btn__label::after {
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center;
    background-size: contain;
    opacity: 0;
  }
  .top-other-list__item--tickets .top-other-desc-btn__label::after {
    background: url("/assets/img/common/ico_arw_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--enjoy .top-other-desc-btn__label::after {
    background: url("/assets/img/common/ico_arw_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--course .top-other-desc-btn__label::after {
    background: url("/assets/img/common/ico_arw_course01.svg") no-repeat center center;
    background-size: contain;
  }
  a:hover .top-other-desc-btn__label::after {
    opacity: 1;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-other-desc-btn__label {
    margin-right: 0.78125vw;
    padding: 0 1.95312vw;
  }
  .top-other-desc-btn__label::before {
    right: 1.95312vw;
    width: 0.78125vw;
    height: 1.36719vw;
  }
}

@media screen and (max-width: 750px) {
  .top-other-desc-btn__label {
    display: inline-block;
    vertical-align: top;
    margin-right: 6px;
    padding: 0 8px;
  }
  .top-other-desc-btn__label::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 8px;
    width: 6px;
    height: 12px;
    background: url("/assets/img/common/ico_arw_common01.svg") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  .top-other-list__item--tickets .top-other-desc-btn__label::before {
    background: url("/assets/img/common/ico_arw_tickets01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--enjoy .top-other-desc-btn__label::before {
    background: url("/assets/img/common/ico_arw_enjoy01.svg") no-repeat center center;
    background-size: contain;
  }
  .top-other-list__item--course .top-other-desc-btn__label::before {
    background: url("/assets/img/common/ico_arw_course01.svg") no-repeat center center;
    background-size: contain;
  }
}

/* facebook */
@media all and (min-width: 751px) {
  .top-facebook {
    height: 100%;
    padding: 24px 24px 0;
    border: 1px solid #e3e3e3;
    background: #fff;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-facebook {
    padding: 2.34375vw 2.34375vw 0;
  }
}

@media screen and (max-width: 750px) {
  .top-facebook {
    padding: 3.86667vw 3.86667vw 0;
    border: 1px solid #e3e3e3;
    background: #fff;
  }
}

@media all and (min-width: 751px) {
  .top-facebook-body {
    position: relative;
  }
  .top-facebook-body .fb-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block !important;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }
  .top-facebook-body .fb-page > span,
  .top-facebook-body .fb-page iframe {
    width: 100% !important;
  }
}

@media screen and (max-width: 750px) {
  .top-facebook-body .fb-page {
    display: block !important;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
  }
  .top-facebook-body .fb-page > span,
  .top-facebook-body .fb-page iframe {
    width: 100% !important;
  }
}

/* recommend */
@media screen and (max-width: 750px) {
  .top-recommend-list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media all and (min-width: 751px) {
  .top-recommend-list__item {
    margin-top: 20px;
  }
}

@media all and (min-width: 751px) and (max-width: 1024px) {
  .top-recommend-list__item {
    margin-top: 1.95312vw;
  }
}

@media screen and (max-width: 750px) {
  .top-recommend-list__item {
    width: 44.66667vw;
    margin-left: 2.66667vw;
  }
  .top-recommend-list__item:nth-child(2n+1) {
    margin-left: 0;
  }
  .top-recommend-list__item:nth-child(n+3) {
    margin-top: 2.66667vw;
  }
}

@media all and (min-width: 751px) {
  .top-recommend-bnr {
    background: #fff;
  }
  .top-recommend-bnr a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    text-decoration: none;
  }
  .top-recommend-bnr a > * {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  .top-recommend-bnr a:hover > * {
    opacity: .8;
  }
}

@media screen and (max-width: 750px) {
  .top-recommend-bnr {
    background: #fff;
  }
  .top-recommend-bnr a {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: #fff;
    text-decoration: none;
  }
}

/*# sourceMappingURL=sourcemaps/top.css.map */