/* line 3, recruit-common.scss */
body {
  background-color: #EFF9FC;
  background-image: url("../img/bg_body-recruit.svg");
  background-repeat: no-repeat;
  background-position: left top; }
  @media screen and (max-width: 800px) {
    /* line 3, recruit-common.scss */
    body {
      background-size: 205px 153px; } }

/* line 12, recruit-common.scss */
.en {
  font-family: "Oxanium", sans-serif; }

/* line 16, recruit-common.scss */
.site-header {
  position: absolute;
  width: 100%;
  height: 98px;
  background: none;
  border-bottom: none; }
  @media screen and (max-width: 800px) {
    /* line 16, recruit-common.scss */
    .site-header {
      height: 68px; } }
  /* line 25, recruit-common.scss */
  .site-header .site-title {
    left: 40px;
    top: 35px;
    translate: 0 0;
    width: 338px;
    height: 51px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover; }
    @media screen and (max-width: 800px) {
      /* line 25, recruit-common.scss */
      .site-header .site-title {
        top: 9px;
        left: 20px;
        width: 154px;
        height: 56px; } }
    /* line 40, recruit-common.scss */
    .site-header .site-title.white {
      background-image: url("../img/logo_recruit_white.svg"); }
      @media screen and (max-width: 800px) {
        /* line 40, recruit-common.scss */
        .site-header .site-title.white {
          display: none;
          background-image: url("../img/logo_recruit_white_sp.svg"); } }
      /* line 46, recruit-common.scss */
      .site-header .site-title.white img {
        opacity: 0; }

/* line 53, recruit-common.scss */
.hmtext {
  position: absolute;
  left: 50%;
  top: 55px;
  translate: -50% 0;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700; }
  @media screen and (max-width: 800px) {
    /* line 53, recruit-common.scss */
    .hmtext {
      top: 38px;
      font-size: 14px; } }

/* line 66, recruit-common.scss */
.hmentry {
  position: fixed;
  right: 98px;
  top: 0px;
  width: 98px;
  height: 98px;
  color: #FFFFFF;
  background-color: #004EB9;
  background-image: url("../img/icon_entry.svg");
  background-repeat: no-repeat;
  background-position: center 25px;
  border-radius: 0 0 0 10px;
  z-index: 4; }
  @media screen and (max-width: 800px) {
    /* line 66, recruit-common.scss */
    .hmentry {
      right: 68px;
      width: 68px;
      height: 68px;
      background-position: center 13px; } }
  /* line 85, recruit-common.scss */
  .hmentry .hmtext {
    top: 57px; }
    @media screen and (max-width: 800px) {
      /* line 85, recruit-common.scss */
      .hmentry .hmtext {
        top: 40px; } }

/* line 92, recruit-common.scss */
#toggle-recruit {
  position: fixed;
  top: 0;
  right: 0;
  width: 98px;
  height: 98px;
  background-color: #1D1D1D;
  border: none;
  padding: 0;
  z-index: 6;
  cursor: pointer;
  transition: background-color 0.3s ease-out; }
  @media screen and (min-width: 800px) {
    /* line 105, recruit-common.scss */
    #toggle-recruit:hover {
      background-color: #5A5A5A; } }
  @media screen and (max-width: 800px) {
    /* line 92, recruit-common.scss */
    #toggle-recruit {
      width: 68px;
      height: 68px; } }
  /* line 113, recruit-common.scss */
  #toggle-recruit .menu-trigger {
    display: block;
    position: relative;
    width: 100%;
    height: 100%; }
    /* line 118, recruit-common.scss */
    #toggle-recruit .menu-trigger span {
      display: block;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      background-color: #FFFFFF;
      width: 24px;
      height: 1px;
      transition: all 0.4s; }
      /* line 127, recruit-common.scss */
      #toggle-recruit .menu-trigger span:nth-of-type(1) {
        top: 30px; }
        @media screen and (max-width: 800px) {
          /* line 127, recruit-common.scss */
          #toggle-recruit .menu-trigger span:nth-of-type(1) {
            top: 19px; } }
      /* line 133, recruit-common.scss */
      #toggle-recruit .menu-trigger span:nth-of-type(2) {
        top: 34px; }
        @media screen and (max-width: 800px) {
          /* line 133, recruit-common.scss */
          #toggle-recruit .menu-trigger span:nth-of-type(2) {
            top: 24px; } }
      /* line 139, recruit-common.scss */
      #toggle-recruit .menu-trigger span:nth-of-type(3) {
        top: 38px; }
        @media screen and (max-width: 800px) {
          /* line 139, recruit-common.scss */
          #toggle-recruit .menu-trigger span:nth-of-type(3) {
            top: 29px; } }
    /* line 147, recruit-common.scss */
    #toggle-recruit .menu-trigger.active :nth-of-type(1) {
      -webkit-transform: translate(-50%, 4px) rotate(35deg);
      transform: translate(-50%, 4px) rotate(35deg); }
    /* line 151, recruit-common.scss */
    #toggle-recruit .menu-trigger.active :nth-of-type(2) {
      opacity: 0; }
    /* line 154, recruit-common.scss */
    #toggle-recruit .menu-trigger.active :nth-of-type(3) {
      -webkit-transform: translate(-50%, -4px) rotate(-35deg);
      transform: translate(-50%, -4px) rotate(-35deg); }

/* line 163, recruit-common.scss */
.mainmenu-recruit {
  position: fixed;
  right: 0;
  top: 0;
  display: grid;
  place-content: center;
  width: 440px;
  height: 100dvh;
  background-color: #FFFFFF;
  border-radius: 48px 0 0 48px;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-out; }
  @media screen and (max-width: 800px) {
    /* line 163, recruit-common.scss */
    .mainmenu-recruit {
      width: calc(100% - 40px); } }
  /* line 180, recruit-common.scss */
  .mainmenu-recruit.open {
    opacity: 1;
    pointer-events: auto; }
  /* line 184, recruit-common.scss */
  .mainmenu-recruit nav {
    width: 230px; }
    /* line 186, recruit-common.scss */
    .mainmenu-recruit nav ul {
      width: 100%;
      margin: 0;
      padding: 0; }
      /* line 190, recruit-common.scss */
      .mainmenu-recruit nav ul li {
        width: 100%;
        margin: 0 0 15px;
        padding: 0; }
        /* line 194, recruit-common.scss */
        .mainmenu-recruit nav ul li a {
          font-size: 18px;
          font-weight: 500;
          text-decoration: none; }
          @media screen and (min-width: 800px) {
            /* line 199, recruit-common.scss */
            .mainmenu-recruit nav ul li a:hover {
              color: #004EB9;
              text-decoration: underline; } }
        /* line 205, recruit-common.scss */
        .mainmenu-recruit nav ul li.rmentry {
          margin: 40px 0 0; }
          /* line 207, recruit-common.scss */
          .mainmenu-recruit nav ul li.rmentry a {
            display: grid;
            place-content: center;
            width: 100%;
            height: 60px;
            color: #FFFFFF;
            font-family: "Oxanium", sans-serif;
            font-size: 18px;
            font-weight: 700;
            background-color: #004EB9;
            border-radius: 9999px; }
            @media screen and (min-width: 800px) {
              /* line 219, recruit-common.scss */
              .mainmenu-recruit nav ul li.rmentry a:hover {
                color: #FFFFFF;
                text-decoration: none; } }

/* line 234, recruit-common.scss */
.recruit-pagemenu ul {
  margin: 0;
  padding: 0; }
  /* line 237, recruit-common.scss */
  .recruit-pagemenu ul li {
    margin: 0 0 10px;
    padding: 0; }
    /* line 240, recruit-common.scss */
    .recruit-pagemenu ul li:last-child {
      margin-bottom: 0; }
    /* line 244, recruit-common.scss */
    .recruit-pagemenu ul li:nth-child(1) a {
      background-image: url("../img/bg_mrecruit01.svg"); }
    /* line 249, recruit-common.scss */
    .recruit-pagemenu ul li:nth-child(2) a {
      background-image: url("../img/bg_mrecruit02.svg"); }
    /* line 254, recruit-common.scss */
    .recruit-pagemenu ul li:nth-child(3) a {
      background-image: url("../img/bg_mrecruit03.svg"); }
    /* line 259, recruit-common.scss */
    .recruit-pagemenu ul li:nth-child(4) a {
      background-image: url("../img/bg_mrecruit04.svg"); }
    /* line 264, recruit-common.scss */
    .recruit-pagemenu ul li:nth-child(5) a {
      background-image: url("../img/bg_mrecruit05.svg"); }
    /* line 269, recruit-common.scss */
    .recruit-pagemenu ul li:nth-child(6) a {
      background-image: url("../img/bg_mrecruit06.svg"); }
    /* line 273, recruit-common.scss */
    .recruit-pagemenu ul li a {
      display: inline-block;
      font-size: 14px;
      font-weight: 500;
      text-decoration: none;
      background-repeat: no-repeat;
      background-position: left center;
      padding: 5px 0 5px 45px;
      transition: color 0.3s ease-out; }
      @media screen and (min-width: 800px) {
        /* line 283, recruit-common.scss */
        .recruit-pagemenu ul li a:hover {
          color: #004EB9;
          text-decoration: underline; } }

/* line 295, recruit-common.scss */
.page-title {
  margin-top: 120px; }
  @media screen and (max-width: 800px) {
    /* line 295, recruit-common.scss */
    .page-title {
      margin-top: 90px; } }
  /* line 301, recruit-common.scss */
  .page-title h1 .en {
    color: #004EB9;
    margin-bottom: 10px; }
    @media screen and (max-width: 800px) {
      /* line 301, recruit-common.scss */
      .page-title h1 .en {
        margin-bottom: 5px; } }

/* line 313, recruit-common.scss */
.circle {
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none; }
  /* line 318, recruit-common.scss */
  .circle.bc {
    background: linear-gradient(-150deg, #004eb9 0%, #fff 100%); }
  /* line 321, recruit-common.scss */
  .circle.gc {
    background: linear-gradient(-140deg, #34bf85 0%, #e6fff5 100%); }

/* line 329, recruit-common.scss */
.footer {
  margin-top: 90px;
  padding: 0 0 80px;
  background: linear-gradient(rgba(231, 236, 248, 0) 0%, #e7ecf8 20%, #e7ecf8 100%); }
  @media screen and (max-width: 800px) {
    /* line 329, recruit-common.scss */
    .footer {
      margin-top: 0;
      padding: 160px 0 40px; } }
  /* line 337, recruit-common.scss */
  .footer::before {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 588px;
    height: 278px;
    content: "";
    background-image: url("../img/bg_footer-recruit.svg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    z-index: 0;
    pointer-events: none; }
    @media screen and (max-width: 800px) {
      /* line 337, recruit-common.scss */
      .footer::before {
        width: 286px;
        height: 135px; } }
  /* line 355, recruit-common.scss */
  .footer .entry-circle {
    position: relative;
    width: 100%; }
    @media screen and (max-width: 800px) {
      /* line 355, recruit-common.scss */
      .footer .entry-circle {
        width: 167vw;
        left: 50%;
        translate: -50% 0; } }
    /* line 363, recruit-common.scss */
    .footer .entry-circle img {
      width: 100%; }
  /* line 367, recruit-common.scss */
  .footer .mynavilink {
    display: flex;
    justify-content: center;
    gap: 0 30px;
    margin: 0 0 45px;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 367, recruit-common.scss */
      .footer .mynavilink {
        flex-wrap: wrap;
        gap: 35px 0;
        margin-bottom: 35px; } }
    /* line 378, recruit-common.scss */
    .footer .mynavilink li {
      width: 26.8%;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 378, recruit-common.scss */
        .footer .mynavilink li {
          width: 100%; } }
      /* line 385, recruit-common.scss */
      .footer .mynavilink li a {
        display: block;
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        text-decoration: none; }
        /* line 391, recruit-common.scss */
        .footer .mynavilink li a .mynavi-img {
          display: grid;
          place-content: center;
          width: 100%;
          height: 77px;
          background-color: #FFFFFF;
          border-radius: 14px;
          margin-top: 15px; }
          @media screen and (max-width: 800px) {
            /* line 391, recruit-common.scss */
            .footer .mynavilink li a .mynavi-img {
              margin-top: 8px; } }
  /* line 406, recruit-common.scss */
  .footer .btn_entry {
    display: grid;
    place-content: center;
    width: 100%;
    max-width: 480px;
    height: 127px;
    color: #FFFFFF;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    background-color: #004EB9;
    border-radius: 9999px;
    margin: 0 auto 80px; }
    @media screen and (max-width: 800px) {
      /* line 406, recruit-common.scss */
      .footer .btn_entry {
        max-width: inherit;
        height: 108px;
        margin-bottom: 45px; } }
    /* line 424, recruit-common.scss */
    .footer .btn_entry .l-text {
      display: block;
      width: 100%;
      font-size: 32px;
      line-height: 1.4;
      margin-bottom: 5px; }
      @media screen and (max-width: 800px) {
        /* line 424, recruit-common.scss */
        .footer .btn_entry .l-text {
          font-size: 27px; } }
    /* line 434, recruit-common.scss */
    .footer .btn_entry .s-text {
      display: block;
      width: 100%;
      font-size: 16px;
      padding-bottom: 10px; }
      @media screen and (max-width: 800px) {
        /* line 434, recruit-common.scss */
        .footer .btn_entry .s-text {
          font-size: 13px; } }
  /* line 444, recruit-common.scss */
  .footer .footer-info {
    padding-top: 40px;
    border-top: 1px solid #707070; }
    @media screen and (max-width: 800px) {
      /* line 444, recruit-common.scss */
      .footer .footer-info {
        padding-top: 30px; } }
    /* line 450, recruit-common.scss */
    .footer .footer-info .logo_footer {
      max-width: 390px;
      text-align: center;
      margin: 0 auto 25px; }
      @media screen and (max-width: 800px) {
        /* line 450, recruit-common.scss */
        .footer .footer-info .logo_footer {
          max-width: 276px;
          margin: 0 auto 35px; } }
    /* line 460, recruit-common.scss */
    .footer .footer-info .recruit-pagemenu ul {
      display: flex;
      justify-content: center;
      gap: 0 40px;
      margin-bottom: 85px; }
      @media screen and (max-width: 800px) {
        /* line 460, recruit-common.scss */
        .footer .footer-info .recruit-pagemenu ul {
          flex-wrap: wrap;
          justify-content: flex-start;
          gap: 10px 0;
          margin-bottom: 55px; } }
      @media screen and (max-width: 800px) {
        /* line 471, recruit-common.scss */
        .footer .footer-info .recruit-pagemenu ul li {
          width: 50%;
          margin-bottom: 0; } }
      /* line 476, recruit-common.scss */
      .footer .footer-info .recruit-pagemenu ul li a {
        padding-left: 40px; }
  /* line 483, recruit-common.scss */
  .footer .footer-bottom {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 800px) {
      /* line 483, recruit-common.scss */
      .footer .footer-bottom {
        display: block; } }
    /* line 489, recruit-common.scss */
    .footer .footer-bottom p {
      margin: 0; }
      @media screen and (max-width: 800px) {
        /* line 489, recruit-common.scss */
        .footer .footer-bottom p {
          text-align: center; } }
      @media screen and (max-width: 800px) {
        /* line 494, recruit-common.scss */
        .footer .footer-bottom p.f-corporatelink {
          display: block;
          margin-bottom: 80px; } }
      /* line 499, recruit-common.scss */
      .footer .footer-bottom p.f-corporatelink a {
        display: inline-block;
        font-size: 14px;
        text-decoration: none;
        background-image: url("../img/icon_link.svg");
        background-repeat: no-repeat;
        background-position: right center;
        border-bottom: 1px solid #1D1D1D;
        padding-right: 22px; }
      /* line 510, recruit-common.scss */
      .footer .footer-bottom p.f-copyright {
        font-size: 13px; }

/*# sourceMappingURL=recruit-common.css.map */