@import url(https://fonts.googleapis.com/css?family=Open+Sans);body.controller--knowledges{color:#222;font-weight:300}body.controller--knowledges h1,body.controller--knowledges h2,body.controller--knowledges h3{font-weight:300}body.controller--knowledges .hero{padding:172px 0 32px;background:#24b777;background-image:url(//tech.crowdworks.jp/packs/media/knowledge/hero_bg-7eca244d.png);background-repeat:no-repeat;background-size:100%;text-align:center;color:#fff}body.controller--knowledges .hero-sub-title{margin-bottom:16px;font-size:1rem;font-weight:700;line-height:1}body.controller--knowledges .hero-title{margin-bottom:8px;font-size:1.75rem}body.controller--knowledges .hero-description{font-size:.875rem;line-height:1.71}@media(min-width:768px){body.controller--knowledges .hero{padding:308px 0 36px}body.controller--knowledges .hero-sub-title{margin-bottom:22px;font-size:1.25rem}body.controller--knowledges .hero-title{margin-bottom:13px;font-size:2.25rem}body.controller--knowledges .hero-description{font-size:1.25rem;line-height:1.6}}@media(min-width:992px){body.controller--knowledges .hero{padding:68px 0 218px}body.controller--knowledges .hero-sub-title{color:#06aa6a}body.controller--knowledges .hero-title{margin-bottom:40px;font-size:2.25rem}body.controller--knowledges .hero-description,body.controller--knowledges .hero-title{color:#222}}body.controller--knowledges .sec-1{padding:25px 20px 40px}body.controller--knowledges .sec-1-title{margin-bottom:13px;font-size:1.5rem;text-align:center;letter-spacing:-1.2px}body.controller--knowledges .sec-1-title:before{content:"";height:50px;display:block;background-image:url(//tech.crowdworks.jp/packs/media/knowledge/sec_1_title-f1fd74c7.svg);background-repeat:no-repeat;background-size:40px;background-position:50%}body.controller--knowledges .sec-1-description{margin-bottom:0;font-size:.875rem;line-height:1.6;text-align:justify}@media(min-width:768px){body.controller--knowledges .sec-1{padding:25px 30px 60px}body.controller--knowledges .sec-1-title{margin-bottom:18px;font-size:1.75rem;letter-spacing:0}body.controller--knowledges .sec-1-description{font-size:1.25rem}}@media(min-width:992px){body.controller--knowledges .sec-1{padding:25px 0 60px}body.controller--knowledges .sec-1-description{text-align:center}}body.controller--knowledges .step-list{display:flex;flex-direction:column;margin:0;padding:0}body.controller--knowledges .step-item{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;padding:28px 0;border:1px solid #0bbe78;border-bottom:none;color:#06aa6a}body.controller--knowledges .step-item:before{content:"";width:84px;height:84px;display:block;position:absolute;background-repeat:no-repeat;background-size:84px;left:0;top:0}body.controller--knowledges .step-item.active{background:#0bbe78;color:#fff}body.controller--knowledges .step-item.step-4{border-bottom:1px solid}body.controller--knowledges .step-item.step-1:before{background-image:url(//tech.crowdworks.jp/packs/media/knowledge/step_1_tag-49d80fc7.svg)}body.controller--knowledges .step-item.step-2:before{background-image:url(//tech.crowdworks.jp/packs/media/knowledge/step_2_tag-77defee1.svg)}body.controller--knowledges .step-item.step-3:before{background-image:url(//tech.crowdworks.jp/packs/media/knowledge/step_3_tag-3966657a.svg)}body.controller--knowledges .step-item.step-4:before{background-image:url(//tech.crowdworks.jp/packs/media/knowledge/step_4_tag-9613ef9a.svg)}body.controller--knowledges .step-item img{margin-bottom:20px;max-height:120px}body.controller--knowledges .step-detail{height:0;max-height:0;overflow:hidden;width:100%;position:relative;transition:max-height .8s ease-in}body.controller--knowledges .step-detail-inner{width:90%;margin:28px auto 60px}body.controller--knowledges .step-detail.active{height:auto;max-height:200vh;transition:max-height .8s ease-in}body.controller--knowledges .step-description{font-size:.875rem}body.controller--knowledges .step-description-sub{margin-bottom:20px;font-size:1.25rem;font-weight:700}body.controller--knowledges .step-btn{display:block;width:240px;padding:16px 0;background:#0bbe78;border-radius:24px;font-size:.875rem;text-align:center;line-height:1;font-weight:700;color:#fff}body.controller--knowledges .step-btn:hover{opacity:.7;cursor:pointer}body.controller--knowledges .step-btn .open-btn{display:inline-block}body.controller--knowledges .step-btn .close-btn{display:none}body.controller--knowledges .step-btn.active{background:#fff;color:#06aa6a}body.controller--knowledges .step-btn.active .open-btn{display:none}body.controller--knowledges .step-btn.active .close-btn{display:inline-block}body.controller--knowledges .detail-item{width:100%;margin-bottom:40px;font-size:.75rem;text-align:justify}body.controller--knowledges .detail-item-ttl{margin-bottom:11px;padding-bottom:10px;font-size:1rem;font-weight:700;width:100%;border-bottom:1px solid #c0c4ce}body.controller--knowledges .detail-item p{line-height:1.71}body.controller--knowledges .detail-link{position:relative;display:block;font-weight:700;line-height:1.71;color:#06aa6a}body.controller--knowledges .detail-link:after{content:"";width:8px;height:11px;display:inline-block;margin-left:5px;background-image:url(//tech.crowdworks.jp/packs/media/knowledge/icon_link_arrow-b61121f9.svg);background-repeat:no-repeat;background-size:8px;background-position:50%}body.controller--knowledges .icon-close{position:absolute;height:40px;margin:auto;bottom:15px;left:0;right:0}body.controller--knowledges .icon-close:hover{opacity:.7;cursor:pointer}@media(min-width:768px){body.controller--knowledges .step-list{flex-flow:row wrap}body.controller--knowledges .step-item{width:50%}body.controller--knowledges .step-item:before{width:110px;height:110px;background-size:110px}body.controller--knowledges .step-item img{max-height:130px}body.controller--knowledges .step-item.step-1,body.controller--knowledges .step-item.step-3{border-right:0}body.controller--knowledges .step-item.step-3,body.controller--knowledges .step-item.step-4{margin-top:-1px}body.controller--knowledges .step-item.step-1,body.controller--knowledges .step-item.step-2,body.controller--knowledges .step-item.step-3{border-bottom:1px solid}body.controller--knowledges .step-detail-inner{margin:28px auto 65px}body.controller--knowledges .step-detail.active .step-detail-inner{display:flex;flex-flow:wrap;justify-content:space-between}body.controller--knowledges .detail-item{width:47%;margin-bottom:80px;font-size:.875rem}body.controller--knowledges .detail-item-ttl{margin-bottom:8px;padding-bottom:20px;font-size:1.25rem}body.controller--knowledges .detail-item p{line-height:1.71}body.controller--knowledges .detail-link{display:block;font-weight:700;line-height:1.71;color:#06aa6a}body.controller--knowledges .icon-close{height:64px;bottom:45px}}@media(min-width:992px){body.controller--knowledges .step img{max-height:150px}body.controller--knowledges .step-description{font-size:1.25rem}body.controller--knowledges .step-description-sub{margin-bottom:32px;font-size:1.5rem}body.controller--knowledges .detail-item{width:49%}}body.controller--knowledges .cta{padding:28px 20px 40px;background-color:rgba(241,63,63,.15);text-align:center}body.controller--knowledges .cta-description{margin-bottom:24px;font-size:1rem}body.controller--knowledges .cta-btn{max-width:380px;margin:auto}body.controller--knowledges .cta-btn-link{display:block;padding:18px 0;background:#f13f3f;border-radius:26px;font-size:1rem;font-weight:700;line-height:1;color:#fff}body.controller--knowledges .cta-btn-link:hover{opacity:.7;text-decoration:none}@media(min-width:768px){body.controller--knowledges .cta{padding:80px 0}body.controller--knowledges .cta-description{margin-bottom:28px;font-size:1.25rem}}body.controller--knowledges .sec-2{padding:25px 0 0}body.controller--knowledges .sec-2-title{margin-bottom:28px;font-size:1.5rem;text-align:center;letter-spacing:-.1px}body.controller--knowledges .sec-2-title:before{content:"";height:60px;display:block;background-image:url(//tech.crowdworks.jp/packs/media/knowledge/sec_2_title-a0ece6fa.svg);background-repeat:no-repeat;background-size:70px;background-position:50%}body.controller--knowledges .question{position:relative;padding:28px 36px 28px 48px;background:#e3fff0;text-align:justify}body.controller--knowledges .question:before{content:"Q";font-family:Open Sans,sans-serif;position:absolute;left:20px;margin-right:10px;font-size:1.25rem;line-height:1;color:#06aa6a}body.controller--knowledges .question:after{content:"";width:20px;height:20px;position:absolute;top:calc(50% - 10px);right:0;margin-right:10px;background-image:url(//tech.crowdworks.jp/packs/media/knowledge/icon_q_open-486ca53d.svg);background-repeat:no-repeat;background-size:20px;background-position:50%}body.controller--knowledges .question.active:after{background-image:url(//tech.crowdworks.jp/packs/media/knowledge/icon_q_close-b32c36ca.svg)}body.controller--knowledges .question-item{font-size:.875rem;border-bottom:1px solid #fff}body.controller--knowledges .answer{position:relative;padding:28px 36px 28px 48px;display:none;text-align:justify}body.controller--knowledges .answer:before{content:"A";font-family:Open Sans,sans-serif;position:absolute;left:20px;margin-right:10px;font-size:1.25rem;line-height:1;color:#06aa6a}body.controller--knowledges .answer.active{display:block}@media(min-width:768px){body.controller--knowledges .sec-2{padding:25px 0 0}body.controller--knowledges .sec-2-title{margin-bottom:60px}body.controller--knowledges .question{padding:28px 58px}body.controller--knowledges .question:before{left:30px}body.controller--knowledges .question:after{top:calc(50% - 14px);right:30px;width:28px;height:28px;background-size:28px}body.controller--knowledges .answer{padding:28px 58px}body.controller--knowledges .answer:before{left:30px}}@media(min-width:992px){body.controller--knowledges .question{padding:28px 16%}body.controller--knowledges .question:before{left:calc(16% - 20px)}body.controller--knowledges .question:after{right:calc(16% - 28px)}body.controller--knowledges .answer{padding:28px 16%}body.controller--knowledges .answer:before{left:calc(16% - 20px)}}body.controller--knowledges .sec-3{padding:0 0 40px}body.controller--knowledges .sec-3-title{margin-bottom:18px;padding:24px 20px 0;font-size:1.5rem;line-height:1.5;text-align:center}body.controller--knowledges .sec-3 img{width:100%}body.controller--knowledges .sec-3 p{padding-right:20px;padding-left:20px;font-size:.875rem;text-align:justify}@media(min-width:768px){body.controller--knowledges .sec-3{padding:0 0 40px;text-align:justify;line-height:2}body.controller--knowledges .sec-3-title{margin-bottom:22px;padding-right:30px;padding-left:30px;font-size:1.5rem;line-height:1.5}body.controller--knowledges .sec-3 p{padding-right:30px;padding-left:30px}}@media(min-width:992px){body.controller--knowledges .sec-3{padding:141px 40px 160px;background-image:url(//tech.crowdworks.jp/packs/media/knowledge/sec_3_bg-0f652316.png);background-repeat:no-repeat;background-size:cover}body.controller--knowledges .sec-3-title{margin-bottom:40px;padding:0;font-size:2rem;text-align:justify}body.controller--knowledges .sec-3 p{width:456px;padding:0}}body.controller--knowledges footer{margin-top:0}@media(min-width:992px){body.controller--knowledges footer{margin-top:100px}}@keyframes show{0%{opacity:0}to{opacity:1}}