@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300..700&display=swap";@font-face{font-family:Ysabeau Office;font-style:italic;font-weight:300;src:url(/assets/fonts/Ysabeau_Office/YsabeauOffice-LightItalic.woff2) format("woff2");font-display:swap}@font-face{font-family:Ysabeau Office;font-style:normal;font-weight:400;src:url(/assets/fonts/Ysabeau_Office/YsabeauOffice-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:Ysabeau Office;font-style:normal;font-weight:500;src:url(/assets/fonts/Ysabeau_Office/YsabeauOffice-Medium.woff2) format("woff2");font-display:swap}@font-face{font-family:Ysabeau Office;font-style:normal;font-weight:600;src:url(/assets/fonts/Ysabeau_Office/YsabeauOffice-SemiBold.woff2) format("woff2");font-display:swap}@font-face{font-family:Ysabeau Office;font-style:italic;font-weight:600;src:url(/assets/fonts/Ysabeau_Office/YsabeauOffice-SemiBoldItalic.woff2) format("woff2");font-display:swap}@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url(/assets/fonts/Poppins/Poppins-Medium.woff2) format("woff2");font-display:swap}@-webkit-keyframes fade-in-x{to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes fade-in-x{to{-webkit-transform:translateX(-100%);transform:translate(-100%)}}@keyframes fade-in-simple{0%{opacity:0}to{opacity:1}}@keyframes clip{0%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes progress{0%{left:-110%}90%{left:0}to{left:110%}}@keyframes rotateScale{0%{transform:scale(0) rotate(60deg);opacity:0}40%{transform:scale(1) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes rotate{0%{transform:rotate(60deg);opacity:0}40%{opacity:1}to{transform:rotate(0);opacity:1}}@keyframes zoomUp{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes fadeUpSlide{0%{opacity:1;transform:translateY(0)}90%{opacity:0;transform:translateY(-12.5%)}to{opacity:0;transform:translateY(12.5%)}}.section__inner{max-width:1260px;width:100%;padding:0 30px;box-sizing:border-box;margin:auto}@media screen and (max-width: 767px){.section__inner{padding:0 15px}}.c-h2{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:38px;color:#222;line-height:1.3;position:relative;text-align:center;margin:76px 0 53px;z-index:1}@media screen and (max-width: 767px){.c-h2{font-size:29px;overflow-x:clip;margin:0 calc(50% - 50vw) 50px}}.c-h2:before{position:absolute;left:50%;top:15px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:170px;font-weight:400;font-family:YsabeauOffice;line-height:1.3;letter-spacing:0;z-index:-1}@media screen and (max-width: 767px){.c-h2:before{font-size:78px}}.c-h2:after{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:123px;height:1px;background-color:#f5ff01;content:"";margin-top:10px;border-radius:2px}@media screen and (max-width: 767px){.c-h2:after{width:70px}}@media screen and (max-width: 767px){.c-h2>span{display:block}}.c-fade{opacity:0;visibility:hidden;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .8s ease,visibility 1s,-webkit-transform .8s ease;transition:opacity .8s ease,visibility 1s,transform .8s ease;transition:opacity .8s ease,visibility 1s,transform .8s ease,-webkit-transform .8s ease}.c-fade__in{opacity:1;visibility:visible;-webkit-transform:translateY(0px);transform:translateY(0)}.c-h2[data-type=WORKS]{color:#fff}@media screen and (max-width: 767px){.c-h2[data-type=WORKS]{margin-top:0}}.c-h2[data-type=WORKS]:before{content:"WORKS";opacity:.05}.works-sec1{padding:80px 0 0;margin-top:120px}@media screen and (max-width: 767px){.works-sec1{padding:80px 0 0;margin-top:60px}}.works-sec1{position:relative}.works-sec1-text{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:18px;color:#fff;line-height:1.9;text-align:center;margin-top:72px}@media screen and (max-width: 767px){.works-sec1-text{font-size:16px;text-align:left;margin-top:51px}}@media screen and (min-width: 1024px){.works-sec1-text>span{display:block}}@media screen and (min-width: 768px) and (max-width: 1023px){.works-sec1-text>span{display:block}}.works-sec1-col3{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:77px}@media screen and (max-width: 767px){.works-sec1-col3{margin:50px 20px 0}}@media screen and (min-width: 1024px){.works-sec1-col3>li{width:calc((100% - 120px) / 3)}}@media screen and (min-width: 768px) and (max-width: 1023px){.works-sec1-col3>li{width:calc((100% - 60px)/2)}.works-sec1-col3>li:nth-child(n+3){margin-top:62px}}@media screen and (max-width: 767px){.works-sec1-col3>li{width:100%}.works-sec1-col3>li:nth-child(n+2){margin-top:62px}}.works-sec1-col3>li>img{width:100%;height:auto;box-shadow:6.339px 13.595px 50px #00000040}.works-sec1-col3__caption{font-family:Noto Sans JP,sans-serif;font-weight:400;font-size:17px;color:#666;line-height:1.3;margin-top:41px;text-align:center}@media screen and (max-width: 767px){.works-sec1-col3__caption{font-size:15px;margin-top:30px}}.works-sec1-col3__text{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:21px;color:#222;margin-top:18px}@media screen and (max-width: 767px){.works-sec1-col3__text{font-size:18px;margin-top:15px}}.works-sec1:before{content:"";position:absolute;left:0;top:0;background-color:#0391be;width:100%;height:760px;z-index:-1}@media screen and (max-width: 767px){.works-sec1:before{height:670px}}.works-sec2{background-color:#3952cb}.works-sec2__bg{background-image:url(/lp/ui-ux-design-consulting/static/img/works/img_works_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;padding:160px 0 120px}@media screen and (max-width: 767px){.works-sec2__bg{background-image:url(/lp/ui-ux-design-consulting/static/img/works/img_works_bg_sp.jpg);padding:93px 0 80px}}.works-sec2__inner{padding:85px 0 70px}@media screen and (max-width: 767px){.works-sec2__inner{padding:50px 0}}.works-sec2__message{font-family:Noto Sans JP,sans-serif;font-weight:700;font-size:44px;color:#fff;text-align:center}@media screen and (max-width: 767px){.works-sec2__message{font-size:26px}}.works-sec2__text{color:#fff;font-size:18px;line-height:1.9;text-align:center;margin-top:29px}@media screen and (max-width: 767px){.works-sec2__text{font-size:15px;text-align:left;margin-top:17px}}@media screen and (min-width: 1024px){.works-sec2__text>span{display:block}}@media screen and (min-width: 768px) and (max-width: 1023px){.works-sec2__text>span{display:block}}.forte .forte_box p.fw-regular{font-weight:400}