@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : recruitment.css
Description : 放送内容ページCSS
===================================================================== */


/* =====================================================================
*    recruitment 共通
* =================================================================== */

.inner .text {
    width: 93.75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.inner .corner {
    width: 93.75%;
    height: auto;
    position: relative;
    background-color: #fdce07;
    border: 2px solid #e6bd07;
    border-radius: 15px;
    box-shadow: rgba(65, 65, 65, 0.2) 0 3px 1px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
}

.inner .corner .corner_inner {
    background-color: #fff;
    border: 2px solid #ede8dd;
    border-radius: 9px;
    box-sizing: border-box;
    padding: 5% 0 2%;
}

.inner .corner h2 {
    width: 55.4%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-top: -8%;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

.inner .corner .corner_inner ul li {
    box-sizing: border-box;
    overflow: hidden;
    padding: 2% 7% 20px;
}

.inner .corner .corner_inner ul li:not(:last-child) {
    border-bottom: 2px solid #e1e1e1;
}

.inner .corner .corner_inner ul li dl dt {
    color: #ef6205;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 10px;
    display: block;
}

.inner .corner .corner_inner ul li dl dd {
    font-size: 110%;
    line-height: 1.4;
}

.inner .corner .corner_inner ul li .img_logo {
    width: 51.8%;
    margin: 10px auto;
}

.inner .corner .corner_inner ul li .corner_text {
    float: left;
    margin-bottom: 10px;
}

.inner .corner .corner_inner ul li .entry {
    width: 68%;
    margin-left: auto;
    margin-right: auto;
}

.inner .corner .corner_inner ul li .entry a {
    float: left;
}

@media screen and (min-width:700px) {
    .inner .text {
        width: 72.65625%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }
    .inner .text+.img_dameyo {
        width: 9.3%;
        position: absolute;
        top: 8.5%;
        right: 22%;
        z-index: 1;
    }
    .inner .corner {
        width: 79.6875%;
        margin-bottom: 60px;
        padding: 10px;
        border-radius: 35px;
    }
    .inner .corner .corner_inner {
        border-radius: 20px;
    }
    .inner .corner h2 {
        margin-top: -45px;
    }
    .inner .corner .corner_inner ul li {
        padding: 35px 40px 15px;
        position: relative;
    }
    .inner .corner .corner_inner ul li .img_logo {
        width: 20.7%;
        float: left;
        padding-right: 30px;
        box-sizing: border-box;
        margin: 0;
    }
    .inner .corner .corner_inner ul li .corner_text {
        width: 57%;
        padding-right: 3%;
        box-sizing: border-box;
    }
    .inner .corner .corner_inner ul li .entry {
        width: 20%;
        float: left;
        position: absolute;
        bottom: 8%;
        right: 3%;
    }
    .inner .corner .corner_inner ul li .entry a {
        position: relative;
    }
    .inner .corner .corner_inner ul li .entry a::after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        background: url(../images/recruitment/btn_entry_on.png) no-repeat center top;
        background-size: 100% auto;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        transition: opacity 0.1s ease;
    }
    .inner .corner .corner_inner ul li .entry a:hover::after {
        opacity: 1;
    }
    .inner .corner h2 {
        width: 329px;
    }
}