@media (max-width: 420px) {
    .hometext-title {
        font-size: 4vw;
    }

    .hometext {
        padding-left: 10vw;
        padding-right: 10vw;
    }

    .hometext-title {
        font-size: 8vw;
    }

    h2.hometext {
        padding-left: 10vw;
    }

    ul.hometext {
        padding-left: 14vw;
    }

    h2.hometext-od {
        padding-top: 0.01em;
        padding-left: 52vw;
    }

    h2.hometext-since {
        padding-top: 0.01em;
        padding-left: 49vw;
    }

    .hometext-bottom {
        background-color: #1693A7;
        height: 100%;
        position: fixed;
        padding-right: 28%;
    }
}
@media (min-width: 420px) and (max-width: 1600px) {
    .hometext-title {
        font-size: 4vw;
    }
    .hometext {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    .hometext-title {
        font-size: 4vw;
    }
    h2.hometext {
        padding-left: 4vw;
    }
    ul.hometext {
        padding-left: 6vw;
    }
    h2.hometext-od {
        padding-top: 0.01em;
        padding-left: 9vw;
    }
    h2.hometext-since {
        padding-top: 0.01em;
        padding-left: 8vw;
    }
    .hometext-bottom {
        background-color: #1693A7;
        height: 100%;
        position: fixed;
        padding-right: 28%;
    }
}
@media (min-width: 1600px) {
    .hometext-title {
        font-size: 4vw;
    }
    .hometext-title {
        font-size: 2.8vw;
    }
    .hometext {
        padding-left: 4vw;
        padding-right: 4vw;
    }
    h2.hometext {
        padding-left: 4vw;
    }
    ul.hometext {
        padding-left: 6vw;
    }
    h2.hometext-od {
        padding-top: 0.01em;
        padding-left: 7.5vw;
    }
    h2.hometext-since {
        padding-top: 0.01em;
        padding-left: 6.5vw;
    }
    .hometext-bottom {
        background-color: #1693A7;
        height: 100%;
        position: fixed;
        padding-right: 22%;
    }
}

h1.hometext {
    padding-top: 10vw;
    font-weight: bold;
}
.homepage-color {
    background-color: #E7807B;
}

.homepage-background {
    background-image: url("../images/main.jpg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.hometext-address1 {
    padding-top: 2em;
}
.hometext-address2 {
    padding-top: 0.2em;
}
.hometext-address3 {
    padding-top: 0.15em;
}
.hometext-list {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}

@media (max-width: 420px) {
    .mobile-hide {
        display: none;
    }
}
@media (min-width: 420px) {
    .mobile-hide {
        display: block;
    }
}

@media (max-width: 420px) {
    .like-button {
        position: fixed;
        top: 16vw;
        right: 5vw;
    }
}
@media (min-width: 420px) {
    .like-button {
        position: fixed;
        top: 5vw;
        right: 5vw;
    }
}