@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}.global-header{position:fixed;z-index:1000;top:0;left:0;display:flex;justify-content:flex-end;align-items:center;width:100%;background-color:#f2f2ee}@media screen and (min-width:750px){.global-header{padding-left:40px;min-width:1200px}}@media screen and (max-width:750px){.global-header{padding:3.3333333333vw 6.6666666667vw;height:16vw}}body.dark-theme .global-header{background-color:#053749}.global-header .logo-wrap{margin-right:auto}@media screen and (min-width:750px){.global-header .logo-wrap{width:266px}}@media screen and (max-width:750px){.global-header .logo-wrap{width:45.0666666667vw}}.global-header .nav-wrap{display:flex}.global-header .global-nav ul{display:flex}.global-header .global-nav .item{margin:0 15px;text-align:center}.global-header .global-nav .item .font-en{margin-bottom:0.25em;display:block;font-size:24px}.global-header .global-nav .item .font-ja{display:block;font-size:15px}.global-header .global-nav .item>a{transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.global-header .global-nav .item>a:hover{opacity:0.7}.global-header .theme-switcher{margin:0 15px;text-align:center}.global-header .theme-switcher>label{position:relative;cursor:pointer}.global-header .theme-switcher input[type=checkbox]{position:absolute;width:0;height:0}.global-header .theme-switcher input[type=checkbox]:checked~.circle{background-color:#fff;transform:translateX(36px)}.global-header .theme-switcher input[type=checkbox]:checked~.bg{background-color:rgb(0,169,125)}.global-header .theme-switcher input[type=checkbox]:checked~.bg:before{background:linear-gradient(90deg,rgb(0,169,125) 0%,rgb(3,110,183) 100%)}.global-header .theme-switcher input[type=checkbox]:checked~.bg:after{left:10px;right:auto;content:"ON";color:white}.global-header .theme-switcher .switcher{position:relative}.global-header .theme-switcher .circle{position:absolute;z-index:2;top:4px;left:4px;content:"";display:block;width:22px;height:22px;border-radius:50%;background-color:#999;transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.global-header .theme-switcher .bg{position:relative;display:block;width:65px;height:30px;border:1px solid transparent;border-radius:100px;background-color:#fff;overflow:hidden}.global-header .theme-switcher .bg:before{position:absolute;z-index:1;top:0;left:0;content:"";display:block;width:100%;height:100%;background-color:transparent;transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.global-header .theme-switcher .bg:after{position:absolute;z-index:1;top:9px;right:10px;content:"OFF";color:#022639;font-size:11px;transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.global-header .theme-switcher .font-ja{font-size:11px;letter-spacing:-0.1em}.global-header .support-btn{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:100px;background:linear-gradient(90deg,rgb(0,169,125) 0%,rgb(3,110,183) 100%);clip-path:polygon(25% 0%,100% 0%,100% 100%,0% 100%)}.global-header .support-btn:before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-color:rgb(0,169,125);opacity:0;transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.global-header .support-btn:hover:before{opacity:1}.global-header .support-btn .txt-wrap{position:relative;z-index:1;padding-left:25px;display:block;color:#fff;text-align:center}.global-header .support-btn .font-en{margin-bottom:0.25em;display:block;font-size:28px}.global-header .support-btn .font-ja{display:block;font-size:16px}.spmenu-opener{padding:5.0666666667vw 6.6666666667vw;position:fixed;z-index:2100;top:0;right:0;transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.spmenu-opener .hamburger{position:relative;top:0;left:0;display:block;width:8vw;height:5.8666666667vw;cursor:pointer}.spmenu-opener .hamburger .item{position:relative;display:block;width:8vw;height:0.5333333333vw;left:0;right:0;margin:auto;background-color:#022639}body.dark-theme .spmenu-opener .hamburger .item{background-color:#fff}.spmenu-opener .hamburger .item+.item{margin-top:2.1333333333vw}.spmenu-opener .hamburger .item:first-child{animation:ease 0.7s menu_top forwards}.spmenu-opener .hamburger .item:nth-child(2){animation:ease 0.7s menu_scaled forwards}.spmenu-opener .hamburger .item:nth-child(3){animation:ease 0.7s menu_bottom forwards}.spmenu-opener.is-open .hamburger .item{background-color:#022639}body.dark-theme .spmenu-opener.is-open .hamburger .item{background-color:#fff}.spmenu-opener.is-open .hamburger .item:first-child{animation:ease 0.7s menu_top_active forwards}.spmenu-opener.is-open .hamburger .item:nth-child(2){animation:ease 0.7s menu_scaled_active forwards}.spmenu-opener.is-open .hamburger .item:nth-child(3){animation:ease 0.7s menu_bottom_active forwards}.spmenu-opener.scrolled{opacity:0}.spmenu-opener.fixed{position:fixed;opacity:1}.sp-menu-open .spmenu-opener{position:fixed;opacity:1}.spmenu{position:fixed;top:16vw;left:0;width:75vw;height:calc(100% - 16vw);background-color:#f2f2ee;visibility:hidden;z-index:-1;transform:translateX(125vw);transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}body.dark-theme .spmenu{background-color:#053749}.spmenu .wrap{padding-top:13.3333333333vw;width:100%}.spmenu .global-nav{padding:0 6.6666666667vw}.spmenu .global-nav .item{margin-bottom:5.3333333333vw}.spmenu .global-nav .item .font-en{margin-bottom:0.25em;font-size:8vw}.spmenu .global-nav .item .font-ja{margin-left:0.5em;font-size:4vw}.spmenu .global-nav .item>a{display:block}.spmenu .theme-switcher{padding:0 6.6666666667vw;position:absolute;display:flex;align-items:center;bottom:20vw;height:20vw;text-align:center}.spmenu .theme-switcher>label{position:relative;display:flex;align-items:center;cursor:pointer}.spmenu .theme-switcher input[type=checkbox]{position:absolute;width:0;height:0}.spmenu .theme-switcher input[type=checkbox]:checked~.circle{background-color:#fff;transform:translateX(36px)}.spmenu .theme-switcher input[type=checkbox]:checked~.bg{background-color:rgb(0,169,125)}.spmenu .theme-switcher input[type=checkbox]:checked~.bg:before{background:linear-gradient(90deg,rgb(0,169,125) 0%,rgb(3,110,183) 100%)}.spmenu .theme-switcher input[type=checkbox]:checked~.bg:after{left:10px;right:auto;content:"ON";color:white}.spmenu .theme-switcher .switcher{position:relative}.spmenu .theme-switcher .circle{position:absolute;z-index:2;top:4px;left:4px;content:"";display:block;width:22px;height:22px;border-radius:50%;background-color:#999;transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.spmenu .theme-switcher .bg{position:relative;display:block;width:65px;height:30px;border:1px solid transparent;border-radius:100px;background-color:#fff;overflow:hidden}.spmenu .theme-switcher .bg:before{position:absolute;z-index:1;top:0;left:0;content:"";display:block;width:100%;height:100%;background-color:transparent;transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.spmenu .theme-switcher .bg:after{position:absolute;z-index:1;top:9px;right:10px;content:"OFF";color:#fff;color:#022639;font-size:11px;transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.spmenu .theme-switcher .font-ja{margin-left:1em;font-size:11px;letter-spacing:-0.1em}.spmenu .support-btn{padding:0 6.6666666667vw;position:absolute;bottom:0;display:flex;align-items:center;justify-content:center;width:100%;height:20vw;background:linear-gradient(90deg,rgb(0,169,125) 0%,rgb(3,110,183) 100%)}.spmenu .support-btn .txt-wrap{position:relative;z-index:1;display:block;color:#fff}.spmenu .support-btn .font-en{margin-bottom:0.25em;font-size:8vw}.spmenu .support-btn .font-ja{margin-left:0.5em;font-size:4vw}.spmenu.is-open{visibility:visible;z-index:2000;transform:translateX(25vw)}*{box-sizing:border-box}:focus{outline:none}body,html{width:100%}body{color:#022639;font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;background-color:#f2f2ee;overflow-x:hidden;transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}@media screen and (min-width:750px){body{padding-top:100px;min-width:1200px}}@media screen and (max-width:750px){body{padding-top:18.6666666667vw}}body.dark-theme{color:#fff;background-color:#053749}a{-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}img{max-width:100%;height:auto}ul{margin:0;padding:0;list-style:none}@media screen and (max-width:750px){.only-pc{display:none!important}}@media screen and (min-width:750px){.only-sp{display:none!important}}.c-global-logo{display:block;aspect-ratio:266/57;font-size:0;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("https://front-create.imgix.net/common/global-logo.svg");transition:all 400ms cubic-bezier(0.25,0.1,0.25,1)}.c-global-logo:hover{opacity:0.7}body.dark-theme .c-global-logo{background-image:url("https://front-create.imgix.net/common/global-logo-w.svg")}.font-en{font-family:din-2014-narrow,sans-serif;font-weight:700;font-style:normal}.font-ja{font-family:fot-rodin-pron,sans-serif;font-weight:600;font-style:normal}.font-noto{font-family:noto-sans-cjk-jp,sans-serif;font-weight:400;font-style:normal}@keyframes loop-logo{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:-2100px 0;mask-position:-2100px 0}}@keyframes loop-logo-sp{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:-266.6666666667vw 0;mask-position:-266.6666666667vw 0}}@keyframes scrolldown{0%{height:0;top:0;opacity:0}30%{height:0;top:0;opacity:0}60%{height:50px;opacity:1}to{height:0;top:100px;opacity:0}}@keyframes menu_top_active{0%{top:0;transform:rotate(0)}50%{top:2.6666666667vw;transform:rotate(0)}to{top:2.6666666667vw;transform:rotate(45deg)}}@keyframes menu_top{0%{top:2.6666666667vw;transform:rotate(45deg)}50%{top:2.6666666667vw;transform:rotate(0deg)}to{top:0;transform:rotate(0deg)}}@keyframes menu_bottom_active{0%{bottom:0;transform:rotate(0)}50%{bottom:2.6666666667vw;transform:rotate(0)}to{bottom:2.6666666667vw;transform:rotate(135deg)}}@keyframes menu_bottom{0%{bottom:2.6666666667vw;transform:rotate(135deg)}50%{bottom:2.6666666667vw;transform:rotate(0)}to{bottom:0;transform:rotate(0)}}@keyframes menu_scaled_active{50%{transform:scale(0)}to{transform:scale(0)}}@keyframes menu_scaled{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{transform:translateX(-200%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateX(200%);opacity:0}to{transform:translateX(0);opacity:1}}.index-mainvisual{position:relative;overflow:hidden}@media screen and (min-width:750px){.index-mainvisual{padding:100px 0 0;height:calc(100vh - 100px);max-height:900px}}@media screen and (max-width:750px){.index-mainvisual{padding:10.6666666667vw 0}}.index-mainvisual .loop-logo{position:relative;z-index:10;overflow:hidden}@media screen and (max-width:750px){.index-mainvisual .loop-logo{padding:5.3333333333vw 0}}.index-mainvisual .loop-logo .video-wrap{width:200%}.index-mainvisual .loop-logo video{width:100vw;object-fit:cover}@media screen and (min-width:750px){.index-mainvisual .loop-logo video{height:225px;aspect-ratio:1600/225}}@media screen and (max-width:750px){.index-mainvisual .loop-logo video{aspect-ratio:750/210}}.index-mainvisual .loop-logo .has-mask{-webkit-mask-image:url("../img/index/roop-logo-mask.svg");mask-image:url("../img/index/roop-logo-mask.svg");-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:0 0;mask-position:0 0}@media screen and (min-width:750px){.index-mainvisual .loop-logo .has-mask{-webkit-mask-size:2100px 225px;mask-size:2100px 225px;animation:loop-logo 50s linear infinite}}@media screen and (max-width:750px){.index-mainvisual .loop-logo .has-mask{-webkit-mask-size:266.6666666667vw 28vw;mask-size:266.6666666667vw 28vw;animation:loop-logo-sp 50s linear infinite}}.index-mainvisual .section-wrap{margin-left:auto;margin-right:auto;width:100%;max-width:1200px;position:relative;z-index:20}@media screen and (min-width:750px){.index-mainvisual .section-wrap{padding:0 40px}}@media screen and (min-width:750px){.index-mainvisual .section-wrap{min-height:400px;display:flex;justify-content:space-between}}@media screen and (max-width:750px){.index-mainvisual .section-wrap{padding:0 6.6666666667vw 100px}}@media screen and (min-width:750px){.index-mainvisual .corporate-concept{padding:50px 0}}@media screen and (max-width:750px){.index-mainvisual .corporate-concept{padding:10.6666666667vw 0}}.index-mainvisual .corporate-concept .txt{position:relative;z-index:1;line-height:163.8888888889%}@media screen and (min-width:750px){.index-mainvisual .corporate-concept .txt{font-size:36px}}@media screen and (max-width:750px){.index-mainvisual .corporate-concept .txt{font-size:6.9333333333vw}}.index-mainvisual .corporate-concept .txt:before{position:absolute;left:0;bottom:-0.5em;content:"";height:1px;background-color:#022639}@media screen and (min-width:750px){.index-mainvisual .corporate-concept .txt:before{width:70px}}@media screen and (max-width:750px){.index-mainvisual .corporate-concept .txt:before{width:13.3333333333vw}}body.dark-theme .index-mainvisual .corporate-concept .txt:before{background-color:#fff}.index-mainvisual .service-category{position:relative;z-index:1}@media screen and (min-width:750px){.index-mainvisual .service-category{padding:150px 50px 100px}}@media screen and (max-width:750px){.index-mainvisual .service-category{text-align:right}}@media screen and (max-width:750px){.index-mainvisual .service-category ul{display:inline-block}}@media screen and (min-width:750px){.index-mainvisual .service-category .item{margin-bottom:30px;font-size:28px}}@media screen and (max-width:750px){.index-mainvisual .service-category .item{margin-bottom:5.3333333333vw;font-size:6vw}}.index-mainvisual .service-category .item .has-icon{display:flex;align-items:center}.index-mainvisual .service-category .item .has-icon:before{content:"";display:inline-block;width:1.5em;height:1em;background:url(../img/common/icon-brackets-before.svg) no-repeat center bottom;background-size:contain}.index-mainvisual .service-category .item .has-icon:after{content:"";display:inline-block;width:1em;height:1em;background:url(../img/common/icon-brackets-after.svg) no-repeat center;background-size:contain}.index-mainvisual .big-logo{position:fixed;left:50%;transform:translateX(-50%)}@media screen and (min-width:750px){.index-mainvisual .big-logo{top:35%}}@media screen and (max-width:750px){.index-mainvisual .big-logo{top:50vw}}.index-mainvisual .big-logo .logo-object{display:block;background-color:#fff}@media screen and (min-width:750px){.index-mainvisual .big-logo .logo-object{width:370px;height:340px}}@media screen and (max-width:750px){.index-mainvisual .big-logo .logo-object{width:49.3333333333vw;height:45.3333333333vw}}body.dark-theme .index-mainvisual .big-logo .logo-object{background-color:#415d6b;opacity:0.8}.index-mainvisual .big-logo .has-mask{-webkit-mask-image:url("../img/index/big-logo-mask.svg");mask-image:url("../img/index/big-logo-mask.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:100%;mask-size:100%}.index-mainvisual .scrolldown{position:absolute;z-index:1;left:50%;bottom:0;height:100px;transition:3s cubic-bezier(0.25,0.1,0.25,1)}.index-mainvisual .scrolldown>span{position:absolute;top:0;content:"";width:2px;height:50px;background-color:#022639;animation:scrolldown 2s ease-in-out infinite;opacity:0}body.dark-theme .index-mainvisual .scrolldown>span{background-color:#fff}.index-mainvisual .scrolldown>span:after{position:absolute;bottom:0;content:"";width:2px;height:10px;background-color:#022639;transform:rotate(30deg);transform-origin:bottom}body.dark-theme .index-mainvisual .scrolldown>span:after{background-color:#fff}body.index .global-header{opacity:0;animation:fade-in 0.5s ease forwards;animation-delay:0.4s}body.index .index-mainvisual .loop-logo{opacity:0;animation:slide-in-right 0.8s cubic-bezier(0.25,0.1,0.25,1) both;animation-delay:0.1s}body.index .index-mainvisual .corporate-concept{opacity:0;animation:slide-in-left 0.5s cubic-bezier(0.25,0.1,0.25,1) both;animation-delay:0.1s}body.index .index-mainvisual .service-category .item{opacity:0;animation:slide-in-right 0.5s cubic-bezier(0.25,0.1,0.25,1) both}body.index .index-mainvisual .service-category .item:first-child{animation-delay:0.2s}body.index .index-mainvisual .service-category .item:nth-child(2){animation-delay:0.3s}body.index .index-mainvisual .service-category .item:nth-child(3){animation-delay:0.4s}body.index .spmenu-opener{opacity:0;animation:fade-in 0.5s ease forwards;animation-delay:0.4s}