@charset "UTF-8";
/* =========================== */
/* 募集要項 ヘッダー */
/* =========================== */
.requirement-header {
  width: 100%;
  margin-top: 120px; /* ヘッダーの高さ分を確保 */
}

.requirement-header-img {
  width: 100%;
  height: auto; /* アスペクト比を保持 */
  display: block;
}

.requirement-header-sp {
  width: 100%;
  height: auto;
  display: block;
}
/* =========================== */
/* 募集要項リスト */
/* =========================== */
.requirement-details {
  width: 100%;
  max-width: 900px; /* XDのデザインに合わせる */
  margin: 0 auto; /* 中央寄せ */
  padding: 30px 15px;
  font-size: 16px;
}

.requirement-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}

.requirement-item dt {
  font-weight: bold;
  width: 30%;
}

.requirement-item dd {
  width: 70%;
  margin: 0;
}
.requirement-item span {
  font-size: 13px!important;
}

/* =========================== */
/* エントリーボタン */
/* =========================== */
.btn-entry {
    display: inline-block;
    width: 380px;
    height: 100px;
    background: url('/rcs-newgrad/assets/images/btn_entry.png') no-repeat center/cover;
    text-align: center;
    line-height: 100px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    transition: background 0.3s ease-in-out;
}

.btn-entry:hover {
    background: url('/rcs-newgrad/assets/images/btn_entry_hover.png') no-repeat center/cover;
}

/* =========================== */
/* 求められる人物像ボタン */
/* =========================== */
.btn-desired {
    display: inline-block;
    width: 380px;
    height: 100px;
    background: url('/rcs-newgrad/assets/images/btn_desired.png') no-repeat center/cover;
    text-align: center;
    line-height: 100px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    transition: background 0.3s ease-in-out;
}

.btn-desired:hover {
    background: url('/rcs-newgrad/assets/images/btn_desired_hover.png') no-repeat center/cover;
    color: #000;
}


/* =========================== */
/* スマホ対応 */
/* =========================== */
@media (max-width: 768px) {
    
    /* ヘッダー画像をスマホ版に切り替え */
    .requirement-header-bg img {
        content: url("/rcs-newgrad/assets/images/requirement/bg_requirement_top_sp.png");
    }

    /* パンくずリスト非表示 */
    .breadcrumb-container {
        display: none;
    }

    /* 募集要項のリストを1カラムに */
    .requirement-item {
        flex-direction: column;
    }

    .requirement-item dt {
        width: 100%;
        margin-bottom: 5px;
    }

    .requirement-item dd {
        width: 100%;
    }

    /* エントリーボタンを縦並び */
    .requirement-entry {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .requirement-entry .btn-entry {
        width: 100%;
        max-width: 250px;
    }
}