@charset "utf-8";@import url("root.css");body{background:white}.loading{position:fixed;max-width:100%;width:100%;height:100%;display:block;z-index:99999999;background:white}.loading .showloading{position:relative;width:100%;height:100vh;top:0;left:0}.loading .showloading img{position:absolute;width:100px;height:100px;top:0;bottom:0;right:0;left:0;margin:auto}article{padding-top:90px;width:100%;overflow:hidden;@media screen and (max-width:1330px){padding-top:80px}@media screen and (max-width:480px){padding-top:70px}}section{.title_box{text-align:center;h3{color:white;strong{font-family:var(--montserrat);font-size:5rem;letter-spacing:.03em;font-weight:500;background:linear-gradient(120deg,#00C686 0%,#07B3DE 60%,#0079C6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;@media screen and (max-width:480px){font-size:4rem}}small{letter-spacing:.034em;font-size:1.5rem;margin-bottom:16px;color:#09ADFC;@media screen and (max-width:480px){}}}}&.kv{width:100%;max-width:100vw;aspect-ratio:1512/610;padding-bottom:.5vw;position:relative;z-index:2;margin-bottom:-15%;&.new{aspect-ratio:1512/550;@media screen and (max-width:480px){aspect-ratio:auto}}@media screen and (max-width:820px){margin-bottom:-20%}@media screen and (max-width:480px){aspect-ratio:auto;margin-bottom:-1px;padding-bottom:0}.kv_arch{background:white;width:160%;height:100%;margin-left:-30%;border-bottom-left-radius:50% 100%;border-bottom-right-radius:50% 100%;overflow:hidden;@media screen and (max-width:480px){width:100%;margin-left:0;height:auto;border-radius:0}}.kv_box{background:url(../img/top_renew/kv_pc.jpg) no-repeat;background-size:contain;width:100%;margin:0 auto;max-width:100vw;aspect-ratio:1512/610;overflow:hidden;position:relative;@media screen and (max-width:480px){aspect-ratio:375/550;background:url(../img/top_renew/kv_sp.png) no-repeat;background-size:contain;background-position:center bottom;display:flex;flex-direction:column-reverse}.kv_img{position:relative;width:100%;height:100%;z-index:4;@media screen and (max-width:480px){height:auto;margin:auto 0 0;aspect-ratio:375/295;margin-bottom:-10px;margin-top:10px;z-index:1;position:relative;&:after{position:absolute;content:"";background:url(../img/top_renew/kv_bottom.png) no-repeat;width:100%;aspect-ratio:375/47;background-size:100% 100%;background-position:bottom center;left:0;right:0;bottom:9px;margin:auto;z-index:2}}.kv_mock{position:absolute;width:14%;aspect-ratio:467/928;top:3.5vw;right:19.5vw;filter:drop-shadow(1.3vw 2.8vw 6.2vw rgba(0,119,177,.67));transform:translateZ(0);@media screen and (max-width:480px){top:0;right:0;left:0;bottom:0;width:40%;margin:auto;filter:drop-shadow(0 6px 10px rgba(0,119,177,.3))}.kv_slider{background:url(../img/top_renew/white_mock.png) no-repeat;background-size:100% 100%;width:100%;aspect-ratio:467/928;padding:3.5% 5%;span{display:grid;place-content:center;width:100%;aspect-ratio:750/1590;overflow:hidden;border-radius:1.8vw;@media screen and (max-width:480px){border-radius:4vw}}}}>span{position:absolute;display:inline-block;width:8vw;aspect-ratio:1/1;margin:auto;@media screen and (max-width:480px){display:none}&.img1{right:35vw;top:8.5vw}&.img2{right:7.5vw;top:3.9vw}&.img3{right:9.5vw;bottom:12.1vw}}}.kv_text{position:absolute;z-index:4;width:92.7vw;height:100%;top:0;left:auto;right:0;margin:auto;padding-top:3.1vw;z-index:3;@media screen and (max-width:480px){width:90%;position:static;height:auto;margin:0 auto;padding:0}.copy_box{max-width:48vw;@media screen and (max-width:480px){max-width:100%}.main_copy{text-align:center;@media screen and (max-width:480px){*{width:100%}}h1{background:linear-gradient(120deg,#00C686 0%,#07B3DE 60%,#0079C6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:2em;@media screen and (max-width:480px){padding:0;margin:0}strong{font-size:3.3vw;font-weight:800;letter-spacing:.019em;line-height:5.5vw;@media screen and (max-width:480px){font-size:7.3vw;line-height:13vw}span{letter-spacing:.06em;font-size:5vw;font-feature-settings:"palt";@media screen and (max-width:480px){font-size:11vw}}}&::after{display:none}}.sub{border-radius:.2vw;background:#04C393;text-align:center;padding:.6vw 1.2vw;margin:.8vw 0;display:inline-block;position:relative;&::after{position:absolute;content:"";width:2.4%;aspect-ratio:14/15;background:#04C393;clip-path:polygon(50% 100%,0 0,100% 0);top:calc(100% - 1px);right:0;left:0;margin:auto;@media screen and (max-width:480px){width:12px}}@media screen and (max-width:480px){border-radius:6px;padding:7px 15px 8px;margin-bottom:10px;width:auto!important}span{color:white;font-weight:800;font-size:1.5vw;letter-spacing:.1em;@media screen and (max-width:820px){font-size:2.5vw}@media screen and (max-width:480px){width:auto;font-size:5vw;letter-spacing:.01em;font-weight:bold;line-height:2.8rem;border-radius:6px}&.new{font-size:1.6vw;@media screen and (max-width:480px){font-size:5.5vw}}}}}.kv_mark{width:95%;margin:0 auto;margin-top:1.5vw;display:flex;align-items:center;justify-content:center;@media screen and (max-width:480px){width:100%;margin:1em 0 2em}.strengths_img{width:85%;@media screen and (max-width:480px){width:100%}ul{width:100%;display:flex;justify-content:space-between;gap:0 2%;flex-wrap:nowrap;li{flex:auto;position:relative;padding:0 2.2vw;@media screen and (max-width:480px){padding:0 5.5vw}&:last-child{margin-bottom:0}&::before,&::after{position:absolute;content:"";aspect-ratio:71/189;width:2.2vw;top:0;bottom:0;left:0;margin:auto;-webkit-mask:url(../img/top_renew/left.svg) no-repeat center / contain;mask:url(../img/top_renew/left.svg) no-repeat center / contain;background-color:#B7991F}@media screen and (max-width:480px){&::before,&::after{width:5.5vw}}&::after{-webkit-mask:url(../img/top_renew/right.svg) no-repeat center / contain;mask:url(../img/top_renew/right.svg) no-repeat center / contain;left:auto;right:0}h2{font-weight:800;line-height:1.2;color:#B7991F;font-size:1.6vw;letter-spacing:.02em;@media screen and (max-width:480px){font-size:3.5vw;padding:0;margin:0}span{font-size:1.2vw;letter-spacing:.02em;margin:0 -.3em;@media screen and (max-width:480px){font-size:2.7vw}&.num{font-weight:700;font-size:3vw;font-family:var(--montserrat);@media screen and (max-width:480px){font-size:6.5vw}}}}}}}}}}}.logo_box{position:absolute;z-index:4;bottom:0;left:0;right:0;width:100%;max-width:1200px;aspect-ratio:1027 / 86;max-height:120px;margin:auto;background:white;filter:drop-shadow(0 1vw 1.5vw rgba(15,131,180,.5));transform:translateZ(0);@media screen and (max-width:1200px){max-width:90%}@media screen and (max-width:820px){bottom:-2em}@media screen and (max-width:480px){aspect-ratio:auto;top:104%;bottom:auto}.logo_slide{height:100%;width:100%;background:white;display:flex;justify-content:space-around;flex-wrap:nowrap;padding:1vw 30px;margin:auto;@media screen and (min-width:2000px){justify-content:space-around}@media screen and (max-width:820px){padding:10px 10px}.slick-list{-webkit-overflow-scrolling:auto}li{height:100%;width:auto;display:flex;align-items:center;margin:0 21px;@media screen and (max-width:1550px){margin:0 30px}@media screen and (max-width:480px){margin:0 10px;max-width:calc(100% / 3)}img{object-fit:contain;height:100%;width:100%;@media screen and (max-width:1200px){max-height:100%}@media screen and (max-width:820px){max-height:30px;width:auto}}}}}}&.top_case{position:relative;z-index:1;width:100%;padding-bottom:90px;padding-top:17vw;background:linear-gradient(-125deg,#0AADFC 0%,#09B4F3 40%,#05D3CB 100%);&.new{padding-bottom:0}@media screen and (max-width:820px){padding-bottom:55px}@media screen and (max-width:480px){padding-top:100px;background:linear-gradient(-180deg,#09B2F6 0%,#09B4F3 40%,#05D3CB 100%)}.title_box{text-align:center;h3{color:white;strong{color:white;background:white;-webkit-background-clip:text;-webkit-text-fill-color:transparent}small{color:white}}}.case_box{width:100%;position:relative;z-index:4;.case_slider{margin-top:20px;display:flex;.slick-track{display:flex}.slick-slide{height:auto!important}li{margin:10px 29px;background:white;border-radius:17px;overflow:hidden;transition:all .1s;@media screen and (max-width:820px){margin:5px 10px}a{background:white;border-radius:17px;overflow:hidden;color:var(--black);transition:all .1s;&:hover{color:var(--blue);text-decoration:none}.works_img{display:block;position:relative;width:100%;height:auto;&::before{content:"";display:block;padding-top:59%}img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;left:0;margin:auto}}.data{padding:14px 25px 20px;text-align:left;@media screen and (max-width:820px){padding:12px 23px 18px}span{font-size:1.2rem;display:inline-block;margin-bottom:6px;color:#959595;font-family:var(--noto);font-weight:500;@media screen and (max-width:820px){font-size:1.4rem}}h4{font-size:1.6rem;line-height:2.6rem;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;@media screen and (max-width:820px){font-size:1.5rem;line-height:2.2rem}}.post_content{margin-top:10px;display:flex;justify-content:flex-start;flex-wrap:wrap;span{display:inline-block;margin:0;line-height:1;font-size:1rem;font-weight:500;color:white;background-color:var(--blue);border:1px solid var(--blue);padding:3px 6px 4px;border-radius:2px;font-feature-settings:normal;letter-spacing:.06em;margin-right:2px;margin-bottom:2px;@media screen and (max-width:820px){padding:2px 4px 3px;font-size:.7rem}&.scene{background-color:var(--light-green);border-color:var(--light-green)}&.type{background-color:var(--deep-blue);border-color:var(--deep-blue)}&.pref{background:none;border-color:var(--deep-orange);color:var(--deep-orange)}&.pref_wide{color:#f36868;border-color:#f36868}&.str_features{background-color:var(--blue);border-color:var(--blue)}&.interview{background-color:var(--deep-orange);border-color:var(--deep-orange)}}}}}}.slide-arrow{position:absolute;top:50%;margin:-45px 10px 0;height:76px;width:76px!important;border-radius:40px;z-index:101;box-shadow:0 8px 16px rgba(14,53,72,.5);background:white;cursor:pointer;transition:all .1s;display:grid;place-content:center;@media screen and (max-width:480px){height:55px!important;width:55px!important}&:hover{transform:scale(1.1)}&:active{box-shadow:none;transform:translateY(2px) scale(1.1)}img{width:18px;height:auto;@media screen and (max-width:480px){width:12px}}}.prev-arrow{left:calc(50% - 732px);padding-right:5px;@media screen and (max-width:1500px){left:2vw;right:auto}}.next-arrow{right:calc(50% - 732px);padding-left:5px;@media screen and (max-width:1500px){right:2vw;left:auto}}}}.buttons{display:flex;justify-content:center;margin-top:35px;position:relative;z-index:4;@media screen and (max-width:480px){margin-top:45px;flex-direction:column}a{margin:0 17px;@media screen and (max-width:480px){margin:0 0 20px;width:100%;span{font-size:1.6rem}}}}}.top_about{position:relative;padding:110px 0 0;z-index:1;@media screen and (max-width:820px){padding:55px 0 30px}.top_about_shadow{z-index:1;width:100%;height:100%;position:relative;&::before{position:absolute;content:"";width:2194px;aspect-ratio:2194 / 1232;background:url(../img/top_renew/back.png) no-repeat;background-size:contain;left:-870px;top:-550px;margin:auto;z-index:1}&::after{position:absolute;content:"";width:2194px;aspect-ratio:2194 / 1232;background:url(../img/top_renew/back.png) no-repeat;background-size:contain;right:-1300px;top:100px;margin:auto;z-index:1}@media screen and (max-width:820px){&::before,&::after{display:none}}}&::before{position:absolute;content:"";background:white;height:50%;width:100%;bottom:0;left:0;margin:auto}.about_box{position:relative;z-index:4;margin:auto;background:white;filter:drop-shadow(0 53px 46px rgba(211,240,255,.5));transform:translateZ(0);padding:60px 65px 90px;border-radius:24px;position:relative;@media screen and (max-width:820px){padding:35px 30px 40px}&::before,&::after{position:absolute;content:"";top:0;bottom:0;margin:auto;width:50%;height:100%}&::before{border-radius:24px;background:url(../img/top_renew/about1.png) no-repeat;background-size:contain;left:0;background-position:left center}&::after{border-radius:24px;background:url(../img/top_renew/about2.png) no-repeat;background-size:contain;right:0;background-position:right top}@media screen and (max-width:820px){&::before{background:url(../img/top_renew/about1_s.png) no-repeat;background-size:contain;width:30%;height:100%;background-size:contain;top:0;bottom:auto;background-position:left top}&::after{background:url(../img/top_renew/about2_s.png) no-repeat;background-size:contain;width:30%;height:100%;background-size:contain;bottom:0;right:0;top:auto;background-position:right bottom}}.title_box{text-align:center;position:relative;z-index:2;h3{color:white;strong{font-family:var(--montserrat);font-size:5rem;letter-spacing:.03em;font-weight:500;background:linear-gradient(120deg,#00C686 0%,#07B3DE 60%,#0079C6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;@media screen and (max-width:480px){font-size:4rem}}small{letter-spacing:.034em;font-size:1.5rem;margin-bottom:16px;color:#09ADFC;@media screen and (max-width:480px){}}}}h4{text-align:center;font-size:2.2rem;margin-top:1.5em;line-height:4rem;color:#B7991F;@media screen and (max-width:820px){font-size:1.8rem;text-align:left;line-height:3rem}@media screen and (max-width:480px){font-size:1.5rem;text-align:left;line-height:3rem}strong{font-size:120%;font-family:var(--montserrat);font-weight:700}}p{position:relative;z-index:2;margin-top:45px;text-align:center;font-size:1.8rem;font-weight:500;letter-spacing:.04em;line-height:3.5rem;color:var(--deep-blue);@media screen and (max-width:820px){margin-top:25px;font-size:1.5rem;line-height:2.8rem;text-align:left}}}}&.top_scene{background:#E6FFF7;padding-top:65px;padding-bottom:66px;width:100%;position:relative;@media screen and (max-width:820px){padding-top:55px;padding-bottom:55px}&::after{position:absolute;content:"";width:2194px;aspect-ratio:2194/1232;background:url(../img/top_renew/back.png) no-repeat;background-size:contain;left:-1400px;top:320px;margin:auto;z-index:1}.scene_box{position:relative;z-index:2;margin-top:37px;width:100%;max-width:100vw;@media screen and (max-width:480px){margin-top:30px}.scene_tab{@media screen and (max-width:480px){display:none}.slick-track{width:100%!important;display:flex;justify-content:space-between;margin-top:10px;margin-bottom:10px;transform:unset!important;@media screen and (max-width:1200px){flex-wrap:wrap;justify-content:center}}.tab{border-radius:100px;background:white;padding:8px 17px 10px;filter:drop-shadow(0 5px 0 rgba(209,245,234,1));transform:translateZ(0) scale(1);transition:all .1s;cursor:pointer;display:flex;align-items:center;@media screen and (max-width:1200px){margin:0 10px 10px}&:hover{filter:drop-shadow(0 1px 0 rgba(209,245,234,1));transform:translateZ(0) translateY(4px)}&::before{content:"";height:19px;width:19px}@media screen and (max-width:1200px){&::before{content:"";height:16px;width:16px}}&:nth-child(1){&::before{background:url(../img/top_renew/scene/scene_tab1.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(2){&::before{background:url(../img/top_renew/scene/scene_tab2.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(3){&::before{background:url(../img/top_renew/scene/scene_tab3.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(4){&::before{background:url(../img/top_renew/scene/scene_tab4.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(5){&::before{background:url(../img/top_renew/scene/scene_tab5.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(6){&::before{background:url(../img/top_renew/scene/scene_tab6.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(7){&::before{background:url(../img/top_renew/scene/scene_tab7.png) no-repeat;background-size:contain;background-position:center left}}&.slick-current{transform:scale(1.15);background:var(--new-blue);filter:none;@media screen and (max-width:1200px){transform:scale(1.05)}span{color:white}&:nth-child(1){&::before{background:url(../img/top_renew/scene/scene_tab1_on.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(2){&::before{background:url(../img/top_renew/scene/scene_tab2_on.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(3){&::before{background:url(../img/top_renew/scene/scene_tab3_on.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(4){&::before{background:url(../img/top_renew/scene/scene_tab4_on.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(5){&::before{background:url(../img/top_renew/scene/scene_tab5_on.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(6){&::before{background:url(../img/top_renew/scene/scene_tab6_on.png) no-repeat;background-size:contain;background-position:center left}}&:nth-child(7){&::before{background:url(../img/top_renew/scene/scene_tab7_on.png) no-repeat;background-size:contain;background-position:center left}}}span{margin-left:7px;font-size:1.5rem;font-weight:500;color:var(--new-blue);@media screen and (max-width:1200px){font-size:1.4rem}}}}}.scene_slide{position:relative;z-index:2;max-width:1512px;width:100%;margin:0 auto;margin-top:25px;@media screen and (max-width:820px){margin-top:0}.slick-slide{}.slick-list{max-width:1512px;@media screen and (max-width:480px){max-width:100%}}.prev-arrow{left:calc(50% - 820px);padding-right:5px;@media screen and (max-width:1600px){left:0}}.next-arrow{right:calc(50% - 820px);padding-left:5px;@media screen and (max-width:1600px){right:0}}@media screen and (max-width:480px){.slide-arrow{width:55px!important;height:55px!important;transform:none;box-shadow:0 3px 16px rgba(14,53,72,.1);img{width:12px}&:hover{transform:none;box-shadow:none}&:active{transform:none;box-shadow:0 3px 16px rgba(14,53,72,.1);transform:scale(1.1)}}.prev-arrow{left:10px;padding-right:5px}.next-arrow{right:10px;padding-left:5px}}li{margin:20px 30px;cursor:pointer;padding:30px 0 60px;.scene_mock{background:url(../img/top_renew/scene_mock.png) no-repeat;background-size:100% 100%;width:100%;aspect-ratio:188 / 380;padding:3.4% 4.5%;display:grid;place-content:center;transition:all .3s;transform:scale(1);.scene_sample{position:relative;width:100%;height:100%;border-radius:10% / 6%;overflow:hidden;img{display:block;width:100%;height:100%}video{opacity:0;display:none;position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:100%}}}&.slick-current{filter:drop-shadow(20px 14px 18px rgba(67,183,147,.6));transform:translateZ(0);margin:20px 30px;cursor:auto;img{opacity:0}.scene_mock{transform:scale(1.2)}.scene_sample{video{display:block!important;opacity:1!important}}}}}.scene_text{max-width:1200px;margin:0 auto;position:relative;z-index:2;.scene_text_slide{position:relative;&::before{content:"";position:absolute;clip-path:polygon(50% 0%,0% 100%,100% 100%);width:16px;background:white;aspect-ratio:16/18;bottom:calc(100% - 1px);right:0;left:0;margin:auto}@media screen and (max-width:480px){&::before{width:29px;aspect-ratio:29/27}}li{text-align:left;background:white;padding:33px 49px;border-radius:14px;filter:drop-shadow(0 19px 26px rgba(193,232,220,.3));transform:translateZ(0);@media screen and (max-width:480px){padding:35px 40px}.text{display:flex;align-items:center;@media screen and (max-width:820px){flex-direction:column}.scene_title{width:32%;margin-right:3%;@media screen and (max-width:1500px){width:35%}@media screen and (max-width:820px){width:100%;margin-right:0;margin-bottom:25px}h5{display:flex;align-items:center;img{height:24px;width:auto;margin-right:13px}span{margin-right:6px;font-size:1.8rem;color:var(--new-blue);@media screen and (max-width:1500px){font-size:1.6rem}}}h4{margin-top:15px;font-size:2rem;letter-spacing:.06em;line-height:3.3rem;@media screen and (max-width:1500px){font-size:1.8rem}@media screen and (max-width:820px){font-size:2.2rem;br{display:none;&.pad{display:block}}}@media screen and (max-width:480px){font-size:1.9rem}}}>p{width:68%;color:#252424;font-size:1.5rem;font-weight:400;line-height:3rem;@media screen and (max-width:1500px){width:65%;font-size:1.4rem;line-height:2.8rem}@media screen and (max-width:820px){width:100%}}}}}}}&.top_strengths{background:white;padding-top:65px;padding-bottom:50px;position:relative;@media screen and (max-width:820px){padding-top:55px;padding-bottom:40px}@media screen and (max-width:480px){padding-top:45px}&::after{position:absolute;content:"";width:2230px;aspect-ratio:2230/1253;background:url(../img/top_renew/back.png) no-repeat;background-size:contain;right:-1475px;top:561px;margin:auto;z-index:1}.title_box,.strengths_box{position:relative;z-index:2}.strengths_box{margin-top:60px;>ul{justify-content:space-between;filter:drop-shadow(0 3px 25px rgba(211,240,255,1));transform:translateZ(0);@media screen and (max-width:480px){filter:drop-shadow(0 3px 12px rgba(211,240,255,1))}>li{width:48.5%;margin-bottom:50px;background:white;border-radius:26px;overflow:hidden;@media screen and (max-width:820px){width:48.5%;border-radius:15px}@media screen and (max-width:480px){width:100%;margin-bottom:30px;border-radius:12px}.strengths_img{width:100%;aspect-ratio:620/251;background:#ECFBF6;img{width:100%;height:100%;object-fit:contain}}.strengths_text{padding:35px 35px 40px;@media screen and (max-width:820px){padding:23px 20px 32px}@media screen and (max-width:480px){padding:20px 10px 30px}h4{text-align:center;font-size:2.2rem;font-weight:600;line-height:3.8rem;@media screen and (max-width:820px){font-size:1.6rem;line-height:3rem}@media screen and (max-width:480px){font-size:1.8rem}span{color:var(--new-blue)}}p{margin-top:1.5em;text-align:center;font-size:1.4rem;font-weight:500;line-height:2.8rem;@media screen and (max-width:480px){margin-top:1.2em;text-align:left;font-size:1.2rem;font-weight:500;line-height:2rem}}.buttons{margin-top:2em;text-align:center;@media screen and (max-width:480px){margin-top:1em}a{margin-right:0;margin-top:auto;margin-left:auto;padding:12px 20px 13px;padding-right:12px;text-align:center!important;span{font-size:1.6rem;padding-right:30px;&::before{width:20px;height:20px}&::after{right:6px;width:6px;height:12px;background-size:contain}}}}}}}.strengths_img_box{height:100%;width:75%;margin:0 auto;justify-content:center;align-items:flex-start;font-size:2.8rem;position:relative;flex-direction:column;@media screen and (max-width:1200px){font-size:2vw}@media screen and (max-width:480px){font-size:4vw}&::after{position:absolute;content:"";background:url(../img/top_renew/streng5.svg) no-repeat!important;background-size:contain!important;background-position:center bottom;width:42%;aspect-ratio:437/484;right:-10%;bottom:0;margin:auto}span{font-size:1.8rem;display:inline-block;line-height:2.2rem;@media screen and (max-width:1200px){font-size:1.5vw}@media screen and (max-width:480px){font-size:2.8vw}}strong{font-family:var(--montserrat);font-size:5rem;font-weight:700;@media screen and (max-width:1200px){font-size:3.7vw}@media screen and (max-width:480px){font-size:8vw}}li{width:65%;position:relative;color:var(--new-blue);font-weight:600;line-height:1.2;margin-bottom:1%;&:last-child{margin-bottom:0}&::before,&::after{position:absolute;content:"";aspect-ratio:71/189;width:11%;bottom:0;left:0;margin:auto;-webkit-mask:url(../img/top_renew/left.svg) no-repeat center / contain;mask:url(../img/top_renew/left.svg) no-repeat center / contain;background-color:var(--new-blue)}&::after{-webkit-mask:url(../img/top_renew/right.svg) no-repeat center / contain;mask:url(../img/top_renew/right.svg) no-repeat center / contain;left:auto;right:0}}}}}&.top_design{background:#EFFBFF;padding-top:84px;padding-bottom:70px;position:relative;@media screen and (max-width:820px){padding:55px 0}.design_box{display:flex;justify-content:space-between;align-items:center;position:relative;@media screen and (max-width:820px){flex-direction:column;margin-top:30px}&::after{position:absolute;content:"";background:url(../img/top_renew/design_back.png) no-repeat;background-size:contain;width:14.1%;aspect-ratio:230/173;right:0;bottom:0;margin:auto;filter:drop-shadow(6px 8px 38px rgba(111,183,214,.2));transform:translateZ(0)}@media screen and (max-width:820px){&::after{display:none}}.img{height:100%;background:#DDF3FF;width:37%;text-align:center;padding-top:40px;padding-bottom:35px;border-radius:21px;margin-left:45px;position:relative;z-index:2;@media screen and (max-width:820px){width:100%;margin:0}.design_slider{margin:0 auto;background:url(../img/top_renew/white_mock.png) no-repeat;background-size:100% 100%;width:233px;aspect-ratio:500/1035;filter:drop-shadow(20px 24px 38px rgba(111,183,214,1));transform:translateZ(0);padding:10px;.designs{display:grid;place-content:center;width:100%;height:100%;aspect-ratio:500/1080;img,video{border-radius:21px;width:100%;height:100%}}.slide-arrow{width:55px!important;height:55px!important;box-shadow:0 6px 16px rgba(0,0,0,.1)!important;img{width:12px!important}&.prev-arrow{left:auto;right:105%!important}&.next-arrow{right:auto;left:105%!important}@media screen and (max-width:480px){&.prev-arrow{left:auto;right:100%!important}&.next-arrow{right:auto;left:100%!important}}}}.design_slider_button{margin-top:25px;.design_button{button{cursor:pointer;padding:10px 30px;font-size:1.4rem;@media screen and (max-width:480px){width:auto}i{margin:0;margin-right:5px}}}}}.text{text-align:left;@media screen and (max-width:820px){width:100%}.title_box{text-align:left;@media screen and (max-width:820px){display:none}h3{width:100%;display:flex;align-items:center;justify-content:flex-start;small{margin:0;margin-left:17px}}}h4{margin-top:50px;font-size:3rem;line-height:4.7rem;@media screen and (max-width:480px){font-size:2rem;line-height:3rem;margin-top:30px}span{color:var(--new-blue)}}p{margin-top:35px;font-size:1.6rem;font-weight:500;line-height:3rem;@media screen and (max-width:480px){margin-top:20px}}a{margin-top:50px;@media screen and (max-width:480px){margin-top:20px;width:100%;span{text-align:center}}}}}}&.top_service{background:linear-gradient(15deg,#05D3CB 0%,#09B4F3 60%,#0AADFC 100%);padding-top:66px;padding-bottom:100px;overflow:hidden;position:relative;@media screen and (max-width:820px){padding:55px 0}@media screen and (max-width:480px){padding-bottom:20px}.service_slide{position:absolute;top:0;left:0;right:0;width:100%;max-width:1700px;margin:auto;overflow:visible;.slick-list{overflow:visible}@media screen and (max-width:480px){max-width:1095px;width:290vw}}.title_box{h3{strong,small{color:white;background:none;-webkit-text-fill-color:white}}}.service_box{margin-top:75px;@media screen and (max-width:820px){margin-top:35px;width:100%;max-width:100%}ul{display:flex;justify-content:space-between;li{border-radius:23px;overflow:hidden;background:white;@media screen and (max-width:480px){border-radius:19px}.img{background:#E5F9FF;img{object-fit:contain;width:100%;height:100%;object-position:right bottom}}.text{text-align:left;display:flex;flex-direction:column;padding:58px 41px 35px 63px;@media screen and (max-width:480px){padding:30px 21px 40px}a{margin-right:0;margin-top:auto;margin-left:auto;padding:8px 20px 10px;padding-right:12px;@media screen and (max-width:820px){margin:0;padding-left:30px}@media screen and (max-width:480px){text-align:center}span{font-size:1.3rem;&::before{width:20px;height:20px}&::after{right:6px;width:6px;height:12px;background-size:contain}}}}&.col1{display:flex;align-items:stretch;margin-bottom:62px;width:100%;@media screen and (max-width:820px){width:48.3%;flex-direction:column}@media screen and (max-width:480px){width:100%;margin-bottom:45px}.img{width:47.5%;@media screen and (max-width:820px){width:100%}}.text{width:52.5%;display:flex;flex-direction:column;padding:58px 41px 35px 63px;@media screen and (max-width:820px){width:100%;padding:25px 35px}@media screen and (max-width:480px){padding:30px 21px 40px}h4{font-size:2.6rem;line-height:3.5rem;font-weight:bold;@media screen and (max-width:480px){font-size:2.1rem;line-height:3.4rem;text-align:center;font-weight:bold}}p{font-size:1.6rem;line-height:3.1rem;margin-top:35px;margin-bottom:30px;font-weight:400;color:#252424;@media screen and (max-width:480px){margin-top:25px}}}}&.col2{width:48.3%;@media screen and (max-width:480px){width:100%;margin-bottom:45px}.img{width:100%;aspect-ratio:566/256;@media screen and (max-width:480px){width:100%;aspect-ratio:auto;img{width:100%;height:auto}}}.text{padding:37px 41px;@media screen and (max-width:480px){padding:30px 21px 40px}h4{font-size:2.6rem;line-height:3.5rem;font-weight:bold;@media screen and (max-width:480px){font-size:2.1rem;line-height:3.4rem;text-align:center;font-weight:bold}}p{font-size:1.5rem;line-height:2.8rem;margin-top:20px;margin-bottom:28px;font-weight:400;color:#252424;@media screen and (max-width:480px){margin-top:25px;font-size:1.6rem;line-height:3.1rem}}}}}}}}&.top_support{padding-top:88px;background:white;padding-bottom:94px;@media screen and (max-width:820px){padding:55px 0}.support_box{margin-top:55px;@media screen and (max-width:820px){margin-top:30px}.support_tab{margin-bottom:55px;@media screen and (max-width:480px){margin-bottom:10px}ul{display:flex;justify-content:space-between;@media screen and (max-width:820px){filter:drop-shadow(0 3px 16px rgba(191,242,255,1))}li{padding:23px 40px;padding-right:5px;display:flex;align-items:center;justify-content:flex-start;width:30.5%;border-radius:11px;background:white;filter:drop-shadow(0 3px 26px rgba(191,242,255,1));transform:translateZ(0);cursor:pointer;@media screen and (max-width:820px){filter:none;width:100%;padding:15px 30px;margin-bottom:10px;&:last-child{margin-bottom:0}}@media screen and (max-width:480px){padding:12px 10px}p{text-align:left;color:var(--blue);font-size:1.8rem;font-weight:bold;line-height:2.8rem;flex-grow:1;@media screen and (max-width:820px){font-size:1.6rem;br{display:none}}@media screen and (max-width:480px){font-size:1.4rem}}span{width:30%;max-width:77px;aspect-ratio:77/67;margin-right:35px;@media screen and (max-width:820px){max-width:45px;margin-right:20px}@media screen and (max-width:480px){max-width:25px;margin-right:5px}img{width:100%;height:100%;object-fit:contain;&.on_img{display:none}&.off_img{display:block}}}&.on{background:var(--new-blue);filter:none;position:relative;cursor:auto;@media screen and (max-width:820px){&::after{display:none}}&::after{position:absolute;content:"";background:var(--new-blue);clip-path:polygon(50% 100%,0 0,100% 0);width:24px;height:20px;top:calc(100% - 3px);left:0;right:0;margin:auto}p{color:white}span{img{display:none!important;&.on_img{display:block!important}}}}}}}.support_content{ul{display:flex;align-items:stretch;aspect-ratio:3/1;@media screen and (max-width:820px){flex-direction:column;aspect-ratio:auto}li{width:100%;display:none;&.active{display:flex;align-items:flex-start;justify-content:space-between;@media screen and (max-width:820px){flex-direction:column}}.img{margin-top:10px;background:#959595;width:48%;aspect-ratio:575/325;border-radius:17px;overflow:hidden;@media screen and (max-width:820px){width:100%;border-radius:8px;border-radius:13px}}.text{width:47%;text-align:left;@media screen and (max-width:820px){width:100%}h4{font-size:3rem;font-weight:bold;line-height:5rem;@media screen and (max-width:820px){font-size:2.4rem;line-height:3.8rem;margin-top:30px;br{display:none;&.pad,&.sp{display:block}}}@media screen and (max-width:480px){font-size:2.2rem;line-height:3.4rem;margin-top:25px}span{color:var(--new-blue)}}p{letter-spacing:.03em;margin-top:35px;font-size:1.6rem;line-height:3.2rem;font-weight:500;@media screen and (max-width:820px){margin-top:25px}@media screen and (max-width:480px){font-size:1.5rem;line-height:2.8rem;margin-top:25px}small{color:#727272;font-size:1.2rem}}}}}}}}&.top_voice{background:white;.voice_box{max-width:1060px;margin:0 auto;margin-top:55px;@media screen and (max-width:820px){margin-top:30px}ul{width:100%;filter:drop-shadow(0 3px 19px rgba(191,242,255,.6));transform:translateZ(0);li{width:100%;background:white;border-radius:20px;overflow:hidden;margin-bottom:40px;cursor:pointer;@media screen and (max-width:820px){border-radius:10px;margin-bottom:10px}&:first-child{.text{display:block}}&:nth-child(odd){.voice_title{background:#00D3CB;span{i{color:#00D3CB}}@media screen and (max-width:480px){background:white;i{color:white!important}figure,>span{background:#00D3CB}}}.text{p{strong{color:#00D3CB}}}}&:nth-child(even){.voice_title{background:var(--new-blue);span{i{color:var(--new-blue)}}@media screen and (max-width:480px){background:white;i{color:white!important}figure,>span{background:var(--new-blue)}}}.text{p{strong{color:var(--new-blue)}}}}&:hover{.voice_title{span{transform:scale(1.2)}}}.voice_title{display:flex;align-items:center;width:100%;@media screen and (max-width:480px){flex-direction:column;position:relative}figure{display:flex;width:23%;align-items:center;padding-left:26px;padding-right:24px;position:relative;@media screen and (max-width:820px){width:20%;padding:0 15px}@media screen and (max-width:480px){width:100%;padding:0 15px;display:flex}&::after{position:absolute;content:"";height:60%;width:3px;background:white;top:0;bottom:0;right:0;margin:auto}picture{display:inline-block;width:35.2%;aspect-ratio:92/100;@media screen and (max-width:820px){width:30%}@media screen and (max-width:480px){display:block;width:24%;margin-left:10px}img{width:100%;height:100%;object-fit:contain;object-position:center bottom}}figcaption{flex-grow:1;text-align:center;p{color:white;font-weight:600;font-size:1.8rem;@media screen and (max-width:820px){font-size:1.4rem}@media screen and (max-width:480px){font-size:2.5rem;display:flex;align-items:center;justify-content:center;br{display:none}strong{font-size:2.1rem;margin-top:2px;margin-left:3px;display:inline-block}}small{font-size:1.6rem;@media screen and (max-width:820px){font-size:1.2rem}@media screen and (max-width:480px){font-size:1.6rem;margin-right:10px;display:inline-block}}}}}h4{color:white;font-size:2.2rem;margin-left:30px;margin-right:15px;flex-grow:1;text-align:left;position:relative;transition:all .2s;@media screen and (max-width:820px){margin-left:20px;font-size:1.5rem}@media screen and (max-width:480px){background:white;color:var(--black);width:100%;height:100%;padding:24px 24px 30px;font-size:1.6rem;line-height:3.1rem;margin-left:0}}span{background:white;border-radius:50%;align-items:center;display:flex;width:40px;height:40px;margin-right:20px;justify-content:center;text-align:center;transform:scale(1);transition:all .2s;@media screen and (max-width:820px){width:25px;height:25px}@media screen and (max-width:480px){position:absolute;right:15px;bottom:15px;margin:auto}i{transition:all .2s;@media screen and (max-width:480px){color:white}}}}.text{display:none;background:white;p{text-align:left;font-size:1.6rem;font-weight:500;padding:30px 45px 35px;line-height:3.2rem;letter-spacing:.06em;@media screen and (max-width:820px){padding:20px 35px 25px;font-size:1.3rem;line-height:2.6rem}@media screen and (max-width:480px){padding:20px 0 25px;margin:0 24px;font-size:1.4rem;line-height:2.6rem;border-top:1px solid #d8d8d8}}}&.on{.voice_title{span{i{transform:rotate(180deg)}}}}}}}}&.top_interview{background:none;padding-top:120px;padding-bottom:100px;position:relative;z-index:5;@media screen and (max-width:820px){padding:55px 0}@media screen and (max-width:480px){.container{width:100%}}.interview_box{margin-top:55px;text-align:center;position:relative;z-index:2;@media screen and (max-width:480px){margin-top:40px}ul.interview_list{display:flex;justify-content:space-between;filter:drop-shadow(0 3px 19px rgba(191,242,255,.6));transform:translateZ(0);margin-bottom:60px;@media screen and (max-width:480px){filter:drop-shadow(0 3px 6px rgba(191,242,255,.6));width:90%;margin:0 auto 20px;.slick-track{display:flex}.slick-slide{height:auto!important}.slick-dots{display:flex;justify-content:center;list-style:none;bottom:-35px;li{width:12px;height:12px;background:none;margin:0 10px;button{padding:0;width:100%;height:100%;background:#EBEBEB;&::before{display:none}}&.slick-active{button{background:var(--new-blue)}}}}}li{background:white;overflow:hidden;width:23%;border-radius:17px;@media screen and (max-width:820px){width:48.5%;margin-bottom:15px}@media screen and (max-width:480px){margin:00;margin-bottom:1em;border-radius:6px}a{display:block;color:var(--black);text-decoration:none;width:100%;height:100%;position:relative;&::before{position:absolute;content:"";right:18px;bottom:18px;background:url(../img/top_renew/button_arrow.svg) no-repeat;width:28px;height:28px;border-radius:50%;transition:all .2s;background-position:55% 45%;z-index:2}&::after{position:absolute;content:"";right:18px;bottom:18px;background:var(--new-blue);width:28px;height:28px;border-radius:50%;transition:all .2s;z-index:1}&:hover{&::after{transform:scale(1.1)}.text{strong,h4{color:var(--new-blue)}}}.img{background:#E5F9FF}.text{height:auto;flex-grow:1;display:flex;flex-direction:column;padding:18px 22px 50px;text-align:left;@media screen and (max-width:480px){padding:1em}strong{font-size:1.3rem;font-weight:500;color:#696969;transition:all .2s;@media screen and (max-width:480px){font-size:1.1rem}}h4{transition:all .2s;margin-top:8px;font-size:1.4rem;font-weight:700;line-height:2.3rem;margin-bottom:10px;@media screen and (max-width:480px){font-size:1.2rem;line-height:2rem}}@media screen and (max-width:480px){.tags{width:60%}}span{display:inline-block;margin-right:5px;margin-bottom:5px;font-size:1.2rem;font-weight:500;line-height:1rem;padding:4px 5px 5px;border-radius:3px;border:1px solid var(--black);@media screen and (max-width:480px){font-size:1rem;padding:1px 4px 2px;border-radius:2px;margin-right:2px;margin-bottom:2px}&.scene{border-color:#2ED1D1;color:#2ED1D1}&.purpose{border-color:#38B1D6;color:#38B1D6}&.type{border-color:#E0AC00;color:#E0AC00}&.pick_up{border-color:#1F83CC;color:#1F83CC}}.link{margin-top:auto;margin-bottom:0}}}}}}}&.top_contact{background:white;padding-bottom:100px;@media screen and (max-width:820px){padding-bottom:45px}.contact_box{position:relative;&::after{position:absolute;content:"";width:2900px;aspect-ratio:2900 / 1630;background:url(../img/top_renew/back.png) no-repeat;background-size:contain;right:20%;bottom:-900px;margin:auto;z-index:1}ul{position:relative;z-index:2;border-radius:35px;background:linear-gradient(90deg,#05D3CB 0%,#09B4F3 60%,#0AADFC 100%);margin-bottom:60px;justify-content:space-between;@media screen and (max-width:820px){border-radius:15px;margin-bottom:0}@media screen and (max-width:480px){flex-direction:column}li{&.img{width:40.5%;@media screen and (max-width:820px){width:35%}@media screen and (max-width:480px){width:100%;p{color:white;font-size:2.2rem;font-weight:bold;line-height:3.5rem;padding:33px 33px 20px}img{padding:0 5px;filter:drop-shadow(10px 15px 20px rgba(0,0,0,.1))}}}&.text{width:59.5%;text-align:left;display:flex;align-items:center;padding-right:90px;padding-left:15px;@media screen and (max-width:820px){width:65%;padding-right:35px}@media screen and (max-width:480px){width:100%;padding:20px 20px 20px!important}.text_box{display:block;width:100%;p{font-size:3rem;line-height:4.9rem;font-weight:700;margin-bottom:33px;color:white;@media screen and (max-width:820px){font-size:1.8rem;line-height:3.2rem;margin-bottom:20px}@media screen and (max-width:480px){display:none}}.buttons{width:100%;display:flex;justify-content:space-between;@media screen and (max-width:480px){flex-direction:column}.button_lerge_01{width:48%;@media screen and (max-width:820px){padding:10px;padding-left:50px;&::before{width:50px;background-size:25px 25px}span{font-size:1.4rem;&::before{width:25px;height:25px}&::after{width:5px;background-size:contain;background-position:center center}}}@media screen and (max-width:480px){width:100%;margin-bottom:10px;&::before{margin-left:5px;width:55px;height:25px;background-size:contain;background-position:center center}span{font-size:1.6rem;padding-right:25px}}}}}}}}}}&.top_function{background:#DEF9FF;padding-top:90px;padding-bottom:100px;@media screen and (max-width:820px){padding:55px 0}.container{position:relative;z-index:2}.function_box{margin-top:55px;text-align:center;position:relative;z-index:2;@media screen and (max-width:820px){margin-top:30px}ul{display:flex;display:flex;justify-content:space-between;filter:drop-shadow(0 3px 19px rgba(191,242,255,.6));transform:translateZ(0);margin-bottom:60px;@media screen and (max-width:480px){margin-bottom:40px}li{background:white;overflow:hidden;width:31.5%;border-radius:17px;@media screen and (max-width:480px){width:100%;margin-bottom:24px;&:last-child{margin-bottom:0}}a{display:block;position:relative;padding:22px 43px 48px;text-decoration:none;display:block;width:100%;height:100%;@media screen and (max-width:820px){padding:22px 30px 48px}@media screen and (max-width:480px){padding:22px 20px 50px}&::before{position:absolute;content:"";right:22px;bottom:27px;background:url(../img/top_renew/button_arrow.svg) no-repeat;width:28px;height:28px;border-radius:50%;transition:all .2s;background-position:55% 48%;z-index:2}&::after{position:absolute;content:"";right:22px;bottom:27px;background:var(--new-blue);width:28px;height:28px;border-radius:50%;transition:all .2s;z-index:1}@media screen and (max-width:820px){&::before,&::after{right:12px;bottom:12px}}&:hover{&::after{transform:scale(1.1)}h4{color:var(--new-blue)}}picture{display:inline-block;width:100%}h4{margin-top:33px;color:var(--black);font-size:2.2rem;font-weight:bold;line-height:3.6rem;transition:all .2s;@media screen and (max-width:820px){font-size:1.6rem;line-height:2.6rem}@media screen and (max-width:480px){font-size:2.2rem;line-height:3.6rem;br{display:none;&.sp{display:block}}}span{color:var(--new-blue)}}}}}}}&.top_function2{background:#D0F5FF;padding-top:85px;padding-bottom:100px;@media screen and (max-width:820px){padding:35px 0}@media screen and (max-width:480px){padding-top:20px}.container{position:relative;z-index:2}.function_box{margin-top:55px;text-align:center;position:relative;z-index:2;ul{display:flex;display:flex;justify-content:space-between;filter:drop-shadow(0 3px 19px rgba(191,242,255,.6));transform:translateZ(0);margin-bottom:60px;@media screen and (max-width:820px){margin-bottom:25px}li{background:white;overflow:hidden;width:31.5%;border-radius:17px;@media screen and (max-width:820px){width:100%;margin-bottom:15px}a{display:block;width:100%;height:100%;position:relative;padding:35px 43px 80px;text-decoration:none;@media screen and (max-width:820px){padding:25px 45px 65px}>span{width:16%;aspect-ratio:61/50;position:absolute;display:inline-block;background:var(--new-blue);left:0;top:0;border-radius:0 0 20px 0;@media screen and (max-width:820px){width:50px;border-radius:0 0 10px 0}}&::before{position:absolute;content:"";right:22px;bottom:27px;background:url(../img/top_renew/button_arrow.svg) no-repeat;width:28px;height:28px;border-radius:50%;transition:all .2s;background-position:55% 48%;z-index:2}&::after{position:absolute;content:"";right:22px;bottom:27px;background:var(--new-blue);width:28px;height:28px;border-radius:50%;transition:all .2s;z-index:1}&:hover{&::after{transform:scale(1.1)}h4,p{color:var(--new-blue)}}h4{text-align:left;margin-top:33px;color:var(--black);font-size:2.2rem;font-weight:bold;line-height:3.6rem;transition:all .2s;span{color:var(--new-blue)}}p{transition:all .2s;text-align:left;font-size:1.6rem;line-height:3.2rem;font-weight:500;margin-top:23px;color:var(--black)}}}}}}&.top_button_area{background:linear-gradient(90deg,#05D3CB 0%,#09B4F3 60%,#0AADFC 100%);padding-top:90px;padding-bottom:80px;@media screen and (max-width:820px){padding:45px 0}.button_box{max-width:1132px;margin:0 auto;background:white;border-radius:35px;text-align:center;@media screen and (max-width:480px){position:relative;padding-bottom:180px;&::after{position:absolute;content:"";margin:auto;width:100%;background:url(../img/top_renew/footer_contact_sp.png) no-repeat;left:0;right:0;aspect-ratio:331/175;background-size:100% 100%;bottom:-10px;margin:auto}}P{font-weight:bold;padding:40px 0 45px;margin:0 auto;font-size:2.4rem;line-height:4rem;position:relative;@media screen and (max-width:820px){font-size:2rem;line-height:3rem}@media screen and (max-width:480px){font-size:2.2rem;line-height:3.4rem;padding-bottom:0}&::before,&::after{position:absolute;content:"";margin:auto}&::before{width:14.3%;aspect-ratio:164/198;background:url(../img/top_renew/footer_contact1.png) no-repeat;background-size:contain;background-position:bottom center;left:12%;bottom:-10px;z-index:2}&::after{width:13.5%;aspect-ratio:153/192;background:url(../img/top_renew/footer_contact2.png) no-repeat;background-size:contain;background-position:bottom center;right:14%;bottom:-9px;z-index:2}@media screen and (max-width:820px){&::before,&::after{width:12%}&::before{left:5%;bottom:-5px}&::after{right:5%;bottom:-5px}}@media screen and (max-width:480px){&::before,&::after{display:none}}span{font-size:2.9rem;color:var(--new-blue);background:linear-gradient(transparent 70%,#E5F5FD 0);@media screen and (max-width:820px){font-size:2.4rem}@media screen and (max-width:480px){display:inline}}}.buttons{position:relative;padding:35px 104px 40px;justify-content:space-between;display:flex;@media screen and (max-width:820px){padding:25px 35px 30px}&::before{position:absolute;content:"";width:100%;height:2px;background:linear-gradient(90deg,#05D3CB 0%,#09B4F3 60%,#0AADFC 100%);top:0;right:0;left:0;margin:auto}@media screen and (max-width:480px){padding:45px 20px 0;flex-direction:column;&::before{display:none}}a{width:29%;@media screen and (max-width:820px){width:100%;margin-bottom:10px}}}}}}.slick-slider,.service_slide,.design_slider,.case_slider,.scene_tab,.scene_slide,.scene_text_slide{opacity:0;transition:opacity .3s linear;&.slick-initialized{opacity:1}.slide-arrow{position:absolute;top:50%;margin:-45px 10px 0;height:76px;width:76px!important;border-radius:40px;z-index:101;box-shadow:0 8px 16px rgba(14,53,72,.5);background:white;cursor:pointer;transition:all .1s;display:grid;place-content:center;&:hover{transform:scale(1.1)}&:active{box-shadow:none;transform:translateY(2px) scale(1.1)}img{width:18px;height:auto}}.prev-arrow{left:calc(50% - 732px);padding-right:5px;@media screen and (max-width:1500px){left:2vw;right:auto}}.next-arrow{right:calc(50% - 732px);padding-left:5px;@media screen and (max-width:1500px){right:2vw;left:auto}}}.top_topics{background:white;position:fixed;bottom:0;left:0;margin:auto;max-width:45%;width:auto;z-index:9999;border-radius:0 10px 0 0;@media screen and (max-width:820px){display:none;border-radius:0 5px 0 0}a{display:block;width:100%;height:100%;color:var(--black);padding:30px 35px;text-decoration:none;@media screen and (max-width:480px){padding:15px 20px}&:hover{opacity:.7}.data{display:flex;justify-content:flex-start;align-items:center;font-weight:500;@media screen and (max-width:480px){flex-wrap:wrap}.cat{background:var(--new-blue);padding:4px 8px;border-radius:3px;font-size:1.4rem;display:inline-block;margin-right:15px;color:white;@media screen and (max-width:480px){font-size:.9rem;margin-right:5px;border-radius:1px;padding:1px 3px}}.post_date{font-size:1.5rem;color:#989898;display:inline-block;margin-right:15px;@media screen and (max-width:480px){font-size:1.1rem}}p{font-size:1.6rem;@media screen and (max-width:480px){width:100%;margin-top:3px;font-size:1.1rem;text-align:left}}}}}section.update{padding-top:0;@media screen and (max-width:480px){height:0}}.update_info{position:relative;bottom:100%;top:13.5vw;left:0;right:0;z-index:10;filter:drop-shadow(0 0 6px rgba(55,211,247,.11));transform:translateZ(0);@media screen and (max-width:820px){top:8em}@media screen and (max-width:480px){top:-45px}.update_slider,.update_slider .slick-track,.update_slider .slick-slide{height:100%}.update_slider{display:none!important;&.slick-initialized{display:block!important}}.update_box{text-align:center;display:flex;background:white;overflow:hidden;align-items:center;filter:drop-shadow(0 1vw 1.5vw rgba(15,131,180,.5));transform:translateZ(0);@media screen and (max-width:820px){align-items:stretch}h3{background:var(--deep-blue);color:white;font-weight:600;height:100%;display:block;padding:25px 25px;font-size:1.6rem;width:12%;@media screen and (max-width:1400px){padding:12px 15px;span{font-size:1.6rem!important;white-space:nowrap;br{display:block!important}}}@media screen and (max-width:820px){padding:10px 12px;span{font-size:1.4rem!important}}@media screen and (max-width:480px){margin:0;padding:6px;width:10%;height:100%;font-size:1.2rem!important;span{font-size:1.2rem!important;line-height:1.8rem;white-space:wrap;letter-spacing:.2em!important}}span{letter-spacing:.2em;}}.list{width:calc(100% - 16%);padding-left:30px;@media screen and (max-width:1400px){padding:10px 20px}@media screen and (max-width:820px){padding:5px 15px}@media screen and (max-width:480px){width:calc(100% - 10%)}ul{text-align:center;display:flex;max-width:100%;align-items:center;li{width:100%;height:100%;a{color:var(--black);font-weight:500;transition:all .1s;width:100%;height:100%;display:flex;align-items:center;font-size:1.5rem;line-height:3rem;@media screen and (max-width:1400px){font-size:1.2rem;line-height:1;align-items:center}@media screen and (max-width:480px){flex-direction:column;align-items:flex-start;padding:5px;padding-right:15px;justify-content:center}&:hover{text-decoration:none;opacity:.6}p{display:flex;align-items:center;letter-spacing:.05em;text-align:left;@media screen and (max-width:1400px){font-size:1.3rem;line-height:1;align-items:center}@media screen and (max-width:820px){white-space:nowrap;flex-wrap:wrap;letter-spacing:.02em;line-height:1.8rem}@media screen and (max-width:480px){text-align:left;font-size:1.1rem;line-height:2rem;white-space:wrap;display:block;line-height:2rem}strong{font-size:105%;color:var(--navy);text-decoration:underline;text-align:left;@media screen and (max-width:820px){font-feature-settings:"palt";letter-spacing:.1em;font-size:100%}}}}}}}}}span.new-badge{display:flex;font-family:var(--jost);background:white;position:relative;z-index:2;height:100%;align-items:center;color:#F74683!important;@media screen and (max-width:480px){height:auto;display:inline;margin-bottom:2px}strong{color:#F74683!important;font-weight:600;font-size:95%;animation:blink 5s infinite;text-decoration:none!important;@media screen and (max-width:480px){font-size:1.1rem}}}section.logo{padding:1em 0;ul{display:flex;align-items:center;height:100%;width:100%;background:white;display:flex;justify-content:space-around;flex-wrap:nowrap;padding:1vw 30px;margin:auto;@media screen and (max-width:480px){padding:0;flex-wrap:wrap;justify-content:space-between}li{height:100%;width:auto;display:flex;align-items:center;margin:0 21px;@media screen and (max-width:480px){width:46%;height:auto;margin:0;margin-bottom:.5em}img{object-fit:contain;height:100%;width:100%}}}}@keyframes blink{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.top_case.has_update_info{padding-top:calc(14vw + 50px);@media screen and (max-width:820px){padding-top:200px}@media screen and (max-width:480px){padding-top:60px}}