@charset "UTF-8";
@media screen and (min-width: 1080px) {
  main {
    flex-flow: column;
    align-items: start;
    justify-content: start;
    width: 100%;
  }

  #pcTopMovie {
    width: 43.8vw;
    /* width: 78vh; */
  }

  #first {
    position: fixed;
    width: 100vw;
    background-color: #00CC49;
    height: auto;
    min-height: 100vh;
    flex-flow: row;
    justify-content: space-between;
    /* background-image: url(/2026/top/assets/img/lineOpenChat/pcFvImg.svg);
    background-repeat: no-repeat;
    background-position: right 62vw top 41vh; */
    /* background-size: 24vh auto; */
    background-size: auto 16vw;
    padding: 13vh 6.2vw 6vh 14.22vw;
    align-items: start;
    z-index: 16;
  }

  #good{
    height: 16vw;
    margin:6vh auto 0;

  }
  #first::after {
    content: "";
    display: block;
    width: 4vw;
    height: 100%;
    background-color: #00d253;
    position: absolute;
    z-index: 30;
    right: 0;
    top: -100vh;
  }

  #first h1 {
    color: #fff;
    font-size: 2.03vw;
    line-height: 3.07vw;
    margin-top: 6vh;
    padding-top: 0;
    font-weight: 500;
  }

  #first h1 span {
    font-size: 3.33vw;
    line-height: 5.02vw;
  }

  #sectionIcon {
    width: 7.71vw;
    margin: -3.85vw auto 0vw;
  }

  #second {
    position: relative;
    z-index: 17;
    padding-bottom: 6.35vw;
    /* margin-top: 0; */
  }

  #secondContent {
    width: 44.74vw;
    margin: auto;
  }

  #second h1 {
    font-size: 2.08vw;
    line-height: 3.13vw;
    margin-bottom: 2.81vw;
    text-align: left;
    width: 30.63vw;
    margin: 4.11vw auto 2vw;
    letter-spacing: -.1vw;
  }

  p {
    font-size: 1.04vw;
    line-height: 2.08vw;
    font-weight: 500;
    width: 30.63vw;
    margin: auto;
  }

  #second p.HowToParticipate {
    font-size: 1.72vw;
    line-height: 2.6vw;
    margin: 6.77vw auto 3.13vw;
    border-radius: 20px;
    width: 30.63vw;
    height: 5.3vw;
    border: 8px solid #00CC49;
  }

  #second::before {
    content: none;
  }

  .greenTxt::before {
    font-size: 1vw;
  }

  .greenTxt:last-of-type {
    text-indent: 0;
    padding: 0;
  }

  #qrWrap {
    width: 30.63vw;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #qrWrap p {
    width: 12.98vw;
    margin: 0;
  }

  #Qr {
    width: 14.06vw;
    margin: 0 0 4.84vw;
  }

  #second a.mb44 {
    margin-bottom: 4.11vw;
  }

  #second a {
    height: 5.43vw;
    width: 27.17vw;
    padding: 0 1.98vw 0 3.07vw;
    font-size: 1.35vw;
    line-height: 1.82vw;
    margin: auto;
  }

  #step .controllScrollWrap {
    padding-left: 0;
    overflow: hidden;
  }

  #step {
    width: auto;
    margin: 4.17vw 0 4.84vw 0;
  }

  #step li {
    margin: 0 2.08vw 0 0;
    width: 13.49vw;
    height: 16.87vw;
    cursor: initial;
  }

  #step li p {
    display: flex;
    width: auto;
    left: 3.7vw;
    height: 2.24vw;
    font-size: 0.78vw;
    line-height: 1.3vw;
  }

  #step li p span {
    width: 100%;
  }

  #step li p img {
    width: 0.94vw;
  }

  #step li:last-child {
    margin-right: 0;
  }

  main .controllScrollButtonNext {
    display: none;
  }

  #second a img {
    width: 2.02vw;
  }

  footer {
    z-index: 19;
    margin-bottom: 0;
  }
}