.service-steps{background:#f0f5f8}.service-steps .page-center{padding:140px 20px 80px}.service-steps h2.step_ttl.typesquare_option{font-family:YakuHanJP,neue-haas-grotesk-text,'Koburina Gothic W6 JIS2004',sans-serif;font-size:3.8rem;font-weight:400;text-align:center}.service-steps h2.step_ttl.typesquare_option span{display:block;display:block;color:#1b4388;font-size:1.8rem;font-weight:700;content:'Flow'}.service-steps .step_box{margin-top:60px;background-size:cover;-webkit-box-shadow:10px -10px 40px -10px rgb(0 0 26 / 4%);box-shadow:10px -10px 40px -10px rgb(0 0 26 / 4%);background-repeat:no-repeat}.service-steps .step_box-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:80%;margin:0 auto;padding:110px 0}.service-steps .step_text{width:35%}.service-steps .step_list{width:52%;border-bottom:1px solid #ddd}.service-steps .step_text h3{position:relative;margin-right:80px;padding-bottom:30px;color:#1b4388;font-family:YakuHanJP,neue-haas-grotesk-text,'Koburina Gothic W6 JIS2004',sans-serif;font-size:3.2rem;white-space:nowrap}.service-steps .step_text h3:after{position:absolute;bottom:0;left:0;width:37.5%;height:1px;background:#1b4388;content:''}.service-steps .step_text p{margin-top:80px;line-height:1.8;font-size:1.6rem}.service-steps .step_list ul{margin:0;padding:0;list-style:none}.service-steps .step_list ul li{padding:5% 5% 8%;border-top:1px solid #ddd;font-family:YakuHanJP,neue-haas-grotesk-text,'Koburina Gothic W6 JIS2004',sans-serif;font-size:2.8rem;line-height:1.4}.service-steps .step_list ul li span{display:block;position:relative;margin-bottom:5%;padding-left:30px;color:#4785b1;font-size:2rem;font-weight:700;line-height:1}.service-steps .step_list ul li span:before{display:inline-block;position:absolute;top:50%;left:0;width:24px;height:24px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiM0Nzg1QjEiIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgPHJlY3QgeD0iNCIgeT0iNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iMiIgLz4KICA8cGF0aCBkPSJNOSAxMmwyIDJsNCAtNCIgLz4KPC9zdmc+) no-repeat;background-size:contain;content:''}.service-steps .step_more{width:510px;height:70px;margin:80px auto 0}.service-steps .step_more a{display:grid;position:relative;place-items:center;width:100%;height:100%;border:1px solid #000;border-radius:40px;background:#000;color:#fff;text-decoration:none;-webkit-transition:all .4s;transition:all .4s;font-size:1.6rem;line-height:1.4}.service-steps .step_more a:after{position:absolute;top:50%;right:35px;width:12px;height:1px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transform-origin:right center;transform-origin:right center;background:#fff;content:'';-webkit-transition:all .4s;transition:all .4s}.service-steps .step_more a:before{position:absolute;top:50%;right:35px;width:25px;height:1px;background:#fff;content:'';-webkit-transition:all .4s;transition:all .4s}.service-steps .step_more a:hover{background:#fff;color:#000}.service-steps .step_more a:hover:before{right:25px;background:#000}.service-steps .step_more a:hover:after{right:25px;background:#000}@media screen and (max-width:900px){.service-steps .step_box{margin-top:10.66667vw}.service-steps .step_box-inner{display:block;padding:60px 0}.service-steps .step_text{width:100%}.service-steps .step_list{width:100%;margin-top:30px}.service-steps .step_text h3{margin-right:0;font-size:6.4vw;text-align:center}.service-steps .step_text h3:after{left:50%;width:20%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.service-steps .step_text p{margin-top:30px;font-size:3.2vw}.service-steps .step_list ul li{font-size:5.33333vw}.service-steps .step_list ul li span{padding-left:25px;font-size:1.4rem}.service-steps .step_list ul li span:before{width:20px;height:20px}.service-steps .step_more{width:80%;height:60px;margin-top:40px}.service-steps .step_more a{font-size:4.26667vw}.service-steps .step_more a:before{right:25px}.service-steps .step_more a:after{right:25px}.service-steps .step_more a:hover:before{right:20px}.service-steps .step_more a:hover:after{right:20px}}@media screen and (max-width:767px){.service-steps .page-center{width:calc(100% - 8vw);padding:60px 0}.service-steps h2.step_ttl.typesquare_option{font-size:7.46667vw}.service-steps h2.step_ttl.typesquare_option span{font-size:4vw}}