@charset "utf-8";



@media print,screen and (min-width: 813px) {

  
    #contact{
        padding-left: 80px;
        padding-right: 80px;
        margin-bottom: 100px;
    }
    

    #contact .inner{
        min-width: 1040px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    
    }

    #contact h2{
        font-size: 19px;
        line-height: 1em;
        letter-spacing: 0.1em;
        font-family: 'Shippori Mincho', serif;
        background-image: url(../img/contact_tit.svg);
        background-size: 254.518px 31.556px;
        background-repeat: no-repeat;
        background-position: right bottom;
        height: 31.556px;
        display: flex;
        width: 340px;
    }

    #contact .body{
        margin-top: 30px;
        font-size: 15px;
        letter-spacing: 0.1em;
        line-height: 2em;
    }

    #contact .link a{
        width: 250px;
        display: block;
        background-color: #464646;
        margin-top: 30px;
        font-size: 13px;
        color: #fff;
        padding: 15px 0px;
        letter-spacing: 0.1em;
        line-height: 2em;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        background-image: url(../img/contact_arr.svg);
        background-size: calc(23.641px * 0.3) calc(26.596px * 0.3);
        background-repeat: no-repeat;
        background-position: 20px center;
        padding-left: 20px;
    }

}



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




    #contact{
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 100px;
    }
    



    #contact h2{
        font-size: 16px;
        line-height: 1em;
        letter-spacing: 0.1em;
        font-family: 'Shippori Mincho', serif;
        background-image: url(../img/contact_tit.svg);
        background-size: calc( (100vw - 40px) * 0.6 ) calc( (100vw - 40px) * 0.6 / 254.518 * 31.556 );
        background-repeat: no-repeat;
        background-position: center center;
        height: calc( (100vw - 40px) / 254.518 * 31.556 );
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #contact .body{
        margin-top: 20px;
        font-size: 12px;
        letter-spacing: 0.1em;
        line-height: 2em;
        text-align: center;
    }

    #contact .link a{
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        background-color: #464646;
        margin-top: 30px;
        font-size: 13px;
        color: #fff;
        padding: 12px 0px;
        letter-spacing: 0.1em;
        line-height: 2em;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none;
        background-image: url(../img/contact_arr.svg);
        background-size: calc(23.641px * 0.3) calc(26.596px * 0.3);
        background-repeat: no-repeat;
        background-position: 20px center;
        padding-left: 20px;
    }


}