@charset "utf-8";


#sect_subttl{aspect-ratio: initial; margin-bottom: 0;}
#sect_subttl .ttl_box{padding-top: 12.8rem; padding-bottom: 12.8rem; height: auto; color: #000;}
#sect_subttl .ttl_box .ttl_name{}
#sect_subttl .ttl_box .ttl_intr{}

/**sect_flow**/
#sect_flow{padding-top: 0;}
#sect_flow [class*="wth_"]{min-width:initial; }
#sect_flow .nagare_ul{ display: flex;flex-direction: column; gap: 6.4rem;}
#sect_flow .nagare_ul li{ display: flex; flex-direction: row; gap:2.2rem; text-align: left;position: relative;}
#sect_flow .nagare_ul li .LiArrow_Barr { position: absolute; height: calc(100% - 11.6rem); top: 11.6rem; left: calc(5.8rem - 0.5em);}
#sect_flow .nagare_ul li .LiArrow_Barr:after{}
#sect_flow .nagare_ul li .LiArrow_Barr:before{}
#sect_flow .nagare_ul li .step_img{width:11.6rem; margin-top: 0; margin-bottom: 0; }
#sect_flow .nagare_ul li .step_txt{flex:1;}
#sect_flow .nagare_ul li .step_name{ padding-top: 4.8rem; padding-bottom: 4.8rem; font-size: var(--font-LL); line-height: 1.4;}
#sect_flow .nagare_ul li .step_intr{display: flex; flex-direction: column; padding-left: 2.2rem; padding-bottom: 6.4rem;}
#sect_flow .nagare_ul li .step_intr .small_step{width: fit-content; display: block; border-bottom: solid 1px var(--comm-red); padding-bottom: 0.4em; font-size: var(--font-L); line-height: 1.4;}
#sect_flow .nagare_ul li .step_intr .small_step + .small_txt{padding-top: 1.2rem;}
#sect_flow .nagare_ul li .step_intr .small_arr{height: 4.8rem; background-position: 3em center;}




@media only screen and (max-width: 760px) {

    #sect_subttl{}
    #sect_subttl .ttl_box{padding-top: 8rem; padding-bottom:8rem;}
    #sect_subttl .ttl_box .ttl_name{}
    #sect_subttl .ttl_box .ttl_intr{}

    /**sect_flow**/
    #sect_flow{}
    #sect_flow [class*="wth_"]{}
    #sect_flow .nagare_ul{gap: 6.0rem;}
    #sect_flow .nagare_ul li{gap:1.2rem;}
    #sect_flow .nagare_ul li .LiArrow_Barr { top: 6rem; left: 2rem; height: calc(100% - 6rem);}
    #sect_flow .nagare_ul li .LiArrow_Barr:after{}
    #sect_flow .nagare_ul li .LiArrow_Barr:before{}
    #sect_flow .nagare_ul li .step_img{width:6.0rem;}
    #sect_flow .nagare_ul li .step_txt{}
    #sect_flow .nagare_ul li .step_name{ padding-top: 2rem; padding-bottom: 2rem;}
    #sect_flow .nagare_ul li .step_intr{padding-left: 0.8rem; padding-bottom: 3.2rem;}
    #sect_flow .nagare_ul li .step_intr .small_step{padding-bottom: 1rem;}
    #sect_flow .nagare_ul li .step_intr .small_step + .small_txt{padding-top: 1.2rem;        padding-right: 1rem;}
    #sect_flow .nagare_ul li .step_intr .small_arr{height: 4.8rem; background-position: 3em center;}


}