@charset "UTF-8";

/* qa
----------------------------------------------- */
.flow{position: relative;}
.flow:before{content: "";background: #ddd;width: 2px;height: 490vw;position: absolute;left: 50%;z-index: -1;}
.flow li{margin-bottom: 8vw;border: 1px solid #ddd;padding: 6%;background: #fff;}
.flow li img{width: 100%;margin-bottom: 3vw;}
.flow li p { margin-bottom: 4vw; font-size: 3.6vw; font-feature-settings: "palt";letter-spacing: .04em;text-align: justify;line-height: 1.7;}
.flow li p:last-child{margin-bottom: 0;}
.flow li p a{padding: 0;display: inline-block;font-weight: 600;color: var(--beige);font-size: 100%;text-decoration: underline;}
.flow li p.read{font-size: 4.8vw;font-family: var(--mincho);color: var(--beige);margin-bottom: 1vw;}
.flow li p.read > span{font-family: 'Cinzel';display: block;color: #625d5a;font-size: 3.6vw;line-height: 1.2;letter-spacing: .08em;}

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

.flow:before{height: 1500px;}
.flow li{margin-bottom: 40px;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;padding: 50px;}
.flow li img{width: 400px;margin: 0 0 0 40px;order: 2;}
.flow li p {margin-bottom: 30px;font-size: 15px;line-height: 1.8;}
.flow li p.read{font-size: 22px;margin-bottom: 10px;}
.flow li p.read span{font-size: 16px;}

}