@media screen and (min-width: 768px) {
    .sp-only{
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }
    .section-title-jp{
        font-size: 2rem;
    }
    .sp-only{
        display: block;
    }
    .font-semibold{
        font-size: 1rem;
    }
    .contact-popup{
        font-size: 0.8rem;
        display: none;
    }
    .right-8{
        right: 0.5rem;
    }
    .bottom-8{
        bottom: 0.5rem;
    }
    .cta-button-main{
        padding: 0.5rem 1rem;
    }
}