@charset 'UTF-8';

.top-image-oshikawa {
  padding-top: 170.4%; /* 可変にしたいので「1278px(画像の高さ) ÷ 750px(画像の幅) × 100」で割合を算出 */
  background-image: url("../../img/recruit/interview/recruit_interview_K_O_top_sp.png");
}

.question-1-image-oshikawa {
  padding-top: 152%; /* 可変にしたいので「1140px(画像の高さ) ÷ 750px(画像の幅) × 100」で割合を算出 */
  background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_question_1_sp.png");
}

.question-2-image-oshikawa {
  padding-top: 111.50442477876100%; /* 可変にしたいので「756px(画像の高さ) ÷ 678px(画像の幅) × 100」で割合を算出 */
  background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_question_2_sp.png");
}

.question-3-image-oshikawa {
  padding-top: 104.04191616766500%; /* 可変にしたいので「695px(画像の高さ) ÷ 668px(画像の幅) × 100」で割合を算出 */
  background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_question_3_sp.png");
}

.question-4-image-oshikawa {
  padding-top: 102.24550898203600%; /* 可変にしたいので「683px(画像の高さ) ÷ 668px(画像の幅) × 100」で割合を算出 */
  background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_question_4_sp.png");
}

.message-image-oshikawa {
  padding-top: 211.73333333333300%; /* 可変にしたいので「1588px(画像の高さ) ÷ 750px(画像の幅) × 100」で割合を算出 */
  background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_message_sp.png");
}

@media (min-width: 768px) {

  .top-image-oshikawa {
    padding-top: 42.82576866764280%; /* 可変にしたいので「1170px(画像の高さ) ÷ 2732px(画像の幅) × 100」で割合を算出 */
    background-image: url("../../img/recruit/interview/recruit_interview_K_O_top_pc.png");
  }

  .question-1-image-oshikawa {
    padding-top: 43.70245139475910%; /* 可変にしたいので「1034px(画像の高さ) ÷ 2366px(画像の幅) × 100」で割合を算出 */
    background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_question_1_pc.png");
  }

  .question-2-image-oshikawa {
    padding-top: 37%; /* 可変にしたいので「740px(画像の高さ) ÷ 2000px(画像の幅) × 100」で割合を算出 */
    background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_question_2_pc.png");
  }

  .question-3-image-oshikawa {
    padding-top: 98.06517311608960%; /* 可変にしたいので「963px(画像の高さ) ÷ 982px(画像の幅) × 100」で割合を算出 */
    background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_question_3_pc.png");
  }

  .question-4-image-oshikawa {
    padding-top: 97.66734279918860%; /* 可変にしたいので「963px(画像の高さ) ÷ 986px(画像の幅) × 100」で割合を算出 */
    background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_question_4_pc.png");
  }

  .message-image-oshikawa {
    padding-top: 37.18887262079060%; /* 可変にしたいので「1016px(画像の高さ) ÷ 2732px(画像の幅) × 100」で割合を算出 */
    background-image: url("../../img/recruit/interview/recruit_interview_oshikawa_message_pc.png");
  }
}