@media (max-width: 768px) {

  #container {
    font-size: 3vw;
    font-weight: 300;
    line-height: 4.2vw;
    padding: 3vw 1.5vw 0 1.5vw;
    background-size: cover;
  }

  .followUsText {
    display: none;
  }

  .followUsBtn {
    display: flex;
    flex-direction: column;
    gap: 3vw;
    justify-content: center;
    align-items: center;
    margin-top: .5vw;
  }

  .followUsBtnIcon {
    width: 6vw;
    height: 6vw;
  }

  .headerTitle {
    width: 85vw;
    height: 26.8vw;

  }

  .headerKV {
    width: 96vw;
    height: 157vw;
    background: url(../images/KVbgM.png) no-repeat;
    background-size: 100% auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: -17.8vw;
  }

  .KVcharacter {
    width: 165vw;
    height: 111vw;
    position: relative;
    margin: -36vw 0 0 -20vw;
  }

  .KVlogo {
    width: 40vw;
    height: 18.5vw;
    position: absolute;
    top: 42vw;
  }

  .KVtitle {
    width: 92vw;
    height: 34vw;
    background: url(../images/KVtitleM.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 120vw;
  }

  .KVlightBreath {
    width: 86vw;
    height: 21vw;
    position: absolute;
    right: 4vw;
    top: 8vw;
  }

  .KVsubtitle {
    width: 80vw;
    height: 20vw;
    background: url(../images/KVsubtitleM.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 148vw;
    left: 6.5vw;
  }

  .mouse {
    width: 4vw;
    height: 6vw;
    float: right;
    top: 10.3vw;
    left: 6vw;
  }

  .mouse>* {
    position: absolute;
    width: 1vw;
    height: 1vw;
    margin: -.5vw 0 0 -0.5vw;
  }

  .detailText {
    width: 80vw;
    padding: 6vw 0 7vw 0;
  }

  .detailBox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 80vw;
    height: 195vw;
  }

  .steps {
    height: 83vw;
  }

  .step {
    height: 25vw;
    padding: 0 0 1.5vw 7vw;
  }

  .step::before {
    width: 3vw;
    height: 23vw;
  }

  .stepTop {
    display: flex;
    align-items: flex-end;
    font-family: 'Noto Serif JP', serif;
  }

  .step-number {
    font-size: 10vw;
    line-height: 8.5vw;
  }

  .step-title {
    font-size: 4.5vw;
    margin-left: 1.5vw;
  }

  .step-content {
    width: 70vw;
    margin-top: 2vw;
    padding-bottom: 2vw;
  }

  .form-box {
    width: 78vw;
    height: 103vw;
    background: url(../images/form-boxM.png) no-repeat;
    background-size: 100%;
    padding: 7vw;
  }

  .radio-group {
    display: none;
  }

  .input-email {
    padding: 2.8vw;
    font-size: min(3vw, 16px); /* 最大16px，防止 iOS 放大 */

  }


  .notice input[type="checkbox"] {
    width: 4vw;
    height: 4vw;
    margin-right: 1.5vw;
  }

  .notice input[type="checkbox"]:checked::after {
    width: 2vw;
    height: 2vw;
  }

  .submit-button {
    padding: 2.5vw 11.5vw;
    font-size: 3.6vw;
  }

  .footer-text {
    font-size: 2.8vw;
    line-height: 3.8vw;
    padding-top: 4.5vw;
  }

  footer {
    width: 200vw;
    height: 28vw;
  }


  .close-btn {
    width: 8vw;
    height: 8vw;
    position: absolute;
    top: -11vw;
    right: -1vw;
  }

  #lightboxnote {
    background: url(../images/noteBgM.png) no-repeat;
    background-size: 100% auto;
    width: 85vw;
    height: 129vw;
    padding: 5vw;
  }

  .noteTitle {
    padding-bottom: 3vw;
  }

  .noteTitle::before,
  .noteTitle::after {
    width: 7vw;
    height: 2vw;
    margin: 0 2vw;
  }

  .noteTitle span {
    font-size: 3.8vw;
  }

  .noteContent {
    padding: 1vw 2.5vw 1vw 0;
    font-size: 2.8vw;
    line-height: 3.8vw;
  }

  .noteContent ul {
    padding-left: 3.5vw;
  }

  ul li::marker {
    font-size: 1.5vw;
    /* 放大點的大小 */
  }

  .list {
    padding-left: 0;
    list-style: none;
  }

  .list li {
    position: relative;
    padding-left: .4vw;
    /* margin-bottom: 1vw; */
  }

  .list li::before {
    left: -3vw;
    top: 0.5vw;
    width: 2.5vw;
    height: 2.5vw;
  }


  #lightboxError {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/errorBgM.png) no-repeat;
    background-size: 100% auto;
    width: 80vw;
    height: 94vw;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .errorP h2 {
    font-size: 8vw;
    line-height: 0vw;
    margin: 10vw 0 6vw 0;
  }



  .errorP p {
    line-height: 4vw;
  }














}