@charset "UTF-8";

/* ===================================================================

 file name  :  mediaquery.css

=================================================================== */

/* --------------------------------------------------
 640px
--------------------------------------------------- */
@media screen and (max-width: 768px){
    article{ padding: 0 0 30px;}
    header{ padding: 50px 0; height: auto; background-size: cover; line-height: normal;}
    header h1{ box-sizing: border-box; padding: 0 15px; width: 100%; font-size: 20px;}
    .ctr{ box-sizing: border-box; padding: 0 0 30px; width: 100%;}
    .ctr2{ padding: 30px 15px 0; width: 100%;}
    .ctr-left{ box-sizing: border-box; padding: 30px 15px; width: 100%;}
    .ctr-right{ padding: 0; width: 100%; background: none;}
    .ctr-right table th{ display: block; box-sizing: border-box; padding: 30px 15px 0; width: 100%; border-top: 1px solid #dbd7d3;}
    .ctr-right table td{ display: block; box-sizing: border-box; padding: 10px 15px 30px; width: 100%; border: none;}
    .ctr-right .submit{ margin: 0; padding: 30px 15px 0; border-top: 1px solid #dbd7d3;}
    .ctr-right button{ width: 40%;}
    .box{ padding: 30px 15px 0;}
    section h2{ font-size: 16px;}
    section p{ margin: 15px 0 0;}
    section table{ margin: 15px 0 0; border-bottom: none;}
    section th{ display: block; border: none; width: 100%; border: none;}
    section td{ display: block; border-left: none; border-right: none; width: 100%;}
    section .submit{ margin: 15px 0 0; padding: 15px;}
    section .submit button{ width: 60%;}
}