@charset "utf-8";

.panel_link_career {
  background-color: var(--color-white);
  font-size: 14rem;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: 6rem 20rem 5rem;
  display: inline-block;
  margin-bottom: 5rem;
  margin-left: 5rem;
}

.main {
  padding-top: 0;
}

/* headerの変化 */
.header {
  background: transparent;
  /* transition: background-color 0.4s; */
}
.header.is_logo_show {
  background: var(--color-white);
}
.header_set:nth-child(1) {
  opacity: 0;
  pointer-events: none;
  /* transition: opacity 0.4s; */
}
.is_logo_show .header_set:nth-child(1) {
  opacity: 1;
  pointer-events: all;
}

/* mv */
.mv {
  position: relative;
}
.mv_ttl {
  position: absolute;
  z-index: 10;
}
.mv_ttl img {
  width: 100%;
  height: auto;
}
.mv_slide {
  position: relative;
  overflow: hidden;
}
.movie_mv {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.mv_line {
  height: 10rem;
  background: linear-gradient(
    90deg,
    rgba(0, 209, 100, 0.933333) 5%,
    rgba(0, 172, 90, 0.933333) 9%,
    rgba(0, 133, 81, 0.933333) 14%,
    rgba(0, 108, 75, 0.933333) 18%,
    rgba(0, 100, 73, 0.933333) 20%,
    rgba(0, 122, 91, 0.933333) 29%,
    rgba(0, 139, 104, 0.933333) 38%,
    rgba(1, 145, 109, 0.933333) 45%,
    rgba(0, 149, 107, 0.933333) 51%,
    rgba(0, 161, 104, 0.933333) 56%,
    rgba(0, 182, 99, 0.933333) 62%,
    rgba(0, 211, 92, 0.933333) 68%,
    rgba(0, 248, 83, 0.933333) 74%,
    rgba(0, 255, 82, 0.933333) 75%,
    rgba(150, 255, 253, 0.933333) 95%
  );
  translate: 0 -1px;
}
.vsc-controller:nth-of-type(n + 2) {
  /* display: none !important; */
}
.animation_ready .mv_slide::before,
.animation_ready .mv_slide::after {
  /* content:"";
    display:block;
    position: absolute;
    z-index: 2;
    background:#fff; */
}
.animation_ready .mv_slide::before {
  /* top:0;
    right:0;
    width:50%;
    height:100%; */
}
.animation_ready .mv_slide::after {
  /* top:0;
    left:0;
    width:50%;
    height:100%; */
}
.animation_loaded .mv_slide::before,
.animation_loaded .mv_slide::after {
  /* opacity: 0;
    transition: transform 1s 0.4s, opacity 0s 1.4s; */
}
.animation_loaded .mv_slide::before {
  /* transform: translateY(-100%); */
}
.animation_loaded .mv_slide::after {
  /* transform: translateY(100%); */
}
@media (min-width: 769px) {
  .mv_ttl {
    top: 28rem;
    left: 34rem;
    width: 526rem;
  }
  .mv_slide {
    /* height: 840rem; */
  }
}
@media (max-width: 768px) {
  .mv_ttl {
    top: -66rem;
    left: 15rem;
    width: 200rem;
  }
  .mv_slide {
    height: 580rem;
    margin-top: 80rem;
  }
}

/* top_contents */
.top_contents {
  position: relative;
  overflow: hidden;
}
.top_contents::after,
.footer_banner::after,
.footer::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
}
.animation_loaded .top_contents::after,
.animation_loaded .footer_banner::after,
.animation_loaded .footer::after {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s 1.4s;
}

/* anchor */
.anchor {
  position: relative;
}
.anchor_ttl {
  position: relative;
  display: inline-block;
}
.anchor_ttl::before {
  /* content: ""; */
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  border-top: 1px solid var(--color-black);
  height: 0;
  margin-block: auto;
}
.top_anchor_list_item_link {
  display: block;
  position: relative;
  text-decoration: none;
}
.top_anchor_list a::before {
  display: none;
}
.top_anchor_list_item_txt {
  position: relative;
  z-index: 1;
}
.top_anchor_list_item_txt_en {
  font-weight: 600;
  line-height: 1.8;
  color: var(--color-gray-50);
}
.top_anchor_list_item_txt_en_inner {
  position: relative;
  display: inline-block;
}
.top_anchor_list_item_txt_en_inner::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin-block: auto;
  background: url(../../images/common/arrow_gray.svg) no-repeat 50% 50% /
    contain;
}
.top_anchor_list_item_txt_jp {
  line-height: 1.4;
  font-weight: 700;
  color: var(--color-black);
}
.top_anchor_list_item_hover_img {
  position: absolute;
  top: 0rem;
  display: none;
  pointer-events: none;
}
@media (min-width: 769px) {
  .anchor {
    margin-top: -33rem;
  }
  .anchor_ttl::before {
    left: calc(100% + 10rem);
    width: 50rem;
    border-top: 1px solid var(--color-black);
  }
  .anchor .main_box_body_grid {
    /* grid-template-columns: var(--template-columns, 388rem 1fr 1fr); */
  }
  .top_anchor_list {
    margin-top: -18rem;
  }
  .top_anchor_list > li {
    width: 100%;
  }
  .top_anchor_list > li > a {
    padding-block: 10rem;
  }
  .top_anchor_list_item_txt_en {
    font-size: 12rem;
    line-height: 1.8;
  }
  .top_anchor_list_item_txt_en_inner::after {
    left: calc(100% + 10rem);
    width: 10rem;
    height: 10rem;
  }
  .top_anchor_list_item_txt_jp {
    font-size: 14rem;
    line-height: 1.4;
  }
  .top_anchor_list_item_hover_img {
    left: 150rem;
    width: 195rem;
  }
  @media (hover: hover) {
    .top_anchor_list_item_link:hover .top_anchor_list_item_hover_img {
      display: block;
    }
  }
}
@media (max-width: 768px) {
  .anchor {
    /* margin-top: 104rem; */
    margin-top: 80rem;
  }
  .anchor_ttl::before {
    left: calc(100% + 10rem);
    width: 50rem;
    border-top: 1px solid var(--color-black);
  }
  .top_anchor_list > li + li {
    margin-top: 22rem;
  }
  .top_anchor_list_item_txt_en {
    font-size: 12rem;
    line-height: 1.8;
  }
  .top_anchor_list_item_txt_en_inner::after {
    left: calc(100% + 10rem);
    width: 10rem;
    height: 10rem;
  }
  .top_anchor_list_item_txt_jp {
    font-size: 12rem;
    line-height: 1.4;
  }
  .top_anchor_list_item_hover_img {
    left: 150rem;
    width: 195rem;
  }
  .anchor .main_box_body_grid {
    grid-template-columns: 1fr 1fr;
    gap: 25rem;
  }
  .anchor .main_box_ttl_cell {
    height: auto;
  }
}

/* about */
@media (min-width: 769px) {
  .news {
    /* margin-top: 200rem; */
    margin-top: 20rem;
    margin-top: 50rem;
  }
}
@media (max-width: 768px) {
  .news {
    margin-top: 180rem;
    margin-top: 60rem;
  }
}

/* news */
@media (min-width: 769px) {
}
@media (max-width: 768px) {
}

/* news */
.news {
  position: relative;
}
@media (min-width: 769px) {
  .about_panel_6 {
    height: 620rem;
    height: 606rem;
  }
}
@media (max-width: 768px) {
  .panel_bg_img,
  .panel_bg_video {
    overflow: hidden;
    margin-block: -1px;
  }
  .panel_bg_img video {
    height: 340rem;
  }
  /*
   * interview: SP時は全セルに order を指定。3-4番目(career_interview_3 と sales1)、7-8番目(career_interview_7 と career_interview_8)を入れ替え。
   * order を指定しないと 0 になり、指定したものだけ最後に寄ってしまうため全指定。
   */
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(1) { order: 1; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(2) { order: 2; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(3) { order: 4; } /* career_interview_3 → 4番目に */
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(4) { order: 3; } /* sales1 → 3番目に */
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(5) { order: 5; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(6) { order: 6; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(7) { order: 8; } /* career_interview_7 → 8番目に */
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(8) { order: 7; } /* career_interview_8 → 7番目に */
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(9) { order: 9; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(10) { order: 10; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(11) { order: 11; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(12) { order: 12; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(13) { order: 13; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(14) { order: 14; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(15) { order: 15; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(16) { order: 16; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(17) { order: 17; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(18) { order: 18; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(19) { order: 19; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(20) { order: 20; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(21) { order: 21; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(22) { order: 22; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(23) { order: 23; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(24) { order: 24; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(25) { order: 25; }
  #interview .main_box_body_grid .main_box_body_grid_cell:nth-child(26) { order: 26; }
}

/* news */
.news_set_link {
  display: block;
  text-decoration: none;
}
.news_set {
  display: flex;
  align-items: center;
}
.news_set_date {
  text-align: center;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas:
    "y m"
    "d d";
}
.news_set_date_d {
  grid-column: span 2;
  letter-spacing: 0.05em; /* デザインとは異なるが見た目が詰まっていたため */
  /* font-variant-numeric: tabular-nums; */
}
.news_set_txt {
  flex: 1;
}
.news_list_wrap {
  display: flex;
  /* justify-content: end; */
}
.news_list {
  /* border-bottom: 1px solid var(--color-light-gray-2); */
  border-bottom: 1px solid #000;
}
.news_list > li + li {
  /* border-top: 1px solid var(--color-light-gray-2); */
  border-top: 1px solid #000;
}
.news_set_txt {
  flex: 1;
}
@media (min-width: 769px) {
  .news_list_wrap {
    /* margin-right: 120rem; */
    margin-left: calc(calc(413.33 / 1240) * 100%);
  }
  .news_list {
    /* width: 880rem; */
    width: 790rem;
    margin-top: -24rem;
  }

  .news_set_link {
    padding-block: 15rem;
  }
  .news_set {
    gap: 35rem;
  }
  .news_set_date {
    /* gap: 0 3rem; */
    font-size: 15rem;
  }
  .news_set_date_y {
    font-size: 12rem;
    font-weight: 500;
  }
  .news_set_date_m {
    font-size: 12rem;
    font-weight: 500;
  }
  .news_set_date_d {
    font-size: 40rem;
    line-height: 1;
  }
  .news_set_txt {
    font-size: 14rem;
    line-height: 1.4;
    padding-right: 40rem;
  }
}
@media (max-width: 768px) {
  .news .main_box_ttl_cell {
    height: 42rem;
  }
  .news_list_wrap {
    display: block;
  }
  .news_list {
    margin-top: -15.5rem;
  }
  .news_set_link {
    padding-block: 15.5rem;
  }
  .news_set {
    /* gap: 21rem; */
    gap: 5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .news_set_date {
    /* gap: 0 3rem; */
    font-size: 14rem;
  }
  .news_set_date_y {
    font-size: 12rem;
    font-weight: 500;
  }
  .news_set_date_m {
    font-size: 12rem;
    font-weight: 500;
  }
  .news_set_date_d {
    font-size: 40rem;
    line-height: 1;
  }
  .news_set_txt {
    font-size: 12rem;
    line-height: 1.4;
  }
}

/* panel */
.panel_link_detail_ttl {
  height: 50rem;
}