#flow{margin-bottom:100px}.contents05{margin-bottom:0}.flow_box{padding:20px;position:relative;margin:50px 0 0}.flow_box .flow_no{padding:18px;border-radius:50%;display:inline-block;height:80px;width:80px;line-height:40px;text-align:center;font-size:22px;position:absolute;top:20px;left:0;background-color:#de410a;color:#fff}.flow_box .flow_line_box{position:relative}.flow_box .flow_line{position:absolute;z-index:1;left:42px;top:100px;bottom:23px;width:1px;overflow:hidden}.flow_box .flow_line:before{content:"";z-index:1;position:absolute;background-image:-moz-linear-gradient(90deg, #fff 0%, #333 100%);background-image:-webkit-linear-gradient(90deg, #fff 0%, #333 100%);background-image:-ms-linear-gradient(90deg, #fff 0%, #333 100%);top:310px;right:0;left:0;height:100%;transform:translateY(-100%);transition:transform 1s cubic-bezier(0.43, 0.05, 0.17, 1);transition-delay:.2s}.flow_box .flow_title{margin-left:100px}.flow_box .flow_content{margin-top:20px;margin-left:100px;padding:45px 80px;background-color:#ffeee1}.flow_box .flow_content .flow_text{padding-bottom:30px;font-size:15px;line-height:2em}.flow_box:last-of-type{padding-bottom:0}.flowchart{display:flex;justify-content:space-between;padding:0;flex-wrap:wrap}.flowchart .flowchart_item{writing-mode:vertical-rl;list-style:none;padding:20px 30px;background-color:#333;color:#fff;height:220px;margin-bottom:10px}.flowchart .flowchart_item span{font-size:14px;writing-mode:horizontal-tb;text-indent:-4px;margin-bottom:10px}.flowchart .flowchart_arow{flex:1;position:relative;z-index:1}.flowchart .flowchart_arow:before{content:"";z-index:1;position:absolute;height:1px;top:0;bottom:0;right:18%;left:18%;margin:auto;background-image:-moz-linear-gradient(0deg, #333 0%, #fff 100%);background-image:-webkit-linear-gradient(0deg, #333 0%, #fff 100%);background-image:-ms-linear-gradient(0deg, #333 0%, #fff 100%);opacity:.4}@media screen and (max-width: 900px){.flow_box .flow_title,.flow_box .flow_content{margin-left:80px}.flow_box .flow_content .blurTrigger{padding:20px 40px}}@media screen and (max-width: 770px){#flow{margin-bottom:80px}.flowchart .flowchart_item{padding:20px 20px}.flow_box{padding:20px 0}.flow_box .flow_no{padding:10px;border-radius:50%;display:inline-block;height:60px;width:60px;line-height:40px;text-align:center;font-size:14px;position:absolute;left:0;top:15px}.flow_box .flow_line{display:none}.flow_box .flow_title{margin-left:80px}.flow_box .flow_content{margin-left:0px;padding:30px}.flow_box .flow_content .blurTrigger{padding:0}}@media screen and (max-width: 550px){.flowchart{display:none}.contents05{margin-top:30px}}/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../scss/page-flow.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAGA,MACE,oBAGF,YACE,gBAGF,UACE,aACA,kBACA,gBAEA,mBACE,aACA,kBACA,qBACA,YACA,WACA,iBACA,kBACA,eACA,kBACA,SACA,OACA,yBACA,WAIF,yBACE,kBAGF,qBACE,kBACA,UACA,UACA,UACA,YACA,UACA,gBAGF,4BACE,WACA,UACA,kBACA,iEACA,oEACA,gEACA,UACA,QACA,OACA,YACA,4BACA,0DACA,qBAIF,sBACE,kBAGF,wBACE,gBACA,kBACA,kBACA,yBAEA,mCACE,oBACA,eACA,gBAMN,uBACE,iBAGF,WACE,aACA,8BACA,UACA,eAEA,2BACE,yBACA,gBACA,kBACA,sBACA,WACA,aACA,mBAEA,gCACE,eACA,2BACA,iBACA,mBAIJ,2BACE,OACA,kBACA,UAGF,kCACE,WACA,UACA,kBACA,WACA,MACA,SACA,UACA,SACA,YACA,gEACA,mEACA,+DACA,WAKJ,qCAEI,8CAEE,iBAGF,qCACE,mBAMN,qCAEE,MACE,mBAGF,2BACE,kBAGF,UAEE,eAEA,mBACE,aACA,kBACA,qBACA,YACA,WACA,iBACA,kBACA,eACA,kBACA,OACA,SAGF,qBACE,aAGF,sBACE,iBAGF,wBACE,gBACA,aAEA,qCACE,WAOR,qCACE,WACE,aAGF,YACE%22,%22file%22:%22page-flow.css%22%7D */