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

    #navi{
        display: none;
    }

    h2{
        font-size: large;
        padding-left: 5px;
    }

    .header_logo{
        width: 100%;
        border: none;

    }
    .header_logo img{
        width: 100%;
        max-width: 292px;
    }

    .header_logo_in_txt{
        display: inline-block;
        font-size: 20px;
        padding-left: 15px;
    }
    .header_txt{

        width: 100%;
    }
    #contents{
        width: 100%;
        border: none;
    }
    .alert_mess{
        margin-top: 20px;
        font-size: 14px;
    }
    #btn_area_under{
        text-align: left;
    }
    img {
        max-width: 95%;
    }
    input {
        max-width: 90%;
    }

    .ft{
        width: auto;
        color: #fff;
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        background-color: #3c3231;

    }
    .fd{
        width: auto;
        font-size: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        margin-bottom: 20px;
    }

    .btn{
        font-size: 16px;
    }
    .alert_mess{
        text-align: left;
    }

    #jp_mess_area{
        text-align: right;
    }
    #en_mess_area{
        padding-top: 20px;
        padding-bottom: 100px;
    }
}