/*--------------------------------------------------------------
# STAFF
--------------------------------------------------------------*/
/* career */
/* common */
.mc-sec {
  margin-bottom: 155px;
}

.mc-lb {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 45px;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}
.mc-lb::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  max-width: 100%;
  width: 640px;
  border-bottom: solid 3px #53c8d2;
}

.mc-cat {
  margin-bottom: 45px;
  font-size: 35px;
  font-weight: 400;
  letter-spacing: 0.09em;
  line-height: 1.714;
  text-align: center;
}

.mc-link {
  margin-top: 45px;
  text-align: center;
}

/* message */
.mc-msg {
  background: rgba(83, 200, 210, 0.15);
}
.mc-msg__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mc-msg__inner:hover {
  opacity: 1;
}
.mc-msg__inner:hover .m-btn3 {
  opacity: 0.7;
}
.mc-msg__img {
  width: 31.65%;
}
.mc-msg__img img {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
a:hover .mc-msg__img img {
  -webkit-transform: translate(2px, 2px);
          transform: translate(2px, 2px);
}
.mc-msg__txt {
  width: 68.35%;
}
.mc-msg .m-btn3 {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

/* employee interview */
.mc-intv__lb {
  margin-bottom: 30px;
}
.mc-intv__lb2 {
  margin-bottom: 30px;
  text-align: center;
}

.mc-intv-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -30px -35px 0;
}
.mc-intv-list__item {
  width: 22.17%;
  margin: 0 2.83% 35px 0;
  text-align: center;
}
.mc-intv-list__btn {
  display: block;
}
.mc-intv-list__txt {
  padding: 15px 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.647;
}

/* company */
.mc-comp__link {
  margin-top: 70px;
}

/* work */
.mc-work__link {
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  /* common */
  .mc-sec {
    margin-bottom: 80px;
  }
  .mc-lb {
    padding-bottom: 7px;
    margin-bottom: 15px;
    font-size: 21px;
  }
  .mc-lb::after {
    border-bottom-width: 2px;
  }
  .mc-cat {
    margin-bottom: 15px;
    font-size: 21px;
  }
  .mc-link {
    width: 64.53vw;
    margin: 15px auto 0;
  }
  /* message */
  .mc-msg__inner {
    display: block;
    padding: 25px 15px;
  }
  .mc-msg__img {
    width: 50.79%;
    margin: 0 auto 15px;
  }
  .mc-msg__txt {
    width: 100%;
  }
  /* employee interview */
  .mc-intv__lb {
    margin-bottom: 20px;
  }
  .mc-intv__lb2 {
    margin-bottom: 20px;
  }
  .mc-intv-list {
    margin: 0 -2.94% -20px 0;
  }
  .mc-intv-list__item {
    width: 47.17%;
    margin-bottom: 20px;
  }
  .mc-intv-list__img img {
    width: 100%;
  }
  .mc-intv-list__txt {
    padding: 10px 0;
    font-size: 13px;
  }
  /* company */
  .mc-comp__link {
    margin-top: 35px;
  }
  /* work */
  .mc-work__link {
    margin-top: 25px;
  }
}
/* career child page */
/* header */
.mc-child-header {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1030px;
  width: 92%;
  padding-top: 55px;
}

.mc-child-title {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: solid 3px #53c8d2;
  font-size: 35px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
}

.mc-child-cat {
  font-size: 29px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}
.mc-child-title + .mc-child-cat {
  margin-top: -10px;
}

.mc-child-kv {
  position: relative;
}
.mc-child-kv img {
  width: 100%;
}
.mc-child-kv__overTxt {
  position: absolute;
  left: 4.37%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  font-size: 44px;
  font-size: min(4.2vw, 44px);
  font-weight: 400;
  line-height: 1.568;
  text-align: center;
}

/* lead */
.career-child-page .m-lead_s,
.career-child-page .m-lead_m,
.career-child-page .m-lead_l {
  margin: -35px 0 0;
}

.mc-child-lead {
  margin: 50px auto 130px;
  font-size: 21px;
  line-height: 2.381;
  text-align: center;
}

/* more link */
.mc-child-morelink {
  margin-top: 140px;
  text-align: center;
}
.mc-child-morelink__lb {
  margin-bottom: 40px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.778;
}

@media screen and (max-width: 767px) {
  /* header */
  .mc-child-header {
    padding-top: 35px;
  }
  .mc-child-title {
    padding-bottom: 12px;
    margin-bottom: 20px;
    font-size: 22px;
  }
  .mc-child-cat {
    font-size: 18px;
  }
  .mc-child-title + .mc-child-cat {
    margin-top: -5px;
  }
  .mc-child-kv__overTxt {
    position: static;
    -webkit-transform: none;
            transform: none;
    margin-top: 30px;
    font-size: 25px;
  }
  /* lead */
  .career-child-page .m-lead_s,
  .career-child-page .m-lead_m,
  .career-child-page .m-lead_l {
    margin-top: -25px;
  }
  .mc-child-lead {
    margin: 30px auto 80px;
    font-size: 16px;
    line-height: 2.1;
  }
  /* more link */
  .mc-child-morelink {
    margin-top: 100px;
  }
  .mc-child-morelink__lb {
    margin-bottom: 30px;
    font-size: 17px;
  }
}
/* top message */
.msg-box {
  margin: -1.19em 0;
  font-size: 21px;
  line-height: 2.381;
  text-align: center;
}
.msg-box > * + * {
  margin-top: 2.381em;
}
.msg-box .author {
  margin-top: 3.2em;
  font-size: 1.429em;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .msg-box {
    font-size: 16px;
    line-height: 2.1;
    text-align: left;
  }
  .msg-box > * + * {
    margin-top: 2.1em;
  }
  .msg-box .author {
    font-size: 1.125em;
    text-align: right;
  }
}
/* about */
.srt-box {
  margin-bottom: 65px;
}
.srt-box__lb {
  margin-bottom: 25px;
}
.srt-box__cat {
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.09em;
  line-height: 1.875;
  text-align: center;
}
.srt-box__txt {
  margin-bottom: 45px;
  text-align: center;
}
.srt-box__img {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .srt-box {
    margin-bottom: 55px;
  }
  .srt-box__cat {
    font-size: 24px;
    line-height: 1.7;
  }
  .srt-box__txt {
    margin-bottom: 30px;
    text-align: left;
  }
  .srt-box__img {
    width: 90%;
    margin: 0 auto;
  }
}
/* working */
.work-sec {
  margin-bottom: 95px;
}

.work-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px -44px 0 0;
}
.work-list__item {
  width: 29.23%;
  padding: 25px 15px 35px;
  margin: 0 4.1% 0 0;
  background: rgba(83, 200, 210, 0.2);
}
.work-list__lb {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
}
.work-list__txt {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.857;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .work-sec {
    max-width: 420px;
    margin: 0 auto 70px;
  }
  .work-list {
    display: block;
    margin: 30px 0 0;
  }
  .work-list__item {
    width: 100%;
    padding: 22px 6% 24px;
    margin: 0 0 20px;
  }
  .work-list__lb {
    margin-bottom: 15px;
    font-size: 17px;
  }
}
/* training system */
.trn-list > dt {
  margin-bottom: 10px;
}
.trn-list > dd {
  margin-bottom: 75px;
}

@media screen and (max-width: 767px) {
  .trn-list > dd {
    margin-bottom: 55px;
  }
}
/* interview */
.intv-kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 75px;
  background: rgba(83, 200, 210, 0.2);
}
.intv-kv__img, .intv-kv__txt {
  width: 50%;
  text-align: center;
}
.intv-kv__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intv-kv__txt {
  -ms-flex-item-align: center;
      align-self: center;
  padding: 25px 0.5em 20px;
  margin-top: 25px;
}
.intv-kv__name {
  margin-bottom: 42px;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: 0.09em;
  line-height: 1;
}
.intv-kv__profLb {
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  font-size: 23px;
  letter-spacing: 0.12em;
  line-height: 1;
}
.intv-kv__profLb::before, .intv-kv__profLb::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 70px;
  border-top: solid 1px;
}
.intv-kv__profLb::before {
  left: -90px;
}
.intv-kv__profLb::after {
  right: -90px;
}
.intv-kv__profTxt {
  font-size: 19px;
  letter-spacing: 0.09em;
  line-height: 2;
}

.intv-list__lb {
  margin-bottom: 22px;
}
.intv-list__txt {
  margin-bottom: 75px;
}

.intv-more {
  padding-top: 20px;
  margin-top: 120px;
  border-top: solid 1px #53c8d2;
}

.mc-intv-list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -27.5px 0 0;
}
.mc-intv-list2__item {
  width: 30.73%;
  margin: 0 2.6% 0 0;
  text-align: center;
}
.mc-intv-list2__btn {
  display: block;
}
.mc-intv-list2__txt {
  padding: 15px 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.647;
}

@media screen and (max-width: 767px) {
  .intv-kv {
    display: block;
    margin-bottom: 50px;
  }
  .intv-kv__img, .intv-kv__txt {
    display: block;
    width: 100%;
  }
  .intv-kv__txt {
    margin-top: 0;
  }
  .intv-kv__name {
    margin-bottom: 28px;
    font-size: 30px;
  }
  .intv-kv__profLb {
    margin-bottom: 15px;
    font-size: 20px;
  }
  .intv-kv__profLb::before, .intv-kv__profLb::after {
    width: 50px;
  }
  .intv-kv__profLb::before {
    left: -60px;
  }
  .intv-kv__profLb::after {
    right: -60px;
  }
  .intv-kv__profTxt {
    font-size: 16px;
  }
  .intv-list__lb {
    margin-bottom: 15px;
  }
  .intv-list__txt {
    margin-bottom: 50px;
  }
  .intv-more {
    padding-top: 17px;
    margin-top: 75px;
  }
  .mc-intv-list2 {
    display: block;
    margin: 0;
  }
  .mc-intv-list2__item {
    width: 100%;
    margin: 0 0 20px;
  }
  .mc-intv-list2__txt {
    padding: 10px 0;
    font-size: 13px;
  }
}
/* teacher */
/* staff */
.access-movie {
  text-align: center;
}

.sb-list {
  text-align: center;
}
.sb-list__item + .sb-list__item {
  margin-top: 40px;
}
.sb-list__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  max-width: 638px;
  width: 100%;
  height: 105px;
  background: #454344;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.sb-list__btn::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 100%;
  background: #a83131;
}
.sb-list__btn:hover {
  background: rgba(69, 67, 68, 0.15);
  color: #454344;
  opacity: 1;
}
.sb-list__btn .small {
  font-size: 0.9em;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .access-movie {
    position: relative;
    height: 0;
    padding-top: 80%;
  }
  .access-movie > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .sb-list__item + .sb-list__item {
    margin-top: 20px;
  }
  .sb-list__btn {
    height: 90px;
    font-size: 18px;
    line-height: 1.4;
  }
  .sb-list__btn::before {
    width: 12px;
  }
}