@charset "UTF-8";
/* Scss Document */
#recruit .section {
  padding-bottom: 0;
}

.work-at-setagaya section {
  padding: 8rem 0;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya section {
    padding: 3rem 0;
  }
}
.work-at-setagaya #pageTitle {
  margin-bottom: -4rem;
  z-index: 10;
  margin-top: 9.5rem;
}
.work-at-setagaya #pageTitle figure img {
  -o-object-position: 45% center;
     object-position: 45% center;
}
.work-at-setagaya .flexitem {
  position: relative;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .ttl__dashed.ttl__ls {
    letter-spacing: 0.1em;
  }
}
.work-at-setagaya .list__notes {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .list__notes {
    font-size: 1.8rem;
  }
}
.work-at-setagaya .list__notes.list__nopadding li {
  padding-left: 0;
}
.work-at-setagaya .list__notes.list__column-2 {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
.work-at-setagaya .list__notes.list__withgraph li {
  text-align: center;
}
.work-at-setagaya .list__notes .list__bullets {
  position: relative;
  display: inline-block;
  padding-left: 1em;
  line-height: 135%;
}
.work-at-setagaya .list__notes .list__bullets::before {
  content: "・";
  display: block;
  position: absolute;
  left: 0;
}
.work-at-setagaya .work__basic-info {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .work__basic-info {
    margin-top: 6rem;
  }
}
.work-at-setagaya .list__basic-info {
  margin: 0 13%;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .list__basic-info {
    margin: 0;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
.work-at-setagaya .ttl__rounded__border {
  margin-bottom: 2.4rem;
  padding: 1.8rem 1rem;
  background: #fff;
  border: 1px solid rgb(0, 153, 68);
  border-radius: 2rem;
  font-size: 2.4rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .ttl__rounded__border {
    margin-bottom: 2rem;
    padding: 2.2rem 1rem;
    font-size: 2.4rem;
  }
}
.work-at-setagaya .ttl__double__circle {
  margin-bottom: 3.6rem;
}
.work-at-setagaya .list__mt00 {
  margin-top: 0;
}
.work-at-setagaya .img__balloon01 {
  position: relative;
  margin-top: 2vw;
  right: -2vw;
  width: 52.2%;
  margin-left: calc(100% - 52.2%);
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .img__balloon01 {
    margin-top: -8vw;
  }
}
.work-at-setagaya .img__balloon02 {
  position: relative;
  left: -1vw;
  width: 52.2%;
}
.work-at-setagaya .work-at-setagaya__graph {
  margin-top: 1rem;
}
.work-at-setagaya .work__safety {
  margin-top: 8rem;
  margin-bottom: 0;
  padding: 5.5rem 5.8rem;
  background: rgba(213, 235, 231, 0.3);
  border: 1px solid rgb(0, 153, 68);
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .work__safety {
    margin-top: 3rem;
    margin-bottom: 0;
    padding: 3.73vw;
  }
}
.work-at-setagaya .work__safety .ttl__green {
  margin-top: 0;
  margin-bottom: 4.2rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .work-at-setagaya .work__safety .ttl__green {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .work__safety .ttl__green {
    margin-bottom: 3rem;
    font-size: 2rem;
    letter-spacing: 0.1em;
  }
}
.work-at-setagaya .work__safety__inner__img {
  float: right;
  width: 48.13%;
  margin: 0 0 3rem 3rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .work-at-setagaya .work__safety__inner__img {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .work__safety__inner__img {
    float: none;
    width: 100%;
    margin: 0 0 8vw;
  }
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .work__safety__inner__text p {
    font-size: 1.6rem;
  }
}
.work-at-setagaya .works__training {
  padding-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training {
    padding-bottom: 0;
  }
}
.work-at-setagaya .works__training .flexitem {
  width: 48.333%;
  margin-left: 0;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .flexitem {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .flexitem:nth-child(n+2) {
    margin-top: 0;
  }
}
.work-at-setagaya .works__training h3 {
  margin: 0 0 1rem;
  padding: 1rem;
  border-radius: 2rem;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}
.work-at-setagaya .works__training h3.ttl__green {
  background: rgb(0, 153, 68);
  color: #fff;
}
.work-at-setagaya .works__training h3.ttl__thingreen {
  background: #D5EBE7;
  color: #4C524C;
}
.work-at-setagaya .works__training h3 + p {
  margin-top: 0;
}
.work-at-setagaya .works__training__col {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training__col {
    margin-bottom: 3rem;
  }
}
.work-at-setagaya .works__training__col.col-equalheight {
  min-height: 18.8rem;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training__col.col-equalheight {
    min-height: inherit;
  }
}
.work-at-setagaya .works__training .scrolled {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .scrolled {
    margin-bottom: 3rem;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .scroll__horizontal__text {
    padding-left: 50px;
    background: url("../../global/images/icon__scroll_horizontal.svg") no-repeat left 0.2em/44.4px auto;
    color: rgb(0, 153, 68);
    font-size: 1.2rem;
  }
}
.work-at-setagaya .works__training .works__training__table {
  border-collapse: separate;
  border-spacing: 10px;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .works__training__table {
    width: 60rem;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .works__training__table h3 {
    font-size: 1.6rem;
  }
}
.work-at-setagaya .works__training .works__training__table .table__section-01 {
  width: 49.4%;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .works__training__table .table__section-01 {
    width: 58.4%;
  }
}
.work-at-setagaya .works__training .works__training__table .table__section-02 {
  width: 13.88%;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .works__training__table .table__section-02 {
    width: 20.88%;
  }
}
.work-at-setagaya .works__training .works__training__table .table__section-03 {
  width: 31.1111%;
}
.work-at-setagaya .works__training .works__training__table th,
.work-at-setagaya .works__training .works__training__table td {
  border: none;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .works__training__table th,
  .work-at-setagaya .works__training .works__training__table td {
    padding: 1rem;
  }
}
.work-at-setagaya .works__training .works__training__table th.table__space,
.work-at-setagaya .works__training .works__training__table td.table__space {
  width: 1%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .works__training__table th.table__space,
  .work-at-setagaya .works__training .works__training__table td.table__space {
    display: none;
  }
}
.work-at-setagaya .works__training .works__training__table th.no__bg {
  padding: 0;
  background: #fff;
}
.work-at-setagaya .works__training .works__training__table th.th__vertial {
  width: 1em;
  /*writing-mode: tb-rl; text-orientation: upright;*/
}
.work-at-setagaya .works__training .works__training__table th.th__vertial p {
  display: inline-block;
  width: 1em;
  /*writing-mode: tb-rl; text-orientation: upright;*/
}
.work-at-setagaya .works__training .works__training__table td.td__section {
  width: 12.37%;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .works__training__table td.td__section {
    width: 20%;
  }
}
.work-at-setagaya .works__training .works__training__table td.td__border {
  border: 1px solid #4C524C;
}
.work-at-setagaya .works__training .works__training__table td .list__notes {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .work-at-setagaya .works__training .works__training__table td .list__notes {
    font-size: 1.2rem;
  }
}
.work-at-setagaya .works__training .works__training__table td.table__section-03__td {
  width: 1em;
  padding-left: 1em;
  padding-right: 1em;
  /*writing-mode: tb-rl; text-orientation: upright; */
  text-align: center;
}
.work-at-setagaya .works__training .works__training__table td.table__section-03__td p {
  display: inline-block;
  width: 1em;
  /* writing-mode: tb-rl; text-orientation: upright; */
}
.work-at-setagaya .works__training .works__training__table td.table__section-03__td p .txt__vertical {
  position: relative;
  display: inline-block;
  left: -0.5em;
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
}

.chart-area {
  position: relative;
  width: 16.7rem;
  height: 16.7rem;
  margin: 1rem auto 0;
  padding: 0.2rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .chart-area {
    width: 14rem;
    height: 14rem;
  }
}
@media screen and (max-width: 767px) {
  .chart-area {
    width: 15rem;
    height: 15rem;
  }
}
.chart-area#chartArea01 {
  background: url("../images/graph__childcare.svg") no-repeat center center/contain;
}
.chart-area#chartArea02 {
  background: url("../images/graph__reinstatement.svg") no-repeat center center/contain;
}
.chart-area canvas {
  pointer-events: none;
}
.chart-area .count {
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  margin-top: 0;
  color: rgb(0, 153, 68);
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-align: center;
  text-indent: 0.1em;
}

.ipad .work-at-setagaya .flexbox__col2__margin .flexitem {
  width: 46.0353%;
  margin: 0;
}
.ipad .work-at-setagaya .list__notes {
  font-size: 1.9rem;
}

.interview__inner {
  margin: 0 16.7vw 6rem;
}
@media screen and (min-width: 1440px) {
  .interview__inner {
    margin-left: 19.2rem;
    margin-right: 19.2rem;
  }
}
@media screen and (max-width: 767px) {
  .interview__inner {
    margin-left: 0;
    margin-right: 0;
  }
}

.interview #wrapper {
  overflow-x: hidden;
}
.interview .inner {
  position: relative;
}
.interview .section:first-child {
  padding-top: 8rem;
}
@media screen and (max-width: 767px) {
  .interview .section:first-child {
    padding-top: 8vw;
  }
}
.interview #pageTitle figure {
  height: auto;
  max-height: calc(100vh - 6rem);
}
.interview #pageTitle figure img {
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 6rem);
  -o-object-fit: cover;
     object-fit: cover;
}
.interview #pageTitle .mv__copy {
  position: absolute;
  left: 0;
  right: 0;
  top: 66.666%;
  width: 100%;
  max-width: 107.2rem;
  margin: 0 auto;
  color: #fff;
  font-size: 4rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.666;
  text-align: center;
  text-indent: 0.075em;
  text-shadow: 1px 1px 3px rgba(51, 51, 51, 0.9);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 20;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .interview #pageTitle .mv__copy {
    max-width: 78%;
    font-size: 3rem;
  }
}
.interview #pageTitle .mv__copy .copy__1st {
  display: block;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .interview #pageTitle .mv__copy .copy__1st {
    display: inline;
    text-align: center;
  }
}
.interview #pageTitle .mv__copy .copy__1st span:not(.noBg) {
  display: inline;
}
.interview #pageTitle .mv__copy .copy__2nd {
  display: block;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .interview #pageTitle .mv__copy .copy__2nd {
    display: inline;
    text-align: center;
  }
}
.interview #pageTitle .mv__copy .copy__2nd span:not(.noBg) {
  display: inline;
}
@media screen and (max-width: 767px) {
  .interview #pageTitle .mv__copy {
    top: 60%;
    max-width: none;
    padding: 0 6.4vw;
    font-size: 2.9rem;
    font-weight: 700;
  }
  .interview #pageTitle .mv__copy .noBg {
    width: 3em;
  }
}
@media screen and (max-width: 374px) {
  .interview #pageTitle .mv__copy {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 767px) {
  .interview #pageTitle h1 {
    letter-spacing: 0.18em;
  }
}
@media screen and (max-width: 767px) {
  .interview #pageTitle .breadcrumbs li {
    letter-spacing: 0.1em;
  }
}
.interview .interview__circle {
  position: absolute;
}
.interview .interview__circle.circle-in-text {
  right: -11vw;
  top: 90.9vw;
  width: 29.7vw;
}
@media screen and (max-width: 767px) {
  .interview .interview__circle.circle-in-text {
    width: 64.8vw;
    right: auto;
    left: -32vw;
    top: 377.6vw;
  }
}
.interview .interview__circle.circle-01 {
  right: -55px;
  bottom: -155px;
  width: 243px;
}
@media screen and (max-width: 767px) {
  .interview .interview__circle.circle-01 {
    right: -19.2vw;
    bottom: -29.3vw;
    width: 45.33vw;
  }
}
.interview .interview__circle.circle-02 {
  width: 29.7vw;
  left: -24vw;
  bottom: -18vw;
}
@media screen and (max-width: 767px) {
  .interview .interview__circle.circle-02 {
    left: -18vw;
    bottom: -12vw;
    width: 36vw;
  }
}
.interview .interview__circle.circle-01, .interview .interview__circle.circle-02 {
  display: block;
  z-index: 3;
}
.interview .interview__profile {
  position: relative;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .interview .interview__profile {
    margin-bottom: 5.33vw;
  }
}
.interview .interview__profile__career {
  position: relative;
  margin-top: 5rem;
  padding: 4.5rem 4rem;
  background: #fff;
  border: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .interview .interview__profile__career {
    padding: 3rem;
    font-size: 1.4rem;
    z-index: 2;
  }
}
.interview .interview__profile__career::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -4rem;
  width: 1px;
  height: 4rem;
  background: #707070;
}
.interview .interview__profile__career p {
  margin-top: 0;
}
.interview .interview__profile__illust {
  position: absolute;
  right: -14px;
  top: 0;
  width: 15.9rem;
}
@media screen and (max-width: 767px) {
  .interview .interview__profile__illust {
    width: 28.8vw;
    top: 6vw;
  }
}
.interview .sec__interviews__names {
  position: static;
  color: #4C524C;
  text-align: center;
}
.interview .interview__ttl {
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .interview .interview__ttl {
    font-size: 1.8rem;
  }
}
.interview .interview__q {
  position: relative;
  color: rgb(0, 153, 68);
}
.interview .interview__q::before {
  content: "";
  position: relative;
  display: inline-block;
  top: -0.1rem;
  width: 4rem;
  height: 1px;
  padding-right: 0.2rem;
  background: rgb(0, 153, 68);
  vertical-align: middle;
}
.interview .interview__q,
.interview .interview__a {
  font-size: 1.7rem;
}
@media screen and (max-width: 767px) {
  .interview .interview__q,
  .interview .interview__a {
    font-size: 1.6rem;
  }
}
.interview .interview__q,
.interview .interview__a,
.interview .interview__photo {
  margin-bottom: 3rem;
}
.interview .interview__photo {
  position: relative;
}
@media screen and (max-width: 767px) {
  .interview .interview__photo.interview__photo-01 {
    margin-top: 24vw;
  }
}
@media screen and (max-width: 767px) {
  .interview .interview__photo.interview__photo-02 {
    margin-top: 24vw;
  }
}
@media screen and (max-width: 767px) {
  .interview .interview__photo.interview__photo-03 {
    margin-top: 24vw;
  }
}
.interview .interview__photo__img {
  position: relative;
  z-index: 2;
}
.interview .interview__photo__illust-01 {
  left: -30px;
  top: -171px;
  width: 21.3rem;
}
@media screen and (max-width: 767px) {
  .interview .interview__photo__illust-01 {
    left: auto;
    right: -3vw;
    width: 28.4vw;
    top: -24vw;
  }
}
.interview .interview__photo__illust-02 {
  right: -18px;
  top: -162px;
  width: 15.9rem;
}
@media screen and (max-width: 767px) {
  .interview .interview__photo__illust-02 {
    left: auto;
    right: -2vw;
    width: 21.2vw;
    top: -24vw;
  }
}
.interview .interview__photo__illust-03 {
  right: -14px;
  top: -186px;
  width: 22.6rem;
}
@media screen and (max-width: 767px) {
  .interview .interview__photo__illust-03 {
    left: auto;
    right: 0vw;
    width: 30.1vw;
    top: -22vw;
  }
}
.interview .interview__photo__illust-01, .interview .interview__photo__illust-02, .interview .interview__photo__illust-03 {
  position: absolute;
  display: block;
}
.interview .interviews__list {
  margin-top: 8rem;
  padding: 8rem 0 5rem;
  background: rgb(253, 247, 243);
}
@media screen and (max-width: 767px) {
  .interview .interviews__list {
    margin-top: 16vw;
    padding: 16vw 0 13.33vw;
  }
}
.interview .interviews__list .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .interview .interviews__list .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.interview .interviews__list .inner li {
  width: 18.97%;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .interview .interviews__list .inner li {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .interview .interviews__list .inner li:not(:last-child) {
    margin-bottom: 10.66vw;
  }
}
.interview .interviews__list .inner li a {
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.interview .interviews__list .inner li a img {
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: relative;
}
@media screen and (min-width: 768px) {
  .interview .interviews__list .inner li a:hover {
    opacity: 1;
  }
  .interview .interviews__list .inner li a:hover img:not(.no__zoom) {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    /*filter: saturate(120%) contrast(120%);*/
  }
}
.interview .interviews__list .inner li .interviews__list__thumb {
  position: relative;
  height: 26rem;
  margin-bottom: 2.2rem;
  overflow: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
@media screen and (max-width: 767px) {
  .interview .interviews__list .inner li .interviews__list__thumb {
    display: inline-block;
    height: 57.06vw;
  }
}
.interview .interviews__list .inner li .interviews__list__thumb img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
.interview .interviews__list .inner li .interviews__list__thumb .circle__arrow {
  position: absolute;
  bottom: 2rem;
  right: calc(2rem / 2);
}
.interview .interviews__list .inner li .sec__interviews__names {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .interview .interviews__list .inner li .sec__interviews__names {
    text-align: center;
  }
}
.interview .interviews__list .inner li .sec__interviews__names__section {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .interview .interviews__list .inner li .sec__interviews__names__section {
    margin-bottom: 0.5rem;
  }
}
.interview .interviews__list .inner li .sec__interviews__names__initial {
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .interview .interviews__list .inner li .sec__interviews__names__initial {
    margin-bottom: 1rem;
  }
}
.interview_01 .interviews__list .inner li:first-child a {
  pointer-events: none;
}
.interview_01 .interviews__list .inner li:first-child a .interviews__list__thumb img {
  opacity: 0.8;
}
.interview_01 .interviews__list .inner li:first-child a .interviews__list__thumb .circle__arrow {
  display: none;
}

.interview_02 .interviews__list .inner li:nth-child(2) a {
  pointer-events: none;
}
.interview_02 .interviews__list .inner li:nth-child(2) a .interviews__list__thumb img {
  opacity: 0.8;
}
.interview_02 .interviews__list .inner li:nth-child(2) a .interviews__list__thumb .circle__arrow {
  display: none;
}

.interview_03 .interviews__list .inner li:nth-child(3) a {
  pointer-events: none;
}
.interview_03 .interviews__list .inner li:nth-child(3) a .interviews__list__thumb img {
  opacity: 0.7;
}
.interview_03 .interviews__list .inner li:nth-child(3) a .interviews__list__thumb .circle__arrow {
  display: none;
}

.interview_04 .interviews__list .inner li:last-child a {
  pointer-events: none;
}
.interview_04 .interviews__list .inner li:last-child a .interviews__list__thumb img {
  opacity: 0.7;
}
.interview_04 .interviews__list .inner li:last-child a .interviews__list__thumb .circle__arrow {
  display: none;
}

.index #pageTitle {
  margin-top: -6rem;
  padding-top: 6rem;
}
@media screen and (max-width: 767px) {
  .index #pageTitle {
    padding-bottom: 1rem;
  }
}

@media screen and (max-width: 767px) {
  #apInterview.anchor__point {
    position: absolute;
    margin-top: 67.4vw;
  }
}

.top__sec__interviews {
  position: relative;
}
.top__sec__interviews__illust {
  position: absolute;
  right: 0;
  top: -8rem;
  width: 257px;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .top__sec__interviews__illust {
    right: -5rem;
  }
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__illust {
    position: static;
    width: 84.07%;
    margin-left: auto;
    margin-right: auto;
  }
}
.top__sec__interviews__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.top__sec__interviews__list li {
  width: 87.5%;
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li {
    width: 93.86%;
  }
}
.top__sec__interviews__list li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.top__sec__interviews__list li .top__sec__interviews__list__thumb {
  position: relative;
  display: block;
  width: 77.77%;
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li .top__sec__interviews__list__thumb {
    width: 100%;
    height: 80vw;
  }
  .top__sec__interviews__list li .top__sec__interviews__list__thumb img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
  }
}
.top__sec__interviews__list li .top__sec__interviews__list__thumb .circle__arrow {
  position: absolute;
  bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li .top__sec__interviews__list__thumb .circle__arrow {
    bottom: auto;
    top: 2rem;
  }
}
.top__sec__interviews__list li .top__sec__interviews__ttl {
  position: absolute;
  top: auto;
  bottom: auto;
  margin-top: auto;
  margin-bottom: auto;
  color: rgb(0, 153, 68);
  font-size: 3rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .top__sec__interviews__list li .top__sec__interviews__ttl {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li .top__sec__interviews__ttl {
    bottom: 0;
    font-size: 1.9rem;
  }
}
.top__sec__interviews__list li .top__sec__interviews__ttl.top__sec__interviews__ttl__up {
  margin-top: -1em;
}
.top__sec__interviews__list li .top__sec__interviews__ttl__inner {
  display: inline;
  padding: 0.3rem 1rem;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .top__sec__interviews__list li .top__sec__interviews__ttl__inner.top__sec__interviews__ttl__inner__indent {
    margin-left: 2.5em;
  }
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li .top__sec__interviews__ttl__inner.top__sec__interviews__ttl__inner__nosp {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li .top__sec__interviews__ttl__inner_sp {
    display: inline;
    padding-left: 1rem;
  }
}
.sec__interviews__names {
  position: absolute;
  bottom: 0;
  color: rgb(0, 153, 68);
  margin-top: 0;
  line-height: 125%;
}
@media screen and (max-width: 767px) {
  .sec__interviews__names {
    top: 81vw;
    bottom: auto;
    font-size: 1.4rem;
    text-align: center;
  }
}
.sec__interviews__names span {
  display: block;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .sec__interviews__names span {
    margin-bottom: 0.5rem;
  }
}
.sec__interviews__names__section {
  font-size: 1.8rem;
  line-height: 155%;
}
@media screen and (max-width: 767px) {
  .sec__interviews__names__section {
    font-size: 1.4rem;
  }
}
.sec__interviews__names__initial {
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  .sec__interviews__names__initial {
    font-size: 1.8rem;
  }
}

.top__sec__interviews__list li:nth-child(odd) a {
  position: relative;
  overflow: hidden;
}
.top__sec__interviews__list li:nth-child(odd) a img {
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: relative;
}
@media screen and (min-width: 768px) {
  .top__sec__interviews__list li:nth-child(odd) a:hover {
    opacity: 1;
  }
  .top__sec__interviews__list li:nth-child(odd) a:hover img:not(.no__zoom) {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    /*filter: saturate(120%) contrast(120%);*/
  }
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li:nth-child(odd) a {
    overflow: visible;
  }
}
.top__sec__interviews__list li:nth-child(odd) .top__sec__interviews__list__thumb,
.top__sec__interviews__list li:nth-child(odd) img {
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 6rem;
  overflow: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.top__sec__interviews__list li:nth-child(odd) .top__sec__interviews__list__thumb .circle__arrow {
  right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li:nth-child(odd) .top__sec__interviews__list__thumb .circle__arrow {
    right: 2rem;
  }
}
.top__sec__interviews__list li:nth-child(odd) .top__sec__interviews__ttl {
  right: 0;
  text-align: right;
}
.top__sec__interviews__list li:nth-child(odd) .sec__interviews__names {
  right: 0;
  text-align: right;
}
.top__sec__interviews__list li:nth-child(even) {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: calc(100% - 87.5%);
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li:nth-child(even) {
    margin-left: calc(100% - 93.86%);
  }
}
.top__sec__interviews__list li:nth-child(even) a {
  position: relative;
  overflow: hidden;
}
.top__sec__interviews__list li:nth-child(even) a img {
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: relative;
}
@media screen and (min-width: 768px) {
  .top__sec__interviews__list li:nth-child(even) a:hover {
    opacity: 1;
  }
  .top__sec__interviews__list li:nth-child(even) a:hover img:not(.no__zoom) {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    /*filter: saturate(120%) contrast(120%);*/
  }
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li:nth-child(even) a {
    overflow: visible;
  }
}
.top__sec__interviews__list li:nth-child(even) .top__sec__interviews__list__thumb,
.top__sec__interviews__list li:nth-child(even) img {
  border-top-left-radius: 6rem;
  border-bottom-left-radius: 6rem;
  overflow: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.top__sec__interviews__list li:nth-child(even) .top__sec__interviews__list__thumb {
  margin-left: 22.25%;
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li:nth-child(even) .top__sec__interviews__list__thumb {
    margin-left: 0;
  }
}
.top__sec__interviews__list li:nth-child(even) .top__sec__interviews__list__thumb .circle__arrow {
  left: 2.5rem;
}
@media screen and (max-width: 767px) {
  .top__sec__interviews__list li:nth-child(even) .top__sec__interviews__list__thumb .circle__arrow {
    left: 2rem;
  }
}
.top__sec__interviews__list li:nth-child(even) .top__sec__interviews__ttl {
  left: 0;
  text-align: left;
}
.top__sec__interviews__list li:nth-child(even) .sec__interviews__names {
  left: 0;
  text-align: left;
}
.top__sec__jobs {
  background: rgb(253, 247, 243);
}
@media screen and (max-width: 767px) {
  .top__sec__jobs {
    padding: 3rem 0 4rem;
  }
}
@media screen and (min-width: 768px) {
  .top__sec__jobs .ttl__dashed {
    margin-bottom: 3rem;
  }
}
.top__sec__jobs__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: flex;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: flex;
          flex-direction: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.top__sec__jobs__list__col {
  position: relative;
  width: 27.985%;
  margin: 6rem auto 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__list__col {
    width: 33.3333%;
    margin-top: 8vw;
  }
}
.top__sec__jobs__list__col__img img {
  display: block;
  /*width:11.59vw;*/
  max-width: 157px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__list__col__img img {
    width: 24vw;
    max-width: inherit;
  }
}
.top__sec__jobs__list__col__img figcaption {
  padding: 0.1rem 0.4rem;
  background: rgb(253, 247, 243);
  font-size: 2.4rem;
  letter-spacing: 0.2em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__list__col__img figcaption {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}
.top__sec__jobs__list__col a {
  text-decoration: none;
}
.top__sec__jobs__bnr {
  position: relative;
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__bnr {
    margin-top: 10.6666vw;
  }
}
.top__sec__jobs__bnr a {
  color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border-radius: 6rem;
}
.top__sec__jobs__bnr a img {
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: relative;
}
@media screen and (min-width: 768px) {
  .top__sec__jobs__bnr a:hover {
    opacity: 1;
  }
  .top__sec__jobs__bnr a:hover img:not(.no__zoom) {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    /*filter: saturate(120%) contrast(120%);*/
  }
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__bnr a {
    border-radius: 4rem;
  }
}
.top__sec__jobs__bnr figure {
  position: relative;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__bnr figure {
    height: 53.3vw;
  }
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__bnr figure img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center top;
       object-position: center top;
  }
}
.top__sec__jobs__bnr figure,
.top__sec__jobs__bnr img {
  border-radius: 6rem;
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__bnr figure,
  .top__sec__jobs__bnr img {
    border-radius: 4rem;
  }
}
.top__sec__jobs__bnr__inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
.top__sec__jobs__bnr__ttl, .top__sec__jobs__bnr__text {
  padding-left: 3rem;
  padding-right: 3rem;
  text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.6);
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__bnr__ttl, .top__sec__jobs__bnr__text {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.top__sec__jobs__bnr__ttl {
  color: #fff;
  margin-bottom: 0;
  font-size: 4rem;
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__bnr__ttl {
    font-size: 3.2rem;
  }
}
.top__sec__jobs__bnr__text {
  margin-top: 0;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .top__sec__jobs__bnr__text {
    line-height: 1.7;
  }
}

.sec__otherinfo {
  max-width: 70.8rem;
  margin: 0 auto;
  /* @include tablet { padding: 6rem 8.6rem;} @include sp {padding: 3rem 0 4rem;}*/
}
.sec__otherinfo a {
  text-decoration: none;
}
.sec__otherinfo.sec__otherinfo__5minites h3 {
  margin-top: 4rem;
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo.sec__otherinfo__5minites h3 {
    margin-top: 8vw;
    font-size: 2.6rem;
  }
}
.sec__otherinfo .sec__otherinfo__pitch,
.sec__otherinfo .sec__otherinfo__common {
  text-align: center;
}
.sec__otherinfo .sec__otherinfo__pitch {
  margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__pitch {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .sec__otherinfo .sec__otherinfo__pitch__spread {
    margin: 0 -14%;
  }
}
.sec__otherinfo .sec__otherinfo__pitch__illust {
  margin-left: 8.4%;
  margin-right: 8.4%;
}
@media screen and (min-width: 768px) {
  .sec__otherinfo .sec__otherinfo__pitch__illust {
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__pitch__illust {
    margin-left: 2%;
    margin-right: 2%;
  }
}
.sec__otherinfo .sec__otherinfo__common {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common {
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .sec__otherinfo .sec__otherinfo__common:last-child {
    margin-bottom: 12rem;
  }
}
.sec__otherinfo .sec__otherinfo__common.part-time {
  margin-bottom: 7rem;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common.part-time {
    margin-bottom: 5rem;
  }
}
.sec__otherinfo .sec__otherinfo__common.part-time .ttl__dashed {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common .txt__lead {
    margin-top: 0.4vw;
  }
}
.sec__otherinfo .sec__otherinfo__common .ttl__dashed {
  margin-bottom: 2rem;
}
.sec__otherinfo .sec__otherinfo__common .txt__lead__notice {
  font-size: 75%;
}
.sec__otherinfo .sec__otherinfo__common__bnr, .sec__otherinfo .sec__otherinfo__common__bnr img {
  position: relative;
  border-radius: 6rem;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common__bnr, .sec__otherinfo .sec__otherinfo__common__bnr img {
    border-radius: 4rem;
  }
}
.sec__otherinfo .sec__otherinfo__common__bnr a {
  position: relative;
  overflow: hidden;
  border-radius: 6rem;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  overflow: hidden;
}
.sec__otherinfo .sec__otherinfo__common__bnr a img {
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  position: relative;
}
@media screen and (min-width: 768px) {
  .sec__otherinfo .sec__otherinfo__common__bnr a:hover {
    opacity: 1;
  }
  .sec__otherinfo .sec__otherinfo__common__bnr a:hover img:not(.no__zoom) {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    /*filter: saturate(120%) contrast(120%);*/
  }
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common__bnr a {
    border-radius: 4rem;
  }
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common__bnr img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.sec__otherinfo .sec__otherinfo__common__bnr .circle__arrow {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common__bnr .circle__arrow {
    bottom: 1rem;
  }
}
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("../../global/images/line__dashed__green.svg"), url("../../global/images/line__dashed__green.svg");
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
  background-size: 13rem 0.1rem, 13rem 0.1rem;
}
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table dt,
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table dd {
  padding: 1rem 0;
  font-size: 1.8rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table dt,
  .sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table dd {
    font-size: 1.6rem;
  }
}
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table dt {
  width: 34.3%;
  font-weight: normal;
}
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table dd {
  width: calc(100% - 34.3%);
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table:first-of-type dt {
    width: 46%;
  }
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table:first-of-type dd {
    width: 54%;
  }
}
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table:last-child {
  background: transparent url("../../global/images/line__dashed__green.svg") repeat-x left bottom/13rem 0.1rem;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table:last-child dt {
    width: 33.9%;
  }
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table:last-child dd {
    width: 66.1%;
  }
}
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
  padding: 0;
}
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table__flex span {
  display: block;
}
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table__flex__ttl {
  width: 49.1%;
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table__flex__ttl {
    width: 55%;
  }
}
.sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table__flex__text {
  width: calc(100% - 49.1%);
}
@media screen and (max-width: 767px) {
  .sec__otherinfo .sec__otherinfo__common .sec__otherinfo__table__flex__text {
    width: calc(100% - 55%);
  }
}

/* for anime */
#mainVisual {
  position: relative;
  overflow: hidden;
  -webkit-clip-path: inset(0 0 0 100%);
  clip-path: inset(0 0 0 100%);
  -webkit-transition: all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.75s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
@media screen and (max-width: 767px) {
  #mainVisual {
    /*transition: all 1.2s $easeOutQuart; transform: translate(7.5%,0);*/
  }
}
#mainVisual.addanim {
  -webkit-clip-path: inset(0);
  clip-path: inset(0);
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
#mainVisual .mv__copy .copy__wrap {
  display: block;
  overflow: hidden;
  line-height: 1.1;
}
#mainVisual .mv__copy .copy__wrap span {
  -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
          transform: matrix(1, 0, 0, 1, 0, 100);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
#mainVisual .mv__copy .copy__wrap:nth-child(2) {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  #mainVisual .mv__copy .copy__wrap:nth-child(2) {
    margin-top: 3rem;
  }
}
#mainVisual .mv__copy .copy__wrap:nth-child(2) span {
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
}
#mainVisual .mv__copy.addanim span span {
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

#mainVisual {
  position: relative;
  /*padding-bottom: 3.2rem;*/
  overflow: hidden;
}
#mainVisual .mv__copy {
  position: absolute;
  left: 0;
  right: 0;
  top: 69.7142%;
  width: 100%;
  max-width: 97rem;
  margin: 0 auto;
  color: #fff;
  font-size: 5.2rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-align: center;
  text-indent: 0.1em;
  text-shadow: 1px 1px 3px rgba(51, 51, 51, 0.9);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 20;
}
#mainVisual .mv__copy .copy__1st {
  display: block;
}
#mainVisual .mv__copy .copy__1st span:not(.noBg) {
  display: inline;
}
#mainVisual .mv__copy .copy__2nd {
  display: block;
}
#mainVisual .mv__copy .copy__2nd span:not(.noBg) {
  display: inline;
}
@media screen and (max-width: 767px) {
  #mainVisual .mv__copy {
    top: 60%;
    max-width: none;
    padding: 0 6.4vw;
    font-size: 2.9rem;
    font-weight: 700;
  }
  #mainVisual .mv__copy .noBg {
    width: 3em;
  }
}
@media screen and (max-width: 374px) {
  #mainVisual .mv__copy {
    font-size: 2.7rem;
  }
}
#mainVisual .swiper-container {
  width: 100%;
  max-height: 100rem;
}
@media screen and (min-width: 1280px) {
  #mainVisual .swiper-container {
    max-height: calc(100vh - 5rem);
  }
}
@media screen and (max-width: 767px) {
  #mainVisual .swiper-container {
    max-height: calc(100vh - 6rem);
  }
}
#mainVisual .swiper-container .swiper-wrapper {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%;
  padding-top: 55.5555%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
  overflow: hidden;
}
@media screen and (min-width: 1280px) {
  #mainVisual .swiper-container .swiper-wrapper .swiper-slide {
    padding-top: calc(100vh - 5rem);
  }
}
@media screen and (max-width: 767px) {
  #mainVisual .swiper-container .swiper-wrapper .swiper-slide {
    width: 100vw;
    padding-top: calc(100vh - 6rem);
  }
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center center/cover;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  will-change: transform;
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide figure.scaleUp {
  -webkit-transform: translateX(0) translateY(0) scale(1.1);
          transform: translateX(0) translateY(0) scale(1.1);
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide figure.scaleDown {
  -webkit-transform: translateX(0) translateY(0) scale(1);
          transform: translateX(0) translateY(0) scale(1);
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide figure.rightToLeft {
  -webkit-transform: translateX(-5%) translateY(0) scale(1.1);
          transform: translateX(-5%) translateY(0) scale(1.1);
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide figure.leftToRight {
  -webkit-transform: translateX(5%) translateY(0) scale(1.1);
          transform: translateX(5%) translateY(0) scale(1.1);
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active figure.scaleUp {
  -webkit-transform: translateX(0) translateY(0) scale(1);
          transform: translateX(0) translateY(0) scale(1);
  -webkit-animation: scaleUp 10s forwards;
          animation: scaleUp 10s forwards;
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active figure.scaleDown {
  -webkit-transform: translateX(0) translateY(0) scale(1.1);
          transform: translateX(0) translateY(0) scale(1.1);
  -webkit-animation: scaleDown 10s forwards;
          animation: scaleDown 10s forwards;
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active figure.rightToLeft {
  -webkit-transform: translateX(5%) translateY(0) scale(1.1);
          transform: translateX(5%) translateY(0) scale(1.1);
  -webkit-animation: rightToLeft 10s forwards;
          animation: rightToLeft 10s forwards;
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active figure.leftToRight {
  -webkit-transform: translateX(-5%) translateY(0) scale(1.1);
          transform: translateX(-5%) translateY(0) scale(1.1);
  -webkit-animation: leftToRight 10s forwards;
          animation: leftToRight 10s forwards;
}
@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
  }
  85% {
    -webkit-transform: translateX(0) translateY(0) scale(1.1);
            transform: translateX(0) translateY(0) scale(1.1);
  }
}
@keyframes scaleUp {
  0% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
  }
  85% {
    -webkit-transform: translateX(0) translateY(0) scale(1.1);
            transform: translateX(0) translateY(0) scale(1.1);
  }
}
@-webkit-keyframes scaleDown {
  0% {
    -webkit-transform: translateX(0) translateY(0) scale(1.1);
            transform: translateX(0) translateY(0) scale(1.1);
  }
  85% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
  }
}
@keyframes scaleDown {
  0% {
    -webkit-transform: translateX(0) translateY(0) scale(1.1);
            transform: translateX(0) translateY(0) scale(1.1);
  }
  85% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
  }
}
@-webkit-keyframes rightToLeft {
  0% {
    -webkit-transform: translateX(5%) translateY(0) scale(1.1);
            transform: translateX(5%) translateY(0) scale(1.1);
  }
  85% {
    -webkit-transform: translateX(-5%) translateY(0) scale(1.1);
            transform: translateX(-5%) translateY(0) scale(1.1);
  }
}
@keyframes rightToLeft {
  0% {
    -webkit-transform: translateX(5%) translateY(0) scale(1.1);
            transform: translateX(5%) translateY(0) scale(1.1);
  }
  85% {
    -webkit-transform: translateX(-5%) translateY(0) scale(1.1);
            transform: translateX(-5%) translateY(0) scale(1.1);
  }
}
@-webkit-keyframes leftToRight {
  0% {
    -webkit-transform: translateX(-5%) translateY(0) scale(1.1);
            transform: translateX(-5%) translateY(0) scale(1.1);
  }
  85% {
    -webkit-transform: translateX(5%) translateY(0) scale(1.1);
            transform: translateX(5%) translateY(0) scale(1.1);
  }
}
@keyframes leftToRight {
  0% {
    -webkit-transform: translateX(-5%) translateY(0) scale(1.1);
            transform: translateX(-5%) translateY(0) scale(1.1);
  }
  85% {
    -webkit-transform: translateX(5%) translateY(0) scale(1.1);
            transform: translateX(5%) translateY(0) scale(1.1);
  }
}
#mainVisual .swiper-container .swiper-wrapper .swiper-slide img {
  max-width: none;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #mainVisual .swiper-container .swiper-wrapper .swiper-slide img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#mainVisual .swiper-container .swiper-notification {
  display: none;
}
#mainVisual .swiper-pagination {
  height: 3.2rem;
  padding-top: 0.4rem;
  background-color: #fff;
}
#mainVisual .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}
#mainVisual .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0 1rem;
  background-color: rgb(0, 153, 68);
  vertical-align: middle;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1), transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), background 0.5s cubic-bezier(0.23, 1, 0.32, 1), color 0.5s cubic-bezier(0.23, 1, 0.32, 1), text-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1), filter 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-filter 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
#mainVisual .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active {
  -webkit-transform: scale(1.6);
          transform: scale(1.6);
}
#mainVisual .scrolldown {
  display: none;
}
@media screen and (max-width: 767px) {
  #mainVisual .scrolldown {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16vw;
    width: 1.2rem;
    height: 4.8rem;
    margin: 0 auto;
    z-index: 10;
  }
}/*# sourceMappingURL=recruit.css.map */