@charset "UTF-8";
body {
    background-color: rgb(216, 217, 234);
}
.sub-title h2{
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    font-weight: bold;
}
#g-nav a:hover {
    opacity: 0.6;
}
.name {
    position: absolute;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    font-weight: bold;
    color: #e5e5e5;
    z-index: 99;
    line-height: 2.4rem;
    padding: 8px 14px;
}
footer {
    font-size: 14px;
    padding: 8px 14px;
    color: #e5e5e5;
    position: absolute;
    bottom: 5px;
    z-index: 100;
}
@media screen and (min-width:767px) {
    body {
        max-width: 1000px;
        margin: 0 auto;
    }
    .name {
        position: relative;
        padding: 10px;
        font-size: 34px;
        font-weight: bold;
        color: #3a3a3a;
        line-height: 3.5rem;
        
    }
    #g-nav {
        font-family: "Zen Kaku Gothic New", sans-serif;
        font-weight: 400;
        font-style: normal;
        padding: 10px;
        position: absolute;
        top: 140px;
        font-size: 28px;
        font-weight: bold;
        color: #3a3a3a;
        line-height: 4rem;
        z-index: 99;
        
    }
    footer {
        padding: 10px;
        color: #333333;
    }
}