.mainVisual__title{position: absolute;top: 48%;left: 50%;transform: translate(-50%,-50%) !important;max-width: 380px;width: 27%;}
/* .mainVisual__title span{display: block;text-align: center;color: #c2a267;}
.mainVisual__title span.en{ font-family: "Bodoni Moda", serif;line-height: 1.25;font-size: 70px;letter-spacing: 0.2em;}
.mainVisual__title span.jp{font-size: 80px;letter-spacing: 0.1em;} */
#flow{background:  linear-gradient(to right,#4d4647 0%,#62544e 25%,#62544e 75%,#4d4647 100%);position: relative;padding: 160px 0;}
#flow figure{margin: 0;}
#flow .container {width: calc(100% - 40px);max-width: 1300px;margin: 0 auto;}
#flow::after{width: 100%;height: 5px;position: absolute;background: #ded7d3;top: 35px;left: 0;content: '';}
#flow::before{width: 100%;height: 5px;position: absolute;background: #ded7d3;bottom: 35px;left: 0;content: '';}

#flow .step{text-align: center;}
#flow .step .num_step{padding: 0 0 20px;max-width: 430px;margin: 40px auto 0;border-bottom: 1px solid #fff;}
#flow .step .cont_step h4{font-size: 40px;color: #c2a267;line-height: 1.375;margin: 20px 0 25px;}
#flow .step .cont_step p{color: #fff;font-size: 22px;}

#flow .step .box_step:not(:last-child){margin: 0 0 200px;position: relative;}
/* #flow .step .box_step:not(:last-child)::after{content: '';position: absolute;width: 113px;height: 46px;background: url('../imgs/arrow_01.svg')no-repeat center center/100% 100%;left: 50%;bottom: -123px;transform: translateX(-50%);} */
#flow .step .box_step .arr_icon{position: absolute;left: 50%;bottom: -123px;transform: translateX(-50%);}
#flow .list_item {display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 815px;margin: 60px auto 0}
#flow .list_item .item{width: 27.49140%;color: #fff;position: relative;}
#flow .list_item .item p{font-size: 16px;text-align: center;margin: 10px 0 0;}
#flow .list_item .item:not(:last-child) figure{position: relative;}
#flow .list_item .item:not(:last-child) figure::after{content: '';position: absolute;width: 18px;height: 43px;background: url('../imgs/arrow_02.svg')no-repeat center center/100% 100%;top: 50%;right: -18%;transform: translateY(-50%);}
#flow .step figure{width: fit-content;margin: 0 auto;}
#flow .list_item .item figure{position: relative;width: fit-content;margin: 0 auto;}
#flow .area{background: #c2a267;text-align: center;font-family: "Bodoni Moda", serif;padding: 65px 0 60px;margin: 40px 0 100px;display: block;position: relative;}
#flow .area::before{content: '';position: absolute;border-bottom: 2px solid #ffffff;width: 100%;height: 2px;top: 20px;left: 0;}
#flow .area::after{content: '';position: absolute;border-bottom: 2px solid #ffffff;width: 100%;height: 2px;bottom: 20px;left: 0;}
#flow .area:hover{opacity: 0.8;}
#flow .area span{font-size: 70px;line-height: 1;color: #ffffff;letter-spacing: 0.17em;}
#flow .area p{color: #ffffff;letter-spacing: 0.1em;font-size: 24px;}

#flow .check_out{width: calc(100% - 40px);;max-width: 815px;margin: 0 auto;background-color: #fff;padding: 30px 40px 40px;text-align: center;}
#flow .check_out h4{text-align: center;font-size: 25px;text-align: center;border-bottom: 1px solid #231815;color: #231815;padding:0 0 15px;margin: 0 0 15px;}
#flow .check_out a{display: block;background-color: #231815;color: #fff;text-align: center;font-size: 24px;padding: 12px 0 15px;margin: 25px 0 0;}
#flow .check_out a:hover{opacity: 0.8;}
#flow .caption_inner{max-width: 815px;margin: 80px auto 0;color: #fff;font-size: 10px;}
@media screen and (max-width: 768px) {
    .mainVisual__title{width: 65%;}
    #flow{padding: 80px 0;}
    #flow .step .num_step img{width: 18vw;}
    #flow .step .cont_step h4{font-size: 30px;}
    #flow .step .cont_step p{font-size: 16px;}
    #flow .step .box_step:not(:last-child){margin: 0 0 100px;}
    #flow .step .box_step .arr_icon{width: 90px;bottom: -60px;height: 30px;}
    /* #flow .step .box_step:not(:last-child)::after {width: 90px;bottom: -60px;height: 30px;} */
    #flow .list_item .item{width: 100%;text-align: center;}
    #flow .list_item .item:not(:last-child){margin-bottom: 80px;}
    #flow .list_item .item:not(:last-child) figure::after {right: unset;left: 50%;top: unset;bottom: -100px;transform:translateX(-50%) rotate(90deg);}
    #flow .area{margin: 40px 0 50px;padding:40px 0;}
    #flow .area::before{top: 10px;}
    #flow .area::after{bottom: 10px;}
    #flow .area span{font-size: 40px;}
    #flow .area p{font-size: 15px;line-height: calc(50/30);}
    #flow .check_out{padding: 20px;}
    #flow .check_out h4{font-size: 20px;}
    #flow .check_out p{text-align: left;}
    #flow .check_out a{font-size: 18px;line-height: 1.6;padding: 10px 0 12px;}
    #flow .caption_inner{margin: 50px auto 0;}

}