@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap");
/* line 16, sass/_index.scss */
.group-lp {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

/* line 22, sass/_index.scss */
.inner {
  width: 92%;
  max-width: 120rem;
  margin: auto;
}

/* line 27, sass/_index.scss */
.flex {
  display: flex;
}

/* line 30, sass/_index.scss */
.center {
  text-align: center;
}

/* line 33, sass/_index.scss */
img {
  max-width: 100%;
}

/* line 36, sass/_index.scss */
div, dl, dt, dd, li {
  box-sizing: border-box;
}

/* line 40, sass/_index.scss */
.btnArea, .header-pc, .header-sp {
  display: none;
}

/* line 44, sass/_index.scss */
.sponly {
  display: none;
}

/* line 47, sass/_index.scss */
.pconly {
  display: block;
}

@media screen and (max-width: 750px) {
  /* line 51, sass/_index.scss */
  .sponly {
    display: block;
  }

  /* line 54, sass/_index.scss */
  .pconly {
    display: none;
  }
}
/* line 60, sass/_index.scss */
.group-lp {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}
/* line 64, sass/_index.scss */
.group-lp .btn {
  margin-bottom: 40px;
}
/* line 66, sass/_index.scss */
.group-lp .btn a {
  color: #fff;
  font-size: 36px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  display: block;
  background: linear-gradient(180deg, #4cc764, #09b851);
  box-shadow: 0 8px 0 #278d3b;
  transition: .3s;
  padding: 20px;
}
/* line 76, sass/_index.scss */
.group-lp .btn a:hover {
  box-shadow: none;
  transform: translateY(8px);
}
/* line 83, sass/_index.scss */
.group-lp .cta {
  background: url(../img/cta-bg.jpg) no-repeat center center/cover;
  padding: 8rem 0;
}
/* line 86, sass/_index.scss */
.group-lp .cta .inner {
  background: rgba(255, 255, 255, 0.8);
  border: 2px solid;
  border-image: linear-gradient(130deg, #0dccff, #025696);
  border-image-slice: 1;
  padding: 60px 30px;
  text-align: center;
}
/* line 94, sass/_index.scss */
.group-lp .cta .limit-wrap {
  font-size: 54px;
  justify-content: center;
  align-items: center;
  font-family: "Noto Serif JP", serif;
  border-bottom: 2px solid;
  border-image: linear-gradient(130deg, #0dccff, #025696);
  border-image-slice: 1;
  border-top: 2px solid;
  padding: 18px 0;
  margin-bottom: 54px;
}
/* line 105, sass/_index.scss */
.group-lp .cta .limit-wrap .limit-ttl {
  color: #fff;
  font-size: 42px;
  display: inline-block;
  padding: 6px 18px;
  background: linear-gradient(to right, #00a2f8, #001f72);
}
/* line 112, sass/_index.scss */
.group-lp .cta .limit-wrap .limit {
  color: #002275;
  margin-left: 40px;
}
/* line 117, sass/_index.scss */
.group-lp .cta .cta-img {
  margin-bottom: 34px;
}
/* line 121, sass/_index.scss */
.group-lp .cta .annotation {
  font-size: 24px;
  font-family: "Noto Serif JP", serif;
  color: #222222;
}
/* line 128, sass/_index.scss */
.group-lp .sec03 .detail {
  padding: 50px 0 90px;
}
/* line 131, sass/_index.scss */
.group-lp .sec03 .work {
  padding-bottom: 130px;
}
/* line 135, sass/_index.scss */
.group-lp .sec05 {
  padding: 140px 0 120px;
}
/* line 138, sass/_index.scss */
.group-lp .sec07 {
  padding-bottom: 140px;
}
/* line 142, sass/_index.scss */
.group-lp .sec08 {
  padding-bottom: 140px;
}
/* line 146, sass/_index.scss */
.group-lp .sec09 {
  padding: 200px 0 120px;
  background: url(../img/sec09-bg.jpg) no-repeat center center/cover;
}
/* line 149, sass/_index.scss */
.group-lp .sec09 .inner {
  border: 2px solid;
  border-image: linear-gradient(130deg, #0dccff, #025696);
  border-image-slice: 1;
  padding: 30px;
  background: #fff;
}
/* line 156, sass/_index.scss */
.group-lp .sec09 .ttl {
  margin: -120px 0 72px;
}
/* line 159, sass/_index.scss */
.group-lp .sec09 .msg {
  font-size: 28px;
  margin: 20px 0 60px;
}
/* line 163, sass/_index.scss */
.group-lp .sec09 .msg p:not(:last-of-type) {
  margin-bottom: 20px;
}
/* line 166, sass/_index.scss */
.group-lp .sec09 .msg p.pick {
  font-size: 32px;
  font-weight: 600;
}
/* line 170, sass/_index.scss */
.group-lp .sec09 .msg p .red {
  color: #cb0000;
  font-weight: 600;
}
/* line 178, sass/_index.scss */
.group-lp .sec11 {
  padding: 120px 0 120px;
}
/* line 180, sass/_index.scss */
.group-lp .sec11 .ttl {
  margin-bottom: 60px;
}
/* line 183, sass/_index.scss */
.group-lp .sec11 #acMenu {
  font-size: 28px;
}
/* line 185, sass/_index.scss */
.group-lp .sec11 #acMenu dt, .group-lp .sec11 #acMenu dd {
  position: relative;
}
/* line 188, sass/_index.scss */
.group-lp .sec11 #acMenu dt {
  background: #f7f7f7;
  padding: 22px 30px 22px 60px;
  margin-top: 18px;
}
/* line 192, sass/_index.scss */
.group-lp .sec11 #acMenu dt::before {
  content: 'Q';
  font-family: "Noto Serif JP", serif;
  position: absolute;
  top: 20px;
  left: 20px;
}
/* line 199, sass/_index.scss */
.group-lp .sec11 #acMenu dt:hover {
  cursor: pointer;
}
/* line 203, sass/_index.scss */
.group-lp .sec11 #acMenu dd {
  background: #f1faff;
  padding: 20px 30px 20px 160px;
  margin-top: 18px;
  display: none;
}
/* line 208, sass/_index.scss */
.group-lp .sec11 #acMenu dd::before {
  content: 'Answer';
  font-family: "Noto Serif JP", serif;
  position: absolute;
  top: 20px;
  left: 20px;
}
/* line 219, sass/_index.scss */
.group-lp .sec12 {
  font-size: 28px;
}
/* line 221, sass/_index.scss */
.group-lp .sec12 .ttl {
  margin-bottom: 40px;
}
/* line 224, sass/_index.scss */
.group-lp .sec12 .recruit-detail {
  border: 2px solid #004d8e;
}
/* line 226, sass/_index.scss */
.group-lp .sec12 .recruit-detail dt {
  color: #fff;
  background: #004d8e;
  padding: 20px 30px;
}
/* line 231, sass/_index.scss */
.group-lp .sec12 .recruit-detail dd {
  padding: 30px 30px;
}
/* line 236, sass/_index.scss */
.group-lp .sec13 {
  padding: 140px 0 120px;
}
/* line 238, sass/_index.scss */
.group-lp .sec13 .ttl {
  font-size: 56px;
  font-family: "Noto Serif JP", serif;
  margin-bottom: 30px;
  text-align: center;
  color: #222;
}
/* line 246, sass/_index.scss */
.group-lp .sec13 .step {
  background: none;
  padding: 0;
}

/* line 253, sass/_index.scss */
.footer-group {
  background: #fff;
  color: #0a1355;
  padding: 60px 0;
}
/* line 257, sass/_index.scss */
.footer-group .name {
  font-size: 58px;
  font-family: "Noto Serif JP", serif;
}
/* line 261, sass/_index.scss */
.footer-group small {
  margin-top: 15px;
}

@media screen and (max-width: 1024px) {
  /* line 272, sass/_index.scss */
  .group-lp .btn a {
    font-size: 3.6vw;
    padding: 2vw;
  }
  /* line 277, sass/_index.scss */
  .group-lp .cta {
    padding: 8vw 0;
  }
  /* line 279, sass/_index.scss */
  .group-lp .cta .inner {
    padding: 6vw 4vw;
  }
  /* line 282, sass/_index.scss */
  .group-lp .cta .limit-wrap {
    font-size: 5.4vw;
    padding: 1.8vw 0;
    margin-bottom: 5.4vw;
  }
  /* line 286, sass/_index.scss */
  .group-lp .cta .limit-wrap .limit-ttl {
    font-size: 4.2vw;
  }
  /* line 291, sass/_index.scss */
  .group-lp .sec05 {
    padding: 14vw 0 12vw;
  }
  /* line 294, sass/_index.scss */
  .group-lp .sec07 {
    padding-bottom: 14vw;
  }
  /* line 297, sass/_index.scss */
  .group-lp .sec09 {
    padding: 20vw 0 12vw;
  }
  /* line 299, sass/_index.scss */
  .group-lp .sec09 .inner {
    padding: 3vw;
  }
  /* line 302, sass/_index.scss */
  .group-lp .sec09 .ttl {
    margin: -12vw 0 7vw;
  }
  /* line 305, sass/_index.scss */
  .group-lp .sec09 .msg {
    font-size: 18px;
    margin: 2vw 0 6vw;
  }
  /* line 309, sass/_index.scss */
  .group-lp .sec09 .msg p.pick {
    font-size: 20px;
  }
  /* line 315, sass/_index.scss */
  .group-lp .sec11 {
    padding: 12vw 0;
  }
  /* line 317, sass/_index.scss */
  .group-lp .sec11 #acMenu {
    font-size: 16px;
  }
  /* line 319, sass/_index.scss */
  .group-lp .sec11 #acMenu dt {
    padding: 2vw 3vw 2vw 6vw;
  }
  /* line 321, sass/_index.scss */
  .group-lp .sec11 #acMenu dt::before {
    top: 15px;
    left: 20px;
  }
  /* line 326, sass/_index.scss */
  .group-lp .sec11 #acMenu dd {
    padding: 2vw 3vw 2vw 14vw;
  }
  /* line 331, sass/_index.scss */
  .group-lp .sec12 {
    font-size: 16px;
  }
  /* line 334, sass/_index.scss */
  .group-lp .sec12 .recruit-detail dt {
    padding: 2vw 3vw;
  }
  /* line 337, sass/_index.scss */
  .group-lp .sec12 .recruit-detail dd {
    padding: 3vw;
  }
  /* line 342, sass/_index.scss */
  .group-lp .sec13 {
    padding: 14vw 0 12vw;
  }
  /* line 344, sass/_index.scss */
  .group-lp .sec13 .ttl {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 750px) {
  /* line 355, sass/_index.scss */
  .group-lp .btn {
    margin-bottom: 6vw;
  }
  /* line 357, sass/_index.scss */
  .group-lp .btn a {
    font-size: 4.333333vw;
    padding: 3vw;
    box-shadow: 0 4px 0 #278d3b;
  }
  /* line 361, sass/_index.scss */
  .group-lp .btn a:hover {
    transform: translateY(4px);
  }
  /* line 367, sass/_index.scss */
  .group-lp .cta .limit-wrap {
    padding: 3vw 0;
    font-size: 7.199999999999999vw;
  }
  /* line 370, sass/_index.scss */
  .group-lp .cta .limit-wrap .limit-ttl {
    font-size: 5.6000000000000005vw;
  }
  /* line 373, sass/_index.scss */
  .group-lp .cta .limit-wrap .limit {
    margin-left: 6vw;
  }
  /* line 377, sass/_index.scss */
  .group-lp .cta .annotation {
    font-size: 12px;
  }
  /* line 380, sass/_index.scss */
  .group-lp .cta .cta-img {
    margin-bottom: 4vw;
  }
  /* line 386, sass/_index.scss */
  .group-lp .sec03 .detail {
    padding: 10vw 0 16vw;
  }
  /* line 389, sass/_index.scss */
  .group-lp .sec03 .work {
    padding-bottom: 14vw;
  }
  /* line 394, sass/_index.scss */
  .group-lp .sec08 {
    padding-bottom: 16vw;
  }
  /* line 399, sass/_index.scss */
  .group-lp .sec09 .msg {
    font-size: 14px;
  }
  /* line 402, sass/_index.scss */
  .group-lp .sec09 .msg p:not(:last-of-type) {
    margin-bottom: 16px;
  }
  /* line 405, sass/_index.scss */
  .group-lp .sec09 .msg p.pick {
    font-size: 16px;
  }
  /* line 411, sass/_index.scss */
  .group-lp .sec11 {
    padding: 16vw 0;
  }
  /* line 413, sass/_index.scss */
  .group-lp .sec11 .ttl {
    margin: 0 auto 8vw;
  }
  /* line 416, sass/_index.scss */
  .group-lp .sec11 #acMenu {
    font-size: 14px;
  }
  /* line 418, sass/_index.scss */
  .group-lp .sec11 #acMenu dt {
    padding: 3vw 3vw 3vw 8vw;
    margin-top: 3vw;
  }
  /* line 421, sass/_index.scss */
  .group-lp .sec11 #acMenu dt::before {
    top: 10px;
    left: 14px;
  }
  /* line 426, sass/_index.scss */
  .group-lp .sec11 #acMenu dd {
    padding: 3vw 3vw 3vw 20vw;
    margin-top: 3vw;
  }
  /* line 429, sass/_index.scss */
  .group-lp .sec11 #acMenu dd::before {
    top: 10px;
    left: 14px;
  }
  /* line 436, sass/_index.scss */
  .group-lp .sec12 {
    font-size: 14px;
  }
  /* line 438, sass/_index.scss */
  .group-lp .sec12 .ttl {
    width: 40%;
    margin: 0 auto 8vw;
  }
  /* line 443, sass/_index.scss */
  .group-lp .sec12 .recruit-detail dt {
    padding: 3vw;
  }
  /* line 446, sass/_index.scss */
  .group-lp .sec12 .recruit-detail dd {
    padding: 4vw 3vw;
  }

  /* line 452, sass/_index.scss */
  .footer-group {
    padding: 14vw 0;
  }
  /* line 454, sass/_index.scss */
  .footer-group .name {
    font-size: 7.733333333333333vw;
  }
}