@charset "utf-8";

/*メディアクエリー
PC
@media (min-width: 768px) {}
タブレット
@media (min-width: 768px) and (max-width: 1024px) {}
*/

/*----------index.php----------*/
.contents_wrap .lowerpage_title_wrap { background: transparent; }
.contents_wrap .lowerpage_title_wrap .lowerpage_title { margin: 0 0 0 0; }
.interview_member a { display: flex; flex-direction: column; gap: 20px; }
@media (min-width: 768px) {
  .contents_wrap .lowerpage_title_wrap .lowerpage_title { margin: 0 0 100px 0; }
}

.interview_members_wrap { padding: 0 0 80px 0; }
.interview_member { margin: 0 0 60px 0; }
.interview_member:last-child { margin: 0 0 0 0; }
.interview_member a .hov_img_frame_wrap { width: 100%; height: 240px; }
.interview_member a .hov_img_frame_wrap .hov_img_frame { scale: 1.2; }
.interview_img { width: 100%; height: 100%; object-fit: cover; object-position: top; /*margin: 0 0 8px 0; */display: block;;}
.interview_copy { font-size: 24px; margin: 0 0 4px 0; }
.flex_wrap_profile { display: flex; gap: 8px; align-items: flex-end; }
.flex_wrap_profile .flex_wrap_join-dept { display: flex; flex-direction: column; gap: 8; }
.flex_wrap_profile .flex_wrap_name { display: flex; align-items: center; }
.flex_wrap_profile .flex_wrap_name .name { line-height: 34px; }
.flex_wrap_profile .flex_wrap_name .button_arrow { margin: 0 0 0 16px; }
@media (min-width: 768px) {
  .interview_members_wrap { display: flex; flex-wrap: wrap; gap: 80px 36px; }
  .interview_member { width: calc(calc(100% / 3) - 24px); margin: 0; }
  .interview_member a .hov_img_frame_wrap { width: 100%; height: 400px; }
  .interview_member a .hov_img_frame_wrap .hov_img_frame { scale: 1; }
  .interview_img { margin:0; }
}


/*----------member_0.php----------*/
/*トップ*/
.interview_top_wrap { padding: 0 0 48px; }
.interview_top_wrap .interview_top { margin: 0 0 24px; }
.interview_top_wrap .contents:nth-child(1) { padding: 12px 0 48px 0; }
.interview_top_wrap .contents:nth-child(2) { padding: 0 0 0 0; margin: -20px auto 0; }
.interview_top_wrap .interview_number { margin: 0 0 24px; }
.interview_top_wrap .interview_title img { height: 106px;  margin: 0 0 16px 0; }
.interview_top_wrap .interview_profile.inline_sp { display: flex; gap: 8px; margin: 0 0 24px 0; }
.interview_top_wrap .interview_top_img_wrap { position: relative; aspect-ratio: 35 / 27; width: calc(50vw + 50% + 40px); overflow: hidden; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; background: #FFF; }
.interview_top_wrap .interview_top_img_wrap .interview_top_img { width: 100%; height: 100%; object-fit: cover; }
.interview_top_wrap .interview_top_img_wrap .interview_profile { position: absolute; bottom: 8px; left: 24px; margin: 0; text-shadow: 0 0 10px #00000050; z-index:5; }
.interview_top_wrap .career { display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 24px; }
.interview_top_wrap .career img { width: 64px; height: 64px; }
.interview_top_wrap .interview_top_img_wrap::after {content: "";position: absolute;bottom: 0;left: 0; width: 100%;height: 50%; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); pointer-events: none;}
@media (min-width: 768px) {
  .interview_top_wrap { padding: 48px 0 0;  }
  .interview_top_wrap .contents:nth-child(1) { padding: 48px 0 0 0; }
  .interview_top_wrap .contents:nth-child(2) { padding: 0; margin: 0px auto; }
  .interview_top_wrap .contents:nth-child(3) { padding: 0 0 80px; }
  .interview_top_wrap .interview_top { display: flex; justify-content: space-between; width: calc(50vw + 518px); margin: 0 0 calc(3vw + 42px) 0; }
  .interview_top_wrap .interview_top .interview_top_text { flex: 12 12 0; display: flex; flex-direction: column; justify-content: space-between; width: 0; }
  .interview_top_wrap .interview_top .interview_top_text .interview_number { font-size: 0.03516ff; margin: 0; }
  .interview_top_wrap .interview_top .interview_top_text .interview_title img { height: calc(6vw + 73.2px);  margin: 0; }
  .interview_top_wrap .interview_profile.inline_sp { display: none; }
  .interview_top_wrap .interview_top .interview_top_text .interview_profile { position: relative; margin: 0; }
  .interview_top_wrap .interview_top .interview_top_text .interview_profile { display: flex; align-items: flex-end; }
  .interview_top_wrap .interview_top .interview_top_text .interview_profile .name { margin: 0 0 calc(0px - 0.05vw - 2px) 0; width: calc(5vw + 64px); height: calc(1.5vw + 18.96px); }
  .interview_top_wrap .interview_top .interview_top_text .interview_profile .interview_profile_flex_wrap .join { margin: 0; width: calc(5vw + 64px); height: calc(1.1vw + 10.92px); }
  .interview_top_wrap .interview_top .interview_top_text .interview_profile .interview_profile_flex_wrap .dept { margin: 0; width: calc(5vw + 64px); height: calc(1vw + 10.2px); }
  .interview_top_wrap .interview_top .interview_top_img_wrap { flex: 17 17 0; width: 0; height: calc(20vw + 284.1px); }
  .interview_top_wrap .interview_top .interview_top_img_wrap .interview_top_img { width: 100%; height: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; }
  .interview_top_wrap .career { flex-direction: row; gap: 40px; padding: 36px; }
  .interview_top_wrap .career img { width: 96px; height: 96px; }
  .interview_top_wrap .interview_top_img_wrap::after {content:none;}
  .interview_top_wrap .career p { flex: 1 1 0; }
}


/*質問1-3*/
.interview_firsthalf { margin: 0 0 0 0; }
.interview_firsthalf ul { display: flex; flex-direction: column; gap: 24px; margin: 0 0 24px 0; }
.interview_firsthalf ul .interview_question { padding: 6px 8px; margin: 0 0 12px 0; text-align: center; }
.interview_firsthalf ul .interview_answer { padding: 0 12px; }
.interview_firsthalf .interview_side_img_frame { width: calc(50vw + 50% + 40px); height: 300px; overflow: hidden;  background: #FFF; }
.interview_firsthalf .interview_side_img_frame .interview_side_img { width: 100%; height: 100%; object-fit: cover; }
.plaid .contents_wrap .interview_main_wrap .contents:nth-child(1) { padding: 48px 0 0; }
@media (min-width: 768px) {
  .interview_firsthalf { display: flex; align-items: flex-start; gap: 48px; margin: 0 calc(50% - 50vw) 80px 0; }
  .interview_firsthalf ul { flex: 13 1 0; width: 0px; gap: 48px; margin: 0; }
  .interview_firsthalf ul .interview_question { padding: 12px 20px; margin: 0 0 24px 0; text-align: left;}
  .interview_firsthalf .interview_side_img_frame { position: sticky; top: 128px; flex: 11 1 0; width: 0px; height: 500px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; }
  .plaid .contents_wrap:nth-child(1) .interview_main_wrap .contents:nth-child(1) { padding: 80px 0 0; }
  .plaid .contents_wrap:nth-child(2) { overflow: hidden; }
  .plaid .contents_wrap:nth-child(2) .contents:nth-child(1) { padding: 80px 0 0; }
  /*sticky阻害要因の排除*/
  body { overflow: visible; }
  @media screen and (min-width: 1280px) {
    header {
      position: fixed;
      transform: translateY(-80px);
    }
  }
}

/*バナー*/
.interview_viewmore_banner { display: flex; flex-direction: column; align-items: center; width: fit-content; padding: 20px; margin: 48px auto 0 ; }
.interview_viewmore_banner .banner_img { width: 200px; height: 150px; object-fit: cover; margin: 0 0 12px 0; }
.interview_viewmore_banner .banner_flex_wrap { text-align: center; }
.interview_viewmore_banner .banner_flex_wrap div { font-size: 24px; line-height: 36px; margin: 0 0 12px 0; }
.interview_viewmore_banner .banner_flex_wrap .button_arrow.long { margin: 0 auto; }
@media (min-width: 768px) {
  .interview_viewmore_banner { flex-direction: row; margin: 0 auto; }
  .interview_viewmore_banner .banner_img { width: 300px; height: 225px; margin: 0 48px 0 0; }
  .interview_viewmore_banner .banner_flex_wrap { text-align: left; }
  .interview_viewmore_banner .banner_flex_wrap div { font-size: 28px; line-height: 42px; margin: 0 0 24px 0; }
  .interview_viewmore_banner .banner_flex_wrap .button_arrow.long { margin: 0; }
}

/*質問4-6*/
.interview_secondhalf { padding: 48px 0 0 0; }
.interview_secondhalf ul { display: grid; grid-template-columns: auto; grid-template-rows: auto; gap: 24px; }
.interview_secondhalf ul li { padding: 24px; }
.interview_secondhalf ul li .interview_question { padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 2px solid #F3CF5E; }
.interview_secondhalf ul li .interview_bottom_img_frame { width: 100%; height: 280px; margin: 0 0 40px; overflow: hidden;  background: #FFF; }
.interview_secondhalf ul li .interview_bottom_img_frame .interview_bottom_img { width: 100%; height: 100%; object-fit: cover; }
.interview_secondhalf ul li:last-child .interview_question { border-bottom: none; }
@media (min-width: 768px) {
  .interview_secondhalf { padding: 80px 0 0 0; }
  .interview_secondhalf ul { gap: 48px; }
  .interview_secondhalf ul li { padding: 48px; }
  .interview_secondhalf ul li .interview_question { padding: 0 0 24px 0; margin: 0 0 24px 0; }
  .interview_secondhalf ul li .interview_bottom_img_frame { aspect-ratio: 1036 / 490; height: auto; margin: 0 0 112px; }
  .interview_secondhalf ul li:last-child .interview_question { padding: 0; }
  .interview_secondhalf ul li:last-child .interview_answer { width: 800px; margin: 0 auto; }
}

/*背景*/
.interview_secondhalf { position: relative; }
.contents_wrap { position: relative; }
.interview_secondhalf :nth-child(n) { z-index: 3; }
.interview_secondhalf .background_yellow_wrap { position: absolute; top: 0; left: 40px; width: calc(598px + 50vw); border-radius: 40px 0 0 40px; z-index: 2;}
.contents_wrap .background_white_wrap { position: absolute; bottom: 0; left: auto; right: auto; width: 100vw; background: #FFF; z-index: 1;}
@media (min-width: 768px) {
  .interview_top_wrap { position: relative; overflow: hidden; }
  .interview_top_wrap .contents { position: relative; z-index: 3; }
  .interview_top_wrap .background_yellow_wrap_top { position: absolute; bottom: 0; left: 0; width: calc(50vw + 598px); height: calc(10vw + 370px); background: #F3CF5E; z-index: 2; border-radius: 0 80px 80px 0; }
  .interview_secondhalf .background_yellow_wrap { left: -80px; border-radius: 80px 0 0 80px; }
}