@charset "UTF-8";
.flow{margin-bottom:10vw;}
.flow img{width:100%;margin-bottom:6%;}
.flow ul{position:relative;}
.flow ul:before{content:"";background:#ebd3a9;width:3vw;height:90%;position:absolute;}
.flow li{background:#fff;padding:5%;margin-bottom:3vw;position:relative;}
.flow li .tit{font-family: var(--mincho);font-weight: 600;font-size: 4.5vw;margin-bottom: 4%;padding: 0 0 3% 24%;border-bottom: 1px dashed #ccc;position:relative;line-height: 1.4;}
.flow li .tit span{background:var(--gold02);color:var(--gold);padding:2% 3%;display:inline-table;font-size:3vw;line-height:1;border-radius:30px;position:absolute;left:0;}

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 
.flow{margin-bottom:80px;}
.flow ul:before{width:20px;}
.flow li{padding:30px;margin-bottom: 16px;}
.flow li .tit{font-size: 24px;padding: 0 0 18px 110px;margin-bottom: 18px;}
.flow li .tit span{font-size:15px;padding:8px 20px;}

}

@media screen and (min-width: 800px) {
.flow li{position:relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: start;}
.flow li img{width:30%;margin-bottom: 0;}
.flow li .textbox{width: 66%;}
.flow li p{margin-bottom:10px;}
.flow li a{margin:0 0 0 0;}
}

@media screen and (min-width: 1200px) {
.flow li{padding:40px;}
}
    


@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {

}