@charset "UTF-8";
@media screen and (min-width: 768px) {
  #verticalScroll footer{
    height: 29.25vw;
  }
  section{
    position: relative;
  }
  main{
    min-height: 100vh;
  }
  #firstViewSection {
    z-index: 10;
  }
  #hero {
    height: 100vh;
    padding: 8.24vw 0 0 8.39vw;
  }

  h1 {
    font-size: 2vw;
    line-height: 4vw;
    padding: 0;
  }

  h1 span {
    font-size: 4vw;
  }

  h2 {
    font-size: 3vw;
    padding: 0;
  }

  .fvText {
    font-size: 1.2vw;
    line-height: 2vw;
    margin: 1vh 0 0;
    padding: 0;
    width: 39.92vh;
    font-size: 1.72vh;
    line-height: 3.6vh;
    bottom: initial;
  }

  #firstView h1 {
    font-size: 2.41vh;
    line-height: initial;
    padding: 0;
    letter-spacing: .2vw;
    font-weight: 200;
  }

  #firstView h2 {
    padding: 6vh 0 4vh;
    font-size: 4.9vh;
    line-height: 7vh;
  }

  #firstView h1 span {
    font-size: 6vh;
    padding-top: 1vw;
  }

  #firstViewText {
    padding: 14vh 8.39vw 0;
  }
  #bgVideo::after{
    display: none;
  }

  video.bgMovie {
    min-width: 100vw;
    height: 100vh;
    object-fit: cover;
}
  #heroText {
    padding-top: 5vw;
    width: 20vw;
    font-size: 1.2vw;
  }

  #firstView::before {
    display: none;
  }

  #bg01Pc,
  #firstView #bg01LeftTopPc,
  #bg01LeftPc,
  #bg02LeftPc,
  #bg02Pc{
    mix-blend-mode: multiply;
    position: absolute;
    z-index: 22;
    pointer-events: none;
  }
  #bg01Pc {
    top: 5vh;
    right: 0;
    width: 63.75vw;
    height: 144.26vh;
    mix-blend-mode: lighten;
  }
  #firstView #bg01LeftTopPc {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 2;
  }
  #bg01LeftPc {
    top: 50vh;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 2;
  }
  #bg02LeftPc{
    top: calc(100vh + 5.68vw);
    left: 36vw;
    width: 15.52vw;
    height: 56.25vw;
  }
  #bg02Pc {
    top: 56vw;
    right: 0;
    width: 73.85vw;
    height: auto;
    mix-blend-mode: lighten;
    z-index: 0;
  }
  
  .jobContentWrap {
    padding: 20.6vw 0 0 55.31vw;
  }

  .jobContent {
    height: auto;
    z-index: 2;
    padding: 0;
  }

  .jobContent h2 {
    font-size: 1.82vw;
    line-height: 2.86vw;
    padding: 0 0 2.9vw;
  }

  .jobContent p {
    font-size: 0.99vw;
    line-height: 2.08vw;
    padding-bottom: 0;
    width: 22.92vw;

  }

  .jobContent img {
    position: relative;
    width: 22.92vw;
    height: auto;
    margin: 2vw 0 0;
  }

  img.pcOnly.contentbg {
    position: absolute;
    z-index: 1;
    top: 5.68vw;
    left: 5.1vw;
    width: 46.04vw;
    height: auto;
  }

  .jobContent::after {
    display: none;
  }

  #jobContent01Inner p {
    padding: 0;
  }

  .backImg {
    margin: 3vw 0;
  }

  .backImg img {
    width: 100%;
    height: auto;
  }

  #specDesignImg {
    padding: 0 12.82vw;
    width: 30vw;
  }

  #backToList {
    display: none;
  }

  #jobContent01,
  #jobContent02,
  #jobContent03 {
    width: 52.08vw;
    margin: auto;
  }
  #jobContent01 {
    margin: 3.18vw auto 8.9vw 26.15vw;
  }

  #jobContent02 {
    margin: 0 auto 9.53vw 26.15vw;
  }

  #jobContent03 {
    margin: 0 auto 16.93vw 26.15vw;
  }

  #jobContent01 div,
  #jobContent02 div,
  #jobContent03 div {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
  }

  #jobContent01 h1,
  #jobContent02 h1,
  #jobContent03 h1 {
    font-size: 1.82vw;
    line-height: 2.86vw;
    padding: 0 0 2.89vw;
    text-align: left;
    width: 100%;
    text-align: left;
    font-weight: 600;
  }

  #jobContent01 p,
  #jobContent02 p,
  #jobContent03 p {
    width: 22.92vw;
    font-size: 0.99vw;
    line-height: 2.08vw;
    padding: 0;
  }

  #jobContent01 img,
  #jobContent02 img,
  #jobContent03 img {
    width: 22.92vw;
    margin: .5vw 0 0;
  }
  .forScrollWrap{
    display: none;
  }
}