@charset "UTF-8";
/*                leyout
======================================================= */
* {
  -webkit-text-size-adjust: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.palt {
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}

.main_width {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 1208px;
}
@media only screen and (max-width: 1300px) {
  .main_width {
    padding: 0 64px;
  }
}
@media only screen and (max-width: 900px) {
  .main_width {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 640px) {
  .main_width {
    padding: 0 15px;
  }
}

#recruit_lp {
  width: 100%;
}
#recruit_lp #lp_header,
#recruit_lp #header_button {
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.view #recruit_lp #lp_header,
.view #recruit_lp #header_button {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#recruit_lp #lp_header {
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 32px 20px 0 40px;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #lp_header {
    padding: 2.7vw 15px 0 15px;
  }
}
#recruit_lp #lp_header #header_logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #lp_header #header_logo {
    padding-top: 1.2vw;
  }
}
#recruit_lp #lp_header #header_logo .logo_wrap {
  width: 12.33vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #lp_header #header_logo .logo_wrap {
    width: 190px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #lp_header #header_logo .logo_wrap {
    width: 25vw;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #lp_header #header_logo .logo_wrap {
    width: 30vw;
  }
}
#recruit_lp #lp_header #header_logo .title {
  border-left: 1px solid #989898;
  padding-left: 1.13em;
  margin-left: 1.38em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #lp_header #header_logo .title {
    margin-left: 22px;
  }
}
#recruit_lp #lp_header #header_logo .title h1 {
  font-weight: 700;
  font-size: 0.98vw;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #lp_header #header_logo .title h1 {
    font-size: 15px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #lp_header #header_logo .title h1 {
    font-size: 2.5vw;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #lp_header #header_logo .title h1 {
    font-size: 3vw;
  }
}
#recruit_lp #lp_header #header_logo .title p {
  color: #e63200;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 0.73vw;
  text-align: center;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #lp_header #header_logo .title p {
    font-size: 11px;
  }
}
#recruit_lp #header_button {
  position: absolute;
  top: 32px;
  right: 20px;
  z-index: 1000;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #header_button {
    top: 2vw;
    right: 15px;
  }
}
#recruit_lp #header_button.first {
  -webkit-transition: 1s;
  transition: 1s;
}
#recruit_lp #header_button.hide {
  position: fixed;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
}
#recruit_lp #header_button.hide.down {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#recruit_lp #header_button.hide.down a {
  padding: 1.6em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #header_button.hide.down a {
    font-size: 2vw;
    padding: 1em;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #header_button.hide.down a {
    font-size: 3vw;
    padding: 1em;
  }
}
#recruit_lp #header_button.hide.down a:before {
  margin-right: 0;
}
#recruit_lp #header_button.hide.down a span {
  display: none;
}
#recruit_lp #header_button a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000;
  border-radius: 50px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.85vw;
  font-weight: 700;
  padding: 1.5em 2em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #header_button a {
    font-size: 13px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #header_button a {
    font-size: 1.5vw;
    padding: 1em 3em;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #header_button a {
    font-size: 2vw;
  }
}
#recruit_lp #header_button a:before {
  background: url(/-/media/BREXA-Next/img/lp/icon_apply.svg);
  content: "";
  display: block;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  width: 1.1em;
  height: 1.1em;
  margin-right: 1em;
}
@media only screen and (min-width: 1025px) {
  #recruit_lp #header_button a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #header_button a:hover {
    background-color: #e63200;
  }
}
@media only screen and (min-width: 901px) {
  #recruit_lp #header_button a br {
    display: none;
  }
}
#recruit_lp #first_bg,
#recruit_lp #first_illust {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
#recruit_lp #first_bg:before {
  -webkit-transition: 1s;
  transition: 1s;
  background: #fff url(/-/media/BREXA-Next/img/lp/bg_first.jpg) no-repeat center top;
  background-size: cover;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.view #recruit_lp #first_bg:before {
  opacity: 1;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_bg:before {
    background: url(/-/media/BREXA-Next/img/lp/bg_first_sp.jpg) no-repeat center top;
    background-size: cover;
  }
}
#recruit_lp #first_bg:after {
  -webkit-transition: 1s;
  transition: 1s;
  background: url(/-/media/BREXA-Next/img/lp/bg_secound.jpg) no-repeat center top;
  background-size: cover;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_bg:after {
    background: url(/-/media/BREXA-Next/img/lp/bg_secound_sp.jpg) no-repeat center top;
    background-size: cover;
  }
}
#recruit_lp #first_bg.hide:before {
  opacity: 0;
}
#recruit_lp #first_bg.hide:after {
  opacity: 1;
}
#recruit_lp #first_view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 2;
  padding-top: 4vw;
}
#recruit_lp #first_view .loop_text {
  overflow: hidden;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_view .loop_text {
    position: absolute;
    top: 24%;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #first_view .loop_text {
    top: 25%;
  }
}
@media only screen and (max-width: 480px) {
  #recruit_lp #first_view .loop_text {
    top: 26%;
  }
}
#recruit_lp #first_view .loop_text .wrap {
  -webkit-transition: 2s;
  transition: 2s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.view #recruit_lp #first_view .loop_text .wrap {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.view #recruit_lp #first_view .loop_text .wrap p {
  -webkit-animation: loop_text 300s infinite linear;
          animation: loop_text 300s infinite linear;
  letter-spacing: 6px;
}
@media only screen and (max-width: 640px) {
  .view #recruit_lp #first_view .loop_text .wrap p {
    letter-spacing: 3px;
  }
}
#recruit_lp #first_view .loop_text p {
  font-family: "Jost", sans-serif;
  font-size: 5vw;
  white-space: nowrap;
  font-weight: 300;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_view .loop_text p {
    font-size: 4vw;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #first_view .loop_text p {
    font-size: 5vw;
  }
}
@-webkit-keyframes loop_text {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loop_text {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
#recruit_lp #first_view:before, #recruit_lp #first_view:after {
  -webkit-transition: 1s;
  transition: 1s;
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  opacity: 0;
}
.view #recruit_lp #first_view:before, .view #recruit_lp #first_view:after {
  opacity: 1;
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
#recruit_lp #first_view:before {
  background: url(/-/media/BREXA-Next/img/lp/first_view_left.png) no-repeat left center;
  background-size: auto 100%;
  left: 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_view:before {
    background: url(/-/media/BREXA-Next/img/lp/first_view_sp.png) no-repeat center center;
    background-size: auto 100%;
    width: 100%;
  }
}
#recruit_lp #first_view:after {
  background: url(/-/media/BREXA-Next/img/lp/first_view_right.png) no-repeat right center;
  background-size: auto 100%;
  right: 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_view:after {
    display: none;
  }
}
#recruit_lp #first_illust {
  z-index: 3;
  /*#first_copy {
    background: url(/-/media/BREXA-Next/img/lp/first_copy.png) no-repeat center center;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    opacity: 0;
    transform: translateY(15%);
    @include anime(1.5s);
    .view & {
      opacity: 1;
      transform: translateY(0);

      &.first {
        transition-delay: 1.8s;
      }
    }
    &.hide {
      @include anime(1s);
      opacity: 0;
      transition-delay: 0;
    }
  }*/
}
#recruit_lp #first_illust:before, #recruit_lp #first_illust:after {
  background-size: cover;
  content: "";
  display: block;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateY(30%);
          transform: translateY(30%);
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.view #recruit_lp #first_illust:before, .view #recruit_lp #first_illust:after {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
#recruit_lp #first_illust:before {
  background: url(/-/media/BREXA-Next/img/lp/illust_left.png) no-repeat center top;
  background-size: auto 100%;
  z-index: 3;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_illust:before {
    background: url(/-/media/BREXA-Next/img/lp/illust_left_sp.png) no-repeat center top;
    background-size: auto 100%;
  }
}
#recruit_lp #first_illust:after {
  background: url(/-/media/BREXA-Next/img/lp/illust_right.png) no-repeat center top;
  background-size: auto 100%;
  z-index: 2;
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_illust:after {
    background: url(/-/media/BREXA-Next/img/lp/illust_right_sp.png) no-repeat center top;
    background-size: auto 100%;
  }
}
#recruit_lp #first_illust #first_copy {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  position: fixed;
  left: 50%;
  bottom: 5%;
  z-index: 10;
  width: 100%;
  opacity: 0;
  -webkit-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_illust #first_copy {
    bottom: 3vw;
    padding: 0 30px;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #first_illust #first_copy {
    bottom: 8vw;
    padding: 0 30px;
  }
}
.view #recruit_lp #first_illust #first_copy {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.view #recruit_lp #first_illust #first_copy.first {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}
#recruit_lp #first_illust #first_copy.hide {
  opacity: 0;
  z-index: -1;
}
#recruit_lp #first_illust #first_copy a {
  background-color: #fff;
  border-radius: 50px;
  display: block;
  text-align: center;
  max-width: 340px;
  width: 31.55vw;
  position: relative;
  padding: 1.305em 3em;
  margin: 0 auto;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_illust #first_copy a {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #first_illust #first_copy a {
    padding: 1em 3em;
  }
}
#recruit_lp #first_illust #first_copy a span {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 700;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin-bottom: 0.8em;
}
@media only screen and (max-width: 640px) {
  #recruit_lp #first_illust #first_copy a span {
    font-size: 2.1vw;
  }
}
#recruit_lp #first_illust #first_copy a span:before, #recruit_lp #first_illust #first_copy a span:after {
  background-color: #000;
  content: "";
  width: 2px;
  height: 1em;
}
#recruit_lp #first_illust #first_copy a span:before {
  -webkit-transform: rotate(-33deg);
          transform: rotate(-33deg);
  margin-right: 0.7em;
}
#recruit_lp #first_illust #first_copy a span:after {
  -webkit-transform: rotate(33deg);
          transform: rotate(33deg);
  margin-left: 0.3em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #first_illust #first_copy a span {
    font-size: 13px;
  }
}
#recruit_lp #first_illust #first_copy a img {
  display: block;
  max-width: 206px;
  width: 100%;
  margin: 0 auto;
}
#recruit_lp #first_illust #first_copy a:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #1dace8 url(/-/media/BREXA-Next/img/lp/ar_r.svg) no-repeat 50% 50%;
  background-size: 0.8em 0.8em;
  border-radius: 2em;
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 640px) {
  #recruit_lp #first_illust #first_copy a:after {
    background-size: 0.5em 0.5em;
    right: 0.5em;
    width: 1.8em;
    height: 1.8em;
  }
}
@media only screen and (min-width: 1025px) {
  #recruit_lp #first_illust #first_copy a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #first_illust #first_copy a:hover {
    color: #222;
    opacity: 0.8;
  }
  #recruit_lp #first_illust #first_copy a:hover:after {
    -webkit-transform: translateY(-50%) scale(1.1);
            transform: translateY(-50%) scale(1.1);
  }
}
#recruit_lp #first_illust .cover {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  background: url(/-/media/BREXA-Next/img/lp/cover_secound.png) no-repeat 0 0;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7;
  opacity: 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_illust .cover {
    background: url(/-/media/BREXA-Next/img/lp/cover_secound_sp.png) no-repeat 0 0;
    background-size: cover;
  }
}
#recruit_lp #first_illust .cover.on {
  opacity: 1;
}
#recruit_lp #first_illust #scroll_down {
  position: absolute;
  bottom: 1.5vw;
  right: 3vw;
  z-index: 10;
}
#recruit_lp #first_illust #scroll_down a {
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Jost", sans-serif;
  font-size: 0.7vw;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
@media only screen and (max-width: 900px) {
  #recruit_lp #first_illust #scroll_down a {
    display: none;
  }
}
#recruit_lp #first_illust #scroll_down a:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation: down_arrow 1s infinite linear;
          animation: down_arrow 1s infinite linear;
  background: url(/-/media/BREXA-Next/img/lp/icon_ar_black.svg) no-repeat 50% 50%;
  background-size: 1em 1em;
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  margin-left: 0.8em;
}
@-webkit-keyframes down_arrow {
  from {
    -webkit-transform: translate(0, -100%) rotate(90deg);
            transform: translate(0, -100%) rotate(90deg);
  }
  to {
    -webkit-transform: translate(0, 100%) rotate(90deg);
            transform: translate(0, 100%) rotate(90deg);
  }
}
@keyframes down_arrow {
  from {
    -webkit-transform: translate(0, -100%) rotate(90deg);
            transform: translate(0, -100%) rotate(90deg);
  }
  to {
    -webkit-transform: translate(0, 100%) rotate(90deg);
            transform: translate(0, 100%) rotate(90deg);
  }
}
.view #recruit_lp #first_illust #scroll_down.first a {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}
.view #recruit_lp #first_illust #scroll_down a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#recruit_lp #first_illust #scroll_down.hide {
  display: none;
}
#recruit_lp .zindex10 {
  position: relative;
  z-index: 10;
}
#recruit_lp .spacer {
  height: 100vh;
}
@media only screen and (max-width: 900px) {
  #recruit_lp .spacer {
    height: 50vh;
  }
  #recruit_lp .spacer.first {
    height: 60vh;
  }
}
#recruit_lp #secound_view {
  height: 100vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 640px) {
  #recruit_lp #secound_view {
    padding: 0 10px;
  }
}
#recruit_lp #secound_view #lp_lead {
  text-align: center;
  height: 100%;
  max-width: 584px;
  max-width: 38vw;
  margin: 0 auto;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #secound_view #lp_lead {
    max-width: 100%;
  }
}
#recruit_lp #secound_view #lp_lead * {
  color: #fff;
}
#recruit_lp #secound_view #lp_lead .tag_line {
  margin-bottom: 10vw;
}
#recruit_lp #secound_view #lp_lead .tag_line img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
@media only screen and (max-width: 900px) {
  #recruit_lp #secound_view #lp_lead .tag_line img {
    width: 90%;
    margin: 0 auto;
  }
}
#recruit_lp #secound_view #lp_lead h1,
#recruit_lp #secound_view #lp_lead h2 {
  font-weight: 700;
  font-size: 2.6vw;
  font-style: italic;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #secound_view #lp_lead h1,
  #recruit_lp #secound_view #lp_lead h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #secound_view #lp_lead h1,
  #recruit_lp #secound_view #lp_lead h2 {
    font-size: 5vw;
  }
}
#recruit_lp #secound_view #lp_lead p {
  font-weight: 500;
  font-size: 1.04vw;
  text-align: left;
  line-height: 2;
  margin-bottom: 4em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #secound_view #lp_lead p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 901px) {
  #recruit_lp #secound_view #lp_lead p {
    text-align: center;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #secound_view #lp_lead p {
    font-size: 3vw;
  }
  #recruit_lp #secound_view #lp_lead p br {
    display: none;
  }
}
#recruit_lp #secound_view #lp_lead a {
  border: 1px solid #fff;
  border-radius: 50px;
  font-size: 1.04vw;
  padding: 1.2em 2em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #secound_view #lp_lead a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #secound_view #lp_lead a {
    font-size: 3vw;
  }
}
@media only screen and (min-width: 1025px) {
  #recruit_lp #secound_view #lp_lead a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #secound_view #lp_lead a:hover {
    background-color: #fff;
    color: #000;
  }
}
#recruit_lp .up_cont {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
#recruit_lp .up_cont.up {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#recruit_lp .up_cont#about_lead {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#recruit_lp .up_cont#about_lead .title,
#recruit_lp .up_cont#about_lead .lead {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}
#recruit_lp .up_cont#about_lead.up .title,
#recruit_lp .up_cont#about_lead.up .lead {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#recruit_lp .up_cont#about_lead .lead {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
#recruit_lp .up_cont#about_lead .lead p + p {
  margin-top: 1em;
}
#recruit_lp a.up_cont {
  -webkit-transition: 1.5s;
  transition: 1.5s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
#recruit_lp .deco_title {
  overflow: hidden;
  position: relative;
  z-index: 0;
  margin: 0 0 -3em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp .deco_title {
    margin: 0 0 -2.5vw;
  }
}
#recruit_lp .deco_title.up img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
#recruit_lp .deco_title img {
  -webkit-transition: 1s;
  transition: 1s;
  display: block;
  width: auto;
  height: 9.3vw;
  opacity: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  margin: 0 auto;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp .deco_title img {
    height: 138px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp .deco_title img {
    max-width: none;
    height: 10.5vw;
  }
}
#recruit_lp .cont_title {
  margin-bottom: 8em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp .cont_title {
    margin-bottom: 4em;
  }
}
#recruit_lp .cont_title p.deco {
  display: block;
  font-family: "Jost", sans-serif;
  font-size: 11.06vw;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto -0.3em;
}
#recruit_lp .cont_title p.deco span {
  background: -webkit-linear-gradient(0, #89d8fc, #b2e9fc, #d7e1e9, #f2b19f, #f0977f);
  -webkit-background-clip: text; /*背景をテキストでマスクする*/
  -webkit-text-fill-color: transparent;
  display: block;
  font-weight: 300;
  line-height: 1;
  overflow: hidden;
  height: 1em;
  letter-spacing: -0.01em;
  position: relative;
  z-index: 1;
}
#recruit_lp .cont_title p.deco:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5)), color-stop(rgba(255, 255, 255, 0.7)), color-stop(rgba(255, 255, 255, 0.8)), color-stop(85%, rgb(255, 255, 255)), color-stop(95%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.8), rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0.3) 95%, rgba(255, 255, 255, 0) 100%);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#recruit_lp .cont_title.up h2 > span span {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#recruit_lp .cont_title h2 {
  font-weight: 300;
  text-align: center;
  font-size: 3vw;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp .cont_title h2 {
    font-size: 46px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp .cont_title h2 {
    font-size: 5vw;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp .cont_title h2 {
    font-size: 6vw;
  }
}
#recruit_lp .cont_title h2 > span {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
}
#recruit_lp .cont_title h2 > span span {
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
#recruit_lp .cont_title h2 strong {
  color: #e63200;
  font-weight: 300;
}
#recruit_lp #about {
  background-color: #fff;
  overflow: hidden;
  position: relative;
  padding: 24vw 0 8.15vw;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about {
    padding: 32vw 0;
  }
}
#recruit_lp #about div {
  position: relative;
  z-index: 3;
}
#recruit_lp #about:before {
  content: "";
  background: url(/-/media/BREXA-Next/img/lp/bg_about_top.png) no-repeat right 0;
  background-size: 100% auto;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about:before {
    background: url(/-/media/BREXA-Next/img/lp/bg_about_top_sp.png) no-repeat right 1%;
    background-size: 100% auto;
  }
}
#recruit_lp #about:after {
  content: "";
  background: url(/-/media/BREXA-Next/img/lp/bg_about_btm.png) no-repeat left bottom;
  background-size: 100% auto;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about:after {
    background: url(/-/media/BREXA-Next/img/lp/bg_about_btm_sp.png) no-repeat left 110%;
    background-size: 100% auto;
  }
}
#recruit_lp #about #about_lead {
  max-width: 960px;
  margin: 0 auto 8.5vw;
}
@media only screen and (min-width: 901px) {
  #recruit_lp #about #about_lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #recruit_lp #about #about_lead .title,
  #recruit_lp #about #about_lead .lead {
    width: 50%;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about #about_lead {
    margin: 0 auto 12vw;
  }
}
#recruit_lp #about #about_lead .title p {
  font-size: 2.08vw;
  font-weight: 500;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #about #about_lead .title p {
    font-size: 32px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about #about_lead .title p {
    font-size: 4.8vw;
  }
}
#recruit_lp #about #about_lead .title p > span {
  display: table;
}
#recruit_lp #about #about_lead .title p > span + span {
  margin-top: 0.3em;
}
#recruit_lp #about #about_lead .title p > span:after {
  background: -webkit-linear-gradient(0, #89d7fc, #b2e9fc, #dbdee2, #f2b3a0, #f2977d);
  content: "";
  display: block;
  width: 100%;
  height: 4px;
}
#recruit_lp #about #about_lead .lead {
  font-size: 1.04vw;
  padding-left: 5em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #about #about_lead .lead {
    font-size: 16px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about #about_lead .lead {
    font-size: 3.5vw;
    padding-left: 0;
    margin-top: 1.5em;
  }
}
#recruit_lp #about #about_lead .lead p {
  line-height: 1.8;
}
#recruit_lp #about #about_lead .lead a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  margin-top: 1em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about #about_lead .lead a {
    margin-top: 2em;
  }
}
#recruit_lp #about #about_lead .lead a:after {
  background: url(/-/media/BREXA-Next/img/lp/icon_blank.svg) no-repeat 50% 50%;
  background-size: contain;
  content: "";
  width: 1em;
  height: 1em;
  margin-left: 0.3em;
}
@media only screen and (min-width: 1025px) {
  #recruit_lp #about #about_lead .lead a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #about #about_lead .lead a:after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #about #about_lead .lead a:hover {
    text-decoration: none;
  }
  #recruit_lp #about #about_lead .lead a:hover:after {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}
#recruit_lp #about #about_movie {
  margin-bottom: 6.25vw;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about #about_movie {
    margin-bottom: 12vw;
  }
}
#recruit_lp #about #about_movie p.caption {
  font-size: 1.2vw;
  font-weight: 500;
  max-width: 872px;
  margin: 1em auto 0;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #about #about_movie p.caption {
    font-size: 16px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about #about_movie p.caption {
    margin: 0.5em auto 0;
    font-size: 3vw;
    font-weight: 400;
  }
}
#recruit_lp #about #about_movie .movie_wrap {
  border-radius: 2vw;
  max-width: 872px;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
#recruit_lp #about #about_movie .movie_wrap video,
#recruit_lp #about #about_movie .movie_wrap iframe {
  border: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
#recruit_lp #about #about_movie .movie_wrap:after {
  background: url(/-/media/BREXA-Next/img/lp/movie_cover.png) no-repeat 50% 50%;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#recruit_lp #about #about_movie .movie_wrap.on video,
#recruit_lp #about #about_movie .movie_wrap.on iframe {
  opacity: 1;
}
#recruit_lp #about #about_movie .movie_wrap.on:after {
  display: none;
  opacity: 0;
}
@media only screen and (min-width: 901px) {
  #recruit_lp #about #about_info ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
  }
  #recruit_lp #about #about_info ul li {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about #about_info ul li img {
    width: 100%;
  }
  #recruit_lp #about #about_info ul li + li {
    margin-top: 12px;
  }
}
#recruit_lp #about #about_info a {
  background-color: #e63200;
  border-radius: 50px;
  color: #fff;
  display: block;
  width: 100%;
  max-width: 290px;
  font-size: 1.05vw;
  font-weight: 500;
  position: relative;
  text-align: center;
  padding: 1.3657em 1em;
  margin: 2.9vw auto 0;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #about #about_info a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1025px) {
  #recruit_lp #about #about_info a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #about #about_info a span, #recruit_lp #about #about_info a:after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #about #about_info a:hover {
    background-color: #000;
  }
  #recruit_lp #about #about_info a:hover:after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translate(0.5em, -50%);
            transform: translate(0.5em, -50%);
  }
  #recruit_lp #about #about_info a:hover span {
    -webkit-transform: translate(-60%, -60%) scale(1.1);
            transform: translate(-60%, -60%) scale(1.1);
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about #about_info a {
    max-width: 70%;
    margin: 10vw auto 0;
    font-size: 3.5vw;
  }
}
#recruit_lp #about #about_info a:after {
  background: url(/-/media/BREXA-Next/img/lp/ar_r.svg) no-repeat 50% 50%;
  background-size: contain;
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  right: 1.5em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#recruit_lp #about #about_info a span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff600;
  border-radius: 8.3em;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.78vw;
  font-weight: 700;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  line-height: 1.5;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  width: 8.3em;
  height: 8.3em;
  top: 0;
  left: 0;
  -webkit-transform: translate(-60%, -60%);
          transform: translate(-60%, -60%);
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #about #about_info a span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #about #about_info a span {
    width: 8em;
    height: 8em;
    font-size: 78%;
    left: 5%;
  }
}
#recruit_lp #about #about_info a span:after {
  background: #fff600;
  content: "";
  height: 1.2990381057em;
  width: 1.3em;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 75%;
  left: 85%;
}
#recruit_lp #bg_illust {
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  #recruit_lp #bg_illust {
    padding: 0 0 5vw;
  }
}
#recruit_lp #bg_illust .img_wrap {
  position: relative;
}
#recruit_lp #bg_illust .img_wrap .img img {
  position: relative;
  z-index: 1;
  width: 100%;
}
#recruit_lp #bg_illust .img_wrap .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
#recruit_lp #bg_illust .img_wrap .text img {
  position: absolute;
  margin: 0 auto;
}
@media only screen and (min-width: 901px) {
  #recruit_lp #bg_illust .img_wrap .text img {
    top: 50%;
    left: 50%;
    width: auto;
    height: 60%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #bg_illust .img_wrap .text img {
    bottom: 16%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 50%;
  }
}
#recruit_lp #bg_illust .img_wrap:before, #recruit_lp #bg_illust .img_wrap:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 3;
}
#recruit_lp #bg_illust .img_wrap:before {
  background: url(/-/media/BREXA-Next/img/lp/bg_illust_left.png) no-repeat left top;
  background-size: cover;
  left: 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #bg_illust .img_wrap:before {
    background: url(/-/media/BREXA-Next/img/lp/bg_illust_cover_sp.png) no-repeat left top;
    background-size: cover;
    width: 100%;
  }
}
#recruit_lp #bg_illust .img_wrap:after {
  background: url(/-/media/BREXA-Next/img/lp/bg_illust_right.png) no-repeat right top;
  background-size: cover;
  right: 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #bg_illust .img_wrap:after {
    display: none;
  }
}
#recruit_lp #bg_illust .img_wrap p.text {
  color: #fff;
  text-align: center;
  position: absolute;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 600;
  line-height: 1;
  width: 100%;
  z-index: 10;
  top: 50%;
  font-size: 4.3vw;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #bg_illust .img_wrap p.text {
    top: 70%;
    font-size: 7vw;
  }
}
#recruit_lp #bg_illust .img_wrap p.text.orange {
  -webkit-transform: translateY(-300%);
          transform: translateY(-300%);
}
#recruit_lp #bg_illust .img_wrap p.text.orange strong {
  color: #ff4c1a;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #bg_illust .img_wrap p.text.orange {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#recruit_lp #bg_illust .img_wrap p.text.blue {
  -webkit-transform: translateY(200%);
          transform: translateY(200%);
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #bg_illust .img_wrap p.text.blue {
    -webkit-transform: translateY(130%);
            transform: translateY(130%);
  }
}
#recruit_lp #bg_illust .img_wrap p.text.blue strong {
  color: #00abfa;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #bg_illust .img_wrap p.loop_text.gradient {
    position: absolute;
    top: 18%;
  }
}
#recruit_lp #support {
  padding: 18.4vw 0 5vw;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #support {
    padding: 32vw 0 25vw;
    margin-bottom: -5px;
  }
}
#recruit_lp #support:before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: url(/-/media/BREXA-Next/img/lp/bg_support.png) no-repeat right top;
  background-size: 100% auto;
  background-attachment: fixed;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #support:before {
    background: url(/-/media/BREXA-Next/img/lp/bg_support_sp.png) no-repeat right -3%;
    background-size: 100% auto;
  }
}
#recruit_lp #support.view:before {
  opacity: 0;
}
#recruit_lp #support .deco_title img {
  height: 10.33vw;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #support .deco_title img {
    height: 154px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #support .deco_title img {
    height: 12.2vw;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #support .x_scroll .scroll_item + .scroll_item {
    margin-top: 1em;
  }
}
#recruit_lp #support .x_scroll .scroll_item .set_wrap {
  position: relative;
}
#recruit_lp #support .x_scroll .scroll_item .set_wrap .info {
  position: absolute;
  color: #fff;
  left: 2.5em;
  bottom: 2.3em;
  padding-right: 2.5em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #support .x_scroll .scroll_item .set_wrap .info {
    left: 1.5em;
    bottom: 1.3em;
    padding-right: 1.5em;
  }
}
#recruit_lp #support .x_scroll .scroll_item .set_wrap .info p {
  font-size: 1.04vw;
  line-height: 2;
  min-height: 6em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #support .x_scroll .scroll_item .set_wrap .info p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #support .x_scroll .scroll_item .set_wrap .info p {
    min-height: auto;
    line-height: 1.8;
    font-size: 3vw;
  }
}
#recruit_lp #support .x_scroll .scroll_item .set_wrap .info p.title {
  font-weight: 600;
  font-size: 1.555vw;
  line-height: 1.3;
  min-height: auto;
  margin-bottom: 0.2em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #support .x_scroll .scroll_item .set_wrap .info p.title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #support .x_scroll .scroll_item .set_wrap .info p.title {
    font-size: 4.5vw;
  }
}
#recruit_lp #support .x_scroll .scroll_item .set_wrap .info p.title span {
  display: block;
  font-family: "Jost", sans-serif;
  font-weight: 100;
  font-size: 5.2vw;
  line-height: 1;
  letter-spacing: 4px;
  margin-bottom: 0.02em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #support .x_scroll .scroll_item .set_wrap .info p.title span {
    font-size: 80px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #support .x_scroll .scroll_item .set_wrap .info p.title span {
    font-weight: 200;
    font-size: 10vw;
  }
}
#recruit_lp #support .x_scroll .scroll_item .set_wrap img {
  border-radius: 2vw;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #support .x_scroll .scroll_item .set_wrap img {
    border-radius: 4vw;
  }
}
#recruit_lp #advices .bg,
#recruit_lp #faq .bg {
  background: url(/-/media/BREXA-Next/img/lp/bg_round_middle.gif) repeat-y center top;
  background-size: 100% auto;
  position: relative;
  z-index: 10;
}
#recruit_lp #advices {
  padding: 14.33vw 0 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices {
    padding: 25vw 0 0;
  }
}
#recruit_lp #advices:before {
  background: url(/-/media/BREXA-Next/img/lp/bg_x_scroll.png) no-repeat left top;
  background-size: contain;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -7vw;
  left: 0;
  z-index: 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices:before {
    background: url(/-/media/BREXA-Next/img/lp/bg_x_scroll_sp.png) no-repeat left 0;
    background-size: 100% auto;
    top: -23vw;
  }
}
#recruit_lp #advices:after {
  background: url(/-/media/BREXA-Next/img/lp/bg_round_top.png) no-repeat center top;
  background-size: 100% auto;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices:after {
    background: url(/-/media/BREXA-Next/img/lp/bg_round_top_sp.png) no-repeat center top;
    background-size: 100% auto;
  }
}
#recruit_lp #advices .deco_title {
  position: relative;
  z-index: 10;
}
#recruit_lp #advices #advices_movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  margin-bottom: 3.6vw;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices #advices_movie {
    margin-bottom: 55px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_movie {
    display: block;
    position: relative;
    margin-bottom: 2.5em;
  }
}
#recruit_lp #advices #advices_movie.up .info,
#recruit_lp #advices #advices_movie.up .movie {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media only screen and (min-width: 901px) {
  #recruit_lp #advices #advices_movie .sp_title {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_movie .sp_title {
    margin-bottom: 1em;
  }
}
#recruit_lp #advices #advices_movie .info,
#recruit_lp #advices #advices_movie .movie {
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.up #recruit_lp #advices #advices_movie .info,
.up #recruit_lp #advices #advices_movie .movie {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media only screen and (min-width: 901px) {
  #recruit_lp #advices #advices_movie .info {
    width: calc(50% - 188px);
    max-width: 312px;
    margin-right: 5vw;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_movie .info {
    margin-top: 1em;
  }
  #recruit_lp #advices #advices_movie .info h3 {
    display: none;
  }
}
#recruit_lp #advices #advices_movie .info h4 {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.43vw;
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices #advices_movie .info h4 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_movie .info h4 {
    font-size: 4.5vw;
  }
}
#recruit_lp #advices #advices_movie .info h4 span {
  font-size: 72.727272727%;
  font-weight: 400;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_movie .info dl .dl_set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #recruit_lp #advices #advices_movie .info dl .dl_set dt {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 3.5em;
  }
}
#recruit_lp #advices #advices_movie .info dl .dl_set + .dl_set {
  margin-top: 0.5em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_movie .info dl .dl_set + .dl_set {
    margin-top: 0.2em;
  }
}
#recruit_lp #advices #advices_movie .info dl .dl_set dt {
  font-size: 0.9vw;
  font-weight: 600;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices #advices_movie .info dl .dl_set dt {
    font-size: 14px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_movie .info dl .dl_set dt {
    font-size: 3vw;
  }
}
#recruit_lp #advices #advices_movie .info dl .dl_set dd {
  font-size: 1.04vw;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices #advices_movie .info dl .dl_set dd {
    font-size: 16px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_movie .info dl .dl_set dd {
    font-size: 3vw;
  }
}
#recruit_lp #advices #advices_movie .movie {
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  width: calc(50% + 188px);
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_movie .movie {
    width: 100%;
  }
}
#recruit_lp #advices #advices_slide {
  overflow: hidden;
}
#recruit_lp #advices #advices_slide .title_wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5em;
}
#recruit_lp #advices #advices_slide #slide_tab {
  background-color: #fff;
  border-radius: 50px;
  padding: 13px 24px;
  margin-bottom: 25px;
}
#recruit_lp #advices #advices_slide #slide_tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 -10px;
}
#recruit_lp #advices #advices_slide #slide_tab ul.position2 li:first-child:before {
  left: calc(100% + 10px);
}
#recruit_lp #advices #advices_slide #slide_tab ul.position3 li:first-child:before {
  left: calc(200% + 10px);
}
#recruit_lp #advices #advices_slide #slide_tab ul.position4 li:first-child:before {
  left: calc(300% + 10px);
}
#recruit_lp #advices #advices_slide #slide_tab ul.position5 li:first-child:before {
  left: calc(400% + 10px);
}
#recruit_lp #advices #advices_slide #slide_tab ul li {
  position: relative;
  width: 20%;
  padding: 0 10px;
}
#recruit_lp #advices #advices_slide #slide_tab ul li:first-child:before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #e6e6e6;
  border-radius: 50px;
  content: "";
  display: block;
  width: 20%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 100%;
}
#recruit_lp #advices #advices_slide #slide_tab ul li span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-radius: 50px;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 1.03vw;
  font-weight: 500;
  line-height: 1.3;
  min-height: 4.172em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices #advices_slide #slide_tab ul li span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1025px) {
  #recruit_lp #advices #advices_slide #slide_tab ul li span {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #advices #advices_slide #slide_tab ul li span:hover {
    color: #127ffa;
    opacity: 0.8;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_slide #slide_tab {
    border-radius: 0;
    padding: 0.5em 40px;
    margin: 0 -40px 1em;
  }
  #recruit_lp #advices #advices_slide #slide_tab ul {
    margin: 0 -5px;
  }
  #recruit_lp #advices #advices_slide #slide_tab ul li {
    padding: 0 5px;
  }
  #recruit_lp #advices #advices_slide #slide_tab ul li span {
    font-size: 1.5vw;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #advices #advices_slide #slide_tab {
    overflow-x: auto;
  }
  #recruit_lp #advices #advices_slide #slide_tab ul {
    width: 200%;
  }
  #recruit_lp #advices #advices_slide #slide_tab ul li:first-child:before {
    display: none;
  }
  #recruit_lp #advices #advices_slide #slide_tab ul li.active span {
    background-color: #e6e6e6;
  }
  #recruit_lp #advices #advices_slide #slide_tab ul li span {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 3.2vw;
    min-height: 5em;
    padding: 1em 1em;
  }
}
#recruit_lp #advices #advices_slide .tab_cont {
  display: none;
}
#recruit_lp #advices #advices_slide .tab_cont:first-child {
  display: block;
}
#recruit_lp #advices #advices_slide .slide_area {
  position: relative;
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap {
  overflow: hidden;
  padding-right: 100%;
  margin-right: -100%;
  opacity: 0;
}
@media only screen and (max-width: 640px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap {
    margin-right: -120%;
  }
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap.slick-initialized {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track {
    margin: 0 -10px;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track {
    margin: 0 -5px;
  }
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item {
  padding: 0 20px;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item {
    padding: 0 5px;
  }
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .movie_wrap {
  margin-bottom: 1.3em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .movie_wrap {
    border-radius: 5vw;
  }
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info ul.prof li {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.42vw;
  font-weight: 700;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info ul.prof li {
    font-size: 22px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info ul.prof li {
    font-size: 2.8vw;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info ul.prof li {
    font-size: 4vw;
  }
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info ul.prof li span {
  font-size: 72.727272727%;
  font-weight: 400;
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info dl dt {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.42vw;
  font-weight: 700;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info dl dt {
    font-size: 22px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info dl dt {
    font-size: 4vw;
  }
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info dl dt span {
  font-size: 72.727272727%;
  font-weight: 400;
}
#recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info dl dd {
  font-size: 1.1vw;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info dl dd {
    font-size: 16px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices #advices_slide .slide_area .slide_wrap .slick-track .item .info dl dd {
    font-size: 3vw;
  }
}
#recruit_lp #advices #advices_slide .slide_area #slide_dots {
  margin-top: 2.35vw;
}
#recruit_lp #advices #advices_slide .slide_area #slide_dots .slick-dots {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#recruit_lp #advices #advices_slide .slide_area #slide_dots .slick-dots li + li {
  margin-left: 12px;
}
#recruit_lp #advices #advices_slide .slide_area #slide_dots .slick-dots li button {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: #aaa;
  width: 8px;
  border-radius: 8px;
  height: 8px;
  overflow: hidden;
  text-indent: -9999px;
}
#recruit_lp #advices #advices_slide .slide_area #slide_dots .slick-dots li.slick-active button {
  background-color: #d83215;
}
#recruit_lp #advices #advices_slide .slide_area #slide_arrow .slick-arrow {
  background-color: rgba(0, 0, 0, 0.8);
  border: 1px solid #000;
  border-radius: 3.5em;
  cursor: pointer;
  width: 3.5em;
  height: 3.5em;
  position: absolute;
  top: 15vw;
  z-index: 100;
}
#recruit_lp #advices #advices_slide .slide_area #slide_arrow .slick-arrow:before {
  background: url(/-/media/BREXA-Next/img/lp/ar_r.svg) no-repeat 50% 50%;
  background-size: contain;
  content: "";
  display: block;
  width: 1.2em;
  height: 1em;
  margin: 0 auto;
}
#recruit_lp #advices #advices_slide .slide_area #slide_arrow .slick-arrow.slick-prev {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 0;
}
#recruit_lp #advices #advices_slide .slide_area #slide_arrow .slick-arrow.slick-prev:before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
#recruit_lp #advices #advices_slide .slide_area #slide_arrow .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: translate(-10px, -50%);
          transform: translate(-10px, -50%);
}
#recruit_lp #advices .advices_cont .sp_title p,
#recruit_lp #advices .advices_cont h3 {
  background: url(/-/media/BREXA-Next/img/lp/img_title_baloon.png) no-repeat left center;
  background-size: cover;
  font-size: 1.7vw;
  font-weight: 500;
  text-align: center;
  max-width: 312px;
  padding: 0.1em 1em 2em;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices .advices_cont .sp_title p,
  #recruit_lp #advices .advices_cont h3 {
    font-size: 26px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices .advices_cont .sp_title p,
  #recruit_lp #advices .advices_cont h3 {
    display: table;
    max-width: none;
    width: 60%;
    font-size: 4.5vw;
    margin: 0 auto;
  }
}
#recruit_lp #advices .advices_cont .sp_title p strong,
#recruit_lp #advices .advices_cont h3 strong {
  font-weight: 500;
}
#recruit_lp #advices .advices_cont .sp_title p strong.orange,
#recruit_lp #advices .advices_cont h3 strong.orange {
  color: #e63200;
}
#recruit_lp #advices .advices_cont .sp_title p strong.blue,
#recruit_lp #advices .advices_cont h3 strong.blue {
  color: #127ffa;
}
#recruit_lp #advices .advices_cont .movie_wrap {
  border-radius: 2vw;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
#recruit_lp #advices .advices_cont .movie_wrap img {
  border-radius: 2vw;
}
#recruit_lp #advices .advices_cont .movie_wrap:after {
  background: rgba(0, 0, 0, 0.5) url(/-/media/BREXA-Next/img/lp/icon_play.png) no-repeat 50% 50%;
  background-size: 7.3vw 7.3vw;
  border-radius: 2vw;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices .advices_cont .movie_wrap:after {
    background-size: 112px 112px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices .advices_cont .movie_wrap:after {
    background-size: 18vw 18vw;
  }
}
#recruit_lp #advices .advices_cont .movie_wrap.on:after {
  display: none;
}
#recruit_lp #advices .advices_cont .movie_wrap.on img {
  opacity: 0;
  z-index: 0;
}
#recruit_lp #advices .advices_cont .movie_wrap img {
  position: relative;
  z-index: 2;
}
#recruit_lp #advices .advices_cont .movie_wrap video,
#recruit_lp #advices .advices_cont .movie_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#recruit_lp #advices .advices_cont ul.tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1em -5px -10px;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices .advices_cont ul.tag {
    margin: 0.5em -3px -6px;
  }
}
#recruit_lp #advices .advices_cont ul.tag li {
  padding: 0 5px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices .advices_cont ul.tag li {
    padding: 0 3px;
    margin-bottom: 6px;
  }
}
#recruit_lp #advices .advices_cont ul.tag li span {
  background-color: #222;
  color: #fff;
  display: block;
  font-size: 0.84vw;
  padding: 0.5em 1em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #advices .advices_cont ul.tag li span {
    font-size: 13px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #advices .advices_cont ul.tag li span {
    font-size: 2.5vw;
  }
}
#recruit_lp #tab_data {
  display: none;
}
#recruit_lp #faq {
  background: none;
  padding-bottom: 22vw;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq {
    padding-bottom: 35vw;
  }
}
#recruit_lp #faq .cont_title {
  margin-bottom: 5em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq .cont_title {
    margin-bottom: 4em;
  }
}
#recruit_lp #faq .bg {
  padding: 14vw 0 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq .bg {
    padding: 22vw 0 0;
  }
}
#recruit_lp #faq:before {
  background: url(/-/media/BREXA-Next/img/lp/bg_round_bottom.png) no-repeat center bottom;
  background-size: 100% auto;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq:before {
    background: url(/-/media/BREXA-Next/img/lp/bg_round_bottom_sp.png) no-repeat center bottom;
    background-size: 100% auto;
  }
}
@media only screen and (min-width: 901px) {
  #recruit_lp #faq #faq_list {
    margin-top: -2vw;
    -webkit-transform: translateY(2vw);
            transform: translateY(2vw);
  }
}
#recruit_lp #faq #faq_list .main_width {
  max-width: 1080px;
}
#recruit_lp #faq #faq_list dl .dl_set {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 1.2vw;
}
#recruit_lp #faq #faq_list dl .dl_set + .dl_set {
  margin-top: 10px;
}
#recruit_lp #faq #faq_list dl .dl_set dt,
#recruit_lp #faq #faq_list dl .dl_set dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq #faq_list dl .dl_set dt,
  #recruit_lp #faq #faq_list dl .dl_set dd {
    padding: 0 0.8em;
  }
}
#recruit_lp #faq #faq_list dl .dl_set dt:before,
#recruit_lp #faq #faq_list dl .dl_set dd:before {
  content: "";
  display: block;
  font-family: "Jost", sans-serif;
  width: 3.5vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq #faq_list dl .dl_set dt:before,
  #recruit_lp #faq #faq_list dl .dl_set dd:before {
    width: 7vw;
  }
}
#recruit_lp #faq #faq_list dl .dl_set dt strong,
#recruit_lp #faq #faq_list dl .dl_set dd strong {
  font-weight: 700;
}
#recruit_lp #faq #faq_list dl .dl_set dt {
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  position: relative;
}
#recruit_lp #faq #faq_list dl .dl_set dt.active span.icon:after {
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
}
#recruit_lp #faq #faq_list dl .dl_set dt span {
  display: block;
}
#recruit_lp #faq #faq_list dl .dl_set dt span.text {
  font-size: 1.3vw;
  font-weight: 500;
  position: relative;
  padding: 2em 3em 2em 1em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #faq #faq_list dl .dl_set dt span.text {
    font-size: 20px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq #faq_list dl .dl_set dt span.text {
    font-size: 3.5vw;
    padding: 1.8em 1.5em 1.8em 0.5em;
  }
}
#recruit_lp #faq #faq_list dl .dl_set dt span.icon {
  background-color: #e63200;
  border-radius: 2.8em;
  display: block;
  font-size: 1.45vw;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq #faq_list dl .dl_set dt span.icon {
    width: 4em;
    height: 4em;
  }
}
#recruit_lp #faq #faq_list dl .dl_set dt span.icon:before, #recruit_lp #faq #faq_list dl .dl_set dt span.icon:after {
  background-color: #fff;
  content: "";
  display: block;
  width: 1em;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq #faq_list dl .dl_set dt span.icon:before, #recruit_lp #faq #faq_list dl .dl_set dt span.icon:after {
    width: 1.6em;
  }
}
#recruit_lp #faq #faq_list dl .dl_set dt span.icon:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
}
#recruit_lp #faq #faq_list dl .dl_set dt:before {
  content: "Q";
  background: -webkit-linear-gradient(0, #14b1fa, #55c6fa, #f3f5f7, #e66d4b, #e63201);
  -webkit-background-clip: text; /*背景をテキストでマスクする*/
  -webkit-text-fill-color: transparent;
  font-size: 4.15vw;
  padding-top: 0.1em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #faq #faq_list dl .dl_set dt:before {
    font-size: 64px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq #faq_list dl .dl_set dt:before {
    padding-top: 0.35em;
    font-size: 8vw;
  }
}
#recruit_lp #faq #faq_list dl .dl_set dd {
  border-top: 1px solid #d9d9d9;
}
#recruit_lp #faq #faq_list dl .dl_set dd span {
  font-size: 1.04vw;
  padding: 1.5em 0 1.5em 1.2em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #faq #faq_list dl .dl_set dd span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq #faq_list dl .dl_set dd span {
    font-size: 3vw;
    padding: 1.3em 1.3em 1em;
  }
}
#recruit_lp #faq #faq_list dl .dl_set dd a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: underline;
  text-underline-offset: 0.3em;
  margin-top: 0.3em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq #faq_list dl .dl_set dd a {
    margin-top: 0.5em;
  }
}
#recruit_lp #faq #faq_list dl .dl_set dd a:after {
  background: url(/-/media/BREXA-Next/img/lp/icon_blank.svg) no-repeat 50% 50%;
  background-size: contain;
  content: "";
  width: 1em;
  height: 1em;
  margin-left: 0.3em;
}
@media only screen and (min-width: 1025px) {
  #recruit_lp #faq #faq_list dl .dl_set dd a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #faq #faq_list dl .dl_set dd a:after {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #faq #faq_list dl .dl_set dd a:hover {
    text-decoration: none;
  }
  #recruit_lp #faq #faq_list dl .dl_set dd a:hover:after {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}
#recruit_lp #faq #faq_list dl .dl_set dd:before {
  content: "A";
  color: #e63200;
  font-size: 3.1vw;
  padding-left: 0.1em;
}
@media only screen and (min-width: 1501px) {
  #recruit_lp #faq #faq_list dl .dl_set dd:before {
    font-size: 48px;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #faq #faq_list dl .dl_set dd:before {
    font-size: 8vw;
  }
}
#recruit_lp .loop_text.gradient {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  font-family: "Jost", sans-serif;
  font-size: 8vw;
  white-space: nowrap;
  font-weight: 300;
  -webkit-animation: loop_text2 300s infinite linear;
          animation: loop_text2 300s infinite linear;
  margin: 0;
}
#recruit_lp .loop_text.gradient span {
  background: -webkit-linear-gradient(0, #14b1fa, #55c6fa, #f3f5f7, #e66d4b, #e63201);
  -webkit-background-clip: text; /*背景をテキストでマスクする*/
  -webkit-text-fill-color: transparent;
}
#recruit_lp #entry {
  overflow: hidden;
  opacity: 0;
  position: relative;
  z-index: 3;
  padding-top: 30vw;
  margin-top: -30vw;
  margin-bottom: -15vw;
}
#recruit_lp #entry:before {
  background: #fff url(/-/media/BREXA-Next/img/lp/bg_btm.png) no-repeat center 0;
  background-size: 100% auto;
  content: "";
  position: absolute;
  top: 30vw;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
}
@media only screen and (max-width: 900px) {
  #recruit_lp #entry:before {
    background: #fff url(/-/media/BREXA-Next/img/lp/bg_btm_sp.png) no-repeat center -100%;
    background-size: 100% auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    bottom: auto;
    top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #recruit_lp #entry {
    margin-bottom: -20vw;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #entry {
    opacity: 1 !important;
    margin-bottom: -2vw;
  }
}
#recruit_lp #entry.view {
  opacity: 1;
}
#recruit_lp #entry #entry_wrap {
  position: relative;
  z-index: 2;
  text-align: center;
  padding: 35vw 0 15vw;
}
#recruit_lp #entry #entry_wrap:before {
  background: url(/-/media/BREXA-Next/img/lp/bg_entry.png) no-repeat center 190%;
  background-size: 100% auto;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #entry #entry_wrap:before {
    background: url(/-/media/BREXA-Next/img/lp/bg_entry_sp.png) no-repeat center 100%;
    background-size: 100% auto;
    bottom: -13%;
  }
}
@media only screen and (max-width: 1024px) {
  #recruit_lp #entry #entry_wrap {
    padding: 40vw 0 14.4vw;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #entry #entry_wrap {
    padding: 25vw 0 18vw;
  }
}
@media only screen and (max-width: 640px) {
  #recruit_lp #entry #entry_wrap {
    padding: 20vw 0 15vw;
  }
}
#recruit_lp #entry #entry_wrap .lead {
  position: relative;
  z-index: 5;
}
#recruit_lp #entry #entry_wrap .lead h2 {
  color: #222;
  font-family: "Noto Serif JP", serif;
  font-style: italic;
  font-size: 4.18vw;
  margin-bottom: 0.2em;
}
@media only screen and (max-width: 900px) {
  #recruit_lp #entry #entry_wrap .lead h2 {
    font-size: 7.5vw;
    margin-bottom: 0.5em;
  }
}
#recruit_lp #entry #entry_wrap .lead p {
  font-size: 1.04vw;
  line-height: 2;
  margin-bottom: 2em;
}
@media only screen and (min-width: 901px) {
  #recruit_lp #entry #entry_wrap .lead p br {
    display: none;
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #entry #entry_wrap .lead p {
    font-size: 3vw;
  }
}
#recruit_lp #entry #entry_wrap .lead a {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  display: block;
  max-width: 456px;
  width: 100%;
  position: relative;
  padding: 3.5em 2em;
  margin: 0 auto 3em;
}
#recruit_lp #entry #entry_wrap .lead a:after {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background: #1dace8 url(/-/media/BREXA-Next/img/lp/ar_r.svg) no-repeat 50% 50%;
  background-size: 1em 1em;
  border-radius: 3em;
  content: "";
  display: block;
  width: 3em;
  height: 3em;
}
@media only screen and (min-width: 901px) {
  #recruit_lp #entry #entry_wrap .lead a:after {
    position: absolute;
    top: 50%;
    right: 1em;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #entry #entry_wrap .lead a:after {
    font-size: 2vw;
    margin: 1.5em auto 0;
  }
}
@media only screen and (min-width: 1025px) {
  #recruit_lp #entry #entry_wrap .lead a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  #recruit_lp #entry #entry_wrap .lead a:hover {
    opacity: 0.8;
  }
  #recruit_lp #entry #entry_wrap .lead a:hover:after {
    -webkit-transform: translateY(-50%) scale(1.1);
            transform: translateY(-50%) scale(1.1);
  }
}
@media only screen and (max-width: 900px) {
  #recruit_lp #entry #entry_wrap .lead a {
    width: 60%;
    padding: 2em 2em 1.5em;
  }
  #recruit_lp #entry #entry_wrap .lead a img {
    width: 100%;
  }
}
#recruit_lp #entry #entry_wrap .lead a img {
  margin: 0 auto;
}
#recruit_lp #entry #entry_wrap .loop_text.gradient {
  position: static;
  -webkit-animation: loop_text3 10s infinite linear;
          animation: loop_text3 10s infinite linear;
}
@-webkit-keyframes loop_text2 {
  from {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  to {
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
}
@keyframes loop_text2 {
  from {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  to {
    -webkit-transform: translate(-100%, -50%);
            transform: translate(-100%, -50%);
  }
}
@-webkit-keyframes loop_text3 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-100%, 0%);
            transform: translate(-100%, 0%);
  }
}
@keyframes loop_text3 {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(-100%, 0%);
            transform: translate(-100%, 0%);
  }
}
#recruit_lp #footer__area {
  position: relative;
  z-index: 10;
}

.bg_white {
  background-color: #fff;
}

.x_scroll {
  position: relative;
  z-index: 10;
}
@media only screen and (min-width: 901px) {
  .x_scroll {
    overflow-x: clip;
  }
  .x_scroll .scroll_area {
    color: #fff;
  }
  .x_scroll .scroll_area .scroll_area_wrap {
    position: sticky;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100vh;
  }
  .x_scroll .scroll_area .scroll_area_wrap .scroll_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100vh;
    padding: 5vw 0;
    margin: 0 -10px;
  }
  .x_scroll .scroll_area .scroll_area_wrap .scroll_list .scroll_item {
    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;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: calc(100vh - 5vw);
    max-height: 600px;
    padding: 0 10px;
  }
  .x_scroll .scroll_area .scroll_area_wrap .scroll_list .scroll_item .set_wrap {
    height: 100%;
    max-height: 100%;
  }
  .x_scroll .scroll_area .scroll_area_wrap .scroll_list .scroll_item .set_wrap img {
    width: auto;
    height: 100%;
    max-width: none;
  }
}
@media only screen and (max-width: 900px) {
  .x_scroll .scroll_area {
    height: auto !important;
  }
}

@media only screen and (max-width: 900px) {
  .scroll_area {
    height: auto !important;
  }
  .scroll_container {
    -webkit-transform: translateX(0) !important;
            transform: translateX(0) !important;
  }
}