* {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    body {
        background-image: url(https://www.innokin.com/hubfs/20240327-163304.png);
        background-color: #F7FFF7;
    }

    .smoking_cessation {
        max-width: 2560px;
        margin: 0 auto;
    }

    .smoking_cessation_banner {
        width: 100%;
    }

    .smoking_cessation_banner img {
        width: 100%;
    }

    .poster {
        padding: 120px 0 120px 0;
        max-width: 1440px;
        margin: 0 auto;
    }

    .poster_copy {
        padding: 0 15px;
        position: relative;
    }

    .poster_copy .poster_txt h3 {
        font-size: 48px;
        font-weight: bold;
        line-height: normal;
        color: #000;
        margin-bottom: 30px;
        font-family: 'Mark-W1G-Bold';
    }


    .poster_copy .poster_txt p {
        font-size: 18px;
        font-weight: normal;
        line-height: normal;
        color: #000;
        font-family: 'Mark-W1G-Regular';
    }

    .poster_copy .poster_txt div {
        padding: 158px 58px 158px 62px;
        position: absolute;
        background: rgba(255, 255, 255, 0.8);
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 690px;
        height: 560px;
        top: 50%;
        margin-top: -280px;
        right: 0px;
        z-index:99;
    }

    .procedure {
        max-width: 930px;
        margin: 0 auto;
        padding-bottom: 100px;
        padding: 0 15px 100px 15px;
    }

    .procedure_sort {
        width: 930px;
        height: auto;
        background: #FFFFFF;
        padding: 60px 60px 40px 50px;
        border-width: 0px 0px 0px 10px;
        border-style: solid;
        border-color: #CBCBCB;
        margin-bottom: 30px;
    }

    .procedure_sort h2 {
        font-size: 32px;
        font-weight: bold;
        line-height: 32px;
        padding-bottom: 20px;
        font-family: 'Mark-W1G-Bold';
    }

    .procedure_sort p {
        font-size: 16px;
        font-weight: normal;
        line-height: normal;
        font-family: 'Mark-W1G-Regular';
    }


    .procedure_sort .serial_number span {
        font-size: 90px;
        font-weight: bold;
        line-height: normal;
        color: #9E9E9E;
        background-image: linear-gradient(180deg, #fff 85%, #01AD61 0%);
        background-position-y: -25px;
        background-repeat: no-repeat;
        font-family: 'Mark-W1G-Bold';
    }

    .download_centent {
        max-width: 930px;
        margin: 0 auto;
        text-align: center;
        padding: 0 15px 120px 15px;
    }

    .download_centent .down_txt h2 {
        font-size: 32px;
        font-weight: bold;
        line-height: 32px;
        padding-bottom: 30px;
        color: #333333;
        font-family: 'Mark-W1G-Bold';
    }

    .download_centent .down_txt p {
        font-size: 18px;
        font-weight: normal;
        line-height: normal;
        padding-bottom: 30px;
        color: #494947;
        font-family: 'Mark-W1G-Regular';
    }

    .download_centent .down_btn {
       border: 1px solid #494947;
       height: auto;
       padding: 13px 15px 10px;
       width: auto;
       cursor:pointer;
    }

    .download_centent .down_btn span {
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
        color: #494947;
        padding-left: 4px;
        font-family: 'Mark-W1G-Regular'
    }
.smoking_cessation_banner img:nth-child(1){
 display:block;
}
.smoking_cessation_banner img:nth-child(2){
 display:none;
}
#form-data {
 max-width:1440px;
 padding:120px 15px 200px 15px;
 column-count: 4;
  gap:30px;
  margin:0 auto;
  flex-wrap: wrap;
}
#form-data .form_txt{
 width:100%;
 min-height:330px;
 background-color:#fff;
 padding:30px 30px 47px 30px;
 break-inside: avoid;
 height:100%;
 margin-bottom: 30px;
}
#form-data .form_txt .fo_txt_name{
 padding-bottom:30px;
}
#form-data .form_txt .fo_txt_mes{
 font-size:16px;
 font-family: 'Mark-W1G-Regular';
 word-wrap: break-word;
}
#form-data .form_txt .fo_txt_name span{
 font-size:18px;
 font-family: 'Mark-W1G-Bold';
 font-weight: bold;
 line-height: normal;
 color:#333;
 word-wrap: break-word;
}

    @media(max-width:767px) {
        .poster_copy .poster_img{
            width: 100%;
            height:100%;
        }
        .poster_copy .poster_img img {
            width: 100%;
        }

        .procedure .procedure_sort {
            width: 100%;
            height: 100%;
            padding: 16px;
            border: none;
            margin-bottom: 16px;
        }

        .procedure {
            padding: 0 16px;
        }

        .poster {
            padding: 0;
        }

        .poster_copy {
            padding: 0;
        }

        .poster_copy .poster_txt div {
            padding: 49px 16px;
            margin: 0;
            width: 100%;
            height: 100%;
            top: 0;
            right: 0;
            position: relative;
        }

        .poster_txt {
            padding: 16px;
        }

        .poster_copy .poster_txt h3 {
            font-size: 24px;
            font-weight: bold;
            line-height: normal;
            margin-bottom: 10px;
        }

        .procedure_sort .serial_number span {
            font-size: 48px;
            background-position-y: -12px;
        }

        .poster_copy .poster_txt p {
            font-size: 15px;
            font-weight: normal;
            line-height: normal;
        }

        .procedure_sort h2 {
            font-size: 24px;
            font-weight: bold;
            line-height: normal;
            padding-bottom: 10px;
        }

        .procedure_sort p {
            font-size: 15px;
            font-weight: normal;
            line-height: normal;
        }

        .download_centent .down_txt h2 {
            font-size: 24px;
            font-weight: bold;
            line-height: normal;
            padding-bottom: 10px;
        }

        .download_centent .down_txt p {
            font-size: 18px;
            font-weight: normal;
            line-height: normal;
            padding-bottom: 20px;
        }
      #form-data .form_txt .fo_txt_name{
       padding-bottom:10px;
      }
       #form-data .fo_txt_name span{
       font-size:15px;
      }
       #form-data .fo_txt_mes{
        font-size:14px;
      }
      #form-data .form_txt{
       padding:20px 16px 16px 16px;
      }

        .download_centent {
            padding: 0 16px 30px 16px;
        }
      .smoking_cessation_banner img:nth-child(1){
            display:none;1
       }
      .smoking_cessation_banner img:nth-child(2){
            display: block !important;
       }
    }