@media screen and (max-width: 767px) {
    #container{
        width: 100%;
    }
    #header .logo{
        width: 100%;
    }
    #header .logo img,#header .logo .img2{
        width: 50%;
        height: auto;
    }
    #header .ttl{
        width: 100%;
        text-align: center;
    }
    #container .info{
        width: 90%;
        margin: auto;
        font-size: 14px;
    }
    #container .info .msg p {
        font-size: 14px;
    }
    #container table.form tr > th,
    #container table.form tr > td{
        display: block;
        width: 100%;
        padding: 0;
    }
    #container table.form tr th .requireBox td{
        display: table-cell;
        width: auto;
        padding: 5px;
    }
    #container table.form td input,#container table.form td select{
        margin: 10px 0 10px 5px;
    }
    #container table.form td p{
        margin-bottom: 10px;
        margin-left: 5px;
    }
    #container table.form td .addBox label{
        font-size: 14px;
        width: 100%;
        margin-right: 0;
    }
    .send,.agree{
        width: 80%;
    }
    .section{
        width: 90%;
        margin: auto;
    }
    #container .section--large .msg p{
        font-size: 14px;
    }
}