﻿/*==================================================================================================================*/
/*カスタムブロック＞適性診断シミュレーション*/
/*==================================================================================================================*/

/*ブロック全体*/
.easys_content:has(.simulation_input_head) .entry_post > div {
    font-size: 16px;
}
/*SP*/
.easys_content:has(.simulation_input_head) .entry_post.sp > div {
    margin-right: 0;
    margin-left: 0;
    font-size: 14px;
}

/*---------------------------------------------------------*/
/*入力画面ヘッダ（質問フォーム部分）*/
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_head {
    width: 100%;
}

/*質問テーブル*/
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_head table.aptitude_question {
    margin: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 5px;
}

.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_head table.aptitude_question tr th {
    box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #000;
    border-right: none;
    background-color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    line-height: 1.7;
}

.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_head table.aptitude_question tr td {
    box-sizing: border-box;
    padding: 10px 15px;
    border: 1px solid #000;
    border-left: none;
    border-right: none;
    background-color: #FFFFFF;
    width: 300px;
    text-align: center;
    line-height: 1.7;
}

.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_head table.aptitude_question tr td:last-child {
    border-right: 1px solid #000;
}

/*ラジオボタン*/
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_head table.aptitude_question tr td label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    cursor: pointer;
    font-size: 16px;
    white-space: nowrap;
}

.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_head table.aptitude_question tr td input[type="radio"] {
    margin: 0;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

/*SP*/
.easys_content:has(.simulation_input_head) .entry_post.sp > div .simulation_input_head table.aptitude_question tr th {
    padding: 8px 10px;
}

.easys_content:has(.simulation_input_head) .entry_post.sp > div .simulation_input_head table.aptitude_question tr td {
    padding: 8px 10px;
    width: calc(165 / 640 * 100%);
}

.easys_content:has(.simulation_input_head) .entry_post.sp > div .simulation_input_head table.aptitude_question tr td label {
    gap: 30px;
    font-size: 14px;
}

/*---------------------------------------------------------*/
/*入力画面フッタ（結果表示部分）*/
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot {
    width: 100%;
}

/*結果ヘッダー*/
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot .result-header {
    margin: 40px 0 20px 0;
}

.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot .result-header h2 {
    text-align: center;
}

/*結果テーブル*/
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot .simulation_result {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
}

.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot .simulation_result tr th,
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot .simulation_result tr td {
    box-sizing: border-box;
    padding: 12px 15px;
    border: 1px solid #000;
    background: none var(--td_background_color);
    background-color: #FFFFFF;
    text-align: center;
    font-size: 18px;
    line-height: 1.7;
}

.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot .simulation_result tr th {
    background-color: #FFFFFF;
    font-weight: bold;
}

/*最高スコア強調*/
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot .simulation_result tr td.best-score {
    background-color: #fff3cd;
    font-weight: bold;
    color: #d4760a;
}

/*適職結果メッセージ*/
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot .simulation_result tr td.result-message {
    padding: 20px 15px;
    font-size: 20px;
    font-weight: bold;
}

.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_foot .simulation_result tr td.result-message .result-category {
    color: var(--easys_standard_value004, #38b6ff);
    font-size: 24px;
}

/*SP*/
.easys_content:has(.simulation_input_head) .entry_post.sp > div .simulation_input_foot .result-header {
    margin: 30px 0 15px 0;
}

.easys_content:has(.simulation_input_head) .entry_post.sp > div .simulation_input_foot .simulation_result tr th,
.easys_content:has(.simulation_input_head) .entry_post.sp > div .simulation_input_foot .simulation_result tr td {
    font-size: 14px;
}

.easys_content:has(.simulation_input_head) .entry_post.sp > div .simulation_input_foot .simulation_result tr td.result-message {
    font-size: 16px;
}

.easys_content:has(.simulation_input_head) .entry_post.sp > div .simulation_input_foot .simulation_result tr td.result-message .result-category {
    font-size: 20px;
}

/*---------------------------------------------------------*/
/*質問表（非公開）の非表示*/
#j82l9jsqzpc7ujngoe6t {
    display: none;
}

/*---------------------------------------------------------*/
/*ブロック背景*/
#outer_block:has(#a2ioio5bn0m6jnd1tj32),
#outer_block:has(#f372vmh3zynosnw8xvrf),
#a2ioio5bn0m6jnd1tj32,
#f372vmh3zynosnw8xvrf {
    background: #fff352;
}

/*---------------------------------------------------------*/
/*注意書き*/
.notes_message {
    margin-top: 50px;
}

/*---------------------------------------------------------*/
/*タイトル画像のmargin-bottomを無効化*/
.margin-bottom_50.field_1col:has(.eyecatch) {
    margin-bottom: 0 !important;
}

/*---------------------------------------------------------*/
/*シミュレーションブロックのpadding-bottom無効化*/
#a2ioio5bn0m6jnd1tj32 .easys_content_inner,
#f372vmh3zynosnw8xvrf .easys_content_inner {
    padding-bottom: 0;
}

