@charset "UTF-8";
/********************************************************************************

page-recruit.css　RECRUITcss

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

/*============================================================
 募集状況の切り替え
*============================================================*/
/* 募集中
---------------------------------------- */
#page-recruit .recruit-status[data-status="on"] .status-on {
    display:block;
}
#page-recruit .recruit-status[data-status="on"] .status-off {
    display:none;
}
/* 募集なし
---------------------------------------- */
#page-recruit .recruit-status[data-status="off"] .status-on {
    display:none;
}
#page-recruit .recruit-status[data-status="off"] .status-off {
    display:block;
}
    
/*============================================================
 募集中
*============================================================*/
#page-recruit .status-on #sec-intro .box-appeal {
    margin-bottom: 32px;
}
#page-recruit .status-on #sec-intro .box-appeal .item-info {
    width: calc(100% - 360px - 24px);
}
#page-recruit .status-on #sec-intro .box-appeal .item-info .staff-prof {
    font-weight: bold;
}
#page-recruit .status-on #sec-intro .box-appeal .item-image {
    width: 360px;
}
#page-recruit .status-on #sec-intro .table-application .row dt {
    width: 150px;
}
#page-recruit .status-on #sec-intro .table-application .row dd {
    width: calc(100% - 150px - 20px);
}
#page-recruit .status-on #sec-intro .table-application .row dd p:not(:last-child) {
    margin-bottom: 16px;
}
/* table内配置のボタン */
#page-recruit .status-on #sec-intro .table-application .row dd .parts-btn {
	margin: 16px 0 0 0;
}
#page-recruit .status-on #sec-intro .flow-block:not(:last-child) {
    margin-bottom: 32px;
}
#page-recruit .status-on #sec-intro .flow-block .label {
    font-weight: bold;
}
#page-recruit .status-on #sec-intro .catch {
    font-weight: bold;
    font-size: 32px;
    line-height: 180%;
    text-align: center;
    letter-spacing: 0.08em;
    margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
    #page-recruit .status-on #sec-intro .box-appeal .item-image {
        margin-bottom: 24px;
    }
}

/*============================================================
 募集なし
*============================================================*/
#page-recruit .status-off #sec-intro {
}