@charset "UTF-8";
/* **************************************


     追加


***************************************/
/*最小値:$value+0.2 → 可変（$value + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px,2560px:12px））→ 最大値:$value + 1.2*/
/* =============================================================================


    people


============================================================================= */
/* =============================================================================


    lever


============================================================================= */
.lever {
  margin-top: 120px;
  padding: 40px 0 60px;
}
.lever > .inner {
  width: 1200px;
}
.lever-contents {
  position: relative;
}
.lever-switch {
  background: transparent;
  border: 0;
  cursor: pointer;
  height: 74px;
  margin: -34px auto -5px;
  padding: 0;
  width: 58px;
}
.lever-switch-img {
  display: block;
  height: auto;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: 62% 96%;
          transform-origin: 62% 96%;
  -webkit-transition: -webkit-transform 0.35s ease;
  transition: -webkit-transform 0.35s ease;
  transition: transform 0.35s ease;
  transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  width: 100%;
}
.lever-action[data-current=fun] .lever-switch-img {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.lever-action-btn {
  background: transparent;
  border: 4px solid transparent;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-family: inherit;
  min-height: 34px;
  padding: 5px 20px;
  text-align: center;
}
.lever-action-btn.is-active {
  background: #fff;
  border-color: #fff;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3019607843);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3019607843);
  color: #000;
}
.lever-action-btn:hover {
  background: #fff;
  color: #000;
}

.lever-contents {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin-top: -1.5em;
  position: relative;
  z-index: -1;
}

.lever-section {
  gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-column: 1;
  grid-row: 1;
  left: 0;
  padding: 40px 80px;
  top: 0;
  -webkit-transform: translate3d(20px, 20px, 0);
          transform: translate3d(20px, 20px, 0);
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  z-index: 2;
}
.lever-section:after, .lever-section:before {
  background: #f7f7f8;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.lever-section:before {
  background: #e9ebf0;
  display: none;
  left: 20px;
  top: 20px;
}
.lever-section:nth-of-type(2):before {
  background: #f7f7f8;
}
.lever-section:nth-of-type(2):after {
  background: #e9ebf0;
}
.lever-section.is-active {
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0);
          transform: translate3d(0px, 0px, 0);
  z-index: 3;
}

.lever-ttlbox {
  gap: 30px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: #203367;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  max-width: 1000px;
  padding: 0.5em;
  width: 90%;
  z-index: 20;
}

.lever-ttl {
  font-size: 4rem;
  font-weight: bold;
  margin: auto;
}

.lever-jobs {
  white-space: nowrap;
}
.lever-jobs span {
  display: block;
  font-size: 2.2rem;
  font-weight: bold;
}
.lever-jobs span + span {
  border-top: 1px solid #fff;
}

.lever-section-img {
  max-width: 340px;
}

.lever-section-txtbox {
  width: calc(100% - 380px);
}

.lever-section-ttl {
  border-bottom: 1px solid #000;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 1em;
  padding-bottom: 0.15em;
}

.lever-section-txt {
  font-size: 2rem;
}

.lever-switch {
  background: transparent;
  border: 0;
  cursor: pointer;
  height: 74.39px;
  padding: 0;
  width: 58.63px;
}
.lever-switch:after {
  color: #000;
  content: "←クリック";
  font-size: 1.6rem;
  left: calc(100% + 1em);
  position: absolute;
  top: 70%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  white-space: nowrap;
}
.lever-switch:hover {
  background: transparent;
}
.lever-switch._test {
  height: 80px;
  left: 50%;
  margin: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80px;
}
.lever-switch._test:after {
  display: none;
}
.lever-switch-svg {
  display: block;
  height: auto;
  overflow: visible;
  width: 100%;
}
.lever-switch-stick {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  transform-box: view-box;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.lever-action {
  gap: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #a6adc2;
  display: grid;
  grid-template-columns: 1fr 70px 1fr;
  margin: 140px auto 0;
  max-width: 1080px;
  padding: 10px;
  position: relative;
}
.lever-action._test {
  gap: 140px;
  grid-template-columns: 1fr 1fr;
}

.lever-action[data-current=fun] .lever-switch-stick {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.lever-action[data-current=fun] .lever-switch:after,
.lever-action[data-current=fun] .lever-item-ttl {
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes arrowBounce {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  50% {
    -webkit-transform: translate(-50%, 20px);
            transform: translate(-50%, 20px);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@keyframes arrowBounce {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  50% {
    -webkit-transform: translate(-50%, 20px);
            transform: translate(-50%, 20px);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@-webkit-keyframes arrowBouncesp {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  50% {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes arrowBouncesp {
  0% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  50% {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.lever-item-ttl {
  -webkit-animation: arrowBounce 1.6s ease-in-out infinite;
          animation: arrowBounce 1.6s ease-in-out infinite;
  background: #203367;
  color: #fff;
  font-size: 2.2rem;
  font-weight: bold;
  left: 50%;
  max-width: 500px;
  padding: 0.5em;
  position: relative;
  position: absolute;
  text-align: center;
  top: -100px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
  z-index: 2;
}
.lever-item-ttl._test {
  top: -140px;
}
.lever-item-ttl._test span {
  font-size: 2rem;
}
.lever-item-ttl:before {
  background: inherit;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  content: "";
  height: 16px;
  left: 50%;
  position: absolute;
  top: calc(100% - 1px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30px;
}

/* =============================================================================


    req


============================================================================= */
.req {
  padding: 60px 0;
}

.req-content {
  gap: 15%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.req-content:nth-of-type(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.req-content:nth-of-type(2n) .req-list,
.req-content:nth-of-type(2n) .req-item {
  margin-left: auto;
}

.req-list {
  max-width: 50%;
}

.req-cotnent-img {
  z-index: 2;
}

.req-item {
  padding: 32px 0;
  position: relative;
  z-index: 1;
}
.req-item.one:before, .req-item.two:before {
  background: #f2f2f2;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}
.req-item.one:before {
  right: -300px;
}
.req-item.two:before {
  left: -300px;
}

.req-item-ttlbox,
.message-ttlbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.req-item-ttlbox span,
.message-ttlbox span {
  color: #203367;
  font-family: "Host Grotesk", "Noto Serif JP", sans-serif;
  font-size: 3.2rem;
  font-style: italic;
  font-weight: 900;
  line-height: 0.8;
  text-align: center;
}

.req-item-ttl,
.message-ttl {
  background: #203367;
  color: #fff;
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 20px;
  max-width: 500px;
  padding: 0.5em;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
}
.req-item-ttl:before,
.message-ttl:before {
  background: inherit;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  content: "";
  height: 16px;
  left: 50%;
  position: absolute;
  top: calc(100% - 1px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30px;
}

.req-item-txt {
  font-size: 1.8rem;
  line-height: 1.8;
}

/* =============================================================================


    message


============================================================================= */
.message {
  margin: 120px auto -40px;
}

.message-content {
  background: #fff;
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 0 60px 30px;
  position: relative;
}

.message-ttlbox {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.message-txtbox {
  gap: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -40px;
}

.message-img {
  max-width: 200px;
  width: 30%;
}

.message-txt {
  font-size: 1.8rem;
  line-height: 1.8;
  max-width: 720px;
  width: calc(70% - 60px);
}

/* =============================================================================


    schedule


============================================================================= */
.schedule {
  background: #f2f2f2;
  padding: 160px 0 80px;
}
.schedule-inner {
  gap: 50px;
  margin-inline: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1100px;
}

.schedule-main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.schedule-note {
  line-height: 1.6;
  margin: 14px 0 0 50px;
}

.schedule-list {
  position: relative;
  /*   &::before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 50px;
    width: 2px;
    background: #203367;
    z-index: 2;

    @include mq("sp") {
      left: 14px;
    }
  } */
}

.schedule-ttl {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin: 0;
  text-orientation: upright;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.schedule-ttl span {
  font-size: 70%;
}

.schedule-item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: grid;
  grid-template-columns: 110px 1fr;
  min-height: 76px;
  padding: 14px 50px;
  position: relative;
}
.schedule-item::before {
  background: #203367;
  content: "";
  height: 100%;
  left: 50px;
  position: absolute;
  width: 2px;
  z-index: 2;
}
.schedule-item:nth-of-type(1):before {
  height: 50%;
  top: 50%;
}
.schedule-item:nth-last-of-type(1):before {
  height: 50%;
  top: 0%;
}
.schedule-item:nth-child(even) {
  background: #dbe0ec;
}

.schedule-time {
  font-family: "Host Grotesk", "Noto Serif JP", sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: bolder;
  line-height: 1;
  padding-left: 50px;
  position: relative;
  white-space: nowrap;
}
.schedule-time::before {
  background: #203367;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: 0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  z-index: 1;
}
.schedule-time::after {
  border-top: 1px dashed #000000;
  content: "";
  left: 0px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
}

.schedule-content {
  padding-left: 50px;
}

.schedule-content-txt {
  font-size: 1.8rem;
  line-height: 1.9;
  margin: 0;
}
/* =============================================================================


    banner


============================================================================= */
.banners {
  padding: 80px 0;
}

.banner-list {
  gap: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.banner-item {
  max-width: 360px;
  width: calc(33.3333% - 20px);
}
.banner-item a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.banner-item a img {
  display: block;
  width: 100%;
}
.banner-item a:hover {
  opacity: 0.7;
}

#a-lever {
  scroll-margin-top: 100px;
}

@media (max-width: 1128px){
  .lever-section {
    padding: 40px 40px;
  }
  .lever-ttl {
    font-size: 3rem;
  }
  .lever-jobs span {
    font-size: 1.8rem;
  }
  .lever-section-img {
    max-width: 280px;
    width: 45%;
  }
  .lever-section-txtbox {
    width: calc(100% - 320px);
  }
  .lever-section-ttl {
    font-size: 2.2rem;
  }
  .lever-section-txt {
    font-size: 1.6rem;
  }
  .lever-action {
    gap: 30px;
  }
  .lever-item-ttl._test span {
    font-size: 1.6rem;
  }
  .lever-item-ttl {
    font-size: 2.2rem;
  }
  .req-content {
    gap: 10%;
  }
  .req-list {
    max-width: 60%;
  }
  .req-item-ttlbox span,
  .message-ttlbox span {
    font-size: 2.8rem;
  }
  .req-item-ttl,
  .message-ttl {
    font-size: 2.2rem;
  }
  .req-item-txt {
    font-size: 1.6rem;
  }
  .message-txt {
    font-size: 1.6rem;
  }
  .schedule-content-txt {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px){
  .schedule {
    padding: 50px 20px;
  }
  .schedule-inner {
    display: block;
  }
}

@media (max-width: 767px){
  .lever {
    margin-top: 50px;
    padding: 20px 0 40px;
  }
  .lever-action-btn {
    font-size: 1.3rem;
    padding: 5px;
  }
  .lever-section.is-active {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lever-ttlbox {
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .lever-ttl {
    font-size: 2rem;
  }
  .lever-jobs span {
    font-size: 1.4rem;
  }
  .lever-section-img {
    margin: auto;
    max-width: 420px;
    width: 80%;
  }
  .lever-section-txtbox {
    width: 100%;
  }
  .lever-section-ttl {
    font-size: 1.6rem;
  }
  .lever-section-txt {
    font-size: 1.4rem;
  }
  .lever-switch:after {
    content: "↑クリック";
    font-size: 1.2rem;
    left: 50%;
    position: absolute;
    top: calc(100% + 20px);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .lever-switch {
    height: 54.39px;
    margin: auto;
    width: 38.63px;
  }
  .lever-switch._test {
    height: 50px;
    width: 50px;
  }
  .lever-action._test {
    gap: 60px;
  }
  .lever-action {
    gap: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: 1fr 50px 1fr;
    margin-top: 80px;
  }
  .lever-item-ttl._test {
    top: -90px;
  }
  .lever-item-ttl._test span {
    font-size: 1.4rem;
  }
  .lever-item-ttl {
    -webkit-animation: arrowBouncesp 1.6s ease-in-out infinite;
            animation: arrowBouncesp 1.6s ease-in-out infinite;
    top: -60px;
  }
  .lever-item-ttl {
    font-size: 1.8rem;
  }
  .req {
    padding: 40px 0;
  }
  .req-content {
    gap: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .req-content:nth-of-type(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 40px;
  }
  .req-list {
    max-width: 100%;
    width: 100%;
  }
  .req-cotnent-img {
    max-wdith: 420px;
    margin: auto;
    width: 80%;
  }
  .req-item.one:before {
    left: -16px;
    right: 0;
  }
  .req-item.two:before {
    left: -16px;
    right: 0;
  }
  .req-item-ttlbox span,
  .message-ttlbox span {
    font-size: 2.2rem;
  }
  .req-item-ttl,
  .message-ttl {
    font-size: 1.8rem;
  }
  .req-item-txt {
    font-size: 1.4rem;
  }
  .message {
    margin: 60px auto -20px;
  }
  .message-content {
    padding: 0 30px 20px;
  }
  .message-txtbox {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: -20px;
  }
  .message-img {
    width: 40%;
  }
  .message-txt {
    font-size: 1.4rem;
    width: 100%;
  }
  .schedule-note {
    font-size: 1.2rem;
    margin-left: 0;
  }
  .schedule-ttl span {
    display: block;
  }
  .schedule-ttl {
    font-size: 2.4rem;
    margin-bottom: 30px;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
  .schedule-item::before {
    left: 14px;
    top: 0;
  }
  .schedule-item:nth-of-type(1):before {
    height: calc(100% - 25px);
    top: 25px;
  }
  .schedule-item:nth-last-of-type(1):before {
    height: 25px;
  }
  .schedule-item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: block;
    min-height: auto;
    padding: 20px 15px;
  }
  .schedule-time {
    font-size: 1.4rem;
    padding-left: 20px;
  }
  .schedule-time::before {
    height: 12px;
    width: 12px;
  }
  .schedule-time::after {
    display: none;
  }
  .schedule-content {
    padding-left: 8px;
  }
  .schedule-content-txt {
    font-size: 1.4rem;
    margin-top: 10px;
    padding-left: 10px;
  }
  .banner-list {
    gap: 15px;
  }
  .banner-item {
    max-width: 320px;
    width: 100%;
  }
  #a-lever {
    scroll-margin-top: 80px;
  }
}

/*# sourceMappingURL=interview.css.map*/