.flow-container{-webkit-border-radius:20px;border-radius:20px;-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);box-shadow:0 0 20px rgba(0,0,0,.2);margin-top:50px;padding:38px 30px 40px}.flow-container.no-add-text .add_group{display:none}.flow-wrap{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flow-item,.flow-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.flow-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:0;align-items:center;background:#f3f4f5;-webkit-border-radius:10px;border-radius:10px;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;justify-content:center;max-width:240px;padding:20px 20px 30px;position:relative;text-align:center;width:100%}.flow-item:nth-child(n+2){margin-left:60px}.flow-item:nth-child(n+2):before{border:1px solid transparent;border-left-color:#ff9d45;border-width:25px 20px;content:"";height:0;left:-40px;position:absolute;top:38%;width:0}.flow-item .step{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:30px;font-size:1.875rem;font-weight:700;line-height:1;margin:0}.flow-item .step .num{font-size:40px;font-size:2.5rem;margin-left:12px}.flow-item .image{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-top:35px;width:80px}.flow-item .image .icon{font-size:80px}.flow-item .image.-size-small{width:70px}.flow-item .image.-size-small .icon{font-size:70px}.flow-item .image.-size-free{width:auto}.flow-item .text-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-flex:1;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-direction:column;flex-direction:column;justify-content:center}.flow-item .text{font-size:22px;font-size:1.375rem;font-weight:700;line-height:1.4545}.flow-item .text:nth-of-type(n+2){margin-top:50px;position:relative}.flow-item .text:nth-of-type(n+2):before{border:1px solid #444;border-width:0 4px 4px 0;content:"";height:10px;left:0;margin:0 auto;position:absolute;right:0;top:-35px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px}.flow-item .inner-btn{margin-top:15px;width:200px}.flow-item .inner-btn .button{padding:.969em 0}.flow-item .inner-btn .button:after{content:none}.add_group{background:#f3f4f5;-webkit-border-radius:10px;border-radius:10px;margin-top:40px;padding:30px}.add_group .add_title{font-size:18px;font-size:1.125rem;text-align:center}.add_group .add_contents{margin-top:15px}.color-red .add_group .add_title,.color-red .flow-item .step{color:#f85f55}.color-yellow-green .add_group .add_title,.color-yellow-green .flow-item .step{color:#87c820}@media screen and (max-width:1200px){.flow-item{max-width:20%;padding:20px 10px 30px}.flow-item:nth-child(n+2){margin-left:5.26%}.flow-item:nth-child(n+2):before{left:-21%}.flow-item .inner-btn{width:15.33vw}}@media screen and (max-width:980px){.flow-wrap{display:block}.flow-item{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-border-radius:5px;border-radius:5px;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:center;margin:0 auto;max-width:none;padding:20px 20px 30px}.flow-item:nth-child(n+2){margin:55px auto 0}.flow-item:nth-child(n+2):before{border-color:#ff9d45 transparent transparent;border-width:15px 18px 0;left:0;margin:0 auto;right:0;top:-35px}.flow-item .step{margin-bottom:1em;width:100%}.flow-item .step .num{margin-left:.4em}.flow-item .image{margin:0;max-width:85px;width:45%}.flow-item .image.-size-free,.flow-item .image.-size-small{width:45%}.flow-item .text-wrap{-ms-flex-negative:0;flex-shrink:0;max-width:200px;text-align:center;width:55%}.flow-item .text:nth-of-type(n+2){margin-top:50px}.flow-item .inner-btn{margin:10px auto 0;width:80%}}@media screen and (max-width:768px){.flow-container{margin:70px 10px 50px;padding:25px}.flow-item .step{font-size:1.071rem}.flow-item .step .num{font-size:1.333em}.flow-item .image{width:60px}.flow-item .image .icon{font-size:60px}.flow-item .image.-size-small{width:50px}.flow-item .image.-size-small .icon{font-size:50px}.flow-item .inner-btn .button{font-size:.857rem}.add_group{margin-top:50px;padding:1.2em 20px}.add_group .add_title{font-size:1rem}.add_group .add_contents{margin-top:1rem}.add_group .add_contents ul{padding-left:1em}}