.main_container .base_bg_main.is_pc {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.main_container .base_bg_main.is_pc>div {
    position: absolute;
    line-height: 0;
}

.main_container .base_bg_main.is_pc .bg_main_left {
    top: 0;
    left: 0;
    z-index: 98;
    height: 100%;
}

.main_container .base_bg_main.is_pc .bg_main_left>img {
    height: 100%;
    object-fit: fill;
}

.main_container .base_bg_main.is_pc .bg_main_right {
    bottom: 0;
    /* right: -100px; */
    right: 20px;
    z-index: 97;
}

.main_container .base_bg_main.is_pc .absolute_content {
    position: absolute;
    z-index: 100;
}

.main_container .base_bg_main.is_pc .absolute_cloud {
    max-width: 155px;
    position: absolute;

}

.main_container .base_bg_main.is_pc #absolute_cloud_01 {
    bottom: 350px;
    right: 1000px;
}

.main_container .base_bg_main.is_pc #absolute_cloud_02 {
    bottom: 510px;
    right: 40px;
}

.main_container .base_bg_main.is_pc #img_text_cloud_01 {
    max-width: 164px;
    bottom: 520px;
    right: 660px;
    z-index: 103;
}

.main_container .base_bg_main.is_pc #img_text_cloud_02 {
    max-width: 154px;
    bottom: 575px;
    right: 600px;
    z-index: 102;
}

.main_container .base_bg_main.is_pc #img_text_cloud_03 {
    max-width: 128px;
    bottom: 615px;
    right: 500px;
    z-index: 101;
}

.main_container .base_bg_main.is_pc #img_text_cloud_04 {
    max-width: 166px;
    bottom: 575px;
    right: 350px;
    z-index: 102;
}

.main_container .base_bg_main.is_pc #img_text_cloud_05 {
    max-width: 213px;
    bottom: 530px;
    right: 200px;
    z-index: 103;
}

.main_container .base_bg_main.is_pc #img_text_cloud_07 {
    max-width: 110px;
    bottom: 900px;
    right: 170px;
    z-index: 103;
}

.main_container .base_bg_main.is_pc #img_airplane {
    max-width: 260px;
    bottom: 620px;
    right: 120px;
    z-index: 105;
}

/* main_left_content */
.main_left_content {
    position: absolute;
    z-index: 200;
    left: 160px;
    bottom: 100px;
}

.main_left_content .left_text_area {
    /* margin-bottom: 197px; */
    margin-bottom: 100px;
}

.main_left_content .left_text_area .main_word_wrap {
    max-width: 155px;
    margin-bottom: 50px;
}

.main_left_content .left_text_area .main_text_wrap>* {
    font-size: 50px;
    display: block;
    color: #FFF;
}

.main_left_content .left_btn_area.login_btn {
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.3);
    max-width: 350px;
    border-radius: 10px;
    margin-bottom: 32px;
}

.main_left_content .left_btn_area.login_btn>span {
    color: #FFF;
    font-size: 24px;
    display: block;
    margin-bottom: 16px;
}

.main_left_content .left_btn_area.traveler_btn {
    background-color: #FFF;
    border-radius: 10px;
    max-width: 487px;
}

.main_left_content .left_btn_area.traveler_btn>a.img_wrapper {
    overflow: hidden;
}

.main_left_content .left_btn_area.traveler_btn>a.img_wrapper img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.main_left_content .left_btn_area>button {
    font-size: 24px;
    color: #FFF;
    padding: 11px 0;
    background-color: #FDC00B;
    /* border-radius: 50px; */
    border-radius: 8px;
    display: block;
    width: 100%;
    /* max-width: 210px; */
    /* box-shadow: rgba(0, 0, 0, 0.05); */
}

.main_left_content .left_btn_area>button:not(:last-of-type) {
    margin-bottom: 16px;
}

/* tablet */
@media screen and (max-width:1023px) {
    .main_container {
        background: url('/static/app_www/main/img/base_bg_main_m.jpg') 100% / cover no-repeat;
    }

    .main_left_content {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        padding-top: 30px;
        z-index: 0;
    }

    .main_left_content .left_text_area {
        margin-bottom: 30px;
    }

    .main_left_content .left_text_area .main_word_wrap {
        max-width: 145px;
        margin: 0 auto 30px;
    }

    .main_left_content .left_text_area .main_word_wrap img {
        display: block;
    }

    .main_left_content .left_text_area .main_text_wrap>* {
        font-size: 30px;
        text-align: center;
        white-space: nowrap;
    }

    .main_left_content .left_btn_area.login_btn {
        margin: 0 auto 32px;
    }

    .main_left_content .left_btn_area.traveler_btn {
        max-width: 500px;
        margin: 0 auto;
    }

    .main_left_content .left_btn_area>button {
        font-size: 21px;
        padding: 13px 0;
        /* max-width: 170px; */
        margin: 0 auto;
    }

    .main_left_content .left_btn_area>button:not(:last-of-type) {
        margin-bottom: 14px;
    }

    .main_container .base_bg_main.is_mobile {
        position: absolute;
        bottom: 0;
        left: 0;
        line-height: 0;
    }

    .main_container .base_bg_main.is_mobile .absolute_content {
        position: absolute;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_01 {
        max-width: 140px;
        top: 45px;
        left: 130px;
        z-index: 1;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_06 {
        max-width: 130px;
        top: -66px;
        left: 342px;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_02 {
        max-width: 130px;
        top: -17px;
        left: 200px;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_05 {
        max-width: 150px;
        top: 77px;
        right: 50px;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_03 {
        max-width: 100px;
        top: -25px;
        right: 185px;
    }
}

/* mobile */
@media screen and (max-width:767px) {
    .main_left_content {
        padding-top: 30px;
        z-index: 10;
    }

    .main_left_content .left_text_area {
        margin-bottom: 16px;
    }

    .main_left_content .left_text_area .main_word_wrap {
        max-width: 135px;
        margin: 0 auto 30px;
    }

    .main_left_content .left_text_area .main_text_wrap>* {
        font-size: 30px;
    }

    .main_left_content .left_btn_area.login_btn {
        max-width: 200px;
        margin-bottom: 24px;
    }

    .main_left_content .left_btn_area.login_btn>span {
        font-size: 16px;
        text-align: center;
        margin-bottom: 12px;
    }

    .main_left_content .left_btn_area.traveler_btn {
        max-width: 300px;
    }


    .main_left_content .left_btn_area>button {
        font-size: 18px;
        /* max-width: 130px; */
    }

    .main_left_content .left_btn_area>button:not(:last-of-type) {
        margin-bottom: 12px;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_01 {
        max-width: 65px;
        top: 15px;
        left: 60px;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_06 {
        max-width: 65px;
        top: -32px;
        left: 185px;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_03 {
        max-width: 47px;
        top: -32px;
        right: 70px;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_02 {
        max-width: 72px;
        top: -34px;
        left: 102px;
    }

    .main_container .base_bg_main.is_mobile #img_text_cloud_05 {
        max-width: 85px;
        top: 30px;
        right: 21px;
    }
}

/* mobile */
@media screen and (max-width:375px) {
    .main_left_content {
        padding-top: 16px;
    }

    .main_left_content .left_text_area {
        margin-bottom: 14px;
    }

    .main_left_content .left_text_area .main_word_wrap {
        max-width: 80px;
        margin: 0 auto 14px;
    }

    .main_left_content .left_text_area .main_text_wrap>* {
        font-size: 24px;
    }

    .main_left_content .left_btn_area.login_btn {
        margin-bottom: 14px;
        padding: 10px;
    }

    .main_left_content .left_btn_area.login_btn>span {
        margin-bottom: 8px;
    }

    .main_left_content .left_btn_area>button {
        font-size: 16px;
        /* max-width: 120px; */
        padding: 11px 0;
    }

}