@charset "UTF-8";
/* ===================================================================
CSS information

file name  : job_person.css
author     : Abilive
style info : 社員インタビュー一覧
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
@property --1vw {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
:root {
  --1vw: 1vw;
  --vw-to-px: calc(tan(atan2(var(--1vw), 1px)));
}

.l-footer__foot {
  padding-bottom: 10.9rem;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .l-footer__foot {
    padding-bottom: 12rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer__foot {
    padding-bottom: 7.3rem;
  }
}

html.lower .p-page-title {
  padding-bottom: 6.6rem;
}
@media only screen and (max-width: 767px) {
  html.lower .p-page-title {
    padding-bottom: 4.4rem;
  }
}

.c-anchor {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 2rem;
  z-index: 1000;
  width: 69%;
  margin-inline: auto;
  border-radius: 0.4rem;
  background: var(--color-bg7-lighten);
  backdrop-filter: blur(8px);
}
@media only screen and (min-width: 768px) {
  .c-anchor {
    padding: 0.8rem 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-anchor {
    bottom: 1.3rem;
    width: 94%;
    border-radius: 0.1rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-anchor__item a {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
}

.p-people {
  margin-top: 12rem;
}
@media only screen and (max-width: 767px) {
  .p-people {
    margin-top: 6.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-people + .p-people {
    margin-top: 5.3rem;
  }
}