@charset "utf-8";
body {
    background-color: #EFEFEF;
}
.header-h1 {
    color: #FFFFFF;
    top: 65%;
    font-size: 7vw;
    font-weight: bold;
    left: 18%
}
.header-p {
    color: #FFFFFF;
    top: 76%;
    font-size: 4vw;
    left: 14%
}
.header-bg {
    background-image: url("../images/header_mobile_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
padding-top: calc((747/999 )*100%);
}
.footer-bg {
    background-image: url("../images/footer_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (min-width: 992px) {
.header-bg {
    background-image: url("../images/header_pc_bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
padding-top: calc((532/1920 )*100%);
}
.header-h1 {
    color: #FFFFFF;
    top: 30%;
    font-size: 3vw;
    font-weight: bold;
    left: 22%
}
.header-p {
    color: #FFFFFF;
    top: 42%;
    font-size: 1.5vw;
    left: 22.2%
}
}