@charset "utf-8";html{color:#3F3F3F;background:#fff;font-size:18px;font-weight:500;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Noto Sans JP","hiragino-kaku-gothic-pron",sans-serif;letter-spacing:.1em;line-height:1.5;}h1{font-weight:700}.overflow{overflow-x:hidden}.sp{display:none}.pc{display:block}header{background-color:#fff;width:100%;padding:16px 0;margin:0 auto;position:fixed;z-index:100}.h_wrapper{margin:0 24px;display:flex;align-items:center;justify-content:space-between}.h_logo img{width:100%;max-width:200px;height:auto}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:20px;height:16px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger span{display:block;height:2px;width:20px;background:#006ECB;transition:all 0.3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.menu--list{display:flex;gap:24px;margin-right:3rem}.menu--list li{font-weight:700;white-space:nowrap}.menu--list li a{font-size:min(1.25vw,15px);position:relative}#btn-1{display:inline-block;padding:10px 18px;background-color:#FFA800;font-size:min(1.25vw,15px);text-align:center;font-weight:700;color:#fff;border-radius:100vh}.menu_area{display:flex;align-items:center;justify-content:space-between}.keyvisual_img{background-image:image-set(url(../img/mv.webp) type("image/webp"),url(../img/mv.png) type("image/png"));background-size:cover;background-position:100% 55%;background-repeat:no-repeat;position:relative}.keyvisual_content{padding-top:220px;padding-bottom:64px;margin:0 10%}.keyvisual_content h1{font-size:min(2.66666vw,32px);font-weight:500;color:#fff;line-height:1.5;text-shadow:0 4px 4px rgba(0,0,0,.25)}.keyvisual_content h1 .txt_big{font-size:min(7.19999vw,72px);font-weight:600}.keyvisual_content p{font-size:clamp(16px,1.5vw,18px);font-weight:500;color:#fff;margin-left:5px;margin-top:10px;text-shadow:0 4px 4px rgba(0,0,0,.25)}.point{margin-top:5%;display:flex;width:100%}.point img{width:100%;height:auto}.point li{margin-right:25px}.form_area{background:linear-gradient(-135deg,#51BAE7,#2F68B9);text-align:center;padding-bottom:2%}.form_area p{font-size:clamp(18px,3vw,26px);font-weight:500;color:#fff;letter-spacing:.1em;line-height:44px}.form_area p:first-child{font-size:clamp(20px,3vw,30px);font-weight:700;padding-top:20px}.form_area span{color:#FFA800}.form_btn{color:#fff;font-size:clamp(20px,3vw,36px);font-weight:700;width:70vw;height:auto;background-color:#FFA800;border-radius:66px;white-space:nowrap;text-align:center;margin:0 auto;margin-top:15px;align-items:center}.form_btn a{display:block;width:100%;height:auto;padding:2.5% 0}.form_btn .contact_txt{font-size:clamp(20px,3vw,36px)!important;font-weight:700;padding-top:0!important;line-height:0}.form_btn div{display:inline-block;width:7%;height:100%}.form_btn img{height:auto;transform:rotate(90deg);vertical-align:middle}#trouble{width:100%;height:auto;background-image:url(../img/problem_man.webp);background-color:rgba(255,255,255,.3);background-blend-mode:lighten;background-repeat:no-repeat;background-size:cover;background-position:top right;overflow:hidden;letter-spacing:.1em;padding-bottom:3%}.wrapper{margin:0 auto;max-width:1024px}#trouble p{color:#006ECB;font-weight:700;font-size:clamp(20px,4vw,28px);padding-top:8%}#trouble h2{font-size:clamp(30px,4vw,50px);padding-top:2%;margin-left:-9px;font-weight:700}.trouble-content li div{float:left}.trouble-content li{font-size:clamp(20px,4vw,28px);font-weight:500;margin-bottom:29px}.trouble-content li:first-child{margin-top:6%}.trouble-content img{margin-right:23px}#solution{width:100%;height:auto;padding-bottom:5%;background-image:url(../img/s_back.webp);background-color:rgba(255,255,255,.7);background-blend-mode:lighten;background-repeat:no-repeat;background-size:cover;background-position:50% 100%}.bg_solution{position:relative;margin:0 auto;width:355px}.bg_solution img{margin:0 auto;display:block}.bg_solution p{text-align:center;font-size:25px;color:#fff;position:absolute;top:24%;left:22%;line-height:1.2}.s_content{text-align:center;margin:0 auto}.s_content h2{font-size:clamp(28px,3vw,40px);margin-top:35px;margin-bottom:35px;font-weight:700}.s_content p{font-size:clamp(15px,1.7vw,25px);line-height:2;margin-bottom:63px}.solution--list{display:flex;justify-content:center;text-align:center;gap:24px;max-width:1200px;margin:0 auto}.solution--item{width:calc((100% - 48px) / 3);max-width:360px}.solution_bg{position:relative;width:100%;min-height:300px;border-radius:10px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#2F68B9,#51BAE7) border-box;padding:48px 24px 34px;box-shadow:0 8px 20px rgba(0,110,203,.08)}.solution_label{position:absolute;top:-1px;left:18px;min-width:86px;padding:8px 12px;background:linear-gradient(90deg,#006ECB,#168FE0);border-radius:0 0 4px 4px;color:#fff;font-size:18px;font-weight:600;line-height:1}.solution_icon{text-align:center;margin-bottom:18px}.solution_icon img{height:auto}.solution-ttl{text-align:center;margin:0 auto 14px}.solution-ttl p{margin:0;font-size:20px;color:#3F3F3F;font-weight:500}.solution-ttl p span{display:block;font-size:28px;color:#006ECB;font-weight:600;line-height:1.4}.solution-exp{text-align:center}.solution-exp p{margin:0 auto;line-height:1.9;font-size:16px}@media screen and (max-width:960px){.solution--list{flex-direction:column;align-items:center;gap:24px}.solution--item{width:90%;max-width:480px}.solution_bg{min-height:auto;padding:48px 22px 32px}}#reason{height:1230px;width:100%;margin:0 auto}#reason h2{font-size:43px;font-weight:700;letter-spacing:.1em;text-align:center;padding-top:82px;white-space:normal}#reason h2::after{height:4px;content:"";background:linear-gradient(90deg,#51BAE7,#2F68B9);display:block;margin:0 auto;margin-top:.7em;width:4em;transform:scale(0,1);transition:0.5s}.reason_exp{line-height:1.6;margin:0 auto;margin-top:82px;max-width:777px;margin-bottom:30px;white-space:normal}.graph{max-width:805px;width:100%;margin:0 auto}#reason img{display:block;margin:0 auto;margin-bottom:50px;width:100%;height:auto}.target{max-width:777px;margin:0 auto;line-height:1.6;margin-bottom:30px}.r_attention{background-color:#F3F3F3;line-height:1.7;font-size:14px;padding:15px 11px;max-width:777px;margin:0 auto}.r_attention p{white-space:normal;font-weight:400}#service h2{font-size:43px;font-weight:700;text-align:center;letter-spacing:.1em;padding-top:82px}#service h2::after{height:4px;content:"";background:linear-gradient(90deg,#51BAE7,#2F68B9);display:block;margin:0 auto;margin-top:.7em;width:4em;margin-bottom:82px;transform:scale(0,1);transition:0.5s}.service_outer{max-width:1024px;margin:0 auto}.service_list{display:flex;flex-direction:column;gap:65px}.service_item{background:#F3F3F3}.service_ttl{font-size:28px;font-weight:700;display:inline-block;margin-bottom:32px;color:#fff;background:#006ECB;padding:6px 24px}.service_ttl span{font-size:32px;margin-right:8px;font-size:36px}.service_txt{font-size:18px;padding:0 32px 32px;font-weight:400}.service__figure{width:60%;display:block;margin:0 auto;margin-top:min(2vw,24px);padding-bottom:32px;height:auto}.adddevelop__wrapper{padding:0 32px 32px}.adddevelop__outer{background-color:#fff;padding:16px}.adddevelop__ttl,.infra__ttl,.server__ttl{margin-bottom:16px}.adddevelop__ex--list,.infra__ex--list,.server__ex--list{display:flex;gap:16px;flex-wrap:wrap}.adddevelop__ex--item{width:48%;background:#f3f3f3;border-left:2px solid #006ECB;display:flex;align-items:center;padding:10px}.adddevelop__ex--item img{height:auto}.infra__ex--item,.server__ex--item{background:#f3f3f3;border-left:2px solid #006ECB;display:flex;align-items:center;padding:10px}.adddevelop__ex--item img{margin-right:16px}.adddevelop__ex--item p,.infra__ex--item p,.server__ex--item p{color:#006ECB}.infra__wrapper{padding:0 32px 32px}.infra__outer{background-color:#fff;padding:16px}.server__wrapper{padding:0 32px 32px}.server__outer{background-color:#fff;padding:16px}#price{width:100%;background-image:url(../img/p_back.webp);background-repeat:no-repeat;background-size:cover;background-position:50% 120%}#price h2{font-size:43px;font-weight:700;text-align:center;letter-spacing:.1em;padding-top:70px}#price h2::after{height:4px;content:"";background:linear-gradient(90deg,#51BAE7,#2F68B9);display:block;margin:0 auto;margin-top:.7em;width:4em;transform:scale(0,1);transition:0.5s}.p_exp{text-align:center;letter-spacing:.1em;margin:44px 0}.patern2{margin-top:44px}.patern1,.patern2{max-width:726px;background-color:#fff;margin:0 auto;margin-bottom:50px}.p_flex{text-align:center;padding-bottom:48px;position:relative}.p_flex div{display:inline-block}.patern1 .p1{margin-bottom:48px;width:100%;height:auto}.patern1 .p2{margin-right:78px;height:auto}.plus{position:absolute;top:35%;left:48%;height:auto}.patern2 .p4{width:100%;height:auto}.patern2 div{text-align:center}.patern2 img:first-child{margin-bottom:48px}.patern2 img:nth-child(2){display:block;margin:0 auto;padding-bottom:48px}.p_exp2{font-size:14px;line-height:1.7;margin:0 auto;max-width:730px;padding:28px 13px;margin-bottom:32px;font-weight:400}.p_exp2 p{white-space:normal}.p_exp2 p:first-child{margin-bottom:10px}#case h2{font-size:43px;font-weight:700;text-align:center;padding-top:82px}#case h2::after{height:4px;content:"";background:linear-gradient(90deg,#51BAE7,#2F68B9);display:block;margin:0 auto;margin-top:.7em;width:4em;margin-bottom:82px;transform:scale(0,1);transition:0.5s}.case_wrapper{max-width:1024px;margin:0 auto}.case_outer{padding-bottom:82px}.case_outer--list{display:flex;flex-direction:column;gap:120px}.case_exp{margin-bottom:40px}.case_exp--num{padding:6px 20px;background:#006ECB;margin-right:20px;color:#fff}.case_exp--industry{display:inline-block;font-size:20px;font-weight:400}.case_exp--industry span{font-size:24px;font-weight:500}.case_ttl--outer{margin-bottom:48px}.case_subttl{margin-bottom:8px;font-weight:400;}.case_ttl{font-size:26px}.case_ttl span{position:relative}.case_ttl span::after{content:"";position:absolute;width:100%;height:8px;background:#FFA800;display:inline-block;bottom:2px;left:0;right:0;z-index:-1}.case_detail--list{display:flex;justify-content:space-between;gap:24px}.case_detail--item{padding:32px;position:relative;width:48%}.case_detail--before{background:#F3F3F3;padding-top:48px}.case_detail--after{background:#E1F6FF}.before{position:absolute;top:-13px;left:16px;background:#D9D9D9;padding:3px 15px;font-size:16px;border-radius:100vh}.after{position:absolute;top:-13px;left:16px;background:#006ECB;padding:3px 15px;font-size:16px;border-radius:100vh;color:#fff}.case_img{text-align:center;margin-bottom:20px}.case_img img{max-height:137px;width:auto}.case_detail--before .case_img img{max-height:120px;width:auto}.case_txt--flex{display:flex;margin-bottom:12px}.case_txt--flex:last-child{margin-bottom:0}.case_txt--flex img{align-self:flex-start;padding-top:4px;margin-right:14px;height:auto}.case_txt{font-size:16px;font-weight:400}.case_arrow{align-self:center}#flow{background-image:url(../img/f_back.webp);background-repeat:no-repeat;background-size:cover;height:auto;padding-bottom:6%}#flow h2{font-size:43px;font-weight:700;text-align:center;padding-top:82px}#flow h2::after{height:4px;content:"";background:linear-gradient(90deg,#51BAE7,#2F68B9);display:block;margin:0 auto;margin-top:.7em;width:4em;margin-bottom:82px;transform:scale(0,1);transition:0.5s}#flow li{max-width:1024px;margin:0 auto;position:relative}#flow img{width:100%;display:block;margin:0 auto;margin-bottom:30px}.f_flex{display:flex;position:absolute;top:15%;left:10%;letter-spacing:.1em}#flow li:nth-child(4) .f_flex{top:18%}.f_flex p{font-size:30px;font-weight:700;color:#006ECB;margin-right:11px}.f_flex p span{font-size:43px;margin-left:4px}.f_flex dt{font-size:clamp(23px,4vw,29px);font-weight:700;padding-top:1%;margin-bottom:2%}.f_flex dd{font-size:clamp(15px,2vw,19px);font-weight:400}.f_exp{height:auto;background-color:#fff;margin-top:96px!important;padding-bottom:4%}.f_exp--inner{padding-left:5%}.f_exp img{padding-top:30px;margin-bottom:21px!important}.f_att{width:100%;white-space:normal;letter-spacing:.1em}.f_att h3{font-weight:700;margin-top:22px}.f_att h3:first-child{margin:0}.f_att p{font-size:16px;margin-top:12px;padding-left:40px;font-weight:400}.consultation{line-height:1.5}.consultation_txt{text-align:center;font-size:40px;color:#fff;font-weight:700;background:linear-gradient(-135deg,#51BAE7,#2F68B9);padding:25px 0}.consultation_txt span{font-size:60px}.form_outer{max-width:1200px;margin:0 auto;margin-top:64px;margin-bottom:64px}.contact__form--headingComment{text-align:center;font-size:16px}.contact__form--headingCaution{margin-top:2.5rem;margin-bottom:3rem;background-color:#eaebef;padding:1.5rem 2.5rem;font-size:16px}.bg-red{background-color:#e38015;line-height:1;color:#fff;padding:0 4px}.message_bg{background-image:url(../img/message_bg.webp);background-size:cover;background-repeat:no-repeat;padding:80px 0 141px}.message_wrap{max-width:790px;margin:0 auto}.message_ttl{color:#006ECB;font-size:32px;font-weight:600;margin-bottom:32px}.message_txt{margin-bottom:32px}.message_name{float:right}.message_name img{max-width:213px;height:auto}#caseslider{padding:64px 0}.slider-parent{position:relative;overflow:hidden;margin-bottom:56px}.slider-parent .slider{display:flex}.text-scroll{animation:scroll 40s linear infinite}.logos{flex-shrink:0}.slider-parent ul{padding:0;margin:0;display:flex}.slider-parent ul li{margin-left:32px;margin-right:32px;display:inline-block}.slider-parent ul li>img{transition:0.4s;max-width:100%!important;vertical-align:middle}@keyframes scroll{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}.case-btn{text-align:center}.case-btn a{display:inline-block;padding:min(1.33333vw,16px) min(3.33333vw,40px);color:#fff;font-size:18px;text-align:center;background:#FFA800;color:#fff;font-weight:500;text-align:center;box-shadow:0 6px 0 #e79a00,0 0 0;-webkit-transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,-webkit-transform 0.3s;transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,transform 0.3s;border-radius:100vw}.case-btn a:hover{box-shadow:0 2px 0 #e79a00,0 0 0;transform:translateY(3px);text-decoration:none}footer{clear:both}.copyright{text-align:center;font-size:17px;padding:12px 0}.btn{box-shadow:0 5px 0 #e79a00;transition:.3s}.btn:hover{box-shadow:unset;transform:translateY(4px)}.menu--list a::after{content:'';display:block;height:1px;width:90%;background:linear-gradient(#51BAE7,#2F68B9);position:absolute;bottom:-6px;left:5%;transform:scale(0,1);transition:.3s}.menu1,.menu2,.menu3{position:relative}.menu--list a:hover{color:#2F68B9;background:-webkit-linear-gradient(180deg,#51BAE7,#2F68B9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.menu--list a:hover::after{transform:scale(1,1)}.point{opacity:0;transform:translate3d(0,-20px,0);transition:all 1s 0s ease-out}#reason h2.is-line::after,#service h2.is-line::after,#price h2.is-line::after,#case h2.is-line::after,#flow h2.is-line::after,#company h2.is-line::after,#qa h2.is-line::after{transform:scale(1,1)}#trouble p,#trouble h1{transform:translate(-100%,0);transition:transform 1s}#trouble p span,#trouble h1 span{display:block;transform:translate(100%,0);transition:transform 1s}#trouble p.-visible,#trouble p.-visible span,#trouble h1.-visible,#trouble h1.-visible span{transform:translate(0,0)}.s_content h2{opacity:0;transform:translate3d(0,-20px,0);transition:all 1s 0s ease-out}.cookieCaution{background-color:#FFF}.cookieCaution__in{max-width:1160px;margin:0 auto;padding:24px;display:flex}.cookieCaution__text{width:75%}.cookieCaution__text p{font-size:12px;line-height:1.5;text-align:left;font-weight:400}.cookieCaution__logo{width:25%}.cookieCaution__logo--list{display:flex}.cookieCaution__logo--item{width:50%}.cookieCaution__logo--item:first-child img{max-width:80px;height:auto}.cookieCaution__logo--item img{max-width:100%;margin:0 auto;display:block;height:auto}.footer_inner{background:#006ECB;color:#fff;padding:10px 0;font-size:14px}footer a{background:#006ECB;text-align:center;color:#fff;text-decoration:underline}#outline{max-width:1100px;margin:0 auto;margin-bottom:40px}.outline__ttl{font-size:14px;font-weight:500;margin:24px 0}.outline__dl--inner{border-bottom:1px solid #fff;display:flex;gap:24px;padding:16px 0}.outline__dl--inner dt{color:#fff;font-size:12px;font-weight:500;width:100px}.outline__dl--inner dd{color:#fff;font-size:12px;font-weight:400}.copyright{text-align:center;font-weight:400}.qa{padding-bottom:70px}.qa_wrapper{max-width:1024px;margin:0 auto}#qa h2{font-size:43px;font-weight:700;text-align:center;letter-spacing:.1em;padding-top:82px}#qa h2::after{height:4px;content:"";background:linear-gradient(90deg,#51BAE7,#2F68B9);display:block;margin:0 auto;margin-top:.7em;width:4em;margin-bottom:82px;transform:scale(0,1);transition:0.5s}.qa__question{padding:16px 32px;color:#fff;font-size:18px;font-weight:500;background:#006ECB;margin-top:12px;cursor:pointer;position:relative}.qa__question::after{position:absolute;top:50%;right:33px;width:16px;height:16px;content:"";border-right:3px solid #fff;border-bottom:3px solid #fff;transform:translateY(calc(-50% - 5px)) rotate(45deg)}.qa__question .qa-q,.qa__answer--big .qa-a{margin-right:40px}.qa__answer{padding:16px 32px;background:#f3f3f3;display:none}.qa__answer--big{color:#FFA800;font-size:18px;font-weight:500}.qa__answer--small{font-size:15px}.qa__question.qa__open::after{transform:translateY(calc(-50% + 5px)) rotate(-135deg)}.qa__answer.qa__open{display:block;animation:fadeIn 1 .7s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.diagnosis{background-color:#006ECB;padding:40px 0;background-image:url(../img/diagnosis_back.png);background-repeat:no-repeat;background-size:contain;background-size:72%;background-position:145% 72%}.diagnosis__inner{width:800px;margin:0 auto}.diagnosis__ttl--outer{text-align:center;color:#fff}.slash{font-size:16px;display:flex;justify-content:center;position:relative;margin-bottom:16px;align-items:center}.slash::before,.slash::after{content:"";width:25px;height:1px;background-color:#fff;margin:0 4px -6px}.slash::before{transform:rotate(45deg)}.slash::after{transform:rotate(-45deg)}.slash span{font-weight:600;font-size:20px}.diagnosis__ttl--main{font-weight:600;font-size:24px;margin-bottom:8px}.diagnosis__ttl--sub{margin-bottom:32px}.diagnosis__grid{display:grid;gap:8px;margin-bottom:24px}.diagnosis__question{background:#fff;padding:16px 32px}.diagnosis__question--ttl{color:#006ECB;margin-bottom:10px}.diagnosis__question--ttl span{padding:0 8px;background:#006ECB;color:#fff;text-align:center;margin-right:10px}.diagnosis__select{width:100%;padding:6px 16px;border:1px solid #a2a2a2;background-color:#fff;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}.diagnosis__select:valid{color:#3f3f3f}.diagnosis__select:focus{border-color:#006ECB;box-shadow:0 0 0 4px rgba(8,51,136,.12)}.diagnosis__actions{text-align:center;margin:0 auto}.diagnosis__result{background:#f3f3f3;padding:20px 0;display:none}.diagnosis__result--label{font-size:15px;color:#006ECB;text-align:center;font-weight:500;margin-bottom:16px}.diagnosis__score--box{background:#fff;box-shadow:0 4px 14px 1px rgba(0,0,0,.15);width:190px;padding:6px 0;margin:0 auto;margin-bottom:16px}.diagnosis__stars{color:#FE7800;font-size:30px;line-height:1;letter-spacing:.08em;margin-bottom:3px;text-align:center}.diagnosis__score--text{text-align:center;font-size:14px}.diagnosis__result--message{font-size:18px;font-weight:500;padding:0 20px 5px;border-bottom:1px solid #006ECB;color:#006ECB;text-align:center;max-width:550px;margin:0 auto;margin-bottom:12px}.diagnosis__result--advice{font-size:15px;max-width:550px;margin:0 auto;margin-bottom:16px}.diagnosis__error{display:none;margin-top:16px;padding:14px 16px;border-radius:12px;background:#fff1f2;color:#be123c;font-weight:700;text-align:center}.diagnosis__cta{background:#fff;box-shadow:0 4px 14px 1px rgba(0,0,0,.15);text-align:center;padding:16px 28px;max-width:550px;margin:0 auto}.diagnosis__cta--text{font-size:12px;margin-bottom:12px;font-weight:500}.diagnosis__cta .btn,.diagnosis__actions .btn{display:inline-block;padding:min(1.33333vw,16px) min(3.33333vw,40px);color:#fff;font-size:18px;text-align:center;background:#FFA800;color:#fff;font-weight:500;text-align:center;box-shadow:0 6px 0 #e79a00,0 0 0;-webkit-transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,-webkit-transform 0.3s;transition:color 0.3s,background-color 0.3s,box-shadow 0.3s,transform 0.3s;border-radius:100vw}.diagnosis__actions .btn{margin-bottom:24px}.diagnosis__cta .btn:hover,.diagnosis__actions .btn:hover{box-shadow:0 2px 0 #e79a00,0 0 0}