@media (max-width: 767px) { 
    .company {
        padding: 0 0 0;
        width: 100%;
    }
    .message {
        margin-bottom: 30px;
    }
    .message h3 {
        margin-bottom: 20px;
    }
    .message p {
        color: #6E6E73;
        font-size: 0.9em;
    }
    .president {
        width: 200px;
        height: 200px;
        text-align: center;
        margin: 0 auto 80px;
    }
    .president img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .president p {
        color: #6E6E73;
        font-size: 0.9em;
    }
    .president p.officer{
        font-weight: 300;
        font-size: 0.65rem;
        margin-top: 5px;
    }
    .president p.name{
        font-weight: 500;
    }
    table {
        margin-bottom: 20px;
    }
    tbody {
        width: 100%;
        color: #6E6E73;
    }
    th {
        width: 5rem;
        height: 2rem;
        text-align: left;
        font-size: 0.9em;
        font-weight: 500;
    }
    td {
        padding-left: 20px;
        height: 2rem;
        text-align: left;
        font-size: 0.9em;
    }
   /* RECRUIT */
    .recruit {
        margin: 0 auto;
        padding: 60px 0 0;
        width: 100%;
    }
    .recruit h3{
        color: #FFFFFF;
        font-size: 1em;
        text-align: left;
    }
    .recruit .btn {
        margin: 0 auto;
        width: 100%;
        height: 80px;
        text-align: center;
        background-color: #DA6539;
        outline: 2px solid #FFFFFF;
        outline-offset: -10px;
    }
    .recruit .btn a {
        display: inline-block;
        padding: 12px 70px;
        text-decoration: none;
        color: #FFFFFF;
    }
    .recruit .btn p {
        letter-spacing: 0.2rem;
        font-size: 0.85rem;
    }
    .recruit .btn h2 {
        letter-spacing: 0.2rem;
    }
}