@charset "UTF-8";

/* SmartPhone Design ***********************/

/* common */

header {
    margin-bottom: 0;
}

main {
    margin: 0 auto;
    background: #FFFFFF;
    overflow: hidden;
}

/* main-nav */

.main-nav-group {
    font-size: 1.2em;
    /* display: table; */
    overflow: hidden;
    padding: 20px 10px;
}

.main-nav-link {
    /* display: table-cell; */
    /* padding: 20px 0 20px 20px; */
    float: left;
}

.main-nav-target {
    padding: 0 10px;
    float: left;
}

.main-section-staff {
    margin-bottom: 40px;
}

.main-section h2 {
    font-size: 1.6em;
    text-align: center;
    font-weight: bold;
    color: #666666;
    margin-bottom: 10px;

}

/* main-staff */

.staff-content-group {
    display: table;
    width: 90%;
    margin: 0 auto;
}

.staff-content-top {
    border-top: 1px solid #CCCCCC;
}

.staff-content-group {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.staff-content-left {
    display: block;
    width: 100%;
    vertical-align: top;
    background: #E4F4F4;
}

.staff-content-head {
    padding: 20px;
    font-size: 1.2em;
}

.staff-content-right {
    display: block;
    vertical-align: top;
    padding: 20px 10px;
}

.staff-content-text {
    font-size: 1.2em;
}

.staff-content-text a {
    display: inline;
    color: #DE003A;
    text-decoration: underline;
    font-weight: bold;
}

.staff-head-group {
    display: table;
}

.staff-head-left {
    display: table-cell;
}

.staff-head-right {
    display: table-cell;
}

/* Tablet Design ***********************/

@media all and (min-width: 480px) {

    .staff-content-left {
        width: 35%;
        display: table-cell;
    }

    .staff-content-right {
        display: table-cell;
    }
}

/* PC Design ***********************/

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

    /* common */

    main {
        width: 100%;
    }

    .staff-content-left {
        width: 30%;
    }
}

@media all and (min-width: 1140px) {

    /* common */

    main {
        width: 70%;
    }

    .staff-content-group {
        width: 70%;
    }
}