@charset "UTF-8";

#gnav li.nav-message a:before{ top: 0%;}

#contents {
    padding: 0 0 6em 0;
}

@media only screen and (max-width:768px) {
    #contents {
        padding: 0 0 3em 0;
    }
}

#mv {
    margin: 0 0 3em;
    height: 490px;
    background: url(../img/mv.jpg) no-repeat center top;
    background-size: cover;
}

#mv p {
    position: relative;
    padding: 4.5em 0 0;
    font-weight: 700;
    font-size: 187.5%;
    line-height: 1.5;
}

#main {
    padding: 3em 0 6em;
}

#main p {
    margin-bottom: 1.5em;
}

#main .signature {
    text-align: right;
    line-height: 1.7;
}

#main .signature span {
    font-size: 125%;
    line-height: 1.5;
}

@media only screen and (max-width:768px) {

    #mv {
        /*background:url(../img/mv.jpg) no-repeat center center;
        background-size:cover;*/
        height: 210px;
    }

    #mv p {
        padding: 1.5em 0 0;
        text-shadow: 0 0 5px rgba(255, 255, 255, 1), 0 0 5px rgba(255, 255, 255, 0.8);
        font-size: 110% !important;
    }

    #main {
        padding: 3em 0;
    }
    
    #main p {
        margin-bottom: 1.5em;
    }
}

@media only screen and (max-width:410px) {
    #mv p {
        font-size: 165%;
    }
}

@media only screen and (max-width:375px) {
    #mv p {
        font-size: 150%;
        line-height: 1.6;
    }
}

@media only screen and (max-width:330px) {
    #mv p {
        font-size: 140%;
    }
}