@charset "utf-8";#flow{padding:30px 0;margin:0}#flow .step>img{max-width:300px;width:100%;display:block;margin:4vw auto}#flow .step{margin:5vw 5vw 20vw;background:#e6e6e635;padding:4vw 5vw;position:relative}.step:not(:last-of-type):after{content:"";width:0;height:0;border-top:solid 5vw #ffe888;border-left:solid 5vw transparent;border-right:solid 5vw transparent;bottom:-13vw;left:50%;margin-left:-2.5vw;position:absolute}#flow .step:before{content:"";display:block;position:absolute;width:100%;height:100%;top:-1px;left:-1px}#flow .step:before{background-image:linear-gradient(to right,#d8d5cf,#d8d5cf 5px,transparent 5px,transparent 12px),linear-gradient(to right,#d8d5cf,#d8d5cf 5px,transparent 5px,transparent 12px),linear-gradient(to bottom,#d8d5cf,#d8d5cf 5px,transparent 5px,transparent 12px),linear-gradient(to bottom,#d8d5cf,#d8d5cf 5px,transparent 5px,transparent 12px);background-size:12px 2px,12px 2px,2px 12px,2px 12px;background-position:left top,left bottom,left top,right top;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y}#flow .step h3{font-size:5.5vw;font-weight:700;font-family:'M PLUS 1p';margin:1vw;padding-bottom:2vw}#flow .stepnum{font-size:8vw;padding-right:2vw}#flow .step p{font-size:4.3vw;line-height:1.6em}#flow .step .contact-links{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:2vw 0}#flow .step .free-dial{margin:4vw auto 0vw}#flow .step .free-dial a{margin:0;width:55vw;padding:3vw 12vw;justify-content:center;background:#fff;border-radius:100vw;border:solid 1px #ddf}#flow .step .free-dial .tel-icon{width:10vw;height:10vw;margin-right:.57em;font-size:4vw}#flow .step .free-dial .phone-number{font-size:6.4vw;line-height:1.4em;font-weight:400}#flow .step .free-dial .open-time{font-size:2vw;padding-bottom:1vw}#flow .step .free-dial .label{display:none}#flow .step .mail-estimate,#flow .step .line-estimate{font-weight:700;display:flex;flex-wrap:wrap;font-size:5vw;line-height:1.3em;align-items:center;justify-content:center;border-radius:100vw;width:100%;padding:3vw 1vw;margin:4vw auto 1vw}#flow .step .mail-estimate .small,#flow .step .line-estimate .small{font-weight:400;font-size:.8em}#flow .step .mail-estimate{box-shadow:3px 3px #a0681e}#flow .step .line-estimate{box-shadow:3px 3px #0d771e}#flow .step .mail-estimate img,#flow .step .line-estimate img{padding-right:1vw;width:6vw}#flow .step .point{font-weight:700;color:#c84700;background:#fff600;background:linear-gradient(0deg,#fff600 64%,transparent 65%);position:relative;text-indent:2.5em;width:17.5em;margin-top:1vw}#flow .step .point:before{content:"";display:block;width:2em;height:2em;position:absolute;background:#555;background:url(//hikkoshi.riki.nagoya/wp-content/themes/riki/css/../img/check.svg) no-repeat;background-size:contain}@media screen and (min-width:460px){#flow .step h3{font-size:4.5vw}#flow .stepnum{font-size:6.5vw}#flow .step p{font-size:3vw;line-height:1.6em}#flow .step .mail-estimate,#flow .step .line-estimate{font-size:4vw;width:75%}#flow .step .free-dial a{padding:2.5vw 3.3vw}#flow .step .free-dial .phone-number{font-size:5vw}#flow .step .free-dial .open-time{font-size:2.5vw;padding-bottom:.5vw}#flow .step>img{margin:4vw auto 1vw}}@media screen and (min-width:640px){#flow .step h3{font-size:3.5vw}#flow .stepnum{font-size:5vw}#flow .step p{font-size:2.5vw}#flow .step{display:flex;justify-content:center;align-items:flex-start;padding:3vw 4vw}#flow .step>img{width:32vw;margin-top:8vw;margin-left:3vw}#flow .step .contact-links{position:absolute;bottom:0;left:4vw}#flow .step:first-of-type{padding-bottom:15vw}#flow .step .mail-estimate,#flow .step .line-estimate{width:31%;font-size:2.5vw;padding:1vw 0}#flow .step .mail-estimate img,#flow .step .line-estimate img{padding-right:5px;width:2.7vw}#flow .step .free-dial a{width:28vw;padding:.8vw 0}#flow .step .free-dial .phone-number{font-size:2.7vw}#flow .step .free-dial .open-time{font-size:1.6vw}#flow .step .free-dial .tel-icon{width:4vw;height:3.5vw;margin-right:.2em;font-size:2vw}.step:not(:last-of-type):after{border-top:solid 3vw #ffe888;border-left:solid 3vw transparent;border-right:solid 3vw transparent;bottom:-9vw}#flow .step{margin:5vw 5vw 15vw}#flow .step .mail-estimate .small,#flow .step .line-estimate .small{font-size:.6em;line-height:1.6em}}@media screen and (min-width:761px){#flow .step{display:flex;justify-content:center;align-items:flex-start;padding:3vw 4vw}#flow .step h3{font-size:3vw}#flow .step .stepnum{font-size:4vw}#flow .step>img{width:30vw;margin-top:8vw;margin-left:3vw}#flow .step p{font-size:2vw}#flow .step .free-dial .phone-number{font-size:2.5vw}#flow .step .free-dial .open-time{font-size:1vw}#flow .step .mail-estimate{font-size:1.8vw}#flow .step .mail-estimate img,#flow .step .line-estimate img{width:3vw}#flow .step .mail-estimate .small,#flow .step .line-estimate .small{font-size:1.2vw}#flow .step .mail-estimate,#flow .step .line-estimate{width:31%;padding:1vw;font-size:2.3vw}#flow .step .mail-estimate{margin-right:1vw}#flow .step .free-dial{width:28%;margin:0}#flow .step .free-dial a{padding:1vw 0}#flow .step .mail-estimate,#flow .step .line-estimate{margin:0}#flow .step .mail-estimate img,#flow .step .line-estimate img{padding-right:.5vw;width:2.5vw}#flow .step .contact-links{margin:2vw 0 0;left:auto;bottom:4vw;width:83%}#flow .step:first-of-type{padding-bottom:14vw}}@media screen and (min-width:1000px){#flow .step{padding:30px 40px;margin:50px auto 120px;width:780px}.step:not(:last-of-type):after{border-top:solid 25px #ffe888;border-left:solid 25px transparent;border-right:solid 25px transparent;bottom:-70px}#flow .step p{font-size:16px}#flow .step .free-dial{width:auto;margin-right:10px}#flow .step .free-dial a{padding:4px 0;width:210px}#flow .step .free-dial .phone-number{font-size:20px}#flow .step .free-dial .open-time{font-size:10px;padding-bottom:5px}#flow .step .mail-estimate,#flow .step .line-estimate{width:180px;padding:10px 7px;font-size:16px}#flow .step .mail-estimate{margin-right:10px}#flow .step .mail-estimate img,#flow .step .line-estimate img{padding-right:5px;width:23px}#flow .step .mail-estimate .small,#flow .step .line-estimate .small{font-size:10.5px;line-height:1.5em}#flow .step .contact-links{margin:0;width:640px}#flow .step .free-dial .tel-icon{display:block;width:33px;height:30px}#flow .step>img{width:310px;max-width:100%;margin:0 0 0 30px}#flow .step h3{font-size:25px;margin:10px;padding-bottom:15px}#flow .step .stepnum{font-size:40px;padding-right:10px}#flow .step .point{margin-top:10px}#flow .step:first-of-type{padding-bottom:140px}}