/* arguments inittial */
/* font style */
/* site style */
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* Common Staff */
.heading-dot {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 10px;
  line-height: 30px;
}

.heading-dot .is-blue {
  color: #13429b;
}

.s-wcm03 {
  width: 100%;
  max-width: 1360px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .s-wcm03 {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .s-wcm03 {
    padding: 0 24px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
  .s-wcm03 {
    padding: 0 14px;
  }
}

.s-wcm04 {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .s-wcm04 {
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .s-wcm04 {
    padding: 0 24px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
  .s-wcm04 {
    padding: 0 14px;
  }
}

/* Common Staff */
.box-container {
  position: relative;
}

@media (min-width: 768px) {
  .box-container {
    background-image: linear-gradient(180deg, rgba(243, 245, 252, 0), #f3f5fc);
    border-radius: 0 0 40px 40px;
    padding-bottom: 110px;
    margin-bottom: 135px;
  }
}

@media (max-width: 767px) {
  .box-container {
    border-radius: 0 0 20px 20px;
    margin-bottom: 106px;
  }
}

/* Section Content 01 */
@media (min-width: 768px) {
  .c-detail__content01 {
    margin-top: 120px;
  }
}

@media (max-width: 767px) {
  .c-detail__content01 {
    margin-top: 73px;
  }
}

/* Section Content 01 */
/* Section Content 02 */
@media (min-width: 768px) {
  .c-detail__content02 {
    margin-top: 120px;
  }
}

@media (max-width: 767px) {
  .c-detail__content02 {
    margin-top: 74px;
  }
}

/* Section Content 02 */
/* Section Content 03 */
@media (min-width: 768px) {
  .c-detail__content03 {
    margin-top: 111px;
  }
}

@media (max-width: 767px) {
  .c-detail__content03 {
    margin-top: 74px;
  }
}

/* Section Content 03 */
/* Section Content 04 */
@media (min-width: 768px) {
  .c-detail__content04 {
    margin-top: 105px;
  }
}

@media (max-width: 767px) {
  .c-detail__content04 {
    margin-top: 71px;
  }
}

/* Section Content 04 */
/* Section Quote */
@media (min-width: 768px) {
  .sec-quote {
    margin-top: 119px;
  }
}

@media (max-width: 767px) {
  .sec-quote {
    margin-top: 70px;
  }
}

@media (min-width: 768px) {
  .sec-quote .sec-quote__inner {
    background-image: url("/assets/img/recruit-team-staff/quote-bg.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100% 100%;
    padding: 93px 20px 92px;
    border-radius: 45px;
  }
}

@media (max-width: 767px) {
  .sec-quote .sec-quote__inner {
    background-image: url("/assets/img/recruit-team-staff/quote-bg-sp.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100% 100%;
    padding: 49px 30px 56px;
    border-radius: 15px;
    position: relative;
    z-index: 1;
  }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
  .sec-quote .sec-quote__inner {
    padding: 49px 15px 56px;
  }
}

@media (max-width: 767px) {
  .sec-quote .sec-quote__inner:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 95px;
    height: 82px;
    top: 25px;
    right: 20px;
    background-image: url("/assets/img/recruit-team-staff/quote-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100% 100%;
  }
}

.sec-quote .quote-wrap {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .sec-quote .quote-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
}

@media (min-width: 768px) {
  .sec-quote .quote-wrap .quote-head {
    flex: 1;
    margin-right: 10px;
  }
}

.sec-quote .quote-wrap .quote-head .quote-ttl {
  padding-top: 15px;
  font-size: 38px;
  font-size: 3.8rem;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #000;
}

@media (min-width: 768px) {
  .sec-quote .quote-wrap .quote-head .quote-ttl {
    line-height: 48px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 950px) and (max-width: 1100px) {
  .sec-quote .quote-wrap .quote-head .quote-ttl {
    font-size: 32px;
    font-size: 3.2rem;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 950px) {
  .sec-quote .quote-wrap .quote-head .quote-ttl {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

@media (max-width: 767px) {
  .sec-quote .quote-wrap .quote-head .quote-ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.sec-quote .quote-wrap .quote-head .quote-ttl .is-blue {
  color: #13429b;
}

.sec-quote .quote-wrap .quote-ctn {
  position: relative;
}

@media (min-width: 768px) {
  .sec-quote .quote-wrap .quote-ctn {
    width: calc(644/1120 * 100%);
    padding-left: 10px;
  }
  .sec-quote .quote-wrap .quote-ctn:before {
    content: "";
    position: absolute;
    width: 95px;
    height: 82px;
    top: -33px;
    right: -30px;
    background-image: url("/assets/img/recruit-team-staff/quote-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100% 100%;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) and (min-width: 768px) and (max-width: 1250px) {
  .sec-quote .quote-wrap .quote-ctn:before {
    width: 50px;
    height: 43px;
    top: -33px;
    right: 0px;
  }
}

@media (max-width: 767px) {
  .sec-quote .quote-wrap .quote-ctn {
    margin-top: 21px;
  }
}

.sec-quote .quote-wrap .quote-ctn .txt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.11111em;
  letter-spacing: 0.05em;
  font-weight: 700;
}

/* Section Quote */
/* Section Schedule */
@media (min-width: 768px) {
  .sec-schedule {
    margin-top: 105px;
  }
}

@media (max-width: 767px) {
  .sec-schedule {
    background-image: linear-gradient(180deg, rgba(243, 245, 252, 0), #f3f5fc);
    margin-top: 71px;
    padding-bottom: 97px;
  }
}

.sec-schedule .schedule-ttl {
  font-size: 50px;
  font-size: 5rem;
  line-height: 1.6em;
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: center;
}

@media (min-width: 768px) {
  .sec-schedule .schedule-ttl {
    color: #000;
  }
}

@media (max-width: 767px) {
  .sec-schedule .schedule-ttl {
    font-size: 32px;
    font-size: 3.2rem;
  }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
  .sec-schedule .schedule-ttl {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

.sec-schedule .schedule-ttl .is-blue {
  color: #13429b;
}

@media (min-width: 768px) {
  .sec-schedule .schedule-lst {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .sec-schedule .schedule-lst {
    margin-top: 33px;
  }
}

.sec-schedule .schedule-lst .schedule-lst__item {
  background-color: #FFF;
  border: solid 1px #CFD3E3;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .sec-schedule .schedule-lst .schedule-lst__item {
    border-radius: 10px;
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .sec-schedule .schedule-lst .schedule-lst__item {
    border-radius: 5px;
    padding: 0 12px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
  .sec-schedule .schedule-lst .schedule-lst__item {
    padding: 0 8px;
  }
}

@media (min-width: 768px) {
  .sec-schedule .schedule-lst .schedule-lst__item:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .sec-schedule .schedule-lst .schedule-lst__item:not(:last-child) {
    margin-bottom: 16px;
  }
}

.sec-schedule .schedule-lst .schedule-lst__item:not(:last-child) .schedule-head:before {
  content: "";
  position: absolute;
  width: 1px;
  background-image: url("/assets/img/recruit-team-staff/icon-line.svg");
  background-repeat: repeat-y;
  background-position: center;
  background-color: transparent;
  background-size: 1px 4px;
  top: calc(100% + 1px);
  left: 50%;
}

@media (min-width: 768px) {
  .sec-schedule .schedule-lst .schedule-lst__item:not(:last-child) .schedule-head:before {
    height: 20px;
  }
}

@media (max-width: 767px) {
  .sec-schedule .schedule-lst .schedule-lst__item:not(:last-child) .schedule-head:before {
    height: 16px;
  }
}

.sec-schedule .schedule-lst .schedule-lst__item .schedule-head {
  position: relative;
}

@media (min-width: 768px) {
  .sec-schedule .schedule-lst .schedule-lst__item .schedule-head {
    width: calc(162/978 * 100%);
    min-width: 162px;
    padding: 17px 0;
  }
}

@media (max-width: 767px) {
  .sec-schedule .schedule-lst .schedule-lst__item .schedule-head {
    width: calc(50/295 * 100%);
    min-width: 60px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    padding: 8px 0;
  }
}

.sec-schedule .schedule-lst .schedule-lst__item .schedule-head .txt {
  font-family: "Arial";
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.76em;
  letter-spacing: 0em;
  font-weight: 700;
  color: #13429b;
  text-align: center;
}

@media (max-width: 767px) {
  .sec-schedule .schedule-lst .schedule-lst__item .schedule-head .txt {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.44444em;
  }
}

@media (min-width: 768px) {
  .sec-schedule .schedule-lst .schedule-lst__item .schedule-ctn {
    width: calc(805/978 * 100%);
    padding: 22px 0 24px;
  }
}

@media (max-width: 767px) {
  .sec-schedule .schedule-lst .schedule-lst__item .schedule-ctn {
    width: calc(210/295 * 100%);
    padding: 18px 0 17px;
  }
}

.sec-schedule .schedule-lst .schedule-lst__item .schedule-ctn .txt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.77778em;
  letter-spacing: 0.05em;
  font-weight: 500;
}

@media (max-width: 767px) {
  .sec-schedule .schedule-lst .schedule-lst__item .schedule-ctn .txt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.73333em;
  }
}

/* Section Schedule */
.sec-btn-lst {
  position: absolute;
  left: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .sec-btn-lst {
    bottom: -30px;
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .sec-btn-lst {
    bottom: -32px;
    padding: 0 24px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 374px) {
  .sec-btn-lst {
    padding: 0 14px;
  }
}

.sec-btn-lst .btn-lst__link {
  display: block;
  width: 100%;
  margin: 0 auto;
  background-color: #13429b;
  border: solid 1px #13429b;
  border-radius: 40px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}

@media only screen and (min-width: 1025px) {
  .sec-btn-lst .btn-lst__link:hover {
    opacity: 1;
    background-color: #fff;
  }
  .sec-btn-lst .btn-lst__link:hover .txt {
    color: #13429b;
  }
}

@media (min-width: 768px) {
  .sec-btn-lst .btn-lst__link {
    max-width: 276px;
    padding: 14px 10px 15px;
  }
}

@media (max-width: 767px) {
  .sec-btn-lst .btn-lst__link {
    max-width: 327px;
    padding: 18px 10px 17px;
  }
}

.sec-btn-lst .btn-lst__link .txt {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.61111em;
  letter-spacing: 0em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

@media (max-width: 767px) {
  .sec-btn-lst .btn-lst__link .txt {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.64706em;
  }
}