/* --- fix the navbar scrolling offset ----------------------------------- */
@media screen and (orientation: portrait) {
    html { scroll-padding-top: 23rem; }
}
@media screen and (orientation: landscape) {
    html { scroll-padding-top: 5rem; }
}
/* ----------------------------------------------------------------------- */

body {
    overflow-x: hidden;

    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h1 {
    padding-bottom: 1.5rem;
}

.section-separator {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-top: solid #ffffff10 1px;
}

.store-icon {
    width: 4rem;
    margin: 1rem 0.25rem 0 0.25rem;
}

.footer-social-icon {
    width: 3rem;
    margin: 0rem 0.7rem 0 0.7rem;
    opacity: 50%;
}

/* For better scaling of the form in portrait */
@media (orientation: portrait) {
    #contactForm {
        width: 100% !important;
    }
}