@media screen and (min-width:681px){.page_mv .img{background:url(//life-colors.com/admin/wp-content/themes/lifecolors_themes/files/css/../img/flow/mv.webp) no-repeat center/cover}.page_mv .item_box.item02{top:-186px}.page_mv .item_box.item02 .item:after{bottom:auto;top:46px}}@media screen and (max-width:680px){.page_mv .img{background:url(//life-colors.com/admin/wp-content/themes/lifecolors_themes/files/css/../img/flow/mv_sp.webp) no-repeat center/cover}}.sec_flow{padding:156px 0 220px}.sec_flow .inner{width:925px;margin:0 auto}.sec_flow .flow_list>li{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fff}.sec_flow .flow_list>li .step_box{width:90px;position:relative}.sec_flow .flow_list>li .step_box:before{content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1px;height:calc(100% - 26px);background:#fff;z-index:-1}.sec_flow .flow_list>li .step_box .step{display:block;font-size:30px;color:var(--red-color3);text-align:center;background:var(--text-color);padding-bottom:26px}.sec_flow .flow_list>li .step_text_box{width:calc(100% - 90px);padding-left:100px;padding-bottom:86px}.sec_flow .flow_list>li .step_title{font-size:28px;letter-spacing:.05em;font-weight:600}.sec_flow .flow_list>li .step_text{font-size:15px;letter-spacing:.05em;line-height:28px;font-weight:600;margin-top:30px}.sec_flow .flow_list>li .step_link_list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-top:30px}.sec_flow .flow_list>li .step_link_list li{width:calc((100% - 20px)/2);height:106px}.sec_flow .flow_list>li .step_link_list li a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;background:var(--text-color);padding-bottom:9px;color:#fff;text-align:center;position:relative}.sec_flow .flow_list>li .step_link_list li .text{font-size:48px;font-weight:600}.sec_flow .flow_list>li .step_link_list li.tel a{color:var(--main-color);border:1px solid #fff;background:#fff}.sec_flow .flow_list>li .step_link_list li.tel .tel_text{font-size:14px;letter-spacing:.05em;font-weight:600;margin-top:12px}.sec_flow .flow_list>li .step_link_list li.tel .arrow path{fill:var(--main-color)}.sec_flow .flow_list>li .step_link_list li.contact a{background:var(--main-color)}.sec_flow .flow_list>li .step_link_list li.contact .arrow{position:absolute;top:50%;right:16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:36px}.sec_flow .flow_list>li.anime .step_box:before{height:0;-webkit-transition:height 1s;transition:height 1s}.sec_flow .flow_list>li.anime .step_text_box{opacity:0;position:relative;-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-transition:opacity 1s .3s,-webkit-transform 1s .3s;transition:opacity 1s .3s,-webkit-transform 1s .3s;transition:opacity 1s .3s,transform 1s .3s;transition:opacity 1s .3s,transform 1s .3s,-webkit-transform 1s .3s}.sec_flow .flow_list>li.action .step_box:before{height:calc(100% - 26px)}.sec_flow .flow_list>li.action .step_text_box{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}.sec_flow .flow_list>li:last-child .step_box:before{content:none}.sec_flow .flow_list>li:last-child .step_text_box{padding-bottom:0}@media screen and (min-width:681px){.sec_flow .flow_list>li .step_link_list li.contact a{-webkit-transition:color .3s;transition:color .3s}.sec_flow .flow_list>li .step_link_list li.contact a:before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:0;background:#fff;-webkit-transition:height .3s;transition:height .3s}.sec_flow .flow_list>li .step_link_list li.contact a .text{display:inline-block;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.sec_flow .flow_list>li .step_link_list li.contact a:hover{color:var(--main-color)}.sec_flow .flow_list>li .step_link_list li.contact a:hover:before{height:100%}.sec_flow .flow_list>li .step_link_list li.contact a:hover .text{-webkit-transform:scale(1.05);transform:scale(1.05)}.sec_flow .flow_list>li .step_link_list li.contact a:hover .arrow{right:12px}.sec_flow .flow_list>li .step_link_list li.contact a:hover .arrow path{fill:var(--main-color)}.sec_flow .flow_list>li .step_link_list li.contact .arrow{-webkit-transition:right .3s;transition:right .3s}.sec_flow .flow_list>li .step_link_list li.contact .arrow path{-webkit-transition:fill .3s;transition:fill .3s}}@media screen and (max-width:680px){.sec_flow{padding:15.4666666667vw 0 26.6666666667vw}.sec_flow .inner{width:100%;padding:0 5.3333333333vw}.sec_flow .flow_list>li .step_box{width:17.3333333333vw;position:relative}.sec_flow .flow_list>li .step_box:before{height:calc(100% - 4.2666666667vw)}.sec_flow .flow_list>li .step_box .step{font-size:5.8666666667vw;padding-bottom:4.2666666667vw}.sec_flow .flow_list>li .step_text_box{width:calc(100% - 17.3333333333vw);padding-left:6.4vw;padding-bottom:13.3333333333vw;margin-top:-1.6vw}.sec_flow .flow_list>li .step_title{font-size:5.8666666667vw;line-height:1.5}.sec_flow .flow_list>li .step_text{font-size:3.7333333333vw;line-height:2;margin-top:4vw}.sec_flow .flow_list>li .step_link_list{display:block;margin-top:3.7333333333vw}.sec_flow .flow_list>li .step_link_list li{width:100%;height:20.8vw}.sec_flow .flow_list>li .step_link_list li+li{margin-top:3.7333333333vw}.sec_flow .flow_list>li .step_link_list li a{padding-bottom:1.6vw}.sec_flow .flow_list>li .step_link_list li.tel .text{font-size:9.0666666667vw}.sec_flow .flow_list>li .step_link_list li.tel .tel_text{font-size:2.6666666667vw;margin-top:2.4vw}.sec_flow .flow_list>li .step_link_list li.contact .text{font-size:10.1333333333vw}.sec_flow .flow_list>li .step_link_list li.contact .arrow{right:3.2vw;width:5.6vw}.sec_flow .flow_list>li.anime .step_text_box{-webkit-transform:translateY(30px);transform:translateY(30px)}.sec_flow .flow_list>li.action .step_box:before{height:calc(100% - 4.2666666667vw)}.sec_flow .flow_list>li.action .step_text_box{-webkit-transform:translateY(0px);transform:translateY(0px)}}