#plan_bring .bring_wrap{ 
    margin-top: 48px;
}
#plan .bring_img_photos{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
#plan  .bring_photo_offers{
    margin-top: 48px;
}
#plan  .bring_photo_offers ol{
    grid-template-rows: repeat(2,15rem);
}

/*ママ振りプランの流れ*/
#plan .bring_flow h2 {
    margin-bottom: 48px;
}
#plan .bring_flow_container{
    display: flex;
    gap: 11px;
    justify-content: space-between;
}
#plan .bring_flow_box{
    flex: 1;
    display: flex;
    flex-direction: column;
}
#plan .bring_flow_text{
    padding-top: 24px;
    border: solid 1px var(--frame-line);
    text-align: center;
    flex-grow: 1;
}
#plan .bring_flow_text p{
    text-align: left;
    padding: 16px 24px;
}
#plan .img_arrow_box{
    position: relative;
}
#plan .bring_flow_arrow{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: var(--logo);
    position: absolute;
    top: 88%;
    right: -30px;
    z-index: 1;
}
#plan .bring_flow_arrow::after{
    content: "";
    width: 12px;
    height: 12px;
    border-top: solid 2px var(--white);
    border-right: solid 2px var(--white);
    transform: rotate(45deg);
    position: absolute;
    top: 23px;
    right: 29px;
}

@media screen and (max-width: 1100px) and (min-width: 650px){
    #plan .bring_flow_container{
        flex-wrap: wrap;
        gap: 40px;
        justify-content: center;
        
    }
    #plan .bring_flow_box{
        flex: unset;
        width: 40%; 
    }
    .bring_flow_box.box3{
        order: 2;
    }
    .bring_flow_box.box3{
        order: 1;
    }
    #plan .bring_flow_box {
    position: relative;
    }
    #plan .img_arrow_box{
        position: static;
    }
    #plan .bring_flow_arrow{
        top: 50%;
    }
    #plan .box2 .bring_flow_arrow{
        top: calc(100% - 31px);
        right: 50%;
        transform: translateX(50%);
        transform: translateX(50%)rotate(90deg);
    }
    #plan .box3 .bring_flow_arrow{
        top: 50%;
        left: -30px;
        transform: rotate(180deg);
    }

    #plan .bring_photo_offers ol {
        grid-template-rows: repeat(2,25rem);
    }
}

@media screen and (max-width: 650px){
   
    #plan_bring #plan .offers_text_box h3{
        margin: 0;
    }
    #plan .offers_text_box h3:has(+.txt_14r){
        margin-bottom: 8px;
    }
    #plan .bring_photo_offers ol{
        grid-template-rows: unset;
    }
    
    /*ママ振りプランの流れ*/
    #plan .bring_flow h2 {
        margin-bottom: 24px;
    }
    #plan .bring_flow_container{
        flex-direction: column;
        gap: 56px;
    }
    #plan .bring_flow_box{
        width: 100%;
        position: relative;
    }
    .bring_flow_box.box3,
    .bring_flow_box.box4{
        order: unset;
    }
    #plan .img_arrow_box{
        position: static;
    }

    #plan .bring_flow_text p{
        padding: 16px 16px 24px;
    }

    
    #plan .bring_flow_arrow,
    #plan .box2 .bring_flow_arrow{
        width: 40px;
        height: 40px;
        top: calc(100% + 8px);
        left: 50%;
        transform: translateX(-50%);
    }
    #plan .bring_flow_arrow::after{
        transform: rotate(135deg);
        top: 12px;
        right: 15px;
        width: 10px;
        height: 10px;
    }

}