@keyframes fadeInAnime{0%{opacity:0;transform:translate3d(-10px,0,0)}90%{opacity:1;transform:translate3d(0px,0,0)}100%{opacity:1}}#flow_pic{position:relative}#flow_pic.active .arrow{animation-name:fadeInAnime;animation-fill-mode:forwards;animation-duration:1s;animation-iteration-count:1;animation-timing-function:ease;animation-direction:normal}#flow_pic .arrow{opacity:0;width:81px;position:absolute}#flow_pic .arrow01{top:170px;left:260px}#flow_pic .arrow02{top:170px;left:530px;animation-delay:.3s}#flow_pic .arrow03{top:170px;left:800px;animation-delay:.6s}#flow{padding-bottom:150px}#flow .flow_head{text-align:center;background:url(//www.playful-kaitori.com/wpapp/wp-content/themes/playful/css/../images/delivery/line.png) 0 bottom no-repeat;background-size:100% auto}#flow .flow_head .txt01{font-size:24px;font-size:2.4rem;font-weight:500;padding-bottom:15px}#flow .flow_head .txt02{line-height:2;padding-bottom:85px}#flow .flow_head .btn_wrap{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:70px;padding-bottom:75px}#flow .flow_head .btn_wrap a{width:420px;text-align:center;padding-left:0;margin:0}#flow .flow_head .btn_wrap a:first-of-type{margin-right:20px}#flow .step{border-bottom:1px solid #969696;position:relative;padding-top:95px;padding-left:25px;padding-right:25px;padding-bottom:70px}#flow .step:before{content:"";width:0;height:0;border-style:solid;border-width:30px 25px 0;border-color:#c00 transparent transparent;position:absolute;bottom:-30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#flow .step .l_flex{-webkit-align-items:center;align-items:center}#flow .step .num{border:3px solid #969696;border-radius:50%;width:140px;height:140px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-left:30px;margin-right:10px}#flow .step .num p{font-weight:700;font-size:25px;font-size:2.5rem;text-align:center}#flow .step .num p span{font-size:50px;font-size:5rem;display:block}#flow .step .ttl{padding-left:0;padding-right:0;width:280px;text-align:center}#flow .step .ttl img{margin:0 auto}#flow .step .ttl .step01_pic{width:194px;margin-bottom:20px}#flow .step .ttl .step02_pic{width:94px;margin-bottom:12px}#flow .step .ttl .step03_pic{width:79px;margin-bottom:22px}#flow .step .ttl .step04_pic{width:97px;margin-bottom:28px}#flow .step .ttl h4{font-size:24px;font-size:2.4rem;font-weight:700;line-height:1.3}#flow .step .ttl h4 span{font-size:32px;font-size:3.2rem;color:#cc0001}#flow .step .txt{width:620px;margin-left:auto}#flow .step .txt p{font-size:16px;font-size:1.6rem;line-height:1.6}#flow .step .txt p span{color:#cc0001;font-weight:700;font-size:28px;font-size:2.8rem;padding:0 3px}#flow .step .txt .kome{font-size:14px;font-size:1.4rem}#flow .step .txt .link{padding-top:20px}#flow .step .txt .link a{color:#cc0001;border-bottom:1px solid #cc0001;padding-bottom:5px;display:inline-block}#flow #step01{padding-top:60px}#flow #step01 .send{border:1px solid #000;border-radius:8px;padding:25px 60px;margin-top:20px;text-align:center}#flow #step01 .send h5{font-weight:700;font-size:22px;font-size:2.2rem;line-height:1;padding-bottom:15px;text-align:center}#flow #step01 .send .add{font-size:18px;font-size:1.8rem}#flow #step01 .send .name{font-size:500;font-size:22px;font-size:2.2rem;border-bottom:1px solid #969696;padding-bottom:5px}#flow #step01 .send .tel{margin-top:10px;margin-bottom:10px;pointer-events:none;position:relative;padding-left:70px;display:inline-block;font-weight:500;font-size:46px;font-size:4.6rem;line-height:1}#flow #step01 .send .tel:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:67px;height:39px;background:url(//www.playful-kaitori.com/wpapp/wp-content/themes/playful/css/../images/common/icon_freedial_big.png) 0 0 no-repeat;background-size:100% auto}#flow #step01 .send .time{font-size:14px;font-size:1.4rem;padding-bottom:10px}#flow #step01 .send .btn{width:430px;text-align:center;padding-left:0}#flow #step04:before{display:none}#attention{border:1px solid #969696;width:1060px;margin:0 auto}#attention h4{background-color:#f1f1f1;text-align:center;font-weight:700;font-size:22px;font-size:2.2rem;padding:12px 0}#attention ul{padding-left:75px;padding-top:50px;padding-bottom:50px}#attention ul li{font-size:19px;font-size:1.9rem;font-weight:700;padding-bottom:.8em;text-indent:-1em;padding-left:1em;line-height:1.5}#attention ul li:last-child{padding-bottom:0}#link{padding-bottom:220px}#link .btn_wrap{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:50px;padding-bottom:100px}#link .btn_wrap a{width:420px;text-align:center;padding-left:0;margin:0}#link .btn_wrap a:first-of-type{margin-right:20px}.bnr_area{margin-left:-10px}.bnr_area a{display:block;width:calc(25% - 10px);margin-left:10px}.bnr_area a:hover .txt{transform:scale(.95,.95)}.bnr_area a:hover .txt:before{right:15px}.bnr_area img{z-index:1;position:relative}.bnr_area .txt{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 7px rgba(0,0,0,.4);background-color:#fff;text-align:center;padding-top:20px;padding-bottom:20px;width:81%;margin:-60px auto 0;z-index:2;position:relative}.bnr_area .txt p{font-size:20px;font-size:2rem;font-weight:500;line-height:1;position:relative;padding-bottom:20px}.bnr_area .txt p:before{content:"";position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:36px;height:3px;background-color:#cc0001}@media screen and (max-width:1280px){#flow_pic .arrow{width:calc(81 / 1280 * 100vw)}#flow_pic .arrow01{top:calc(170 / 1280 * 100vw);left:calc(260 / 1280 * 100vw)}#flow_pic .arrow02{top:calc(170 / 1280 * 100vw);left:calc(530 / 1280 * 100vw)}#flow_pic .arrow03{top:calc(170 / 1280 * 100vw);left:calc(800 / 1280 * 100vw)}#flow{padding-bottom:calc(150 / 1280 * 100vw)}#flow .flow_head .txt01{font-size:calc(24 / 1280 * 100vw);padding-bottom:calc(15 / 1280 * 100vw)}#flow .flow_head .txt02{padding-bottom:calc(85 / 1280 * 100vw)}#flow .flow_head .btn_wrap{padding-top:calc(70 / 1280 * 100vw);padding-bottom:calc(75 / 1280 * 100vw)}#flow .flow_head .btn_wrap a{width:calc(420 / 1280 * 100vw)}#flow .flow_head .btn_wrap a:first-of-type{margin-right:calc(20 / 1280 * 100vw)}#flow .step{padding-top:calc(95 / 1280 * 100vw);padding-left:calc(25 / 1280 * 100vw);padding-right:calc(25 / 1280 * 100vw);padding-bottom:calc(70 / 1280 * 100vw)}#flow .step:before{border-width:calc( 30 / 1280 * 100vw) calc(25 / 1280 * 100vw) 0 calc(25 / 1280 * 100vw);bottom:calc(-30 / 1280 * 100vw)}#flow .step .num{border:calc(3 / 1280 * 100vw) solid #969696;width:calc(140 / 1280 * 100vw);height:calc(140 / 1280 * 100vw);margin-left:calc(30 / 1280 * 100vw);margin-right:calc(30 / 1280 * 100vw)}#flow .step .num p{font-size:calc(25 / 1280 * 100vw)}#flow .step .num p span{font-size:calc(50 / 1280 * 100vw)}#flow .step .ttl{width:calc(280 / 1280 * 100vw)}#flow .step .ttl .step01_pic{width:calc(194 / 1280 * 100vw);margin-bottom:calc(20 / 1280 * 100vw)}#flow .step .ttl .step02_pic{width:calc(94 / 1280 * 100vw);margin-bottom:calc(12 / 1280 * 100vw)}#flow .step .ttl .step03_pic{width:calc(79 / 1280 * 100vw);margin-bottom:calc(22 / 1280 * 100vw)}#flow .step .ttl .step04_pic{width:calc(97 / 1280 * 100vw);margin-bottom:calc(28 / 1280 * 100vw)}#flow .step .ttl h4{font-size:calc(24 / 1280 * 100vw)}#flow .step .ttl h4 span{font-size:calc(32 / 1280 * 100vw)}#flow .step .txt{width:calc(620 / 1280 * 100vw)}#flow .step .txt p{font-size:calc(16 / 1280 * 100vw)}#flow .step .txt p span{font-size:calc(28 / 1280 * 100vw);padding:0 calc(3 / 1280 * 100vw)}#flow .step .txt .link{padding-top:calc(20 / 1280 * 100vw)}#flow .step .txt .link a{padding-bottom:calc(5 / 1280 * 100vw)}#flow #step01{padding-top:calc(60 / 1280 * 100vw)}#flow #step01 .send{border-radius:calc(8 / 1280 * 100vw);padding:calc(25 / 1280 * 100vw) calc(60 / 1280 * 100vw);margin-top:calc(30 / 1280 * 100vw)}#flow #step01 .send h5{font-size:calc(22 / 1280 * 100vw);padding-bottom:calc(15 / 1280 * 100vw)}#flow #step01 .send .add{font-size:calc(18 / 1280 * 100vw)}#flow #step01 .send .name{font-size:calc(22 / 1280 * 100vw);padding-bottom:calc(5 / 1280 * 100vw)}#flow #step01 .send .tel{margin-top:calc(10 / 1280 * 100vw);margin-bottom:calc(10 / 1280 * 100vw);pointer-events:none;padding-left:calc(70 / 1280 * 100vw);font-size:calc(46 / 1280 * 100vw)}#flow #step01 .send .tel:before{width:calc(67 / 1280 * 100vw);height:calc(39 / 1280 * 100vw)}#flow #step01 .send .time{font-size:calc(14 / 1280 * 100vw);padding-bottom:calc(10 / 1280 * 100vw)}#flow #step01 .send .btn{width:calc(430 / 1280 * 100vw)}#attention{width:calc(1060 / 1280 * 100vw)}#attention h4{font-size:calc(22 / 1280 * 100vw);padding:calc(12 / 1280 * 100vw) 0}#attention ul{padding-left:calc(75 / 1280 * 100vw);padding-top:calc(50 / 1280 * 100vw);padding-bottom:calc(50 / 1280 * 100vw)}#attention ul li{font-size:calc(19 / 1280 * 100vw)}#link{padding-bottom:calc(220 / 1280 * 100vw)}#link .btn_wrap{padding-top:calc(50 / 1280 * 100vw);padding-bottom:calc(100 / 1280 * 100vw)}#link .btn_wrap a{width:calc(420 / 1280 * 100vw)}#link .btn_wrap a:first-of-type{margin-right:calc(20 / 1280 * 100vw)}.bnr_area{margin-left:calc(-10 / 1280 * 100vw)}.bnr_area a{width:calc(25% - calc(10 / 1280 * 100vw));margin-left:calc(10 / 1280 * 100vw)}.bnr_area .txt{box-shadow:0 0 calc(7 / 1280 * 100vw) rgba(0, 0, 0, 0.4);padding-top:calc(20 / 1280 * 100vw);padding-bottom:calc(20 / 1280 * 100vw);margin:calc(-60 / 1280 * 100vw) auto 0}.bnr_area .txt p{font-size:calc(20 / 1280 * 100vw);padding-bottom:calc(20 / 1280 * 100vw)}.bnr_area .txt p:before{width:calc(36 / 1280 * 100vw)}}@media screen and (max-width:750px){#flow{padding-bottom:calc(200 / 750 * 100vw)}#flow .main_ttl{line-height:1.4}#flow .flow_head{padding-left:calc(30 / 750 * 100vw);padding-right:calc(30 / 750 * 100vw)}#flow .flow_head .txt01{font-size:calc(32 / 750 * 100vw);line-height:1.4;padding-bottom:calc(20 / 750 * 100vw)}#flow .flow_head .txt02{padding:0 0 calc(160 / 750 * 100vw);font-size:calc(28 / 750 * 100vw);text-align:center;line-height:1.6}#flow .flow_head .btn_wrap{padding-top:calc(120 / 750 * 100vw);padding-bottom:calc(150 / 750 * 100vw);display:block}#flow .flow_head .btn_wrap a{width:100%}#flow .flow_head .btn_wrap a:first-of-type{margin-right:0;margin-bottom:calc(30 / 750 * 100vw)}#flow .step{padding-top:calc(100 / 750 * 100vw);padding-left:calc(30 / 750 * 100vw);padding-right:calc(30 / 750 * 100vw);padding-bottom:calc(100 / 750 * 100vw)}#flow .step:before{border-width:calc( 30 / 750 * 100vw) calc(25 / 750 * 100vw) 0 calc(25 / 750 * 100vw);bottom:calc(-30 / 750 * 100vw)}#flow .step .num{border:calc(3 / 750 * 100vw) solid #969696;width:calc(200 / 750 * 100vw);height:calc(200 / 750 * 100vw);margin-left:auto;margin-right:auto}#flow .step .num p{font-size:calc(40 / 750 * 100vw)}#flow .step .num p span{font-size:calc(80 / 750 * 100vw)}#flow .step .ttl{padding-top:calc(50 / 750 * 100vw);padding-left:calc(50 / 750 * 100vw);padding-right:calc(50 / 750 * 100vw);width:100%}#flow .step .ttl .step01_pic{width:calc(388 / 750 * 100vw);margin-bottom:calc(40 / 750 * 100vw)}#flow .step .ttl .step02_pic{width:calc(188 / 750 * 100vw);margin-bottom:calc(24 / 750 * 100vw)}#flow .step .ttl .step03_pic{width:calc(158 / 750 * 100vw);margin-bottom:calc(44 / 750 * 100vw)}#flow .step .ttl .step04_pic{width:calc(194 / 750 * 100vw);margin-bottom:calc(56 / 750 * 100vw)}#flow .step .ttl h4{font-size:calc(36 / 750 * 100vw)}#flow .step .ttl h4 span{font-size:calc(40 / 750 * 100vw)}#flow .step .txt{width:100%;padding-top:calc(30 / 750 * 100vw)}#flow .step .txt p{font-size:calc(28 / 750 * 100vw)}#flow .step .txt p span{font-size:calc(36 / 750 * 100vw);padding:0 calc(3 / 750 * 100vw)}#flow .step .txt .link{padding-top:calc(40 / 750 * 100vw)}#flow .step .txt .link a{padding-bottom:calc(10 / 750 * 100vw)}#flow #step01{padding-top:calc(80 / 750 * 100vw)}#flow #step01 .send{border-radius:calc(16 / 750 * 100vw);padding:calc(50 / 750 * 100vw) calc(30 / 750 * 100vw);margin-top:calc(50 / 750 * 100vw)}#flow #step01 .send h5{font-size:calc(36 / 750 * 100vw);padding-bottom:calc(20 / 750 * 100vw)}#flow #step01 .send .add{font-size:calc(26 / 750 * 100vw)}#flow #step01 .send .name{font-size:calc(30 / 750 * 100vw);padding-bottom:calc(5 / 750 * 100vw)}#flow #step01 .send .tel{margin-top:calc(20 / 750 * 100vw);margin-bottom:calc(20 / 750 * 100vw);pointer-events:auto;padding-left:calc(70 / 750 * 100vw);font-size:calc(68 / 750 * 100vw)}#flow #step01 .send .tel:before{width:calc(67 / 750 * 100vw);height:calc(39 / 750 * 100vw)}#flow #step01 .send .time{font-size:calc(24 / 750 * 100vw);padding-bottom:calc(20 / 750 * 100vw)}#flow #step01 .send .btn{width:100%}#attention{width:calc(690 / 750 * 100vw);margin:0 auto calc(60 / 750 * 100vw)}#attention h4{font-size:calc(36 / 750 * 100vw);padding:calc(20 / 750 * 100vw) 0}#attention ul{padding:calc(30 / 750 * 100vw)}#attention ul li{font-size:calc(30 / 750 * 100vw)}.btn_wrap{padding-top:calc(50 / 750 * 100vw);padding-bottom:calc(100 / 750 * 100vw);flex-wrap:wrap}.btn_wrap a{width:100%}.btn_wrap a:first-of-type{margin-right:0;margin-bottom:calc(20 / 750 * 100vw)}#link{padding-left:calc(30 / 750 * 100vw);padding-right:calc(30 / 750 * 100vw)}#link .btn_wrap{padding-top:0;padding-bottom:calc(100 / 750 * 100vw);flex-wrap:wrap}#link .btn_wrap a{width:100%}#link .btn_wrap a:first-of-type{margin-right:0;margin-bottom:calc(20 / 750 * 100vw)}.bnr_area{margin-left:0}.bnr_area a{width:100%;margin-left:0;margin-bottom:calc(60 / 750 * 100vw)}.bnr_area a img{width:100%}.bnr_area .txt{box-shadow:0 0 calc(12 / 750 * 100vw) rgba(0, 0, 0, 0.4);padding-top:calc(40 / 750 * 100vw);padding-bottom:calc(40 / 750 * 100vw);margin:calc(-120 / 750 * 100vw) auto 0}.bnr_area .txt p{font-size:calc(36 / 750 * 100vw);padding-bottom:calc(40 / 750 * 100vw)}.bnr_area .txt p:before{width:calc(72 / 750 * 100vw)}}