body {padding-top: 0px;}

#top {
    transform: translateY(-100%);
    transition: transform 0.3s ease;
}
#top.is-show {transform: translateY(0);}

.slide-menu-btn {
    color: #fff;
    background-color: transparent;
}

@media screen and (min-width: 768px){
    /*ボタン関連*/
    .module .button a,
    .module-detail .button-detail a {
        min-height: 60px;
    }
}

@media screen and (max-width: 767px){}

@media (min-width: 768px) and (max-width: 991px) {
    .heading-offset {
        left: calc((100vw - 680px) / -2);
        width: calc(100% + (100vw - 680px) / 2);
    }
    .heading-offset > :where(h1, h2, h3, h4){
        padding-left: calc((100vw - 680px) / 2);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .heading-offset {
        left: calc((100vw - 915px) / -2);
        width: calc(100% + (100vw - 915px) / 2);
    }
    .heading-offset > :where(h1, h2, h3, h4){
        padding-left: calc((100vw - 915px) / 2);
    }
}

@media (min-width: 1200px) {
    .heading-offset {
        left: calc((100vw - 1110px) / -2);
        width: calc(100% + (100vw - 1110px) / 2);
    }
    .heading-offset > :where(h1, h2, h3, h4){
        padding-left: calc((100vw - 1110px) / 2);
    }
}