<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#header .logo {
    position: unset;
    width: 25%;
    margin: 0 auto;
    padding: 25px 0 35px;
    transform: unset
}

#header #key {
    position: relative
}

#header #key .banner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1
}

#header #key .banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#header #key .gr-txt .gr {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    height: 57vw
}

#header #key .gr-txt .gr .tit {
    background-color: #fff;
    padding: 6vw 3% 6vw 9%;
    position: absolute;
    right: 0;
    bottom: 0
}

#header #key .gr-txt .gr .tit span {
    display: block
}

#header #key .gr-txt .gr .tit span:nth-child(1) {
    font-size: 12px;
    letter-spacing: .15em;
    color: #6e6e6e;
    text-align: left
}

#header #key .gr-txt .gr .tit span:nth-child(2) {
    padding: 0 5vw 0;
    margin-right: 5%;
    font-size: 31px;
    border-left: 1px solid #5e5e5e;
    border-right: 1px solid #5e5e5e;
    letter-spacing: .1em
}

#header #key .gr-txt .txt {
    padding: 8vw 4% 15vw
}

#header #key .gr-txt .txt p:nth-child(1) {
    font-size: 18px;
    font-weight: 500
}

#header #key .gr-txt .txt p:nth-child(2) {
    margin-top: 5vw
}

#header #key.hirabari .gr-txt .gr {
    background-image: url("../img/class_hirabari/key_sp.jpg")
}

#header #key.atsuta .gr-txt .gr {
    background-image: url("../img/class_atsuta/key_sp.jpg")
}

#header #key.obu .gr-txt .gr {
    background-image: url("../img/class_obu/key_sp.jpg")
}

@media screen and (min-width: 1000px) {
    #header .logo {
        width: -moz-fit-content;
        width: fit-content;
        padding: 41px 0 35px
    }

    #header #key {
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        padding-top: 92px
    }

    #header #key .gr-txt {
        display: flex;
        margin-left: auto;
        box-sizing: border-box;
        width: -moz-fit-content;
        width: fit-content;
        padding: 66px 174px 0 66px;
        background: #fff
    }

    #header #key .gr-txt .gr {
        background: none !important;
        position: unset;
        height: auto;
        width: 148px
    }

    #header #key .gr-txt .gr .tit {
        position: unset;
        background: none;
        padding: 0
    }

    #header #key .gr-txt .gr .tit span:nth-child(1) {
        font-size: 13.26px
    }

    #header #key .gr-txt .gr .tit span:nth-child(2) {
        padding: 1px 30px 8px 27px;
        margin-right: 17px;
        font-size: 42px
    }

    #header #key .gr-txt .txt {
        padding: 35px 0 0 37px;
        margin-bottom: -4px
    }

    #header #key .gr-txt .txt p:nth-child(1) {
        font-size: 20px;
        line-height: 40px;
        letter-spacing: .01em
    }

    #header #key .gr-txt .txt p:nth-child(2) {
        margin: 32px 0 0 2px;
        width: 311px;
        line-height: 36px;
        letter-spacing: 0
    }

    #header #key.hirabari {
        background-image: url("../img/class_hirabari/key_pc.jpg")
    }

    #header #key.atsuta {
        background-image: url("../img/class_atsuta/key_pc.jpg")
    }

    #header #key.obu {
        background-image: url("../img/class_obu/key_pc.jpg")
    }
}</pre></body></html>