@charset "utf-8";

#propo .img,
video {
    display: block;
}

#propo a {
    display: block;
}

#propo body {
    width: 100%;
    height: auto;
}

#propo {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.back_image_container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: -1;*/
    overflow: hidden;
}

.bk_image {
    width: 100%;
    height: auto;
    min-width: 1200px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}

.bk_image img {
    width: 100%;
    height: auto;
    display: block;
}

.bk_image_1 {
    margin-top: -1px;
}

.bk_image_2 {
    margin-top: -1px;
}

.bk_image_3 {
    margin-top: -1px;
}

.bk_image_4 {
    margin-top: -1px;
}

.bk_image_5 {
    margin-top: -1px;
}

.bk_image_6 {
    margin-top: -1px;
}

.bk_image_7 {
    margin-top: -2px;
}



#l_wrapper {
    width: 62.5%;
    height: auto;
    margin: 0 auto;
    max-width: 750px;
}

#hero {
    width: 100%;
    height: auto;
}

.hero_inner {
    width: 100%;
    height: auto;
    position: relative;
}

.logo_area {
    width: 13.33%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

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

.hero_imege {
    width: 100%;
    height: auto;
}

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

.timing_image {
    width: 100%;
    height: auto;
}

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

#buy_area {
    width: 100%;
    height: auto;
}

.buy_area_inner {
    width: 100%;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.buy_area_inner.buy_area_inner_min {
    width: 82.53%;
    margin: 0 auto;
}

.buy_area_price {
    width: 100%;
    height: auto;
}

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

.buy_area_service {
    width: 100%;
    height: auto;
    position: relative;
    margin: 30px 0 25px 0;
}

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

.buy_area_service_2 {
    width: 80.9%;
    margin-left: auto;
    margin-right: auto;
}

.teiki_detail_link {
    width: 38.3%;
    height: 10.5%;
    display: block;
    /* background-color: aqua; */
    position: absolute;
    top: 81.5%;
    left: 50%;
    transform: translate(-50%, 0%);
    transition: 0.3s;
}

.teiki_detail_link:hover {
    background-color: #fff;
    opacity: 0.2;
}

.buy_area_text_1 {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

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

.buy_btn_area {
    width: 100%;
    height: auto;
}

.buy_btn_area_inner {
    width: 100%;
    height: auto;
    position: relative;
}

.buy_button {
    width: 37.3%;
    height: auto;
    margin: 0 auto;
    transition: 0.3s;
}

.buy_button:hover {
    filter: brightness(1.2);
}

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

#appeal_point {
    width: 100%;
    height: auto;
    position: relative;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, 0);
}

.appeal_point_inner {
    width: 100%;
    height: auto;
}

.point_image {
    width: 100%;
    height: auto;
}

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

.appeal_if_title {
    width: 100%;
    height: auto;
    margin: 80px 0 50px 0;
}

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

.if_image_container {
    width: 100%;
    height: auto;
}

.if_image {
    width: 100%;
    height: auto;
    position: relative;
}

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

.if_image_1 {
    z-index: 1;
}

.if_image_2 {
    margin-top: -70px;
}

.if_image_3 {
    margin-top: -70px;
}

.if_image_4 {
    margin-top: -70px;
}

.appeal_kikkake {
    width: 100%;
    height: auto;
    margin: 58px 0 80px 0;
}

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

.buy_area_inner_big {
    position: relative;
    padding-top: 0;
}

.buy_area_price {
    position: relative;
    z-index: 1;
}

.buy_button_2 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    transition: 0.3s;
    position: relative;
    z-index: 1;
}

.buy_button_2:hover {
    filter: brightness(1.2);
}

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

.buy_area_inner_big_item {
    width: 100%;
    height: auto;
}

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

.buy_area_inner_big_item_top {
    margin-bottom: -6%;
}

.buy_area_inner_big_item_btm {
    position: absolute;
    bottom: 92px;
    left: 0;
}

#why_area {
    width: 100%;
    height: auto;
}

.why_area_inner {
    width: 100%;
    height: auto;
    background-color: #FFFCDB;
    padding-top: 68px;
    padding-bottom: 88px;
    clip-path: polygon(50px 0, calc(100% - 50px) 0, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 50px 100%, 0 calc(100% - 50px), 0 50px);
}

.why_area_top_image_title {
    width: 100%;
    height: auto;
}

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

.why_area_top_image {
    width: 100%;
    height: auto;
}

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

.himitsu_title {
    width: 100%;
    height: auto;
    margin: 50px 0 30px 0;
}

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

.himitsu_about_title {
    width: 100%;
    height: auto;
}

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

.himitus_about_image_container {
    width: 100%;
    height: auto;
    position: relative;
}

.himitsu_about_image {
    width: 100%;
    height: auto;
    position: relative;
    /* z-index: 1; */
    margin-top: -12px;
}

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

.arrow_image {
    width: 39%;
    height: auto;
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, 0);
}

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

.mix_text {
    width: 100%;
    height: auto;
    padding-top: 100px;
    padding-bottom: 30px;
}

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

.gogen_detail {
    width: 100%;
    height: auto;
}

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

.gogen_detail_2 {
    padding-top: 40px;
    padding-bottom: 60px;
}

.gogen_detail_3 {
    padding-bottom: 40px;
}

#premium_area {
    width: 100%;
    height: auto;
    position: relative;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, 0);
}

.premium_area_inner {
    width: 100%;
    height: auto;
}

.premium_area_1 {
    width: 100%;
    height: auto;
}

.sarani {
    width: 100%;
    height: auto;
    margin-top: 86px;
}

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

.premium_icon {
    width: 100%;
    height: auto;
}

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

.premium_icon_1 {
    margin: 30px 0 54px 0;
}

.premium_icon_2 {
    margin: 70px 0 54px 0;
}

.premium_icon_3 {
    margin: 36px 0 54px 0;
}

.premium_text {
    width: 100%;
    height: auto;
}

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

.premium_detail_image {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

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

.staff_image {
    width: 100%;
    height: auto;
    padding: 30px 0 142px 0;
}

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

#summary {
    width: 100%;
    height: auto;
}

.summary_inner {
    width: 100%;
    height: auto;
}

.summary_title {
    width: 61.2%;
    height: auto;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

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

.summary_image_container {
    width: 100%;
    height: auto;
    position: relative;
}

.summary_image {
    width: 33.33%;
    height: auto;
}

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

.summary_image_1 {
    position: absolute;
    top: -42.85%;
    left: 49.89%;
}

.summary_image_4 {
    margin: -9.7% 0 0 16.6%;
}

.summary_image_5 {
    position: absolute;
    top: 28.8%;
    right: 0;
}


.summary_image_flex {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.buy_area_inner.buy_area_inner_big_2 {
    position: relative;
    margin-top: -5%;
    padding-bottom: 100px;
    padding-top: 0;
}

.buy_area_inner_big_item_top_2 {
    margin-bottom: -6%;
}

/* PC ================================================== */
@media all and (min-width:1200px) {}

/* Tablet ================================================== */
@media all (max-width:1199px) {}

/* SP ================================================== */
@media all and (max-width:768px) {

    #l_wrapper {
        width: 90%;
    }

    .bk_image {
        min-width: 1200px;
    }

    .mix_text {
        width: 100%;
        height: auto;
        padding-top: 43px;
        padding-bottom: 30px;
    }

    .if_image_1 {
        z-index: 1;
    }

    .if_image_2 {
        margin-top: -30px;
    }

    .if_image_3 {
        margin-top: -30px;
    }

    .if_image_4 {
        margin-top: -30px;
    }

    .buy_area_inner {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .buy_area_service {
        margin: 20px auto 15px auto;
    }

    .buy_area_text_1 {
        margin-bottom: 20px;
    }

    .buy_area_inner_big {
        position: relative;
        padding-top: 0px;
    }

    .buy_area_inner_big_2 {
        position: relative;
        padding-top: 113px;
        padding-bottom: 100px;
    }

    .appeal_if_title {
        margin: 40px 0 30px 0;
    }

    .appeal_kikkake {
        margin: 40px 0 60px 0;
    }

    .gogen_detail_2 {
        padding-top: 20px;
        padding-bottom: 35px;
    }

}

@media all and (max-width:414px) {
    .bk_image {
        min-width: 768px;
    }
}