.flowArea{position:relative;max-width:1240px;width:100%;margin:273px auto 0}@media screen and (max-width: 768px){.flowArea{margin:165px auto 0}}.flowArea::before{content:"";display:block;position:absolute;top:-100px;left:-20px;margin:auto;max-width:1140px;width:100%;height:100%;background:#f9f6f6}@media screen and (max-width: 1100px){.flowArea::before{left:0;max-width:none}}@media screen and (max-width: 1100px)and (max-width: 768px){.flowArea::before{top:-50px;height:calc(100% - 40px)}}.flowArea .item{display:flex;justify-content:flex-end;position:relative;padding:0 0 14.1666666667vw 0;margin:0 30px 0 130px;color:#303030}@media screen and (max-width: 1000px){.flowArea .item{display:block}}@media screen and (max-width: 1000px)and (max-width: 768px){.flowArea .item{margin:0 0 0 130px;padding:0 0 30.9333333333vw 0}}.flowArea .item::before{content:"";position:absolute;left:-72px;width:1px;height:100%;background:#303030}.flowArea .item:last-child{padding-bottom:0}.flowArea .item:last-child::before{content:none}.flowArea .num{position:absolute;top:-15px;left:-115px}.flowArea h3 .text{font-size:clamp(1.6875rem,1.6875rem + 0vw,1.6875rem);line-height:clamp(3.375rem,3.375rem + 0vw,3.375rem);letter-spacing:.1em}.flowArea .detail{margin:1.8055555556vw 0 0 0}.flowArea .detail .text{font-size:clamp(.875rem,.875rem + 0vw,.875rem);line-height:clamp(1.5625rem,1.5625rem + 0vw,1.5625rem);text-align:justify}.flowArea .cat{margin:2.4305555556vw 0 0 0}.flowArea .cat .text{font-size:clamp(.75rem,.75rem + 0vw,.75rem);line-height:clamp(1.375rem,1.375rem + 0vw,1.375rem);text-align:justify;letter-spacing:.06em;color:#8d8d8d}.flowArea .left{max-width:334px;width:100%}@media screen and (max-width: 768px){.flowArea .left{max-width:none;width:auto;margin:0 8vw 0 0}}.flowArea .left .img{margin:3.8888888889vw 0 0 0;max-width:185px;width:100%}.flowArea .left .img img{width:100%;height:auto}.flowArea .right{max-width:683px;width:100%;height:458px;margin:0 0 0 7.2222222222vw}@media screen and (max-width: 1000px){.flowArea .right{max-width:none;width:auto;margin:3.4722222222vw 0 0 0}}@media screen and (max-width: 1000px)and (max-width: 768px){.flowArea .right{height:auto}}.flowArea .right .img{position:relative;width:100%;height:458px}@media screen and (max-width: 1000px){.flowArea .right .img{width:auto}}@media screen and (max-width: 1000px)and (max-width: 768px){.flowArea .right .img{height:197px}.flowArea .right .img.__sp{max-width:155px;width:100%;height:auto;margin:-30px 0 0 auto}.flowArea .right .img.__sp img{position:relative;width:100%;height:auto;object-fit:contain;opacity:1;z-index:2}}.flowArea .right .img img{position:absolute;width:100%;object-fit:contain;opacity:0;transition:ease-in-out 1s}.flowArea .right .img img.is-current{opacity:1;z-index:1}@media screen and (max-width: 1000px){.flowArea .right .img img{object-fit:cover}}@media screen and (max-width: 1000px)and (max-width: 768px){.flowArea .right .img img{height:197px}}