@charset "UTF-8";

.flow li{position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;margin-bottom: 7vw;/* min-height: 46vw; */}
.flow li:after{content: "";width: 4px;height: 60vw;position: absolute;top: 1vw;left: 9.5%;background: #595959;z-index: -1;}
.flow li:last-child:after{content: none;}
.flow li img{width: 20%;margin: 0 3vw 0 0;}
.flow li .text{padding:4% 0 0 0;}
.flow li p.read{font-weight: bold;font-size: 5.2vw;line-height: 1.4;margin-bottom: 2vw;position: relative;}
.flow li p.read span{line-height: 1;font-size: 3.4vw;margin-right: 6px;display: table;margin-bottom: 2vw;color: #858585;font-family: "Marcellus";font-weight: 400;}
.flow li p.read small{font-size: 80%;}
.flow li p.sub{font-weight:bold;color:var(--gold);margin-bottom: 1vw;font-size: 115%;}

/* =============================================
pc-size
================================================*/
@media screen and (min-width: 769px) {

.flow li{margin-bottom: 0;}
.flow li:after{height: 255px;left: 43px;width: 3px;}
.flow li:last-child:after{content: none;}
.flow li:last-child .text{border: none;}
.flow li img{width: 90px;margin: 0 40px 0 0;}
.flow li .text{border-bottom: 1px dashed #ddd;padding: 0 0 40px 0;margin-bottom: 50px;width: 100%;}
.flow li p.sub{font-size: 20px;margin-bottom:10px;}
.flow li p.read{font-size: 30px;margin-bottom: 10px;}
.flow li p.read span{font-size: 15px;margin: 0 0 7px;}

}