.hero-title {
    font-size: calc(0.5rem + 4.5vw);
    color: #000 !important;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 3rem !important;
}
@media (max-width: 768px) {
    .hero-title {
        font-size: 1.8rem;
    }
}

.hero-subtitle {
    font-size: 1.6rem;
    line-height: 1.3;
}
@media (max-width: 768px) {
    .hero-subtitle {
        font-size: 1.2rem;
    }
}

.darumadrop-one-regular {
  font-family: "Darumadrop One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.kiwi-maru-regular {
  font-family: "Kiwi Maru", serif;
  font-weight: 400;
  font-style: normal;
}

.mochiy-pop-one-regular {
  font-family: "Mochiy Pop One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.br-sp {
    display: none;
}

@media (max-width: 576px) {
    .br-sp {
        display: block;
    }
}

.about-title {
    font-size: 3rem;
}

.event-title {
    font-size: 3rem;
}

.sponsors-title {
    font-size: 3rem;
}

@media (max-width: 991.98px) {
    .about-title {
        font-size: 2.5rem;
    }
    .event-title {
        font-size: 2.5rem;
    }
    .sponsors-title{
        font-size: 2.5rem;
    }
    
}

@media (max-width: 767.98px) {
    .about-title {
        font-size: 2.1rem;
    }
    .event-title {
        font-size: 2.1rem;
    }
    .sponsors-title {
        font-size: 2.1rem;
    }
}

@media (max-width: 575.98px) {
    .about-title {
        font-size: 1.5rem;
    }
    .event-title {
        font-size: 1.85rem;
    }
    .sponsors-title {
        font-size: 1.85rem;
    }
}

.sponsors {
    background: linear-gradient(rgba(255, 72, 128, 0.05), rgba(255, 72, 128, 0.1));
    padding: 60px 0;
}

.sponsors .sponsor-item {
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 20% 10% / 10% 30%;
    background: var(--bs-light);
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
    transition: 0.5s;
    text-align: center;
}

.sponsors .sponsor-item:hover {
    box-shadow: 0 0 45px rgba(0, 0, 0, .2);
    transform: translateY(-5px);
}

.sponsors .sponsor-inner img {
    max-width: 100%;
    height: auto;
    transition: 0.5s;
    filter: grayscale(30%);
}

.sponsors .sponsor-item:hover .sponsor-inner img {
    transform: scale(1.1);
    filter: grayscale(0%);
}

.copyright a {
    color: #ffffff;
}

@keyframes floating-up {
    0% {
        transform: translateY(20px) scale(1);
        opacity: 0.9;
    }
    40% {
        transform: translateY(0px) scale(1.02);
        opacity: 1;
    }
    100% {
        transform: translateY(-40px) scale(1);
        opacity: 0.2;
    }
}

.floating-spinner {
    width: 280px;
    height: auto;
    animation: floating-up 5s ease-in-out infinite;
}

/* スマホ（〜576px）専用 */
@media (max-width: 576px) {
    .floating-spinner {
        width: 160px;   /* ← 好きなサイズに調整 */
    }
}


.arrow-up{
    background-color: #00AEEF !important
}

/* 以下はstyle.cssのオーバーライド */
.btn-primary,.bg-primary {
    background-color: #fff31a !important;
}

.video .btn-play:after {
    background: #ff0000 !important;
}

.navbar .navbar-nav .nav-link:hover, .navbar .navbar-nav .nav-link.active, .fixed-top.bg-white .navbar .navbar-nav .nav-link:hover, .fixed-top.bg-white .navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary)
    #00AEEF
;
}

.text-primary {
    color: #00AEEF !important;
}

.service {
    background-color: #fff31a !important;
}


.about {
    background: none;
    background-position: center center;
}

.events .events-item .events-inner .events-rate {
    position: absolute;
    width: 250px; 
    top: -20px; 
    left: 35%; 
    margin-left: -60px; 
    /* border-radius: 10% / 50%; */
}

.bg-dark {
    background-color: #000000	 !important;
}

.text-dark {
    color: #000000 !important;
}


.hero-header, .page-header {
    background: url(../img/main.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}



.service .service-item:hover {
    border: none !important;
}

.service .service-item:hover .service-content::after {
    background: transparent !important;
    width: 0 !important;
    opacity: 0 !important;
}

.service .service-item:hover .service-content-inner i,
.service .service-item:hover .service-content-inner p,
.service .service-item:hover .service-content-inner a.h4,
.service .service-item:hover .service-content-inner a.btn-primary {
    color: inherit !important;
    background: inherit !important;
}


.service .service-item {
    pointer-events: none !important;
}