@charset "UTF-8";

@media screen and (max-width:850px){
    /* coded for 750px */

    .header-title a{
        margin-left: 100px;
        font-size: 20px;
    }

    .header-menu{
        margin-right: 100px;
    }

    .header-menu a{
        font-size: 10px;
    }

    .menu-margin{
        margin-right: 30px;
    }

    #contact{
        margin-top: 50px;
    }

    .contact-title1{
        font-size: 20px;
    }

    .contact-title2{
        font-size: 20px;
    }

    .contact-title span{
        font-size: 10px;
        padding-left: 10px;
    }

    .contact-container{
        margin: 50px 100px 0 100px;
    }

    .contact-name label,.contact-furigana label,.contact-mail label{
        font-size: 12px;
    }

    .contact-message label{
        font-size: 12px;
    }

    ::placeholder{
        font-size: 12px;
    }

    .contact-name input,.contact-furigana input,.contact-mail input{
        width: 300px;
        margin-left: 50px;
    }

    .contact-message textarea{
        width: 300px;
        margin-left: 50px;
    }

    .contact-name span,.contact-furigana span,.contact-mail span,.contact-message span{
        font-size: 10px;
    }

    .contact-btn button{
        font-size: 12px;
    }

    .top-btn img{
        width: 5%;
    }

    .footer-menu{
        margin-left: 100px;
    }

    .footer-menu a{
        margin-right: 40px;
        font-size: 10px;
    }

    .copyright{
        font-size: 8px;
        margin-right: 100px;
    }

}