@charset "UTF-8";
/* スマホのフォントサイズ */
/* デフォルトのフォント */
/* タイトルで使用されるフォント */
/*----------------
共通カラー
-----------------*/
/* acbjトップページ */
#acbj-top {
  /*会社概要*/
  /*働く環境を知る*/
  /*採用情報*/
}
#acbj-top .kv-sec {
  position: relative;
  margin-top: 10px;
}
#acbj-top .kv-sec .kv-sec__inner {
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
}
@media (max-width: 767px) {
  #acbj-top .kv-sec .kv-sec__inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
#acbj-top .kv-sec .kv-title {
  display: flex;
  gap: 45px;
  align-items: flex-end;
  color: #FFFFFF;
}
@media (max-width: 1199px) {
  #acbj-top .kv-sec .kv-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}
#acbj-top .kv-sec .kv-title h2 {
  font-size: 50px;
  font-family: "Oxygen", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.2;
}
@media (max-width: 767px) {
  #acbj-top .kv-sec .kv-title h2 {
    font-size: 13.3333333333vw;
  }
}
@media (max-width: 767px) {
  #acbj-top .kv-sec .kv-title p {
    font-size: 4vw;
    margin-top: 0.8vw;
  }
}
#acbj-top .kv-sec .acbj-nav__btn {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  #acbj-top .kv-sec .acbj-nav__btn {
    display: flex;
    align-self: flex-end;
    justify-content: flex-end;
  }
}
#acbj-top .tit-box h3 {
  font-size: 50px;
  font-family: "Oxygen", sans-serif;
  font-weight: bold;
  font-style: normal;
  line-height: 1.2;
  color: #333333;
}
@media (max-width: 767px) {
  #acbj-top .tit-box h3 {
    font-size: 9.3333333333vw;
  }
}
#acbj-top .tit-box p.sub-tit {
  font-size: 20px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  #acbj-top .tit-box p.sub-tit {
    font-size: 4vw;
    margin-top: 0.8vw;
  }
}
#acbj-top .company-sec .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #acbj-top .company-sec .inner {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  #acbj-top .company-sec .company-info {
    margin-top: 8vw;
  }
}
#acbj-top .company-sec .company-info .info-block__detail:not(:first-child) {
  margin-top: 20px;
}
@media (max-width: 767px) {
  #acbj-top .company-sec .company-info .info-block__detail:not(:first-child) {
    margin-top: 5.3333333333vw;
  }
}
#acbj-top .company-sec .company-info .info-block__detail dl {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 20px;
  align-items: flex-start;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 20px;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #acbj-top .company-sec .company-info .info-block__detail dl {
    grid-template-columns: 100px 350px;
  }
}
@media (max-width: 767px) {
  #acbj-top .company-sec .company-info .info-block__detail dl {
    display: block;
    padding-bottom: 5.3333333333vw;
  }
}
#acbj-top .company-sec .company-info .info-block__detail:last-child dl {
  border-bottom: none;
  padding-bottom: 0;
}
#acbj-top .company-sec .company-info dt {
  color: #1C4576;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6;
}
@media (max-width: 767px) {
  #acbj-top .company-sec .company-info dt {
    font-size: 4.2666666667vw;
  }
}
#acbj-top .company-sec .company-info dd {
  font-size: 16px;
  line-height: 1.8;
  font-weight: normal;
}
@media (max-width: 767px) {
  #acbj-top .company-sec .company-info dd {
    font-size: 4.2666666667vw;
  }
}
#acbj-top .company-sec .company-info dd a {
  color: #1C4576;
  text-decoration: underline;
}
#acbj-top .company-sec .company-info dd a:hover {
  text-decoration: none;
}
#acbj-top .environment-sec {
  margin-top: 160px;
}
@media (max-width: 767px) {
  #acbj-top .environment-sec {
    margin-top: 21.3333333333vw;
  }
}
#acbj-top .environment-sec__inner {
  display: flex;
  align-items: center;
  gap: 50px;
}
@media (max-width: 767px) {
  #acbj-top .environment-sec__inner {
    flex-direction: column;
    gap: 8vw;
  }
}
#acbj-top .environment-sec__inner .txt-box p {
  font-size: 16px;
  line-height: 2;
  margin-top: 30px;
}
@media (max-width: 767px) {
  #acbj-top .environment-sec__inner .txt-box p {
    font-size: 3.7333333333vw;
    margin-top: 8vw;
  }
}
#acbj-top .environment-sec__inner .txt-box p.sub-tit {
  font-size: 20px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  #acbj-top .environment-sec__inner .txt-box p.sub-tit {
    font-size: 4vw;
    margin-top: 0.8vw;
  }
}
#acbj-top .environment-sec__inner .acbj-nav__btn {
  margin-top: 30px;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  #acbj-top .environment-sec__inner .acbj-nav__btn {
    display: flex;
    align-self: flex-end;
    justify-content: flex-end;
    margin-top: 8vw;
  }
}
#acbj-top .recruit-sec {
  margin-top: 160px;
}
@media (max-width: 767px) {
  #acbj-top .recruit-sec {
    margin-top: 21.3333333333vw;
  }
}
#acbj-top .recruit-btn {
  display: flex;
  align-items: flex-start;
  gap: 35px;
  justify-content: center;
  /*非表示の時のスタイル*/
}
@media (max-width: 767px) {
  #acbj-top .recruit-btn {
    flex-direction: column;
    align-items: center;
    gap: 5.3333333333vw;
  }
}
#acbj-top .recruit-btn a {
  width: 310px;
  padding: 19px 0px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(0, 0, 0);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  background-color: rgb(255, 255, 255);
  box-shadow: rgb(119, 119, 119) 2px 2px 3px 0px;
  border-radius: 40px;
  transition: background-color 0.3s, color 0.3s;
}
@media (max-width: 767px) {
  #acbj-top .recruit-btn a {
    width: 82.6666666667vw;
    padding: 5.8666666667vw 0;
    font-size: 4.2666666667vw;
    border-radius: 18.6666666667vw;
  }
}
#acbj-top .recruit-btn a::after {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  font-family: "Material Symbols Outlined";
  content: "\e941";
  font-size: 23px;
  font-weight: 100;
}
@media (max-width: 767px) {
  #acbj-top .recruit-btn a::after {
    font-size: 6.1333333333vw;
    right: 5%;
  }
}
#acbj-top .recruit-btn a:hover {
  background-color: rgb(12, 187, 204);
  color: rgb(255, 255, 255);
}
#acbj-top .recruit-btn .disabled-box {
  text-align: center;
}
#acbj-top .recruit-btn a.disabled {
  pointer-events: none;
  background-color: #D8D8D8;
  color: #FFFFFF;
}
#acbj-top .recruit-btn .disabled-txt {
  font-size: 13px;
  color: #1C4576;
  margin-top: 15px;
}
@media (max-width: 767px) {
  #acbj-top .recruit-btn .disabled-txt {
    font-size: 3.7333333333vw;
    margin-top: 4vw;
  }
}/*# sourceMappingURL=top.css.map */