/*======================================
    Font / Color
======================================*/
/*======================================
    common
======================================*/
html {
  font-size: 62.5%;
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
}

body {
  background-color: #fff;
}

img {
  width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  cursor: pointer;
}

@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}

.is-nowrap {
  white-space: nowrap;
}

.is-br {
  display: block;
}

@media screen and (max-width: 779px) {
  .is-sp {
    display: block;
  }
}

.is-pc {
  display: block;
}

@media screen and (max-width: 779px) {
  .is-pc {
    display: inline;
  }
}

/*======================================
    section
======================================*/
.inner {
  padding: 0 min(40 / 1200 * 100vw, 40px);
}

.section__title {
  text-align: center;
}

.section__title--text {
  display: inline-block;
  padding: 0 2.25em;
  font-weight: 700;
  position: relative;
}

.section__title--text::before, .section__title--text::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 51px;
  height: 39px;
}

@media screen and (max-width: 779px) {
  .section__title--text::before, .section__title--text::after {
    width: calc(51 / 780 * 100vw);
    height: calc(39 / 780 * 100vw);
  }
}

.section__title--text::before {
  left: 0;
  background: url(../img/deco-left.png) no-repeat center center/contain;
}

.section__title--text::after {
  right: 0;
  background: url(../img/deco-right.png) no-repeat center center/contain;
}

/*======================================
    header
======================================*/
.header {
  position: relative;
}

.header__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  padding-left: min(62 / 1200 * 100vw, 62px);
  padding-top: 42px;
}

@media screen and (max-width: 779px) {
  .header__inner {
    padding-top: 24px;
    padding-left: calc(36 / 780 * 100vw);
  }
}

.header__logo {
  display: block;
  width: 235px;
}

@media screen and (max-width: 779px) {
  .header__logo {
    width: calc(232 / 780 * 100vw);
  }
}

/*======================================
    MV
======================================*/
.mv {
  background: url(../img/recruit-mv.jpg) no-repeat center center/cover;
  z-index: 2;
  position: relative;
}

.mv::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 38vw 51.9167vw 0 51.9167vw;
  border-color: #060544 transparent transparent transparent;
  -webkit-transform: translateX(-24%);
          transform: translateX(-24%);
  z-index: -1;
}

@media screen and (min-width: 1200px) {
  .mv::before {
    border-width: 456px 624px 0 624px;
  }
}

@media screen and (max-width: 779px) {
  .mv::before {
    border-width: 38.0769vw 52.0513vw 0 52.0513vw;
  }
}

.mv::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 37vw 50.5vw;
  border-color: transparent transparent #060544 transparent;
  z-index: -1;
}

@media screen and (min-width: 1200px) {
  .mv::after {
    border-width: 0 0 444px 606px;
  }
}

.mv__container {
  height: min(940 / 1200 * 100vw, 940px);
  padding-top: 140px;
  position: relative;
}

@media screen and (max-width: 779px) {
  .mv__container {
    height: calc(606 / 780 * 100vw);
    padding-top: max(100 / 780 * 100vw, 70px);
  }
}

@media screen and (max-width: 559px) {
  .mv__container {
    padding-top: calc(60 / 375 * 100vw);
  }
}

.mv__lead {
  color: #fff;
  font-size: min(59 / 1200 * 100vw, 5.9rem);
  font-weight: 700;
  line-height: 1.64407;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.75);
  padding-left: min(62 / 1200 * 100vw, 62px);
}

@media screen and (max-width: 779px) {
  .mv__lead {
    padding-left: calc(36 / 780 * 100vw);
  }
}

@media screen and (max-width: 559px) {
  .mv__lead {
    font-size: calc(20 / 375 * 100vw);
  }
}

.mv__title {
  position: absolute;
  bottom: -44px;
  right: 60px;
}

@media screen and (max-width: 779px) {
  .mv__title {
    bottom: 0;
    -webkit-transform: translateY(45%);
            transform: translateY(45%);
    right: calc(49 / 780 * 100vw);
  }
}

.mv__title--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Noto Serif JP", serif;
  color: #fff;
  font-size: min(87 / 1200 * 100vw, 8.7rem);
  line-height: 1.10345;
  letter-spacing: 0.06em;
  font-weight: 500;
  width: 3.1724em;
  height: 3.1724em;
  border-radius: 50%;
  background-color: #FCA454;
  position: relative;
}

@media screen and (max-width: 779px) {
  .mv__title--text {
    font-size: calc(60 / 780 * 100vw);
  }
}

.mv__title--text::before {
  content: "";
  position: absolute;
  top: 4%;
  left: 4%;
  right: 4%;
  bottom: 4%;
  border: 1px solid #fff;
  border-radius: 50%;
}

/*======================================
    about
======================================*/
.about {
  background-color: #060544;
  padding-bottom: min(180 / 1200 * 100vw, 180px);
}

@media screen and (max-width: 779px) {
  .about {
    padding-bottom: calc(113 / 780 * 100vw);
  }
}

.about__top {
  padding-top: 140px;
  padding-bottom: 26px;
  background-color: #010126;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 779px) {
  .about__top {
    padding-top: calc(162 / 780 * 100vw);
  }
}

.about__top::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40vw 100vw;
  border-color: transparent transparent #060544 transparent;
  z-index: -1;
}

@media screen and (min-width: 1200px) {
  .about__top::before {
    border-width: 0 0 480px 100vw;
  }
}

.about__top--img {
  position: relative;
}

@media screen and (max-width: 779px) {
  .about__top--img {
    -webkit-transform: translateX(-1.5%);
            transform: translateX(-1.5%);
  }
}

.about__lead {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -60%);
          transform: translate(-50%, -60%);
  z-index: 2;
  color: #fff;
  font-weight: 700;
  font-size: min(46 / 1200 * 100vw, 4.6rem);
  line-height: 1.76087;
  text-align: center;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.75);
}

@media screen and (max-width: 779px) {
  .about__lead {
    letter-spacing: 0.07em;
  }
}

@media screen and (max-width: 559px) {
  .about__lead {
    font-size: calc(16 / 375 * 100vw);
  }
}

.about__top--img__container {
  width: 877px;
  max-width: 90%;
  margin: 0 auto;
  background-color: gray;
  position: relative;
}

@media screen and (max-width: 779px) {
  .about__top--img__container {
    width: 608px;
  }
}

.about__top--img__container::before {
  content: "";
  display: block;
  padding-top: calc(474 / 877 * 100%);
}

@media screen and (max-width: 779px) {
  .about__top--img__container::before {
    padding-top: cacl(54.11184%);
  }
}

.about__top--img__container img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.about__top--message {
  margin-top: 2.1em;
  text-align: center;
  color: #fff;
  font-size: min(32 / 1200 * 100vw, 3.2rem);
  font-weight: 700;
  line-height: 2.0625;
  text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.75);
  letter-spacing: 0.1em;
}

@media screen and (max-width: 779px) {
  .about__top--message {
    font-size: max(25 / 780 * 100vw, 1.6rem);
    line-height: 2.16;
    margin-top: 1.6em;
  }
}

@media screen and (max-width: 559px) {
  .about__top--message {
    margin-top: 2em;
  }
  .about__top--message span.sp-br {
    display: block;
  }
}

.is-underline {
  display: inline-block;
  z-index: 1;
  position: relative;
}

.is-underline::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.3em;
  background-color: #F5911E;
  -webkit-transform: translateY(-115%);
          transform: translateY(-115%);
  z-index: -1;
}

.about__contents--wrap {
  width: 930px;
  max-width: 90%;
  height: min(924 / 1200 * 100vw, 924px);
  margin: 48px auto 0;
  background-color: #fff;
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4%);
          clip-path: polygon(4% 0, 96% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4%);
  position: relative;
}

@media screen and (max-width: 779px) {
  .about__contents--wrap {
    height: calc(776 / 780 * 100vw);
    margin-top: calc(60 / 780 * 100vw);
  }
}

.about__contents {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background-color: #060544;
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4%);
          clip-path: polygon(4% 0, 96% 0, 100% 4%, 100% 96%, 96% 100%, 4% 100%, 0 96%, 0 4%);
  padding-top: min(100 / 1200 * 100vw, 100px);
  padding-bottom: min(125 / 1200 * 100vw, 125px);
}

@media screen and (max-width: 559px) {
  .about__contents {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
  }
}

.about__details {
  color: #fff;
}

.about__detail:nth-child(n + 2) {
  margin-top: min(112 / 1200 * 100vw, 112px);
}

@media screen and (max-width: 779px) {
  .about__detail:nth-child(n + 2) {
    margin-top: calc(64 / 780 * 100vw);
  }
}

.about__detail--title {
  font-size: min(40 / 1200 * 100vw, 4rem);
}

@media screen and (max-width: 779px) {
  .about__detail--title {
    font-size: calc(34 / 780 * 100vw);
  }
}

.about__detail--lists {
  margin-top: min(40 / 1200 * 100vw, 40px);
  padding-left: clamp(70px, 6.41667vw, 77px);
  font-size: min(30 / 1200 * 100vw, 3rem);
  font-weight: 500;
  line-height: 1.83333;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 779px) {
  .about__detail--lists {
    font-size: calc(25 / 780 * 100vw);
    line-height: 1.84;
    padding-left: calc(44 / 780 * 100vw);
    padding-right: calc(40 / 780 * 100vw);
    margin-top: calc(52 / 780 * 100vw);
  }
}

.about__section--img__container {
  overflow: hidden;
}

.about__section--img {
  height: min(513 / 1200 * 100vw, 513px);
  position: relative;
}

@media screen and (max-width: 779px) {
  .about__section--img {
    height: calc(324 / 780 * 100vw);
  }
}

.about__section--img::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 137%;
  height: 100%;
  -webkit-transform: translate(-51.5%, -50%);
          transform: translate(-51.5%, -50%);
  background: url(../img/recruit-bg.jpg) no-repeat right top 70%/cover;
}

.about__section--img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#060544), color-stop(5%, #060544), color-stop(15%, rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, #060544 0%, #060544 5%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 100%);
}

/*======================================
    voice
======================================*/
.voice {
  padding: min(135 / 1200 * 100vw, 135px) 0 min(140 / 1200 * 100vw, 140px);
}

@media screen and (max-width: 779px) {
  .voice {
    padding-top: calc(85 / 780 * 100vw);
  }
}

.voice__title {
  color: #060544;
  font-size: min(35 / 1200 * 100vw, 3.5rem);
  font-weight: 700;
  letter-spacing: 0.06em;
}

@media screen and (max-width: 779px) {
  .voice__title {
    font-size: max(35 / 780 * 100vw, 2.4rem);
    padding: 0 2.2286em;
  }
}

.voice__head {
  width: 1020px;
  max-width: 100%;
  margin: 44px auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 32.7% auto;
      grid-template-columns: 32.7% auto;
  grid-gap: 5.6%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: min(78 / 1200 * 100vw, 78px);
  border-top: 1px solid rgba(6, 5, 68, 0.5);
  padding-left: min(46 / 1200 * 100vw, 46px);
  padding-right: min(52 / 1200 * 100vw, 52px);
}

@media screen and (max-width: 779px) {
  .voice__head {
    padding-left: calc(5 / 780 * 100vw);
    padding-right: 0;
    width: 655px;
    -ms-grid-columns: 43% auto;
        grid-template-columns: 43% auto;
    grid-column-gap: 4.8%;
    grid-row-gap: 0;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin-top: calc(86 / 780 * 100vw);
    padding-top: calc(60 / 780 * 100vw);
  }
}

@media screen and (max-width: 559px) {
  .voice__head {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

.voice__head--img {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 779px) {
  .voice__head--img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    margin-right: 10px;
  }
}

@media screen and (max-width: 559px) {
  .voice__head--img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    width: 70%;
    margin: 0 auto;
  }
}

.voice__head--img::before {
  content: "";
  display: block;
  padding-top: calc(347 / 302 * 100%);
  z-index: 1;
}

@media screen and (max-width: 779px) {
  .voice__head--img::before {
    padding-top: calc(298 / 260 * 100%);
  }
}

.voice__head--img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.voice__img--bg {
  position: relative;
  z-index: 1;
}

.voice__img--bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #060544;
  -webkit-transform: translate(10px, 10px);
          transform: translate(10px, 10px);
  z-index: -1;
}

@media screen and (max-width: 779px) {
  .voice__img--bg::after {
    -webkit-transform: translate(6px, 6px);
            transform: translate(6px, 6px);
  }
}

@media screen and (max-width: 779px) {
  .voice__img--bg.voice__head--img::after {
    -webkit-transform: translate(8px, 8px);
            transform: translate(8px, 8px);
  }
}

.voice__head--texts {
  color: #060544;
  font-size: clamp(1.4rem, 1.58333vw, 1.9rem);
  letter-spacing: 0.06em;
  padding-top: min(34 / 1200 * 100vw, 34px);
}

@media screen and (max-width: 1199px) {
  .voice__head--texts {
    padding-top: 0;
  }
}

@media screen and (max-width: 779px) {
  .voice__head--texts {
    display: contents;
  }
}

@media screen and (max-width: 779px) {
  .voice__head--details {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
  }
}

@media screen and (max-width: 559px) {
  .voice__head--details {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
  }
}

.voice__name {
  font-weight: 700;
  line-height: 1.5;
  font-size: clamp(1.5rem, 1.5vw, 1.8rem);
}

@media screen and (max-width: 779px) {
  .voice__name {
    font-size: max(24 / 780 * 100vw, 1.6rem);
    letter-spacing: 0.06em;
  }
}

.voice__name.-head {
  font-size: 1em;
}

@media screen and (max-width: 779px) {
  .voice__name.-head {
    font-size: calc(23 / 780 * 100vw);
    margin-top: 0.4em;
  }
}

@media screen and (max-width: 559px) {
  .voice__name.-head {
    margin-top: 1em;
    font-size: max(24 / 780 * 100vw, 1.8rem);
  }
}

.voice__lead {
  font-weight: 700;
  color: #fff;
  background-color: #060544;
  padding: 0.4em;
  margin-top: 0.6em;
  line-height: 1.5;
}

@media screen and (max-width: 779px) {
  .voice__lead {
    font-size: calc(18 / 780 * 100vw);
    letter-spacing: 0.06em;
    padding: 0.475em 0.4em;
  }
}

@media screen and (max-width: 559px) {
  .voice__lead {
    font-size: max(18 / 780 * 100vw, 1.4rem);
  }
  .voice__lead span.sp-br {
    display: block;
    padding-left: 1em;
  }
}

.voice__text {
  font-size: 0.8421em;
  font-weight: 700;
  line-height: 1.75;
  margin-top: 1em;
}

@media screen and (max-width: 779px) {
  .voice__text {
    font-size: max(20 / 780 * 100vw, 1.4rem);
  }
}

@media screen and (max-width: 779px) {
  .voice__text.-head {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
    margin-top: 0;
    line-height: 1.5;
  }
}

@media screen and (max-width: 559px) {
  .voice__text.-head {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
    margin-top: 26px;
    white-space: normal;
  }
  .voice__text.-head span.is-sp {
    display: inline;
  }
}

.voice__lists {
  width: 968px;
  max-width: 100%;
  margin: min(111 / 1200 * 100vw, 111px) auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 7%;
  list-style: none;
}

@media screen and (max-width: 779px) {
  .voice__lists {
    width: 655px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    margin-top: calc(54 / 780 * 100vw);
  }
}

@media screen and (max-width: 779px) {
  .voice__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 31.5385% auto;
        grid-template-columns: 31.5385% auto;
    grid-column-gap: 10%;
    padding: calc(56 / 780 * 100vw) 0;
    border-top: 1px solid rgba(6, 5, 68, 0.5);
  }
}

@media screen and (max-width: 559px) {
  .voice__list {
    grid-column-gap: 4%;
  }
}

.voice__list--img {
  position: relative;
}

@media screen and (min-width: 1200px) {
  .voice__list--img {
    margin-right: 5%;
  }
}

.voice__list--img::before {
  content: "";
  display: block;
  padding-top: calc(301 / 262 * 100%);
  background: gray;
}

@media screen and (max-width: 779px) {
  .voice__list--img::before {
    padding-top: calc(226 / 205 * 100%);
  }
}

.voice__list--img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.voice__list--texts {
  margin-top: 27px;
  font-size: clamp(1.4rem, 1.33333vw, 1.6rem);
  color: #060544;
}

@media screen and (max-width: 559px) {
  .voice__list--texts {
    margin-top: 0;
  }
}

.voice__text--2 {
  margin-top: 0.3em;
  line-height: 1.73333;
  letter-spacing: 0.05em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: clamp(1.2rem, 1.25vw, 1.5rem);
}

@media screen and (max-width: 779px) {
  .voice__text--2 {
    font-size: max(21 / 780 * 100vw, 1.4rem);
    line-height: 1.66667;
    -webkit-line-clamp: 3;
  }
}

.voice__readmore {
  display: block;
  text-align: right;
  font-weight: 900;
  font-size: 1.0625em;
  letter-spacing: 0.06em;
  margin-top: 0.7em;
  padding-right: 0.5em;
  color: #000;
}

@media screen and (max-width: 779px) {
  .voice__readmore {
    font-size: max(23 / 780 * 100vw, 1.4rem);
    padding-right: 1.2em;
  }
}

.voice__readmore--arrow {
  display: inline-block;
  padding-left: 1em;
  position: relative;
  -webkit-transition: padding-left .3s ease, opacity .3s ease;
  transition: padding-left .3s ease, opacity .3s ease;
}

.voice__readmore--arrow::before {
  content: ">";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.voice__readmore--arrow:hover, .voice__readmore--arrow:focus {
  padding-left: 0.8em;
  opacity: 0.7;
}

/*======================================
    recruit
======================================*/
.recruit {
  padding-bottom: min(226 / 1200 * 100vw, 226px);
  background-color: #060544;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 779px) {
  .recruit {
    padding-bottom: calc(110 / 780 * 100vw);
  }
}

.recruit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 109px 100vw 0 0;
  border-color: #fff transparent transparent transparent;
  z-index: 1;
}

@media screen and (max-width: 779px) {
  .recruit::before {
    border-width: 13.9744vw 100vw 0 0;
  }
}

.recruit__inner {
  width: 1100px;
  max-width: 90%;
  margin: 0 auto;
}

@media screen and (max-width: 779px) {
  .recruit__inner {
    width: 611px;
  }
}

.recruit__title {
  color: #fff;
  font-size: min(72 / 1200 * 100vw, 7.2rem);
  font-weight: 500;
  letter-spacing: 0.38em;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
  position: relative;
  z-index: 2;
  padding-top: 0.6em;
}

@media screen and (max-width: 779px) {
  .recruit__title {
    font-size: max(72 / 780 * 100vw, 4rem);
    padding-top: 0.6em;
    padding-left: 0.15em;
  }
}

.recruit__text {
  font-size: min(27 / 1200 * 100vw, 2.7rem);
  line-height: 1.77778;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #fff;
  margin-top: 1.9em;
  padding-left: 0.25em;
}

@media screen and (max-width: 779px) {
  .recruit__text {
    font-size: max(23 / 780 * 100vw, 1.4rem);
    margin-top: 3.35em;
    line-height: 2.08696;
  }
}

@media screen and (max-width: 559px) {
  .recruit__text {
    margin-top: 2em;
  }
}

.recruit__links {
  width: 820px;
  max-width: 90%;
  margin: 68px auto 0;
}

@media screen and (max-width: 779px) {
  .recruit__links {
    max-width: 100%;
    margin-top: calc(62 / 780 * 100vw);
  }
}

.recruit__link {
  display: block;
  font-size: min(46 / 1200 * 100vw, 4.6rem);
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
          box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.75);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 779px) {
  .recruit__link {
    font-size: calc(35 / 780 * 100vw);
  }
}

.recruit__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(#00CABA), to(#0EA9FF));
  background: linear-gradient(to right, #00CABA, #0EA9FF);
  z-index: -1;
  border-radius: 12px;
  border: 4px solid #fff;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

@media screen and (max-width: 779px) {
  .recruit__link::before {
    border: 3px solid #fff;
  }
}

@media screen and (max-width: 559px) {
  .recruit__link::before {
    border: 2px solid #fff;
    border-radius: 6px;
  }
}

.recruit__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, right top, from(#0EA9FF), to(#00CABA));
  background: linear-gradient(to right, #0EA9FF, #00CABA);
  z-index: -2;
  border-radius: 12px;
  border: 4px solid #fff;
}

@media screen and (max-width: 779px) {
  .recruit__link::after {
    border: 3px solid #fff;
  }
}

@media screen and (max-width: 559px) {
  .recruit__link::after {
    border: 2px solid #fff;
    border-radius: 6px;
  }
}

.recruit__link:hover::before, .recruit__link:focus::before {
  opacity: 0;
}

.recruit__link:nth-child(n + 2) {
  margin-top: min(60 / 1200 * 100vw, 60px);
}

@media screen and (max-width: 779px) {
  .recruit__link:nth-child(n + 2) {
    margin-top: calc(42 / 780 * 100vw);
  }
}

.recruit__link--btn {
  display: block;
  padding: 0.7em 2em 0.9em 1.15em;
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 700;
  position: relative;
}

.recruit__link--btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.4em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.91em;
  height: 0.91em;
  background: url(../img/recruit_btn.png) no-repeat center center/contain;
  -webkit-transition: right .3s ease;
  transition: right .3s ease;
}

.recruit__link--btn:hover::after, .recruit__link--btn:focus::after {
  right: 0.3em;
}

/*======================================
    contact
======================================*/
.contact {
  color: #060544;
  background-color: #F0F0F0;
  padding: min(116 / 1200 * 100vw, 116px) 0 min(124 / 1200 * 100vw, 124px);
}

@media screen and (max-width: 779px) {
  .contact {
    padding-top: calc(88 / 780 * 100vw);
    padding-bottom: calc(160 / 780 * 100vw);
  }
}

.contact__inner {
  width: 840px;
  max-width: 95%;
  margin: 0 auto;
}

@media screen and (max-width: 779px) {
  .contact__inner {
    width: 661px;
  }
}

.contact__title {
  font-size: min(40 / 1200 * 100vw, 4rem);
  font-weight: 700;
}

@media screen and (max-width: 779px) {
  .contact__title {
    font-size: max(40 / 780 * 100vw, 2.4rem);
    white-space: nowrap;
  }
  .contact__title > .section__title--text {
    padding: 0 2.35em;
  }
}

.contact__text {
  margin-top: 58px;
  font-size: clamp(1.9rem, 2vw, 2.4rem);
  font-weight: 500;
  letter-spacing: 0.06em;
  line-height: 1.79167;
}

@media screen and (max-width: 1199px) {
  .contact__text {
    width: 840px;
    max-width: 100%;
    margin: 58px auto 0;
  }
}

@media screen and (max-width: 779px) {
  .contact__text {
    width: 100%;
    font-size: max(24 / 780 * 100vw, 1.4rem);
    margin-top: calc(46 / 780 * 100vw);
  }
}

.form__container {
  width: 730px;
  max-width: 100%;
  margin: 64px auto 0;
}

@media screen and (max-width: 779px) {
  .form__container {
    width: 607px;
    margin-top: calc(64 / 780 * 100vw);
  }
}

.form__list:nth-child(n + 2) {
  margin-top: 40px;
}

@media screen and (max-width: 779px) {
  .form__list:nth-child(n + 2) {
    margin-top: calc(38 / 780 * 100vw);
  }
}

.form__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 203px auto;
      grid-template-columns: 203px auto;
}

@media screen and (max-width: 779px) {
  .form__row {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-row-gap: 10px;
  }
}

.form__head {
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  color: #060544;
  padding-top: 0.5476em;
}

@media screen and (max-width: 779px) {
  .form__head {
    font-size: max(29 / 780 * 100vw, 1.4rem);
  }
}

.form__head span.form__required {
  display: inline-block;
  font-size: 0.7619em;
  color: #FF0000;
  margin-left: 0.25em;
}

.form__body input[type="text"],
.form__body input[type="email"],
.form__body input[type="tel"] {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid rgba(6, 5, 68, 0.5);
  background: #fff;
  padding: 8px 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 18px;
  width: 100%;
}

@media screen and (max-width: 779px) {
  .form__body input[type="text"],
  .form__body input[type="email"],
  .form__body input[type="tel"] {
    font-size: max(26 / 780 * 100vw, 1.4rem);
  }
}

.form__body input[type="text"]:focus,
.form__body input[type="email"]:focus,
.form__body input[type="tel"]:focus {
  outline: none;
}

.form__body textarea {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid rgba(6, 5, 68, 0.5);
  background: #fff;
  padding: 10px 16px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 18px;
  width: 100%;
  resize: none;
  height: 153px;
}

@media screen and (max-width: 779px) {
  .form__body textarea {
    font-size: max(26 / 780 * 100vw, 1.4rem);
  }
}

.form__body textarea:focus {
  outline: none;
}

.form__number {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.2fr 1fr 0.2fr 1fr;
      grid-template-columns: 1fr 0.2fr 1fr 0.2fr 1fr;
}

.form__number span.form__number--line {
  display: block;
  position: relative;
}

.form__number span.form__number--line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10px;
  height: 1px;
  background-color: #060544;
}

.form__submit {
  margin-top: 77px;
  text-align: center;
}

@media screen and (max-width: 779px) {
  .form__submit {
    margin-top: calc(70 / 780 * 100vw);
  }
}

.form__submit input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: inherit;
  font-size: 2.8rem;
  letter-spacing: 0.24em;
  border: none;
  background-color: #4D4D4D;
  font-weight: 700;
  color: #fff;
  padding: 0.7679em 0;
  width: 256px;
  max-width: 100%;
  display: inline-block;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media screen and (max-width: 779px) {
  .form__submit input[type="submit"] {
    font-size: max(32 / 780 * 100vw, 1.8rem);
    width: 9.21875em;
    padding: 0.55em 0;
  }
}

.form__submit input[type="submit"]:hover, .form__submit input[type="submit"]:focus {
  background-color: #060544;
}

/*======================================
    footer
======================================*/
.footer {
  background-color: #060544;
  padding: 58px 0 22px;
}

.footer__inner {
  width: 1020px;
  max-width: 90%;
  margin: 0 auto;
}

@media screen and (max-width: 779px) {
  .footer__inner {
    width: 622px;
  }
}

.footer__head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 229px auto;
      grid-template-columns: 229px auto;
  grid-gap: 13%;
}

@media screen and (max-width: 779px) {
  .footer__head {
    display: block;
  }
}

@media screen and (max-width: 779px) {
  .footer__logo {
    width: calc(232 / 780 * 100vw);
    width: max(232 / 780 * 100vw, 180px);
  }
}

.footer__link--container {
  margin-top: -10px;
}

@media screen and (max-width: 779px) {
  .footer__link--container {
    width: 530px;
    max-width: 100%;
    margin: 18px auto 0;
  }
}

.footer__links {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.9fr;
      grid-template-columns: 1fr 1.9fr;
}

@media screen and (max-width: 1199px) {
  .footer__links {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 779px) {
  .footer__links {
    -ms-grid-columns: 1fr 0.8fr;
        grid-template-columns: 1fr 0.8fr;
  }
}

.footer__link a {
  display: block;
  color: #0071BA;
  font-weight: 700;
  font-size: clamp(1.8rem, 2vw, 2.4rem);
  line-height: 1.75;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

@media screen and (max-width: 779px) {
  .footer__link a {
    font-size: calc(31 / 780 * 100vw);
  }
}

.footer__link a:hover, .footer__link a:focus {
  opacity: 0.8;
}

.footer__sub--link a {
  font-size: clamp(1.2rem, 1.33333vw, 1.6rem);
  line-height: 2.25;
  font-weight: 500;
  color: #fff;
  font-weight: 500;
  display: block;
  padding-left: 1.5em;
  margin-left: 0.625em;
  position: relative;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

@media screen and (max-width: 779px) {
  .footer__sub--link a {
    font-size: calc(21 / 780 * 100vw);
  }
}

.footer__sub--link a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background-color: white;
}

.footer__sub--link a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.875em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 1px;
  background-color: white;
  -webkit-transition: width .3s ease;
  transition: width .3s ease;
}

.footer__sub--link a:hover, .footer__sub--link a:focus {
  color: rgba(255, 255, 255, 0.8);
}

.footer__sub--link a:hover::after, .footer__sub--link a:focus::after {
  width: 1.2em;
}

.footer__sub--link:last-child a::before {
  height: 50%;
}

.footer__info {
  margin-top: 90px;
  color: #7DDDFF;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 41.2745% auto;
      grid-template-columns: 41.2745% auto;
  font-size: min(20 / 1020 * 100vw, 2rem);
}

@media screen and (max-width: 779px) {
  .footer__info {
    width: 530px;
    max-width: 100%;
    margin: calc(46 / 780 * 100vw) auto 0;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    grid-row-gap: calc(36 / 780 * 100vw);
    font-size: calc(22 / 780 * 100vw);
    line-height: 1.77273;
  }
}

.footer__company {
  font-size: 1.5em;
  font-weight: 900;
  line-height: 1.76667;
  padding-bottom: 2px;
  margin-top: -2px;
}

@media screen and (max-width: 779px) {
  .footer__company {
    font-size: 1.3636em;
    margin-top: 0;
    padding-bottom: 0;
  }
}

.footer__text {
  line-height: 1.75;
}

span.pc-show {
  display: block;
}

@media screen and (max-width: 779px) {
  span.pc-show {
    display: none;
  }
}

span.sp-show {
  display: none;
}

@media screen and (max-width: 779px) {
  span.sp-show {
    display: block;
  }
}

.copyright {
  text-align: center;
  color: #fff;
  margin-top: 70px;
  font-size: 1.3rem;
}

@media screen and (max-width: 779px) {
  .copyright {
    font-size: max(17 / 780 * 100vw, 1rem);
  }
}