@charset "UTF-8";article,test,footer,header,nav,section{display:block}*{margin:0;padding:0;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased;line-height:1;box-sizing:border-box}@media screen and (min-width: 1260px){*{font-size:16px}}img{vertical-align:bottom}a img{border:0px}a{text-decoration:none;color:#000}@media screen and (min-width: 1260px){a{transition:all .2s ease-in-out}}a:hover{text-decoration:none;color:#000}a img{transition:all .2s ease-in-out}a:visited,a:link,a:active{color:#000}@media screen and (min-width: 1260px){br.sp_br{display:none}}br.pc_br{display:none}@media screen and (min-width: 1260px){br.pc_br{display:block}}html{height:100%;scroll-behavior:smooth}body{font-family:Noto Sans JP,sans-serif;font-weight:400;width:100%;height:100%;margin:0;padding:0;background:#fff;color:#000;-webkit-text-size-adjust:100%}body a,body a span{font-family:Noto Sans JP,sans-serif}.wrapper_all_body{position:relative;overflow:hidden}header:before{content:"";position:fixed;top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,#00000037,#0000);pointer-events:none;z-index:50}@media screen and (min-width: 1260px){header:before{height:140px}}header:after{content:"";position:fixed;bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,#fff0,#ffffffd9);pointer-events:none;z-index:50}@media screen and (min-width: 1260px){header:after{height:140px}}#leftTop_logo{position:fixed;z-index:999;display:flex;justify-content:center;align-items:center;top:10px;left:0;width:150px;height:55px;background-color:#ffffff4d;border-radius:0 10px 10px 0;box-shadow:0 0 6px #00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease-in-out}@media screen and (min-width: 1260px){#leftTop_logo{top:40px;left:0;width:172px;height:70px;box-shadow:0 0 8px #00000040}}#leftTop_logo:hover{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background-color:#ffffff73}@media screen and (min-width: 1260px){#leftTop_logo:hover{width:182px}}@media screen and (min-width: 1260px){#leftTop_logo a:hover{opacity:.7}}#leftTop_logo img{width:100px;height:auto}@media screen and (min-width: 1260px){#leftTop_logo img{width:120px}}ul.main_menu{position:fixed;z-index:999;bottom:10px;left:10px;width:211px;height:55px;list-style:none;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;background-color:#ffffff4d;border-radius:10px;box-shadow:0 0 6px #00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.26)}@media screen and (min-width: 1260px){ul.main_menu{top:40px;left:50%;transform:translate(-50%);width:293px;height:70px;box-shadow:0 0 8px #00000040;border:1px solid rgba(255,255,255,.26)}}ul.main_menu li{display:block}ul.main_menu li a{display:block;box-sizing:border-box;font-size:12px;font-weight:400;line-height:16px;text-align:center;padding:3px 10px;border-left:solid 1px rgba(117,117,117,.245)}@media screen and (min-width: 1260px){ul.main_menu li a{font-size:14px;font-weight:400;line-height:20px;text-align:left;letter-spacing:.11px;padding:5px 16px;margin:0 2px}}ul.main_menu li a:hover{opacity:.7}ul.main_menu li:first-of-type a{border:none}p.rightTop_lang_btn{position:fixed;z-index:999;display:flex;justify-content:center;align-items:center;top:0;right:10px;width:55px;height:25px;background-color:#ffffff4d;border-radius:0 0 10px 10px;box-shadow:0 0 6px #00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .2s ease-in-out}@media screen and (min-width: 1260px){p.rightTop_lang_btn{top:0;right:10px;width:70px;height:20px;box-shadow:0 0 8px #00000040}}p.rightTop_lang_btn a{display:inline-block;font-size:12px;font-weight:400;line-height:20px;padding:5px}@media screen and (min-width: 1260px){p.rightTop_lang_btn a{font-size:14px;padding:21px}}p.rightTop_lang_btn:hover{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background-color:#ffffff73}@media screen and (min-width: 1260px){p.rightTop_lang_btn:hover{height:25px}}p.rightTop_lang_btn a:hover{opacity:.7}p.rightTop_lang_btn b{font-size:12px;font-weight:700;line-height:20px;margin-right:4px}@media screen and (min-width: 1260px){p.rightTop_lang_btn b{font-size:14px;margin-right:5px}}p.rightBottom_estimate_btn{position:fixed;z-index:999;display:flex;justify-content:center;align-items:center;bottom:10px;right:10px;width:124px;height:55px;background-color:#ffffff4d;border-radius:10px;box-shadow:0 0 6px #00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media screen and (min-width: 1260px){p.rightBottom_estimate_btn{top:40px;right:40px;width:141px;height:70px;box-shadow:0 0 8px #00000040}}p.rightBottom_estimate_btn a{display:inline-block;font-size:12px;font-weight:700;color:#d72500;line-height:20px}@media screen and (min-width: 1260px){p.rightBottom_estimate_btn a{font-size:14px;padding:21px}}p.rightBottom_estimate_btn:hover{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);background-color:#ffffff73}p.rightBottom_estimate_btn a:hover{opacity:.7}#header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;height:60px;padding:0 0 8px}@media screen and (min-width: 1260px){#header{width:1240px;margin:0 auto;padding:0 0 10px;height:77px}}@media screen and (min-width: 1600px){#header{width:1340px}}div.link_btn a{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:125%;text-align:center;border-radius:15px;box-shadow:0 2px 5px #00000029;border:2px solid #818181;margin:0 14px;background:linear-gradient(91deg,#fff 1.97%,#f6f6f6 98.73%);height:80px;transition:all .5s ease-in-out 0s}@media screen and (min-width: 1260px){div.link_btn a{font-size:18px;width:389px;border-radius:15px;margin:0 auto}}div.link_btn a span{display:inline-block;font-size:inherit;font-weight:inherit;line-height:inherit;transition:all .3s ease-in-out 0s}div.link_btn a:hover{opacity:.7}div.link_btn a:hover span{transform:translate(5px);background-position:5px 50%}div.lg-link_btn{display:block;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:15px;width:320px;margin:0 auto}@media screen and (min-width: 1260px){div.lg-link_btn{width:389px}}div.lg-link_btn a{padding:0 14px;margin:0;background:#fff6;overflow:hidden;box-shadow:0 4px 32px #1f26871a;border:2px solid rgba(255,255,255,.5)}div.lg-link_btn a:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle at 70% 30%,#b4d2ff2e,#ffffff1f 70%,#fff0);opacity:.7;filter:blur(10px);z-index:0;pointer-events:none}div.lg-link_btn a:hover{opacity:.7}div.link_contact_btn a{padding:0 14px;background:#fff6;overflow:hidden;box-shadow:0 4px 32px #1f26871a;border:2px solid rgba(213,35,0,.382)}div.link_contact_btn a span{color:#d52400;padding:5px 0}div.link_contact_btn a:hover span{transform:translate(0);transform:translateY(3px);background-position:0px 67%}nav.service_list a{display:block;transition:all .5s ease-in-out 0s}nav.service_list a:hover{opacity:.7;transform:translate(10px)}.container{box-sizing:border-box;margin:0 auto;padding:0;width:100%;max-width:660px}@media screen and (min-width: 1260px){.container{max-width:none}}@media screen and (min-width: 1260px){.container_top{width:1170px}}#threeWrapper{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.clouds{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none;overflow:hidden}.cloud{position:absolute;width:200px;height:auto;opacity:.9;animation:cloudFloat 20s ease-in-out infinite;transform-origin:center}@keyframes cloudFloat{0%{transform:translate(-50%,-50%) scale(var(--scale)) translate(0) translateY(0)}50%{transform:translate(-50%,-50%) scale(var(--scale)) translate(50px) translateY(-50px)}to{transform:translate(-50%,-50%) scale(var(--scale)) translate(0) translateY(0)}}.bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 2s ease;pointer-events:none}.bg1{background:linear-gradient(to bottom right,#bcdce5,#fce8c9);z-index:-3}.bg2{background:linear-gradient(to bottom right,#7acfff,#cfefff);z-index:-4}.bg3{background:linear-gradient(to bottom right,#8aaae0,#ffc6b3);z-index:-5}.bg4{background:linear-gradient(to bottom right,#30677c,#998f9f);z-index:-6}.top_body_wrapper_firstview{position:relative;box-sizing:border-box;padding:0 0 70px;margin:0;display:flex;flex-direction:column;justify-content:center;width:100%;height:100vh;overflow:hidden;z-index:auto}@media screen and (min-width: 1260px){.top_body_wrapper_firstview{padding:40px 0 0}}.top_body_wrapper_firstview h1{order:1;font-size:15px;font-style:normal;font-weight:400;color:#000;line-height:160%;padding:10px 0;margin:0;text-align:center}@media screen and (min-width: 661px){.top_body_wrapper_firstview h1{font-size:18px;line-height:125%;padding:20px 0}}@media screen and (min-width: 1260px){.top_body_wrapper_firstview h1{font-size:38px;text-align:left;padding:20px 0 60px;width:1200px;margin:0 auto}}@media screen and (min-width: 1600px){.top_body_wrapper_firstview h1{font-size:42px;width:1400px;padding:20px 0 80px}}.top_body_wrapper_firstview .top-headline{position:relative;display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1;width:calc(100vw - 30px);margin:0 auto 20px;z-index:1}@media screen and (min-width: 661px){.top_body_wrapper_firstview .top-headline{width:660px}}@media screen and (min-width: 1260px){.top_body_wrapper_firstview .top-headline{justify-content:center;width:1240px;margin:0 auto}}@media screen and (min-width: 1600px){.top_body_wrapper_firstview .top-headline{width:1600px}}.top_body_wrapper_firstview .top-headline a:hover{opacity:.7}.top_body_wrapper_firstview .top-headline .top_firstview_textset{z-index:2;padding-bottom:0;padding-left:30px}@media screen and (min-width: 1260px){.top_body_wrapper_firstview .top-headline .top_firstview_textset{padding:80px 0 50px 20px;width:600px}}@media screen and (min-width: 1600px){.top_body_wrapper_firstview .top-headline .top_firstview_textset{padding:80px 0 50px 100px;width:750px}}.top_body_wrapper_firstview .top-headline .top_firstview_textset h2{font-size:clamp(55px,15vw,65px);line-height:clamp(65px,17vw,75px);font-style:normal;font-weight:700;color:#000;text-shadow:1px 1px 3px rgba(0,0,0,.238);text-align:center}@media screen and (min-width: 661px){.top_body_wrapper_firstview .top-headline .top_firstview_textset h2{font-size:75px;line-height:85px}}@media screen and (min-width: 1260px){.top_body_wrapper_firstview .top-headline .top_firstview_textset h2{font-size:115px;line-height:125px;text-align:left}}@media screen and (min-width: 1600px){.top_body_wrapper_firstview .top-headline .top_firstview_textset h2{font-size:130px;line-height:140px}}.top_body_wrapper_firstview .top-headline .top_firstview_textset h2.first{font-size:clamp(37px,10vw,43px);line-height:clamp(46px,12.3vw,53px);padding-top:25px;font-style:normal;font-weight:700;text-align:center}@media screen and (min-width: 661px){.top_body_wrapper_firstview .top-headline .top_firstview_textset h2.first{font-size:50px;line-height:60px;padding-top:40px}}@media screen and (min-width: 1260px){.top_body_wrapper_firstview .top-headline .top_firstview_textset h2.first{font-size:80px;line-height:90px;padding-top:40px;text-align:left}}@media screen and (min-width: 1600px){.top_body_wrapper_firstview .top-headline .top_firstview_textset h2.first{font-size:90px;line-height:100px;padding-top:40px}}.top_body_wrapper{box-sizing:border-box;width:100%;padding:77px 20px 50px}@media screen and (min-width: 1260px){.top_body_wrapper{max-width:none;padding:77px 0 70px}}.top_body_wrapper h2:before{display:block;content:attr(title) " ";font-family:Maven Pro;font-size:40px;font-weight:600;line-height:normal;padding-bottom:0}@media screen and (min-width: 1260px){.top_body_wrapper h2:before{font-size:78px;padding-bottom:7px}}.top_body_wrapper h2{position:relative;font-size:18px;line-height:32px;font-weight:700;margin:22px auto 23px}@media screen and (min-width: 1260px){.top_body_wrapper h2{font-size:24px;line-height:40px;font-weight:700;margin:44px auto 55px}}.top-aboutus_body_wrapper{background:linear-gradient(to bottom,#fff0,#ffffff80)}.top-aboutus_body_wrapper h2:before{text-align:left}@media screen and (min-width: 1260px){.top-aboutus_body_wrapper h2:before{text-align:center}}.top-aboutus_body_wrapper h2{text-align:left;margin-bottom:50px}@media screen and (min-width: 1260px){.top-aboutus_body_wrapper h2{text-align:center}}.top-aboutus_body{margin:10px 10px 0}@media screen and (min-width: 1260px){.top-aboutus_body{margin:10px auto 0}}.top-aboutus_body #aboutus1{padding-bottom:43px}@media screen and (min-width: 1260px){.top-aboutus_body #aboutus1{padding-bottom:50px}}.top-aboutus_body #aboutus1 p{font-size:16px;line-height:28px}@media screen and (min-width: 1260px){.top-aboutus_body #aboutus1 p{font-size:18px;line-height:34px;text-align:center}}.top-aboutus_body #aboutus1 p strong{font-size:inherit;font-weight:700;line-height:inherit}.top-aboutus_body #aboutus1 p br.pc_br{display:none}@media screen and (min-width: 1260px){.top-aboutus_body #aboutus1 p br.pc_br{display:block}}.container_top p.main_explain{font-size:16px;line-height:30px;margin:0 10px 38px 14px}@media screen and (min-width: 1260px){.container_top p.main_explain{font-size:18px;line-height:32px;margin:0 0 35px}}.top-webservice_body_wrapper h1.service,.top-webservice_body_wrapper h2.service{margin-top:0;padding-top:100px}@media screen and (min-width: 1260px){.top-webservice_body_wrapper h1.service,.top-webservice_body_wrapper h2.service{padding-top:220px}}.top-webservice_body_wrapper{background:none}.top-webservice_body_wrapper h2.service{background-image:none}.top-brandingdesign_body_wrapper h2:before{font-size:34px}@media screen and (min-width: 1260px){.top-brandingdesign_body_wrapper h2:before{font-size:70px}}.top-brandingdesign_body_wrapper h1.service,.top-brandingdesign_body_wrapper h2.service{margin-top:0;padding-top:160px}@media screen and (min-width: 1260px){.top-brandingdesign_body_wrapper h1.service,.top-brandingdesign_body_wrapper h2.service{display:inline-block;background-size:371px 310px;background-position:0px 0px;padding-top:180px}}.top-brandingdesign_body_wrapper{padding-top:0}@media screen and (min-width: 1260px){.top-brandingdesign_body_wrapper{padding-top:180px}}.top-brandingdesign_body_wrapper h2.service{background:none}@media screen and (min-width: 1260px){.top-brandingdesign_body_wrapper h2.service{padding-left:250px;margin-left:385px}}.top-brandingdesign_body,.top-webservice_body{margin-bottom:10px}.top-brandingdesign_body nav.service_list,.top-webservice_body nav.service_list{margin:0 10px 30px}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list,.top-webservice_body nav.service_list{display:flex;flex-wrap:wrap;justify-content:space-between;width:1240px;margin:0 auto 70px}}.top-brandingdesign_body nav.service_list>h3,.top-webservice_body nav.service_list>h3{font-size:16px;font-weight:700;line-height:30px;display:inline-block;margin:50px 0 20px}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list>h3,.top-webservice_body nav.service_list>h3{font-size:18px;width:980px;margin:80px auto 40px}}.top-brandingdesign_body nav.service_list a,.top-webservice_body nav.service_list a{display:block;position:relative;background:#ffffff2e;border-radius:15px;overflow:hidden;box-shadow:0 4px 32px #1f26871a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.26)}.top-brandingdesign_body nav.service_list a img,.top-webservice_body nav.service_list a img{transition:transform .5s ease-in-out,opacity .5s ease-in-out}.top-brandingdesign_body nav.service_list a h3,.top-webservice_body nav.service_list a h3{transition:transform .4s ease-in-out,opacity .4s ease-in-out;transition-delay:.1s}.top-brandingdesign_body nav.service_list a p,.top-webservice_body nav.service_list a p{transition:transform .35s ease-in-out,opacity .35s ease-in-out;transition-delay:.15s}.top-brandingdesign_body nav.service_list a:hover img,.top-webservice_body nav.service_list a:hover img{opacity:.7;transform:translate(10px)}.top-brandingdesign_body nav.service_list a:hover h3,.top-webservice_body nav.service_list a:hover h3{opacity:.7;transform:translate(10px)}.top-brandingdesign_body nav.service_list a:hover p,.top-webservice_body nav.service_list a:hover p{opacity:.7;transform:translate(10px)}.top-brandingdesign_body nav.service_list a:before,.top-webservice_body nav.service_list a:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle at 70% 30%,#b4d2ff2e,#ffffff1f 70%,#fff0);opacity:.7;filter:blur(10px);z-index:0;pointer-events:none}.top-brandingdesign_body nav.service_list .branding_side,.top-brandingdesign_body nav.service_list .web_side,.top-webservice_body nav.service_list .branding_side,.top-webservice_body nav.service_list .web_side{display:flex;flex-direction:column;gap:20px}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .branding_side,.top-brandingdesign_body nav.service_list .web_side,.top-webservice_body nav.service_list .branding_side,.top-webservice_body nav.service_list .web_side{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:56px;width:1045px}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .web-web_side,.top-webservice_body nav.service_list .web-web_side{margin-left:20px}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .web-web_side a:first-child,.top-webservice_body nav.service_list .web-web_side a:first-child{margin-left:50px}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .web-web_side a:nth-of-type(4),.top-webservice_body nav.service_list .web-web_side a:nth-of-type(4){margin-right:50px}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .web-branding_side,.top-webservice_body nav.service_list .web-branding_side{margin-left:70px}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .web-branding_side a:first-child,.top-webservice_body nav.service_list .web-branding_side a:first-child{margin-left:50px}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .web-branding_side a:nth-of-type(3),.top-webservice_body nav.service_list .web-branding_side a:nth-of-type(3){margin-right:0}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .branding_side,.top-webservice_body nav.service_list .branding_side{width:1100px;margin-left:80px}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .branding_side a:first-child,.top-webservice_body nav.service_list .branding_side a:first-child{margin-left:0}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .branding_side a:nth-of-type(3),.top-webservice_body nav.service_list .branding_side a:nth-of-type(3){margin-left:100px}}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .branding_side a:nth-of-type(7),.top-webservice_body nav.service_list .branding_side a:nth-of-type(7){margin-left:-100px}}.top-brandingdesign_body nav.service_list .each_service,.top-webservice_body nav.service_list .each_service{display:flex;gap:10px;padding:10px}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .each_service,.top-webservice_body nav.service_list .each_service{gap:15px;padding:15px}}.top-brandingdesign_body nav.service_list .each_service img,.top-webservice_body nav.service_list .each_service img{width:60px;height:auto}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .each_service img,.top-webservice_body nav.service_list .each_service img{width:100px}}.top-brandingdesign_body nav.service_list .each_service h3,.top-webservice_body nav.service_list .each_service h3{grid-row:1/2;grid-column:2/3;font-size:14px;font-weight:700;line-height:30px;display:inline-block}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .each_service h3,.top-webservice_body nav.service_list .each_service h3{font-size:16px;width:315px}}.top-brandingdesign_body nav.service_list .each_service p,.top-webservice_body nav.service_list .each_service p{grid-row:2/3;grid-column:2/3;font-size:14px;line-height:20px}@media screen and (min-width: 1260px){.top-brandingdesign_body nav.service_list .each_service p,.top-webservice_body nav.service_list .each_service p{font-size:16px;line-height:22px;width:315px}}.top-brandingdesign_body{margin-bottom:10px}@media screen and (min-width: 1260px){.top-brandingdesign_body p.main_explain{margin-left:auto;width:885px;margin-right:100px}}.top-column_body_wrapper,.top-cs_body_wrapper{background:none;padding:50px 20px}@media screen and (min-width: 1260px){.top-column_body_wrapper,.top-cs_body_wrapper{padding:60px 0 70px}}.top-column_body_wrapper h2,.top-cs_body_wrapper h2{text-align:left}@media screen and (min-width: 661px){.top-column_body_wrapper h2,.top-cs_body_wrapper h2{text-align:center}}@media screen and (min-width: 1260px){.top-column_body_wrapper h2,.top-cs_body_wrapper h2{text-align:center}}.top-cs_body{margin-bottom:10px}.top-cs_body p.main_explain{margin-bottom:28px}@media screen and (min-width: 1260px){.top-cs_body p.main_explain{margin-bottom:38px;text-align:center}}.top-cs_body nav.case-study_list{display:flex;flex-direction:column;gap:20px;margin:0 10px 30px}@media screen and (min-width: 1260px){.top-cs_body nav.case-study_list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:56px;width:1240px;margin:0 auto 70px}}.top-cs_body nav.case-study_list a{display:block;position:relative;background:#ffffff6f;border-radius:15px;overflow:hidden;box-shadow:0 4px 32px #1f26871a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.26)}.top-cs_body nav.case-study_list a img{transition:transform .5s ease-in-out,opacity .5s ease-in-out}.top-cs_body nav.case-study_list a h3{transition:transform .4s ease-in-out,opacity .4s ease-in-out;transition-delay:.1s}.top-cs_body nav.case-study_list a p{transition:transform .35s ease-in-out,opacity .35s ease-in-out;transition-delay:.15s}@media screen and (min-width: 1260px){.top-cs_body nav.case-study_list a:nth-of-type(2){margin-top:50px}}.top-cs_body nav.case-study_list a:hover img{opacity:.7;transform:scale(1.08)}.top-cs_body nav.case-study_list a:hover h3{opacity:.7;transform:translateY(10px)}.top-cs_body nav.case-study_list a:hover p{opacity:.7;transform:translateY(10px)}.top-cs_body nav.case-study_list a:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle at 70% 30%,#b4d2ff2e,#ffffff1f 70%,#fff0);opacity:.7;filter:blur(10px);z-index:0;pointer-events:none}.top-cs_body nav.case-study_list .each_work{display:flex;flex-direction:column;gap:10px;padding:10px}@media screen and (min-width: 1260px){.top-cs_body nav.case-study_list .each_work{gap:20px;padding:20px;width:360px}}.top-cs_body nav.case-study_list .each_work img{width:100%;max-width:320px;height:auto;align-self:center}@media screen and (min-width: 1260px){.top-cs_body nav.case-study_list .each_work img{width:320px}}.top-cs_body nav.case-study_list .each_work h3{font-size:14px;font-weight:700;line-height:22px;display:inline-block}@media screen and (min-width: 1260px){.top-cs_body nav.case-study_list .each_work h3{font-size:16px;line-height:24px}}.top-cs_body nav.case-study_list .each_work p{font-size:14px;line-height:20px}@media screen and (min-width: 1260px){.top-cs_body nav.case-study_list .each_work p{font-size:16px;line-height:22px}}.top-column_body{margin-bottom:10px}.top-column_body p.main_explain{margin-bottom:28px}@media screen and (min-width: 1260px){.top-column_body p.main_explain{margin-bottom:38px;text-align:center}}.top-column_body nav.lists{display:flex;flex-direction:column;gap:10px;padding:10px}@media screen and (min-width: 1260px){.top-column_body nav.lists{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:10px;width:900px;margin:0 auto 20px}}.top-column_body nav.lists a{display:block;border-radius:15px;background:#ffffff2e;overflow:hidden;box-shadow:0 4px 32px #1f26871a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.26)}.top-column_body nav.lists a img{transition:transform .6s ease-in-out,opacity .6s ease-in-out}.top-column_body nav.lists a h3{transition:transform .5s ease-in-out,opacity .5s ease-in-out;transition-delay:.1s}.top-column_body nav.lists a:hover img{opacity:.7;transform:translate(5px)}.top-column_body nav.lists a:hover h3{opacity:.7;transform:translate(5px)}.top-column_body nav.lists a:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle at 70% 30%,#b4d2ff2e,#ffffff1f 70%,#fff0);opacity:.7;filter:blur(10px);z-index:0;pointer-events:none}.top-column_body nav.lists .each_list{display:flex;align-items:center;gap:5px;padding:10px}@media screen and (min-width: 1260px){.top-column_body nav.lists .each_list{gap:5px;padding:15px;min-height:100px}}.top-column_body nav.lists .each_list img{width:50px;height:auto}@media screen and (min-width: 1260px){.top-column_body nav.lists .each_list img{width:80px}}.top-column_body nav.lists .each_list h3{grid-column:2/3;font-size:14px;font-weight:700;line-height:20px}@media screen and (min-width: 1260px){.top-column_body nav.lists .each_list h3{font-size:16px;line-height:22px;width:300px}}.top-contact_body_wrapper{background:linear-gradient(to bottom,#fafafa,#fff);padding:50px 20px}@media screen and (min-width: 1260px){.top-contact_body_wrapper{padding:60px 0 70px}}.top-contact_body_wrapper h2{text-align:center}.top-contact_body{margin-bottom:10px}@media screen and (min-width: 1260px){.top-contact_body p.main_explain{text-align:center;margin-bottom:50px}}.lower_body_web-branding h2.activescrolleffects,.lower_body_web-branding h3.activescrolleffects,.lower_body_web-branding p.activescrolleffects{animation:AniEffect2 1s ease-in-out 0s 1 both}.animate circle{opacity:0;animation:fadeIn 2s forwards cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{to{opacity:1}}@keyframes AniEffect-premium{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}#breadcrumb{background-color:#f9f9f9}#breadcrumb p.breadcrumb{max-width:660px;margin:0 20px;padding:10px 0}@media screen and (min-width: 700px){#breadcrumb p.breadcrumb{margin:0 auto;padding:20px 0}}@media screen and (min-width: 1260px){#breadcrumb p.breadcrumb{width:1240px;margin:0 auto;max-width:none}}@media screen and (min-width: 1600px){#breadcrumb p.breadcrumb{width:1340px}}#breadcrumb p.breadcrumb a span{display:inline-block;font-size:13px;line-height:20px}@media screen and (min-width: 1260px){#breadcrumb p.breadcrumb a span{font-size:14px;line-height:22px}}#breadcrumb p.breadcrumb span{display:inline-block;font-size:13px;line-height:20px}@media screen and (min-width: 1260px){#breadcrumb p.breadcrumb span{font-size:14px;line-height:22px}}#footer_wrapper{width:100%;background:#f6f6f6;padding-bottom:0}@media screen and (min-width: 1260px){#footer_wrapper{padding-bottom:2px}}#footer_wrapper #footer_set{max-width:660px;margin:0 20px}@media screen and (min-width: 700px){#footer_wrapper #footer_set{margin:0 auto}}@media screen and (min-width: 1260px){#footer_wrapper #footer_set{display:flex;justify-content:space-between;flex-direction:row-reverse;flex-wrap:wrap;width:1240px;max-width:none;margin:0 auto}}@media screen and (min-width: 1600px){#footer_wrapper #footer_set{width:1340px}}#footer_wrapper #footer_set .ft-nav{padding-top:40px}@media screen and (min-width: 700px){#footer_wrapper #footer_set .ft-nav{width:650px}}@media screen and (min-width: 1260px){#footer_wrapper #footer_set .ft-nav{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:70px;padding-bottom:7px;width:800px}}#footer_wrapper #footer_set .ft-nav h3{display:block;font-size:13px;line-height:23px;font-weight:700;text-decoration:none;letter-spacing:.8px;color:#30322f;padding-top:0;padding-bottom:10px}@media screen and (min-width: 1260px){#footer_wrapper #footer_set .ft-nav h3{font-size:14px;line-height:26px;letter-spacing:.64px;padding-top:0;padding-bottom:30px}}#footer_wrapper #footer_set .ft-nav h3 a{display:block;font-size:13px;line-height:23px;font-weight:700;text-decoration:none;letter-spacing:.8px;color:#30322f;padding-top:0;padding-bottom:0}@media screen and (min-width: 1260px){#footer_wrapper #footer_set .ft-nav h3 a{font-size:14px;line-height:26px;letter-spacing:.64px}}@media screen and (min-width: 1260px){#footer_wrapper #footer_set .ft-nav h3 a:hover{opacity:.7;text-decoration:none}}#footer_wrapper #footer_set .ft-nav ul{list-style:none;display:flex;flex-wrap:wrap;margin-bottom:50px}@media screen and (min-width: 1260px){#footer_wrapper #footer_set .ft-nav ul{display:block;margin-bottom:30px}}#footer_wrapper #footer_set .ft-nav ul li{font-size:13px;line-height:36px;font-weight:400;letter-spacing:.8px}@media screen and (min-width: 1260px){#footer_wrapper #footer_set .ft-nav ul li{font-size:14px;line-height:30px;word-break:keep-all;letter-spacing:.56px}}#footer_wrapper #footer_set .ft-nav ul li a{display:block;font-size:13px;line-height:36px;font-weight:400;text-decoration:none;letter-spacing:.8px;margin-right:30px}@media screen and (min-width: 1260px){#footer_wrapper #footer_set .ft-nav ul li a{font-size:14px;line-height:30px;word-break:keep-all;letter-spacing:.56px;text-align:left;margin-right:20px}}@media screen and (min-width: 1260px){#footer_wrapper #footer_set .ft-nav ul li a:hover{opacity:.7;text-decoration:none}}#footer_wrapper #footer_set #footer_logo{display:grid;place-content:center;width:100%;height:120px}@media screen and (min-width: 1260px){#footer_wrapper #footer_set #footer_logo{width:200px;height:auto}}@media screen and (min-width: 1260px){#footer_wrapper #footer_set #footer_logo a:hover{opacity:.7}}div#copyright_wrapper{background-color:#fff}div.copyright p{font-size:12px;font-weight:400;line-height:28px;text-align:center;padding:8px 0 80px}@media screen and (min-width: 1260px){div.copyright p{font-size:14px;line-height:28px;margin:0;padding:13px 0 80px}}::file-selector-button{background-color:#efefef;color:#1f2937;border:#999 solid 1px;border-radius:3px;cursor:pointer;border-right:1px solid rgb(191,194,199);padding:5px 10px;margin:5px 10px 5px 0}::file-selector-button:hover{background-color:#fafafa}.scrollAni1.activescrolleffects{animation:AniEffect1 1s ease-in-out 0s 1 both}@keyframes AniEffect1{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.scrollAni2.activescrolleffects{animation:AniEffect2 1s ease-in-out 0s 1 both}@keyframes AniEffect2{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.scrollAni3.activescrolleffects{animation:AniEffect3 1s ease-in-out 0s 1 both}@keyframes AniEffect3{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.scrollAni4.activescrolleffects{animation:AniEffect4 1s ease-in-out 0s 1 both}@keyframes AniEffect4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes AniEffectSmall{0%{opacity:0;transform:scale(2)}to{opacity:1}}@keyframes blurEffect{0%{filter:blur(5px)}to{opacity:1;filter:blur(0)}}@keyframes AniEffect2squareround{0%{opacity:0;transform:translate(-20px) rotate(0)}to{opacity:1;transform:translate(0) rotate(45deg)}}@keyframes AniEffect2opacity021{0%{opacity:0}to{opacity:1}}.pax{position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}