@charset "utf-8";

footer{
    margin-top: 0;
}

#content_wrap{
    padding: 0;
    margin: 0;
}

#pankuzu{
    padding: 0 20px;
}

.about_inner{
    max-width: 1480px;
    padding: 0 20px;
    margin: 0 auto;
}

#content_wrap h1{
    text-align: center;
    padding: 0 20px;
}

.fv-normal{
    display: block;
}
.fv-notePC{
    display: none;
}
#content_wrap img {
    margin-bottom: 0;
}

.about_btn a{
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    padding: 15px 12px;
    background: #e70012;
    color: #ffffff;
    line-height: 1em;
    transition: .3s;
    border: 2px solid #e70012;
    /* max-width: 340px; */
    max-width: 192px;
    width: 100%;
    font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
}

.about_btn a:hover{
    box-shadow: none;
    color: #e70012;
    background: #ffffff;
}

.about-hero{
    display: flex;
    align-items: stretch
}

.hero__title{
    width: 40%;
    box-sizing: border-box;
    background-color: #003072;
    display: flex;
    align-items: center;
    height: auto;
}
.about-fv {
    width: 60%;
    height: auto;
    display: block;
}
.about-fv img{
    width: 100% !important;
}
.hero__title_in{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hero__title_txtbox{
    display: flex;
    flex-direction: column;
    max-width: 1480px;
    padding: 16px 20px;
    gap: 24px;
    /*place-self: center;*/
    align-items: center;
}

.hero__title_txt{
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    color: #FFF;
    text-align: center;
}

.hero__title_txtbox p{
    margin-bottom: 8px;
}

/* ノジマの買取サービス3つの特長 */

.about_catch_section{
    position:relative;
    overflow: hidden;
    padding: 50px 0;
}

.about___bg{
    position: absolute;
    /*width: 100%;
    height: 100%;*/
    inset:0;
    z-index:-1;
    background: url('../img/about/about_bg.jpg') center/cover no-repeat;
    /* filter: blur(6px);
    transform: scale(1.03); */
}

.about___bg::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background:rgba(255, 255, 255, 0.8);
}

.about_catch_in{
    max-width: 1480px;
    padding: 0 20px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    gap: 40px;
}

.about_catch_txtbox{
    padding: 24px;
    background:#fff;
}

.about_catch_txt{
    position: relative;
    font-weight: 700;
    line-height: 1.3;
    padding-bottom: 16px;
    margin-bottom: 10px;
}

.about_catch_txt::before{
    content: "";
    position: absolute;
    width:60px;
    height: 6px;
    background:#E70012;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.about_catch_txt::after{
    content: "";
    position: absolute;
    width:100%;
    height: 6px;
    background:#00428E;
    left: 0;
    bottom: 0;
}

.about_catch_txtbox p{
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 1.3;
}

.about_catch_txtbox p:last-child{
    margin-bottom: 0;
}

#content_wrap .about_catch_img img{
    margin-bottom: 0;
}

.features_list{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    gap: 34px;
}

.features_item{
    display: grid;
    /* grid-template-columns: repeat(2, 1fr); */
    grid-template-rows: 1fr;
    /* gap: 55px; */
    gap: 4.5%;
    grid-template-columns: 58% 37.5%;
}

.features_item.reverse .features_txt{
    order:2;
}
.features_item.reverse .features_img{
    order:1;
}
.features_item.reverse {
    grid-template-columns: 37.5% 58%;
}

#content_wrap .features_img img{
    margin: 0;
}

.features_ttl{
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 6px;
}

.features_ttl::before{
    content: "";
    position: absolute;
    width:18px;
    height: 6px;
    background:#E70012;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.features_ttl:after{
    content: "";
    position: absolute;
    width:100%;
    height: 6px;
    background:#00428E;
    left: 0;
    bottom: 0;
}

.features_num{
    display: inline-block;
    font-size: 60px;
    font-weight: 500;
    line-height: 1.2;
    color: #003072;
}

.features_ttl h3{
    font-weight: 700;
    line-height: 1.2;
}

.features_ttl h3::before{
    content: none;
}

.features_txt h4{
    font-weight: 700;
    margin-bottom: 5px;
}

.features_txt p{
    line-height: 1.3;
}


/* 安心の理由は、*/

.reasons_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:34px 2.15%;
}

.reasons_item{
    /* width: 29.7%; */
    width: 31.9%;
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 0!important;
}

.reasons_heading{
    display: flex;
    align-items: center;
    gap: 8px;
}

#content_wrap .reasons_icon img{
    margin: 0;
}

.reasons__name{
    font-weight: 700;
    line-height: 1.2;
}

.reasons__sub{
    font-weight: 700;
    display: inline-block;
}

.reasons_item p{
    line-height: 1.3;
}


/*社員インタビュー*/

.pro-appraisal_content{
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}

.pro-appraisal__bg{
    position: absolute;
    /*width: 100%;
    height: 100%;*/
    inset:0;
    z-index:-1;
    background: url('../img/about/pro-appraisal_bg.jpg') center/cover no-repeat;
}

.pro-appraisal__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
}

.pro-appraisal_list{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr;
    gap: 16px;
}

.pro-appraisal_item{
    /* display: flex;
    flex-wrap: wrap; */
    display: grid;
    grid-template-columns: 1fr 64.8%;
    gap: 3.8%;
}

#content_wrap .pro-appraisal_img img{
    margin: 0;
    border: 2px solid #fff;
}

.pro-appraisal_ribbon{
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: #003072;
    color:#fff;
    font-weight: 700;
    line-height: 1.2;
}

.pro-appraisal_panel{
    background:#fff;
    padding: 16px 24px;
    margin-top: 8px;
    border-left: 4px solid #E70012;
}

.pro-appraisal_panel p{
    line-height: 1.2;
    margin-bottom: 5px;
}

.pro-appraisal_panel .pro-appraisal_note{
    color: #666;
}

.about_cta{
    text-align: center;
    margin-top: 24px;
}
.about_cta p{
    font-weight: 700;
    margin-bottom: 13px;
    line-height: 1.3;
}

/*高価買取実績*/
.buy-result_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    gap: 40px;
}
.twitter-tweet{
    /*display: flex;*/
    max-width: 450px!important;
    /*width: 100%;*/
    margin-top: 0!important;
    margin-bottom: 0!important;
    height: 100%;
}

/*.buy-result_item{*/
/*    display: flex;*/
/*    padding: 24px;*/
/*    flex-direction: column;*/
/*    !* gap: 16px; *!*/
/*}*/

/*.buy-result_head{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*    position: relative;*/
/*    padding-bottom:8px;*/
/*    margin-bottom: 16px;*/
/*}*/

/*.buy-result_head::before{*/
/*    content:"";*/
/*    position: absolute;*/
/*    width: 30px;*/
/*    height: 4px;*/
/*    background: #E70012;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*}*/

/*.buy-result_head::after{*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    height: 4px;*/
/*    background: #00428E;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*}*/

/*.buy-result_head p{*/
/*    font-weight: 700;*/
/*    color: #003072;*/
/*    font-weight: 700;*/
/*}*/

/*#content_wrap .buy-result_item img{*/
/*    margin: 0;*/
/*}*/

/*.buy-result_item .campaign_info{*/
/*    margin-top: 16px;*/
/*}*/

/*.buy-result_item h3{*/
/*    line-height: 1.3;*/
/*    padding: 0;*/
/*    margin: 3px 0 4px 0!important;*/
/*}*/

/*.buy-result_item h3::before {*/
/*    content: none;*/
/*}*/

/*.buy-result_price{*/
/*    font-weight: 700;*/
/*    color: #E70012;*/
/*    text-align: right;*/
/*    line-height: 1.3;*/
/*    margin-bottom: 8px;*/
/*}*/

/*.buy-result_price .price_en{*/
/*    color: #333;*/
/*}*/

/*.buy-result_txt p{*/
/*    line-height: 1.3;*/
/*}*/

/*.x-posts{*/
/*    grid-template-columns: repeat(1, 1fr);*/
/*    gap: 40px;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/

/*お客様の声*/
.voice_contant{
    background: #003072;
    padding:40px 0;
}

.voice-card{
    background:#fff;
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 5px;
    min-height: 295px;
    position: relative;
    gap: 24px;
    margin-bottom: 0!important;
}

#voice-splide-track{
    max-width: 1290px;
    margin: 0 auto;
}

.voice_contant .about_inner{
    padding: 0 60px;
}

.voice_section .splide__arrow--prev{
    left: -30px;
}

.voice_section .splide__arrow--next{
    right: -30px;
}

.voice-card_lead{
    font-weight: 700;
    margin-bottom: 6px;
}

.voice-card_txt{
    line-height: 1.3;
}

.voice-card_bottom{
    display: flex;
    align-items: center;
    gap: 12px;
}

.voice_icon{
    background: #003072;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.voice_icon img{
    margin-bottom: 0!important;
}

#content_wrap .voice_icon img img{
    margin: 0 auto;
}

.voice-card_info{
    display: flex;
    flex-direction: column;
}

.voice-card_info p{
    font-weight: 700;
}

.voice-card_info span{
    color: #666;
}

/*人気の機種*/
.pickup_list a:hover {
    border: 1px solid #ccc;
    text-decoration: none;
    margin: -1px;
}
.ribbon-campaign.ribbon-xl {
    height: 160px;
    width: 160px;
}
.ribbon-campaign {
    height: 70px;
    overflow: hidden;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 70px;
    z-index: 10;
}
.ribbon-campaign.ribbon-xl .ribbon {
    /*right: -5px;*/
    /*top: 22px;*/
    /*width: 240px;*/
    right: -66px;
    top: 23px;
    width: 120px;
}
.ribbon-campaign .ribbon {
    box-shadow: 0 0 3px rgba(0, 0, 0, .7);
    line-height: 100%;
    padding: 0.375rem 0;
    position: relative;
    right: -2px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
    text-transform: uppercase;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 90px;
}
.bg-campaign, .bg-campaign>a {
    color: #fff !important;
}
.bg-campaign {
    background-color: #e70012 !important;
}
.bg-campaign {
    background-color: #e70012 !important;
}
.ribbon-campaign .ribbon::before {
    left: 0;
}
.ribbon-campaign .ribbon::after {
    right: 0;
}
.ribbon-campaign .ribbon::after, .ribbon-campaign .ribbon::before {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #9e9e9e;
    bottom: -3px;
    content: "";
    position: absolute;
}
.ribbon-campaign .ribbon::after, .ribbon-campaign .ribbon::before {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #9e9e9e;
    bottom: -3px;
    content: "";
    position: absolute;
}
#content_wrap .pickup_list table {
    border: none;
    margin: 0;
}
.pickup_list table td{
    border: none;
    text-align: right;
    padding: 0;
    font-weight: normal;
}

/*幅広い買取対象機種*/
.device-lineup_list{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    gap: 0;
    margin-top: 40px;
    margin-bottom: 40px;
}

.device-lineup_item{
    list-style: none;
    padding: 0 0 32px 32px;
    background: #003072;
    color: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: 0!important;
}

.device-lineup_item:nth-child(2n){
    background:#F5F5F5;
    color: #333;
}

.device-lineup_box{
    display: flex;
    gap: 16px;
    padding-right: 32px;
    height: 100%;
    flex-direction: column;
}

.device-lineup_item h3{
    color: #fff;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
}

.device-lineup_item h3::before{
    content: none;
}

.device-lineup_item:nth-child(2n) h3{
    color: #333;
}

#content_wrap .device-lineup__img img{
    margin: 0;
}

.device-lineup_box p{
    line-height: 1.3;
}

.device-lineup__btn{
    text-align: center;
    margin-top: auto;
}

.device-lineup__btn a{
    display: inline-block;
    /* width: 100%;
    max-width: 128px; */
    padding: 16px;
    color: #fff!important;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #fff;
    border-radius: 5px;
}

.device-lineup_item:nth-child(2n) .device-lineup__btn a{
    color:#333!important;
    border: 1px solid #333;
}

.device-lineup__btn a:hover{
    opacity: .7;
}

.device-lineup_item:nth-child(2n) .device-lineup__btn a:hover{

}

/*簡単3ステップの買取の流れ*/

.purchase-step_list{
    display: grid;
    grid-template-columns: 1fr 36px 1fr 36px 1fr;
    grid-template-rows: 1fr;
    gap: 40px;
}

.purchase-step_item{
    display: flex;
    flex-direction: column;
    padding: 24px;
}

.purchase-step_arrow{
    display: flex;
    align-items: center;
    justify-content: center;
}

.purchase-step_arrow img{
    margin-bottom: 0!important;
}

.flow_image{
    text-align: center;
    margin: 8px 0 16px 0;
}

#content_wrap .flow_image img{
    margin: 0;
}

.num_txt_box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color:  #003072;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
}

.head_step{
    font-size: 16px;
    line-height: 1.0;
}

.step_num{
    line-height: 1.2;
}

.flow_txt p{
    line-height: 1.3;
}

.flow_txt h3{
    font-weight: 700;
    text-align: center;
    margin-bottom: 12px;
}

/*業界最高値挑戦中！*/
.prefooter-cta_section{
    position: relative;
    background: #003072;
    overflow:hidden;
    margin-top: 100px;
}

.prefooter-cta_container{
    padding: 167px 0 105px 0;
}

.prefooter-cta_left_img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 31.25%;
    display: flex;
    align-items: center;
}
#content_wrap  .prefooter-cta_left_img img{
    margin: 0;
}

.prefooter-cta_right_img{
    position: absolute;
    right: 0;
    /* top:40px; */
    bottom: 0;
    height: 100%;
    width: 31.25%;
    display: flex;
    justify-content: flex-end;
}
#content_wrap .prefooter-cta_right_img img{
    margin: 0;
    height: 100%;
    object-position: bottom;
    object-fit: contain;
}

.prefooter-cta_right_img.sp_size{
    display: none;
}

.prefooter-cta_txtbox{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    color: #fff;
    max-width: 360px;
}

#content_wrap .prefooter-cta_ttl{
    font-size: 40px;
    color: #fff;
    letter-spacing: 0;
    border: none;
    margin: 0 0 16px 0;
    padding: 0;
}

.prefooter-cta_txtbox p{
    margin-bottom: 16px;

}

.prefooter-cta_txtbox .about_btn{
    margin-top: 24px;
}

.popular-models_cta.about_cta.sp_size{
    display: none;
}

@media (max-width: 1024px) {

    .fv-normal{
        display: none;
    }
    .fv-notePC{
        display: block;
    }

    /*60年以上の*/
    .about_catch_in{
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }

    /*安心の理由は*/
    .reasons_item{
        padding: 0;
    }

    /*高価買取実績*/
    .buy-result_list{
        gap: 16px;
        grid-template-columns: repeat(3, 1fr);
    }

    /*業界最高値買取に挑戦中！*/
    .only-pc {
        display: none;
    }

    /*.buy-result_item{*/
    /*    padding: 0;*/
    /*    margin: 0!important;*/
    /*}*/

    /* 幅広い買取対象機種 */
    .device-lineup_list {
        grid-template-columns: repeat(3, 1fr);
    }
    .device-lineup_item{
        padding: 0 0 16px 16px;
    }

    .device-lineup_box{
        padding-right: 16px;
        /* gap: 8px; */
    }

    /*簡単3ステップの買取の流れ*/
    .purchase-step_list{
        gap: 16px;
    }

    .purchase-step_item{
        padding: 0;
    }

    /* 業界最高値挑戦中！ */

    .prefooter-cta_container{
        padding: 50px 20px 0 20px;
    }
    .prefooter-cta_left_img{
        /* align-items: flex-start; */
    }

    .prefooter-cta_left_img {
        position: relative;
        width: 100%;
        left: unset;
        bottom: unset;
        justify-content: center;
    }


    #content_wrap .prefooter-cta_left_img img{
        width: 90%;
    }

    .prefooter-cta_right_img.pc_size{
        display: none;
    }
    .prefooter-cta_right_img.sp_size{
        position: relative;
        right: unset;
        width: 100%;
        display: flex;
        justify-content: center;
        bottom: -6px;
        align-items: flex-end;
        gap: 11px;
    }

    .prefooter-cta_txtbox{
        max-width: 90%;
        align-items: flex-start;
        padding: 50px 0;
    }



}
@media (max-width: 880px) {
    .fv-normal{
        display: block;
    }
    .fv-notePC{
        display: none;
    }
    .about-hero {
        flex-direction: column-reverse;
    }
    .about-fv {
        width: 100%;
        height: auto;
        display: block;
    }
    #content_wrap img {
        margin-bottom: 0;
    }
    .hero__title {
        width: 100%;
        padding: 20px 0;
    }
    .hero__title_in {
        justify-content: center;
    }
}
@media (max-width: 820px) {
    .buy-result_list {
        gap: 24px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {

    #content_wrap h1{
        text-align: left;
    }

    .about_btn a{
        font-size:14px;
        max-width: 172px;
    }

    .about-hero_section{
        padding: 0 20px;
    }


    #content_wrap .about-hero .sp_size{
        display: block;
        min-height: 282px;
    }

    .hero__title_txt{
        font-size: 21px;
        margin-bottom: 5px;
    }

    .hero__title_in{
        align-items: flex-end;
    }

    .hero__title_txtbox{
        padding: 0 16px;
    }

    .about-hero_section .about_btn{
        text-align: center;
        margin: 16px auto;
    }


    /*60年以上の*/
    .about_catch_in{
        /* grid-template-columns: repeat(1, 1fr); */
        gap: 16px
    }

    .about_catch_txtbox{
        padding: 16px;
    }

    .about_catch_txtbox p{
        font-size: 14px;
    }

    /*特長*/
    .features_item,.features_item.reverse{
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .features_item.reverse .features_txt,.features_item.reverse .features_img{
        order: unset;
    }

    .features_num{
        font-size: 40px;
    }

    #content_wrap .features_ttl h3{
        margin: 0;
        font-size: 21px;
    }

    /*安心の理由は、*/
    .reasons_list{
        flex-direction: column;
        gap: 16px;
    }

    .reasons_list .reasons_item:first-child{
        padding: 0;
    }

    .reasons_item{
        width: 100%;
        padding: 16px 0;
    }

    .reasons__name{
        font-size: 21px;
    }

    .reasons__sub{
        font-size: 14px;
    }

    /*社員インタビュー*/
    .pro-appraisal_list{
        gap: 40px;
    }

    .pro-appraisal_item{
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
        margin-bottom: 0!important;
    }

    .pro-appraisal_panel{
        margin-top: 0;
    }

    .pro-appraisal_ribbon{
        padding: 16px;
    }

    .pro-appraisal_panel{
        padding: 16px;
    }

    .about_cta p{
        margin-bottom: 8px;
    }

    /*高価買取実績*/
    .buy-result_list{
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;

    }
    .twitter-tweet{
        text-align: center;
    }
    /*.buy-result_item{*/
    /*    padding: 24px 0 ;*/
    /*}*/


    /*お客様の声*/
    .voice_contant{
        padding: 24px 0;
    }

    .voice_contant .about_inner{
        padding: 0 20px;
    }

    .voice_section .splide__arrow--prev,.voice_section .splide__arrow--next{
        display: none;
    }

    .voice-card{
        padding: 16px;
    }

    .voice-card_bottom{
        flex-direction: column;
        align-items: normal;
    }

    /*人気の機種*/
    .popular-models_section .pickup_list li{
        width: 50%;
    }

     /*幅広い買取対象機種*/
    .device-lineup_list{
        grid-template-columns: repeat(2, 1fr);
    }

    .device-lineup_item{
        padding: 0 0 16px 8px;
    }

    .device-lineup_item:nth-child(3){
        background: #F5F5F5;
        color: #333;
    }

    .device-lineup_item:nth-child(4){
        background: #003072;
        color: #fff;
    }

    #content_wrap .device-lineup_item h3{
        margin-top: 15px;
    }

    .device-lineup_item:nth-child(3) h3{
        color: #333;
    }

    .device-lineup_item:nth-child(4) h3{
        color: #fff;
    }

    .device-lineup_item:nth-child(3) .device-lineup__btn a{
        color: #333 !important;
        border: 1px solid #333;
    }

    .device-lineup_item:nth-child(4) .device-lineup__btn a{
        color: #fff !important;
        border: 1px solid #fff;
    }

    .device-lineup_box{
        padding-right: 8px;
        gap: 8px;
    }

    .device-lineup_box p{
        margin-bottom: 30px;
    }

    .device-lineup__btn{
        margin-top:auto;
    }

    .popular-models_cta.about_cta.pc_size{
        display: none;
    }

    .popular-models_cta.about_cta.sp_size{
        display: flex!important;
        align-content: center;
        flex-direction: column;
        justify-content: center;
        padding: 8px 0 0 8px;
        margin: 0!important;
        text-align: left;
    }

    .popular-models_cta.about_cta a{
        padding: 8px 5px;
    }

     /*簡単3ステップの買取の流れ*/
    .purchase-step_list{
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .purchase-step_item{
        align-items: center;
        margin-bottom: 0!important;
    }

    .flow_image{
        margin: 24px 0 20px 0;
    }

    #content_wrap .flow_txt h3{
        margin-top: 0;
    }

    /* .purchase-step_arrow{
        margin: 5px 0;
    } */

    .purchase-step_arrow img{
        transform: rotate(90deg);
    }

    .head_step{
        font-size: 14px;
    }

    .prefooter-cta_container{
        padding:50px 20px 0 20px;
    }
    .prefooter-cta_left_img{
        position: relative;
        width: 100%;
        left: unset;
        bottom: unset;
        justify-content: center;
    }

    .device-lineup__btn a{
        font-size: 14px;
        padding: 8.43px;
    }

    /* 業界最高値挑戦中！ */
    .prefooter-cta_section{
        margin-top: 50px;
    }

    #content_wrap .prefooter-cta_ttl{
        font-size: 21px;
        margin-bottom: 5px;
    }

     #content_wrap .prefooter-cta_left_img img{
        width: 100%;
    }


    .prefooter-cta_txtbox{
        max-width: 100%;
        /* align-items: flex-start; */
        padding: 40px 0 34px 0;
    }

    /* .prefooter-cta_right_img.sp_size{
        position: relative;
        right: unset;
        width: 100%;
        display: flex;
        justify-content: center;
        bottom: -6px;
    } */

    .prefooter-cta_txtbox .about_btn{
        margin: 8px auto 0 auto;
    }

    .prefooter-cta_txtbox .about_btn a{
        padding: 8px;
    }

}
@media (max-width: 550px) {
    .buy-result_list {
        gap: 24px;
        grid-template-columns: repeat(1, 1fr);
    }
}


@media screen and (min-width: 375px) and (max-width: 576px) {
    nav {
        padding: 0;
    }
}
@media (max-width: 340px) {
    .pickup_list li {
        width: 100%;
    }
}

/*お客様の声　スライドのバー*/
.voice-progress{
  display:none;
}
@media (max-width: 767px){
  .voice-progress{
    display: block;
    position: relative;
    width: 100%;
    margin: 16px 0 0;
    height: 12px;
  }
  .voice-progress::before{
    content:"";
    position:absolute;
    left:0; right:0; top:50%;
    height:3px;
    background:#d7dee7;
    border-radius:999px;
    transform:translateY(-50%);
  }
  .voice-progress__bar{
    position:absolute;
    top:50%;
    left:0;/* ← JS で上書き */
    height:3px;
    width:0;
    background:#E70012;
    border-radius:999px;
    transform:translateY(-50%);
    transition:left .25s ease, width .25s ease;
  }
}
