﻿@charset "UTF-8";


/*###### profile-menu ########*/

.recrut {
        margin: 0 auto;
        width: 100%;
        margin: 0;
}

.recrut-menu {
        width: 100%;
        margin: 0 auto;
        padding: 60px 0 60px 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        margin: 0;
}

@media(max-width: 599px){

        .recrut-menu {
                width: 100%;
                margin: 0 auto;
                padding: 0 0 60px 0;
                display: block;
                justify-content: space-between;
                flex-wrap: wrap;
                align-items: center;
                margin: 0;
        }
        
}

@media (min-width: 600px) and (max-width:1024px){

        .recrut-menu {
                padding: 60px 0 60px 0;
        }
        
}


/* table（recrut-menu） */

.recrut-menu table {
        font-size: 16px;
        border-collapse:collapse ;
}

.recrut-menu table tr {
        border-bottom: dashed 1px #a9a9a9;
}

.recrut-menu table th {
        padding: 5px;
}

.recrut-menu table td{
        padding: 5px;
}


@media(max-width: 599px){

        .recrut-menu table table {
                padding: 3%;
                width: 100%;
                font-size: 12px;
                border: solid 1px #666;
                border-collapse:initial; 
        }

        
        .recrut-menu table th {
                width: 25%;
                padding: 0;
        }
        
        .recrut-menu table td{
                width: 75%;
                padding: 0;
        }
}

@media (min-width: 600px) and (max-width:1024px){

        .recrut-menu table table {
                padding: 3%;
                font-size: 12px;
        }
        
        .recrut-menu table th {
                width: 25%;
                padding: 0;
        }
        
        .recrut-menu table td{
                width: 70%;
                padding: 0;
        }
}
