@media (max-width: 768px) {
  .fade-in,
  .fade-in-left,
  .fade-in-right,
  .fade-in-up,
  .fade-in-down,
  .fade-in-blur,
  .fade-in.show,
  .fade-in-left.show,
  .fade-in-right.show,
  .fade-in-up.show,
  .fade-in-down.show,
  .fade-in-blur.show {
    opacity: 1;
    -webkit-filter: none;
            filter: none;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
  .horse-title-floating.show {
    -webkit-animation: none;
            animation: none;
  }
  .loading-screen {
    display: none;
  }
  .wrap {
    width: 100%;
    min-width: 0;
  }
  .header {
    width: 100%;
    height: auto;
    aspect-ratio: 768/1060;
    background: url("../images/header-bg-m.jpg") no-repeat center;
    background-size: contain;
  }
  .header::after {
    background: transparent;
  }
  .header .inner {
    display: none;
  }
  .logo {
    display: none;
  }
  .promo-btn {
    width: 100%;
    height: auto;
    aspect-ratio: 768/90;
    background: url("../images/promo_banner-m.jpg") no-repeat center;
    background-size: contain;
    -webkit-animation: none;
            animation: none;
  }
  .social-btns {
    display: none;
  }
  .top-menu {
    display: none;
  }
  .inner {
    width: 100%;
  }
  .container {
    min-width: 0;
  }
  .sec {
    width: 100%;
    margin-top: 0;
    height: auto;
    padding-top: 0;
    padding: 0;
  }
  .tit-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: clamp(80px, 22vw, 125px);
    margin-bottom: 2%;
  }
  .tit-box img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 90%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .sec1 {
    padding: 0 2%;
  }
  .sec1 .inner {
    padding-top: 20px;
  }
  .sec1-cont-bg {
    width: 100%;
    height: auto;
    aspect-ratio: 721/656;
    background: url("../images/sec1-cont-m.png") no-repeat center;
    background-size: contain;
    margin-top: 15px;
  }
  .sec1-word1, .sec1-word2 {
    display: none;
  }
  .sec2 {
    padding-bottom: 5%;
    background-size: cover;
  }
  .sec2-desc1 {
    width: 100%;
    height: auto;
    aspect-ratio: 768/92;
    background: url("../images/sec2-desc1-m.png") no-repeat center;
    background-size: contain;
  }
  .sec2-desc1 img {
    display: none;
  }
  .sec2-cont-btn {
    width: 88%;
    height: auto;
    aspect-ratio: 438/123;
  }
  .sec2-cont-btn img {
    display: block;
    width: 100%;
    height: auto;
  }
  .stone1, .stone2 {
    display: none;
  }
  .horses {
    width: 100%;
    height: auto;
    aspect-ratio: 768/825;
    background: url("../images/sec2-horses-m.png") no-repeat center;
    background-size: contain;
    margin: 20% 0 0 0;
  }
  .horses .horse1, .horses .horse2 {
    display: none;
  }
  .sec3 {
    width: 100%;
    height: auto;
    aspect-ratio: 768/978;
    background: url("../images/sec3-bg-m.jpg") no-repeat center;
    background-size: contain;
    margin-top: 5%;
  }
  .sec3 .inner {
    padding-top: 0;
  }
  .sec3-mainword {
    display: none;
  }
  .sec3-cont-btn {
    top: auto;
    bottom: 2%;
    width: min(88%, 440px);
    height: auto;
    aspect-ratio: 440/124;
  }
  .sec3-cont-btn img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec4 {
    background-size: cover;
  }
  .sec4 .inner {
    margin-top: 40px;
    padding: 0 3%;
  }
  .sec4-pic1 {
    position: absolute;
    width: clamp(100px, 30vw, 193px);
    height: auto;
    aspect-ratio: 193/306;
    background: url("../images/sec4-pic1.png") no-repeat center;
    background-size: contain;
    top: clamp(-120px, -20vw, -60px);
    left: clamp(-48px, -7vw, -22px);
  }
  .sec4-pic2 {
    position: absolute;
    top: auto;
    right: clamp(-115px, -29vw, -35px);
    bottom: clamp(-80px, -12vw, -35px);
    width: clamp(210px, 62vw, 420px);
    height: auto;
    aspect-ratio: 613/597;
    background: url("../images/sec4-pic2.png") no-repeat center;
    background-size: contain;
    pointer-events: none;
  }
  .sec4-features p, .sec4-intro-word p, .sec4-intro-word li {
    font-size: 14px;
  }
  .sec4-intro-word p {
    text-shadow: 0 0 2px #000;
  }
  .sec4-cont-bg {
    position: relative;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.68);
    padding: 10% 5% 30% 5%;
    border: 4px solid #cfa46a;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 14px rgba(255, 188, 92, 0.4), inset -8px 0 18px rgba(255, 157, 49, 0.18);
            box-shadow: inset 0 0 14px rgba(255, 188, 92, 0.4), inset -8px 0 18px rgba(255, 157, 49, 0.18);
  }
  .sec5 {
    background-size: cover;
  }
  .sec5-cont {
    width: 100%;
    height: auto;
    aspect-ratio: 756/856;
    background: url("../images/sec5-pic-m.png") no-repeat center;
    background-size: contain;
    margin: 10px auto 0 auto;
  }
  .sec6 {
    padding-top: 10%;
  }
  .sec6-cont1, .sec6-cont2 {
    background: none;
  }
  .sec5-jan-link,
  .sec5-feb-link,
  .sec5-mar-link {
    right: auto;
    left: var(--link-x);
    top: var(--link-y);
    width: var(--link-width);
    height: auto;
    aspect-ratio: 120/38;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .sec5-jan-link img,
  .sec5-feb-link img,
  .sec5-mar-link img {
    display: block;
    width: 100%;
    height: auto;
  }
  .sec5-jan-link {
    --link-x: 81%;
    --link-y: 24%;
    --link-width: 16%;
  }
  .sec5-feb-link {
    --link-x: 81%;
    --link-y: 31.25%;
    --link-width: 16%;
  }
  .sec5-mar-link {
    --link-x: 81%;
    --link-y: 38.75%;
    --link-width: 16%;
  }
  .sec6 .inner {
    padding: 0 3% 10% 3%;
  }
  .sec6-cont {
    position: relative;
    display: block;
    border: 4px solid #cfa46a;
    -webkit-box-shadow: inset 0 0 14px rgba(255, 188, 92, 0.4), inset -8px 0 18px rgba(255, 157, 49, 0.18);
            box-shadow: inset 0 0 14px rgba(255, 188, 92, 0.4), inset -8px 0 18px rgba(255, 157, 49, 0.18);
    background: rgba(0, 0, 0, 0.68);
    border-radius: 20px;
  }
  .sec6-cont1 {
    width: 100%;
    height: auto;
    margin-bottom: 10%;
  }
  .sec6-cont1-word, .sec6-cont2-word {
    font-size: 14px;
  }
  .sec6-cont1-tit {
    width: 100%;
    height: auto;
    aspect-ratio: 599/127;
    background: url("../images/sec6-subtit1-m.png") no-repeat center;
    background-size: contain;
  }
  .sec6-cont2 {
    width: 100%;
    height: auto;
  }
  .sec6-cont2-tit {
    width: 100%;
    height: auto;
    aspect-ratio: 599/151;
    background: url("../images/sec6-subtit2-m.png") no-repeat center;
    background-size: contain;
  }
  .flex-box {
    display: block;
  }
  .sec6-boxes-cont {
    display: block;
    margin-bottom: 20px;
  }
  .sec6-notice-box {
    display: block;
    margin-bottom: 10%;
  }
  .sec6-notice-box ol li {
    font-size: 14px;
  }
  .sec6-deco1-m {
    position: absolute;
    top: -9px;
    left: -9px;
    z-index: 2;
    width: clamp(56px, 12vw, 80px);
    height: auto;
    aspect-ratio: 80/78;
    background: url("../images/sec6-deco1.png") no-repeat center;
    background-size: contain;
    pointer-events: none;
  }
  .sec6-deco2-m {
    position: absolute;
    right: -9px;
    bottom: -9px;
    z-index: 2;
    width: clamp(56px, 12vw, 80px);
    height: auto;
    aspect-ratio: 80/78;
    background: url("../images/sec6-deco2.png") no-repeat center;
    background-size: contain;
    pointer-events: none;
  }
  .popup {
    padding: 20px;
  }
  .popup-dialog {
    max-height: calc(100vh - 40px);
  }
  .popup-close {
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
  }
  .popup-close::before, .popup-close::after {
    top: 16px;
    left: 8px;
    width: 18px;
  }
  .popup-content {
    max-height: calc(100vh - 40px);
    padding: 58px 0 0;
  }
  .popup-content h2 {
    font-size: 24px;
  }
  .popup-header {
    margin-bottom: 28px;
  }
  .popup-header h2 {
    font-size: 27px;
  }
  .popup-section {
    margin-top: 18px;
    padding: 18px;
  }
  .popup-section h3 {
    font-size: 21px;
  }
  .popup-section ol,
  .popup-section ul {
    font-size: 14px;
  }
  .popup-media-placeholder img {
    max-width: 100%;
  }
  .popup-info-list,
  .popup-info-list.popup-info-list-three {
    grid-template-columns: 1fr;
  }
  .popup-info-list > div:not(:last-child),
  .popup-info-list.popup-info-list-three > div:not(:last-child) {
    border-right: 0;
    border-bottom: 1px solid rgba(173, 149, 104, 0.3);
  }
  .popup-card-grid {
    grid-template-columns: 1fr;
  }
  .popup-card-featured {
    grid-column: auto;
  }
  .popup-levels {
    grid-template-columns: repeat(2, 1fr);
  }
  .footer {
    height: auto;
  }
  .footer-inner {
    width: 100%;
    height: auto;
    display: block;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer-links {
    text-align: center;
    margin-top: 10px;
  }
  .footer-center a {
    width: 100%;
  }
  .footer-center a img {
    width: 100%;
  }
  .footer-logo-box {
    text-align: center;
  }
  .footer-logo-box img {
    max-width: 100%;
  }
  .logout-btn {
    width: 100%;
    height: 50px;
    position: relative;
    margin: 0 auto;
    top: 0;
    right: 0;
    margin-bottom: 20px;
    background: #8d857b;
    color: #fff;
    font-size: 18px;
    text-indent: 0;
  }
  .copyright {
    text-align: center;
  }
  .footer-social .footer-inner {
    height: 100px !important;
  }
  .footer-main .footer-inner {
    padding: 10% 7%;
  }
  .footer-left, .footer-right {
    display: block;
    height: auto;
  }
  .footer-left {
    margin-bottom: 20px;
    text-align: center;
  }
  .lager-logo, .class-level {
    margin: 0 auto 20px auto;
  }
  .footer-main {
    height: auto;
  }
  .footer-right {
    margin-top: 10px;
    margin-left: 0;
  }
  .class-level {
    margin: 20px auto 20px auto;
  }
  .footer-lager-logo, .footer-rg-logo {
    margin-bottom: 10px;
  }
  .hamburger {
    display: block;
    opacity: 1;
    right: 15px;
  }
  .lightbox {
    position: relative;
    width: min(94vw, 644px);
    aspect-ratio: 644/828;
    background: url("../images/lightbox-bg-m.png") center/contain no-repeat;
    border-radius: 12px;
    margin: 0 5%;
  }
  .btn-group {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 9.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3%;
       -moz-column-gap: 3%;
            column-gap: 3%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .btn-group a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .btn-group a img {
    width: 100%;
    height: auto;
  }
}