@charset "UTF-8";

@media screen and (max-width: 1024px) {
    .tab {
        display: block;
    }
    #contents {
        width: 93.3%;
    }
    #contact .flBox div .font01 {
        font-size: 150.5%;
    }
    #contact .flBox div .font02 {
        font-size: 130%;
    }
    #contact .flBox .addBox {
        width: 330px;
        padding: 30px 0;
        font-size: 116.5%;
    }
    #department dl dt {
        width: 300px;
    }
}

@media screen and (max-width: 599px) {
    .tab {
        display: none;
    }
    #contents {
        width: 86.7%;
    }
    h2 {
        font-size: 120%;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    h2 span {
        border-left: 3px solid #beaf73;
    }

    /*******************************
    #greeting
    *******************************/
    #greeting {
        margin-bottom: 35px;
    }
    #greeting p {
        font-size: 80%;
    }

    /*******************************
    #department
    *******************************/
    #department {
        margin-bottom: 40px;
    }
    #department dl {
        display: block;
    }
    #department dl dt {
        width: 100%;
        font-size: 86.6%;
        padding: 10px 0;
    }
    #department dl dd {
        padding-left: 0;
    }
    #department dl dd .box01 {
        margin-bottom: 20px;
    }
    #department dl dd p {
        font-size: 80%;
    }
    #department dl dd .col01,
    #department dl dd .col02,
    #department dl dd .col03,
    #department dl dd .col04 {
        font-size: 92.3%;
    }
    #department dl:first-of-type {
        margin-bottom: 27px;
    }

    /*******************************
    #offer
    *******************************/
    #offer {
        margin-bottom: 30px;
    }
    #offer p {
        font-size: 80%;
    }
    #offer p span {
        font-size: 91.6%;
    }
    #offer .linkBtn a {
        width: 61.5%;
        margin: 25px auto 0 auto;
        font-size: 93.3%;
        height: 38px;
        line-height: 38px;
    }

    /*******************************
    #contact
    *******************************/
    #contact {
        margin-bottom: 40px;
    }
    #contact .flBox {
        display: block;
    }
    #contact .flBox div p {
        font-size: 80%;
    }
    #contact .flBox div .font01 {
        font-size: 86.6%;
    }
    #contact .flBox div .font02 {
        font-size: 80%;
    }
    #contact .flBox .addBox {
        width: 100%;
        font-size: 80%;
        padding: 10px 0;
        margin-top: 18px;
    }








}