/* ============================================================ sec*/
.article .mainVisual{background: url(../../flow/img/mainVisual__headingImage.jpg); background-size: cover; height: 49.4rem;}

.l-section__text{font-size: 1.8rem;}

.secFlow__listItem{display: flex; margin: 0 0 12.4rem 0; position: relative;}

.secFlow__listItem:after{background: url(/common/img/icon__qa--close.svg) 50% 50% no-repeat; background-size: cover; bottom: -50px; box-sizing: border-box; content: "";left: 50%; height: 1.4rem; position: absolute; width: 2.4rem;}

.secFlow__listItem:nth-child(5):after{content: none;}

.secFlow__listImage{margin: 0 3rem 0 0; width: 35rem;}

.secFlow__listImage > img{border-radius: .8rem .8rem .8rem .8rem;}

.secFlow__listText{width: calc(100% - 2.6rem);}

.secFlow__listText--number{color: #0fa169; font-size: 3.6rem; font-weight: 700; line-height: 1; margin: 0 0 2.4rem 0;}

.secFlow__listText--title{font-size: 2rem; font-weight: 700; line-height: 1; margin: 0 0 1.6rem 0;}


@media screen and (max-width: 750px) {
.article .mainVisual{background: url(../../flow/img/mainVisual__headingSPImage.jpg); background-size: cover; height: 60vh;}
.l-section__text{font-size: 1.6rem;}
.secFlow__listItem{box-shadow: 0 0.4rem 1rem 0.4rem rgba(76,76,76,0.1); display: block; margin: 0 0 6.4rem 0; padding: 3.2rem 2.4rem 3.2rem 2.4rem;}
.secFlow__listItem:after{bottom: -4rem;}
.secFlow__listImage{margin: 0 0 2.4rem 0; width: 100%;}
.secFlow__listImage > img{border-radius: .4rem .4rem .4rem .4rem ; width: 100%;}
.secFlow__listText{width: 100%;}
.secFlow__listText--number{font-size: 2.8rem; margin: 0 0 1.2rem 0;}
.secFlow__listText--title{font-size: 2rem; margin: 0 0 .8rem 0;}
}
