@charset "UTF-8";

/* 背景画像 */
/* .wrapper.message {
    background: url(../../img/bg.png) repeat 50% 100px;
    background-size: 2880px auto ;
} */

main {
    padding: 10px 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;
} */

.misc {
    font-size: 0.8em;
    display: inline-block;
    padding-bottom: 0.5em;
}

/* 福利厚生施設、社員食堂 */
.welfare {
    margin-bottom: 45px;
}
.welfare > * {
    margin-right: 20px;
}
.welfare > *:nth-of-type(4) {
    margin-right: 0;
}

h2 + h3 {
    margin-top: 35px;
}

a[data-icn="w"]::before {
    position: relative;
    vertical-align: middle;
}

a[data-icn=w] {
    color: #333;
    display: block;
    line-height: 1.5;
    text-decoration: none;
}

a[data-icn=w]:hover {
    color: blue;
    text-decoration: underline;
}

figcaption {
    font-size: 0.9em;
    padding: 15px 0 0;
    text-align: center;
}

table {
    width: 100%;
    table-layout: fixed;
    margin: 15px 0 50px;
    border-collapse: separate;
    border-spacing: 1px;
    background: #707070;
}

th {
    background: #FFF0E5;
}

th, td {
    padding: 15px 0;
    text-align: center;
}

td {
    background: #ffffff;
}

/* 図1 */
.welfare_fig1 {
    /* border: 1px solid red; */
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: -20px;
    margin-bottom: 50px;
}

.welfare_fig2 {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}

.welfare-list {
    margin-bottom: 40px;
}
.welfare-list > li {
    line-height: 1.5;
    padding: 0 0 5px;
    margin-left: 1em;
    text-indent: -1em;
}
.welfare-list > li::before {
    content: "●";
    color: #ff4400;
}

/* 表2 */
.welfare-table {
    table-layout: inherit;
    font-size: 0.9em;
}
.welfare-table th[colspan="2"] {
    width: 100%;
    background: #FFF0E5;
}
.welfare-table th {
    width: 260px;
    background: #F3F3F3;
}
.welfare-table td {
    width: 700px;
    text-align: left;
    padding: 15px 20px;
    line-height: 1.6;
}

/*  */
/* .flex-columns.welfare {
    display: none;
} */

/* main {
    border: 1px solid red;
} */

/** --------------------------------
*　タブレット
*/
.tablet .flex-columns.welfare {
    margin-bottom: 30px;
}

.tablet .flex-columns.welfare > * {
    width: 23%;
}

.tablet .flex-columns.welfare img {
    width: 100%;
    height: inherit;
}

.tablet .flex-columns.welfare figcaption {
    zoom: 0.8;
}

.tablet .welfare_fig1, .tablet .welfare_fig2 {
    padding-bottom: 50px;
}

.tablet .welfare_fig1.pc > svg {
    width: 100%;
    height: inherit;
}

/** --------------------------------
* 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%;
    } */

    .welfare_fig1 > svg {
        width: 100%;
        height: inherit;
    }

    .welfare_fig2 > svg {
        width: 100%;
        height: inherit;
    }

    /* 福利厚生施設、社員食堂 */
    .welfare > * {
        margin-right: 0;
    }

    .welfare > * img {
        width: 100%;
        height: inherit;
    }

    .flex-columns.welfare {
        flex-direction: column;
    }

    /* 写真セット2つ目 */
    .flex-columns.welfare:nth-of-type(2) {
        margin-bottom: 20px;
    }

    figcaption {
        font-size: 0.8em;
        padding: 15px 0;
    }

    .welfare-list {
        font-size: 0.9em;
    }

    /* 福利厚生制度一覧 */
    .welfare-table {
        width: 100%;
    }

    .welfare-table tr {
        display: flex;
        flex-direction: column;
    }

    /* .welfare-table tr:first-child {
        display: inherit;
    } */

    .welfare-table tr > * {
        width: 100%;
    }

    .welfare-table td {
        padding: 10px 10px;
    }

    /* 図のコンテナ */
    .welfare_fig1.sp {
        margin-bottom: 10px;
    }

    /* 図の付帯情報 */
    .enclose {
        font-size: 0.9em;
        position: relative;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .enclose:last-child {
        margin-bottom: 30px;
    }

    .enclose > * {
        padding: 5px 10px;
    }

    .enclose > p {
        background: #FFECE5;
        margin: 0;
    }

    .midashi_a {
        background: #FF4400;
        color: #ffffff;
    }

    .midashi_b {
        background: #FFAB8C;
    }
    /* 行揃え */
    .enclose span[data-prefix] {
        display: inline-block;
        padding-left: calc(1em + 5px);
        text-indent: calc((1em + 5px) * -1);
    }
    .enclose span[data-prefix]::before {
        content: attr(data-prefix);
        margin-right: 5px;
    }
    .misc-vl {
        margin-left: 1em;
    }
    .misc-vl_b {
        display: inline-block;
        margin-left: calc(1em + 5px);
    }
}