@charset "UTF-8";

/* 背景画像 */
.wrapper {
    background: url(../img/information_bg.png) repeat-x 50% 300px;
    background-size: 1880px auto ;
}

main {
    padding: 0 20px 20px;
}

/* .top-img-type-a > img {
    background: url(../img/message_fig1.png) no-repeat center top, url(../img/message_bg.png) no-repeat center top;
    background-size: auto auto, auto auto;
} */

/*  */
.recruitment-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* コメント部分 */
.recruitment-columns figcaption {
    width: 300px;
    padding-left: 20px;
}

.recruitment-columns > figure {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.recruitment-columns .title {
    padding: 11px 0;
    font-size: 1.3em;
    text-align: center;
    color: #ffffff;
    background: #F36251;
    margin-bottom: 10px;
}

.recruitment-columns p {
    margin-bottom: 0;
}

.title.blue {
    background: #1499D7;
}

.title.yellow {
    background: #EEB339;
}

.btn-typ-c {
    margin: 30px 0 10px 0;
}

.recruitment-columns .title2 {
    font-size: 1.1em;
    line-height: 1.3;
    padding-bottom: 10px;
}


/* タブの設定 */
.tab {
    display: flex;
    width: 100%;
    padding: 0 45px;
    border-bottom: 1px solid #ff4400;
    justify-content: space-between;
    margin: 60px auto 70px;
}

.tab > a {
    width: 290px;
    text-align: center;
    background: #ffffff;
    color: #ff4400;
    text-decoration: none;
    padding: 13px 0;
    border: 1px solid #ff4400;
    border-bottom-width: 0;
    flex-grow: 2;
}
.tab > a:nth-child(even) {
    border-width: 1px 0 0 0;
}
.tab > a.active {
    background: linear-gradient(to right, #e6003a, #f39702);
    color: #ffffff;
}
.tab > a:hover {
    background: #F39C00;
    color: #ffffff;
}

/** --------------------------------
* タブレット
*/
.wrapper.tablet .tab {
    margin: 60px auto 70px;
}
.wrapper.tablet .recruitment-columns > figure {
    zoom: 0.8;
}

/** --------------------------------
* sp
*/
@media screen and (max-width: 767px) {

    /* 背景画像 */
    /* .wrapper.message {
        background: url(../../img/bg.png) repeat-y 50% 6em;
        background-size: 300% auto;
    } */

    /* .top-img-type-a > img {
        background-size: auto 100%, 100% 100%;
    } */

    .recruitment-columns {
        flex-direction: column;
    }
    .recruitment-columns > figure {
        margin-bottom: 20px;
    }

    .recruitment-columns > figure img {
        width: 40%;
        height: 40%;
    }

    /* コメント部分 */
    .recruitment-columns figcaption {
        width: 100%;
        padding-left: 20px;
    }

    /* タブの設定 */
    .tab {
        /* display: flex;
        width: 100%; */
        font-size: 0.9em;
        padding: 0 10px;
        vertical-align: baseline;
        /* border-bottom: 1px solid #ff4400;
        justify-content: space-between; */
        margin: 30px auto 40px;
    }
}