@charset "UTF-8";

/*******************************

会社案内

*******************************/

/*メインタイトル*/
.page .mainimg{
    background: url(../img/head_img.jpg) center center no-repeat;
    background-size: cover;
}

/*page back*/
.page .back {
    padding: 100px 0 0 0;
}

/*仕事内容*/

#job .flex {
    -webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;
}

#job .left {
    width: 50%;
}

#job figure {
    width: 45%;
    margin: 0;
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {
#job .left {
    width: 100%;
}

#job figure {
    width: 100%;
}
}

/*働きやすい環境*/
#environment ul {
    text-align: left;
}

#environment li {
    line-height: 2;
    margin-bottom: 100px;
}

#environment li:before {
    display: inline-block;
    font-weight: bold;
    color: #eff1f4;
    width: 20%;
    font-size: 800%;
    margin-right: 3%;
    line-height: 1;
    text-align: center;
}

#environment li.number01:before {
    content: '01';
}

#environment li.number02:before {
    content: '02';
}

#environment li.number03:before {
    content: '03';
}

#environment dl {
    width: 77%;
}

#environment dt {
    font-weight: bold;
    color: #102d5c;
    font-size: 170%;
}

.img {
    background: #eff1f4;
}

/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px) {
    #environment li:before {
        font-size: 650%;
    }
}

/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px) {

    #environment li {
        margin-bottom: 50px;
    }

    #environment li:before {
        font-size: 600%;
        width: 100%;
        margin-right: 0;
    }

    #environment dl {
        width: 100%;
    }

    #environment dt {
        text-align: center;
    }
}