@charset "UTF-8";

/* top
---------------- */
@media screen and (min-width: 750px) {
    #lift .top {
        background: url("../images/menu/lift/pc/lift_top_bg_pc.png")no-repeat top center;
        background-size: cover;
    }
}

/* sec01
---------------- */
@media screen and (min-width: 750px) {
    #lift .sec01 .inner {
        padding-top: 60px;
        padding-bottom: 10px;
    }

    #lift .sec01 h3 {
        font-size: 7rem;
    }

    #lift .sec01 .fukidashi_wrap {
        background: url("../images/menu/lift/pc/sec1_shape1_pc.png") no-repeat;
        background-size: contain;
        padding: 80px 0 70px;
        width: 95%;
        max-width: 800px;
        margin: 0 auto;
    }

    #lift .sec01 .mincho {
        font-size: 2.9rem;
        line-height: 1.6;
    }

    #lift .sec01 .sec01_bottom {
        background: url("../images/menu/lift/pc/sec1_bg_pc.jpg") no-repeat;
        max-width: 1000px;
        margin: 0 auto;
    }

    #lift .sec01 .sec01_bottom .inner {
        padding: 40px 30px;
    }

    #lift .sec01 .sec01_bottom .flex_pc {
        justify-content: space-between;
        align-items: center;
    }

    #lift .sec01 .sec01_bottom figure {
        width: 63%;
    }

    #lift .sec01 .sec01_bottom .p_txt {
        width: 33%;
        padding: 0 10px;
        font-size: 1.8rem;
    }
}

/* sec02
---------------- */
@media screen and (min-width: 750px) {
    #lift .sec02 {
        background: url("../images/menu/lift/pc/sec2_bg_pc.jpg")no-repeat center center;
        background-size: cover;
    }

    #lift .sec02 .ttl_wrap {
        padding-top: 50px;
    }

    #lift .sec02 .inner {
        padding: 0 0;
    }

    #lift .sec02 .pc_inner {
        padding: 40px 0 60px;
    }

    #lift .sec02 .ttl_wrap .sub_ttl {
        font-size: 4rem;
        font-weight: 700;
    }

    #lift .sec02 .ttl_wrap h3 {
        font-size: 5.5rem;
        padding: 15px 0 5px;
        max-width: 780px;
        margin: 0 auto;
    }

    #lift .sec02 .ttl_wrap h3 span {
        font-size: 4rem;
    }

    #lift .sec02 .desc_wrap .p_txt {
        width: 48%;
        font-size: 2rem;
    }

    #lift .sec02 .desc_wrap figure {
        width: 48%;
    }
}

/* sec03 (修正: 2列配置)
---------------- */
@media screen and (min-width: 750px) {
    #lift .sec03 .pc_inner {
        padding-top: 50px;
    }

    #lift .sec03 .inner {
        padding-bottom: 30px;
    }

    #lift .sec03 .sec_ttl_wrap {
        margin-bottom: 40px;
    }

    #lift .sec03 .merit_list_wrap {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #lift .sec03 .merit_list {
        width: 48.5%;
        padding: 15px 15px 30px;
        margin-bottom: 25px;
    }

    #lift .sec03 .merit_list_ttl {
        font-size: 2.8rem;
        line-height: 1;
        margin-bottom: 20px;
        padding: 5px 0 2px;
    }

    #lift .sec03 .merit_list figure {
        margin-bottom: 20px;
    }

    #lift .sec03 .merit_list h5 {
        font-size: 3rem;
        margin-bottom: 10px;
    }

    #lift .sec03 .merit_list .p_txt {
        font-size: 1.8rem;
        line-height: 1.8;
    }
}

/* sec04 (修正: 左右レイアウト)
---------------- */
@media screen and (min-width: 750px) {
    #lift .sec04 {
        background: url("../images/menu/lift/pc/sec4_bg_pc.jpg")no-repeat center center;
        background-size: cover;
    }

    #lift .sec04 .inner {
        padding: 20px 0 80px;
    }

    #lift .sec04 .sec_ttl_wrap {
        width: 100%; 
        margin-bottom: 40px;
    }

    #lift .sec04 .sec_ttl_wrap h3 {
        font-size: 7rem;
        margin-bottom: 0;
    }

    #lift .sec04 .sec_ttl_wrap h3 .txt_s {
        font-size: 5.8rem;
    }

    #lift .sec04 .check_list {
        max-width: 680px;
        margin: 0 auto;
    }

    #lift .sec04 .check_list ul {
        margin-bottom: 40px;
    }

    #lift .sec04 .check_list ul li {
        width: 100%;
        padding: 20px 0 20px 70px; /* アイコンスペース確保 */
        margin-bottom: 20px;
    }

    #lift .sec04 .check_list ul li::before {
        width: 28px;
        left: 20px;
    }

    #lift .sec04 .check_list ul li.p_txt {
        font-size: 2.7rem;
    }

    #lift .sec04 figure {
        max-width: 680px;
        margin: 0 auto;
    }
}

/* sec05 
---------------- */
@media screen and (min-width: 750px) {

    #lift .sec05 .inner {
        padding-top: 40px;
    }

    #lift .sec05 .sec_ttl_wrap {
        margin-bottom: 40px;
    }

    #lift .sec05 .price_box {
        /* padding: 30px 0; */
        max-width: 900px;
        width: 100%;
        margin: 0 auto 40px;
    }

    #lift .sec05 .price_box .menu_name {
        font-size: 2.8rem;
        margin-right: 0;
        margin-bottom: 0;
        width: 50%;
        padding: 40px 15px;
    }

    #lift .sec05 .price_box .p_txt {
        font-size: 3rem;
        padding: 20px 15px;
        width: 50%;
    }

    #lift .sec05 .price_box .yen {
        font-size: 2.8rem;
    }

    #lift .sec05 .price_box .tax {
        font-size: 1.8rem;
    }

    #lift .sec05 .btn_wrap {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

    #lift .sec05 .btn_area {
        width: 50%;
        padding: 0;
    }
}

@media screen and (max-width: 929px) {
    #lift .sec05 .price_box .menu_name {
        font-size: 2.7vw;
    }

    #lift .sec05 .price_box .p_txt {
        font-size: 3.2vw;
    }

    #lift .sec05 .price_box .price {
        font-size: 6.2vw;
    }

    #lift .sec05 .price_box .yen {
        font-size: 2.9vw;
    }

    #lift .sec05 .price_box .tax {
        font-size: 1.9vw;
    }
}

@media screen and (max-width: 750px) {
    #lift .sec05 .price_box .menu_name {
        font-size: 3.8rem;
    }

    #lift .sec05 .price_box .p_txt {
        font-size: 4rem;
    }

    #lift .sec05 .price_box .price {
        font-size: 6rem;
    }

    #lift .sec05 .price_box .yen {
        font-size: 4rem;
    }

    #lift .sec05 .price_box .tax {
        font-size: 3rem;
    }
}

/* faq
---------------- */
@media screen and (min-width: 750px) {
    #lift .faq .sec_ttl_wrap {
        margin-bottom: 40px;
    }


    #lift .faq {
        padding: 50px 40px 0;
    }

    #lift .faq h3 img {
        width: 350px;
        margin: 0 auto 50px;
    }

    #lift .faq .faq_area {
        max-width: 900px;
        margin: 0 auto;
        padding: 0 0 50px;
    }

    #lift .faq .faq_list {
        margin-bottom: 20px;
    }

    #lift .faq .faq_list .ques {
        padding: 25px 40px;
    }

    #lift .faq .faq_list .ques .number {
        font-size: 3rem;
        margin-right: 30px;
    }

    #lift .faq .faq_list .ques h4 {
        font-size: 2.4rem;
        width: 90%;
    }

    #lift .faq .faq_list .ques h4::after {
        width: 25px;
        right: 40px; 
    }

    #lift .faq .faq_list .ques.active h4::after {
        width: 25px;
        right: 40px;
    }

    #lift .faq .faq_list .answer {
        padding: 30px 40px;
        margin: 0 40px;
    }

    #lift .faq .faq_list .answer dt {
        font-size: 2rem;
    }

    #lift .bottom_btn_area {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 60px 0 80px;
        max-width: 900px;
        margin: 0 auto;
    }

    #lift .bottom_btn_area .btn_area {
        width: 50%;
        padding: 0;
    }
}