@import url("../../style/common.css");





@media screen and (min-width: 769px) {
  .navi_container-ver2.pc-only {
    margin-top: 3.29vw;
  }
}

@media screen and (max-width: 768px) {
  .navi_container-ver2.sp-only {
    margin-bottom: 25px;
    margin-top: 40px;
  }

  /* .navi_container-ver2.sp-only .inner {
    padding: 0 32px;
  } */
}





.company {
  position: relative;
}

.company .inner {
  padding: 0 12.5vw !important;
}

@keyframes kf-company-loaded-bg {
  from {
    opacity: 0;
    transform: translateX(12.44792vw);
  }

  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

.company .anim_loaded_bg {
  animation: kf-company-loaded-bg 1s ease-out 0s 1 normal both;
}

.company .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  /* margin-top: 10.41667vw !important; 12.81vw*/
  margin-top: 175px;
}

.company .top_title {
  font-size: 2.48vw;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
  width: 100%;
}

.company .top_title_en {
  font-weight: 500;
  font-size: 1.04167vw;
  color: #bcbcbc;
}

.company .top_goback {
  position: absolute;
  width: 3.33333vw;
  height: 3.33333vw;
  margin-left: -4.16667vw;
  background-image: url(../../img/agent_detail_goback.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.25vw 1.25vw;
  border-radius: 50%;
}

.company .top_goback:hover {
  background-image: url(../../img/agent_detail_goback_hover.svg);
  background-color: #d8d8d8;
  /* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
}

/*navi*/
.company .navi {
  margin-top: 3.33333vw;
}

.company .navi_container {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 3.125vw;
  border-top: 1px solid #d4d5db;
  border-bottom: 1px solid #d4d5db;
  font-weight: 500;
  font-size: 0.83333vw;
}

.company .toCompany {
  color: rgba(95, 95, 95, 0.7);
}

.company .moveTo_arrow {
  margin: 0 0 0 0.523vw;
}
.company .moveTo {
  font-weight: 700;
  font-family: "游ゴシック体 Pr6N B","Yu Gothic Pr6N B", sans-serif;
}

.company .toCompany:hover {
  color: #969696;
}

.company .logo1_wrapper {
  display: flex;
}

.company .logo1 {
  /* width: 28.708336vw;
  width: 25.62vw; */
  width: 38.87vw;
  /* height: 7.291664vw;
  height: 6.29vw; */
  height: 9.59vw;
  /* margin-top: 4.58333vw; */
  margin-top: 4.39vw;
  /* margin-left: 14.72396vw; */
  margin-inline: auto;
  /* margin-bottom: 4.58333vw; */
  margin-bottom: 8.78vw;
  object-fit: cover;
}

.company .logo1 .video-js {
  width: 100%;
  height: 100%;
  background: #fff;
  object-fit: cover;
}

.company .logo1.hovered {
  pointer-events: none;
}

.company .logo2 {
  position: absolute;
  width: 38.98438vw;
  height: 94.89583vw;
  background-image: url(../../img/company_logo_2.svg);
  top: 0;
  right: 0;
  background-size: cover;
}

.company table {
  /* width: 58.33333vw; */
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 6.25vw;
}

.company table a {
  text-decoration: none;
  color: #5f5f5f;
}

.company table a:hover {
  color: #dd1f26;;
}

.company tr {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.company tr:first-child {
  border-top: none;
}

.company tr td {
  padding: 1.66667vw 0;
  font-size: 0.9375vw;
  line-height: 200%;
  /* color: #5f5f5f; */
}

.company tr td:first-child {
  font-size: 1.04167vw;
  width: 17.5vw;
  font-weight: 700;
  font-family: "游ゴシック体 Pr6N B","Yu Gothic Pr6N B", sans-serif;
  line-height: 140%;
  /* color: #242424; */
  padding-right: 16px;
}

@media screen and (max-width: 768px) {

  .company .anim_loaded_bg {
    animation: none;
  }

  .company .inner {
    /* padding: 0 12px !important; */
    padding: 0 32px !important;
  }

  .company .top {
    margin-top: 88px !important;
    padding: 0 !important;
  }

  .company .top_goback {
    display: none;
  }

  .company .top_title {
    background-image: url(/wp-content/themes/assign/mainvisual_line.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto 5px;
    font-family: "游ゴシック体 Pr6N D","Yu Gothic Pr6N D", sans-serif;
    font-size: 24px;
    padding-bottom: 24px;
  }

  .company .top_title_en {
    font-size: 12px;
  }

  .company .navi {
    margin-top: 24px;
  }

  .company .navi_container {
    height: 43px;
    font-size: 14px;
  }

  .company .moveTo_arrow {
    margin: 0 0 0 16px;
  }

  .company .logo1 {
    /* width: 296px;
    height: 74px;
    margin: 32px auto 32px auto; */
    width: 251px;
    height: 62px;
    margin: 80px auto;
  }

  .company .logo2 {
    display: none;
  }

  .company table {
    width: 100%;
    margin-bottom: 40px;
  }

  .company tr td {
    padding: 24px 0;
    font-size: 14px;
    line-height: 200%;
  }

  .company tr td:first-child {
    font-size: 14px;
    line-height: 140%;
    width: 88px;
    padding-right: 0px;
  }
}