@media screen and (max-width: 414px) {
    
    img {
        width: 100%;
        vertical-align: baseline;
    }
  
    /* ＩＮＤＥＸ．ＨＴＭＬ
    ----------------------------------- */
    
    .important-subjects h2,i {
       font-size: 35px;
       margin-bottom: 10px;
   }
    
    button.top-btn {
        width: 85%;
        font-size: 18px;
    }
    
    .important-information h3 {
        font-size: 27px;
    }
    
    .company-box {
        width: 90%;
    }
    
    .company-box th {
        display: block;
        width: 100%;
        border-bottom: none;
    }
    
    .company-box td {
        display: block;
        width: 100%;
        border-bottom: none;
    }
    
    .company-box tr:last-child td {
        border-bottom: 1px solid #999;
    }
    
    /* ＣＯＮＴＡＣＴ．ＨＴＭＬ
    ----------------------------------- */
    
    .caution {
        margin: 0 10px 30px;
    }
    
    .contact-line {
       border-top: 2px solid #29abe2;
       width: 100%;
      margin:  0 auto 55px;
    }
    
    
    .contact-form {
       width: 350px;
       display: block;
    }
    .contact-form th {
       display: block;
        width: 350px;
        height: 35px;
        padding: 15px 10px 0;
    }

    .contact-form td {
        display: block;
        width: 350px;
        height: 35px;
        padding: 5px 10px;
    }
    
    input {
        background-color: #ecf7fc;
        width: 330px;
        height: 35px;
        text-align: center;
    }

}