@media (max-width: 1024px) {
  body {
    line-height: 1;
  }

  h3 {
    font-weight: normal;
    margin-block-end: 0;
    margin-block-start: 0;
    margin-inline-end: 0;
    margin-inline-start: 0;
  }

  a:link,
  a:visited,
  a:hover,
  a:active {
    text-decoration: none;
  }

  .bg-gray {
    background-color: #e8e5e5;
  }

  .liver-recruit {
    text-align: center;
  }

  .liver-recruit-title-area {
    position: relative;
    top: -11vw;
  }

  .liver-recruit-title {
    color: black;
    font-family: 'Oswald', sans-serif;
    font-size: 6.13vw;
    font-weight: normal;
    letter-spacing: calc(8 / 1200 * 100vw);
    margin-bottom: 0;
    margin-top: 0;
    opacity: 1;
    position: relative;
    text-align: center;
    top: -55vw;
  }

  .liver-recruit-sub-title {
    color: black;
    font-size: 2.67vw;
    letter-spacing: 2px;
    position: relative;
    text-align: center;
    top: -51.7vw;
  }

  .liver-recruit-img {
    opacity: 1;
    position: relative;
    top: 19vw;
    width: 100vw;
  }

  .liver-recruit-area {
    background: #53ab6a 0 0 no-repeat padding-box;
    border-radius: 20px;
    height: 42vw;
    left: 3vw;
    opacity: 1;
    position: relative;
    top: 14vw;
    width: 94vw;
  }

  .liver-recruit-border {
    background: #00000000 0 0 no-repeat padding-box;
    border: 3px solid #ffffff;
    border-radius: 10px;
    height: calc(42vw - 6vw - 6px);
    left: 3vw;
    opacity: 1;
    position: absolute;
    top: 3vw;
    width: calc(94vw - 6vw - 6px);
  }

  .liver-recruit-tmp {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }

  .liver-recruit-additional {
    color: #ffffff;
    font-family: "Lucida Grande", "Nirmala UI", sans-serif;
    font-size: 3.5vw;
    line-height: 1.8;
    margin: auto;
    opacity: 1;
    position: relative;
    text-align: center;
    top: 5%;
  }

  .about-gnd-area {
    height: 190vw;
    opacity: 1;
    position: relative;
    top: 16vw;
    width: 100vw;
  }

  .about-gnd-img {
    opacity: 1;
    position: relative;
    top: 8vw;
    width: 49vw;
  }

  .about-gnd-contents {
    position: relative;
    top: -11vw;
  }

  .about-gnd-title {
    color: #000000;
    font-family: 'Oswald', sans-serif;
    font-size: 5vw;
    font-weight: normal;
    letter-spacing: calc(8 / 1200 * 100vw);
    margin: 0;
    opacity: 1;
    padding-left: 10vw;
    position: relative;
    text-align: left;
    top: 30vw;
  }

  .about-gnd-sub-title {
    color: #000000;
    font-size: 2vw;
    letter-spacing: 0;
    opacity: 1;
    padding-left: 30vw;
    position: relative;
    text-align: left;
    top: 30vw;
  }

  .about-gnd-concept1 {
    color: #000000;
    font-family: "Nirmala UI", sans-serif;
    font-size: 4vw;
    font-weight: bold;
    left: 11vw;
    letter-spacing: 1.57px;
    opacity: 1;
    position: relative;
    text-align: left;
    top: 45vw;
    width: 52vw;
  }

  .about-gnd-concept2 {
    color: #000000;
    font-family: "Nirmala UI", sans-serif;
    font-size: 4vw;
    font-weight: bold;
    left: 35vw;
    letter-spacing: 1.57px;
    opacity: 1;
    position: relative;
    text-align: left;
    top: 47vw;
    width: 52vw;
  }

  .about-gnd-detail {
    color: #000000;
    font-family: "Nirmala UI", sans-serif;
    font-size: 3.5vw;
    font-weight: normal;
    margin: auto;
    opacity: 1;
    position: relative;
    text-align: left;
    top: 65vw;
    width: 80vw;
  }

  .support-area {
    height: 155vw;
    opacity: 1;
    position: relative;
    top: 10vw;
    width: 100vw;
  }

  .support-title {
    font-family: 'Oswald', sans-serif;
    font-size: 5vw;
    font-weight: normal;
    letter-spacing: calc(8 / 1200 * 100vw);
    opacity: 1;
    text-align: center;
  }

  .support-sub-title {
    font-size: 2vw;
    letter-spacing: 2px;
    position: relative;
    text-align: center;
    top: -3.4vw;
  }

  .support-img {
    border-radius: 15px;
    display: block;
    height: 32vw;
    opacity: 0.5;
    width: 100%;
    z-index: 1;
  }

  .filter-gray {
    background-color: #252525;
    border-radius: 15px;
    height: 32vw;
    width: 45vw;
  }

  .support-bg1 {
    height: 28vw;
    left: 0;
    position: relative;
    top: -8.5vw;
    width: 80vw;
    z-index: -1;
  }

  .support-1st {
    left: 3%;
    position: relative;
    text-align: center;
    top: -25vw;
  }

  .support-2nd {
    left: 53%;
    position: relative;
    text-align: center;
    top: -57vw;
  }

  .support-bg2 {
    height: 28vw;
    left: 20vw;
    position: relative;
    top: -52vw;
    width: 80vw;
    z-index: -1;
  }

  .support-3rd {
    left: 3%;
    position: relative;
    text-align: center;
    top: -74vw;
  }

  .support-4th {
    left: 53%;
    position: relative;
    text-align: center;
    top: -106vw;
  }

  .support-bg3 {
    height: 28vw;
    left: 0;
    position: relative;
    top: -101vw;
    width: 80vw;
    z-index: -1;
  }

  .support-5th {
    left: 3%;
    position: relative;
    text-align: center;
    top: -123vw;
  }

  .support-6th {
    left: 53%;
    position: relative;
    text-align: center;
    top: -155vw;
  }

  .support-txt {
    background: #cacaca7a;
    color: white;
    font-size: 3vw;
    margin: auto;
    padding: 1vw;
    position: relative;
    top: -18vw;
  }

  .support-txt-1st {
    width: 20vw;
  }

  .support-txt-2nd {
    top: -19vw;
    width: 23vw;
  }

  .support-txt-3rd {
    top: -18vw;
    width: 28vw;
  }

  .support-txt-4th {
    width: 30vw;
  }

  .support-txt-5th {
    width: 39vw;
  }

  .support-txt-6th {
    top: -19vw;
    width: 40vw;
  }

  .support-other {
    font-size: 3vw;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 1.3;
    position: relative;
    text-align: center;
    top: -145vw;
  }

  .weight-normal {
    font-weight: normal;
  }

  .requirements-area {
    background-color: #53ab6a;
    height: 134vw;
    opacity: 1;
    padding-top: 5vw;
    width: 100vw;
  }

  .requirements-title {
    color: white;
    font-family: 'Oswald', sans-serif;
    font-size: 5vw;
    font-weight: normal;
    letter-spacing: calc(8 / 1200 * 100vw);
    margin-top: 0;
    opacity: 1;
    text-align: center;
  }

  .requirements-sub-title {
    color: white;
    font-size: 2vw;
    letter-spacing: 2px;
    position: relative;
    text-align: center;
    top: -3.4vw;
  }

  .requirements-detail-area {
    background-color: white;
    display: inline-block;
    height: 115vw;
    left: 3vw;
    position: relative;
    width: 94vw;
  }

  .requirements-detail-sentence-area {
    display: inline-block;
    height: 70vw;
    width: 100%;
  }

  .requirements-app {
    font-size: 4vw;
    left: 9vw;
    letter-spacing: 5px;
    position: relative;
    top: 10vw;
    width: 49vw;
  }

  .requirements-app-detail {
    font-size: 3.5vw;
    left: 13vw;
    position: relative;
    top: 13vw;
  }

  .requirements-salary {
    font-size: 4vw;
    left: 9vw;
    letter-spacing: 5px;
    position: relative;
    top: 22vw;
    width: 23vw;
  }

  .requirements-salary-detail {
    font-size: 3.5vw;
    left: 13vw;
    position: relative;
    top: 27vw;
    width: 79vw;
  }

  .requirements-reward-link-txt {
    font-size: 3.5vw;
    left: 13vw;
    position: relative;
    top: 33vw;
    width: 79vw;
  }

  a.requirements-reward-link:link,
  a.requirements-reward-link:visited,
  a.requirements-reward-link:hover,
  a.requirements-reward-link:active {
    border-bottom: 2px solid;
    color: black;
  }

  .requirements-detail-image-area {
    display: inline-block;
    width: 100%;
  }

  .requirements-detail-image {
    height: auto;
    left: 7vw;
    position: relative;
    width: 65vw;
  }

  .requirements-detail-image-txt {
    font-size: 3vw;
    left: 38vw;
    letter-spacing: 0;
    position: relative;
    top: -25.5vw;
    width: 56vw;
  }

  .entry-area {
    height: 160vw;
    opacity: 1;
    padding-top: 10vw;
    width: 100vw;
  }

  .entry-title {
    font-family: 'Oswald', sans-serif;
    font-size: 5vw;
    font-weight: normal;
    letter-spacing: calc(8 / 1200 * 100vw);
    opacity: 1;
    text-align: center;
  }

  .entry-sub-title {
    font-size: 2vw;
    letter-spacing: 2px;
    position: relative;
    text-align: center;
    top: -3.4vw;
  }

  .entry-contents {
    background-color: white;
    border: 1px solid black;
    border-radius: 45px;
    margin: auto;
    padding: 1vw 0;
    position: relative;
    text-align: center;
    width: 95vw;
  }

  .entry-progress-contents {
    border-left: 10vw solid transparent;
    border-right: 10vw solid transparent;
    border-top: 8.66vw solid #1acf3e94;
    height: 0;
    margin: auto;
    position: relative;
    width: 0;
  }

  .entry-1st {
    height: 15vw;
    top: 0;
  }

  .entry-2nd {
    height: 18vw;
    top: 7vw;
  }

  .entry-3rd {
    height: 12vw;
    top: 14vw;
  }

  .entry-4th {
    height: 15vw;
    top: 21vw;
  }

  .entry-progress-1st {
    border-top: 8.66vw solid #53ab6a4d;
    top: 4vw;
  }

  .entry-progress-2nd {
    border-top: 8.66vw solid #53ab6a94;
    top: 11vw;
  }

  .entry-progress-3rd {
    border-top: 8.66vw solid #53ab6adb;
    top: 18vw;
  }

  .entry-wrap-up {
    color: black;
    font-size: 3.5vw;
    position: relative;
    top: 1vw;
  }

  .entry-detail {
    color: black;
    font-size: 3vw;
    line-height: 1.1;
    margin: auto;
    padding-top: 4vw;
    width: 95%;
  }

  .copyright {
    font-size: 1.87vw;
    position: relative;
    right: 3.5vw;
    text-align: right;
    top: -1vw;
  }

  .underbar-white {
    border-bottom: 1px solid white;
  }
}
