main>section:nth-child(even){background:var(--GrayColor-F6)}.Index-KeyVisual{display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;position:relative;min-height:calc(100dvh - var(--headerH))}@supports not (min-height: 100dvh){.Index-KeyVisual{min-height:calc(95vh - var(--headerH))}}@keyframes fadeUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Index-KeyVisual .KeyVisual-Logo{display:flex;justify-content:center;align-items:center;line-height:1;width:100%;animation:fadeUp 1s ease forwards;animation-delay:.3s;opacity:0}.Index-KeyVisual .KeyVisual-Logo svg .st0{fill:#f08300}.Index-KeyVisual .KeyVisual-Logo svg .draw>*{fill:none;stroke:#000;stroke-width:0;animation:draw 10s ease .39s forwards}.Index-KeyVisual .KeyVisual-Logo svg .draw>.st0{stroke:#f08300}.Index-KeyVisual .KeyVisual-Logo svg .filled>*{fill:#231815;animation:fillIn .5s ease calc((10s + 0.39s)/8) forwards;opacity:0}.Index-KeyVisual .KeyVisual-Logo svg .filled>.st0{fill:#f08300}@keyframes draw{from{stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:1000}75%{stroke-width:0}to{stroke-dashoffset:0}}@keyframes fillIn{from{opacity:0}to{opacity:1}}.Index-KeyVisual h2{font-weight:700;text-align:center;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease forwards;animation-delay:calc(0.3s*2.3)}.Index-KeyVisual .KeyVisual-Scroll{display:flex;align-items:center;flex-flow:column nowrap;position:absolute;left:50%;transform:translateX(-50%)}.Index-KeyVisual .KeyVisual-Scroll p{margin-bottom:8px}.Index-KeyVisual .KeyVisual-Scroll svg .arrow1,.Index-KeyVisual .KeyVisual-Scroll svg .arrow2{animation-duration:2.7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.Index-KeyVisual .KeyVisual-Scroll svg .arrow1{animation-name:fadeInOut1}.Index-KeyVisual .KeyVisual-Scroll svg .arrow2{animation-name:fadeInOut2}@keyframes fadeInOut1{0%{opacity:1}50.01%,100%{opacity:0}}@keyframes fadeInOut2{0%{opacity:0}50%,100%{opacity:1}}@media screen and (min-width: 769px){.Index-KeyVisual .KeyVisual-Logo svg{max-width:840px;width:58.3333333333vw}.Index-KeyVisual h2{font-size:4rem;margin-top:56px}.Index-KeyVisual .KeyVisual-Scroll{bottom:56px}.Index-KeyVisual .KeyVisual-Scroll p{font-size:1.4rem}.Index-KeyVisual .KeyVisual-Scroll svg{width:32px}}@media screen and (max-width: 768px){.Index-KeyVisual .KeyVisual-Logo svg{max-width:335px;width:89.3333333333vw}.Index-KeyVisual h2{font-size:2rem;margin-top:24px}.Index-KeyVisual .KeyVisual-Scroll{bottom:48px}.Index-KeyVisual .KeyVisual-Scroll p{font-size:1.2rem}.Index-KeyVisual .KeyVisual-Scroll svg{width:24px}}.Index-Info .ComContentsContainer{flex-flow:column nowrap}.Index-Info .ComContentsContainer *+.Com-IndexTitle{margin-top:40px}.Index-Info .List-IndexNews{border-top:1px solid var(--GrayColor-E3);display:flex;flex-flow:column nowrap;align-items:flex-start;margin-top:16px}.Index-Info .List-IndexNews>li{border-bottom:1px solid var(--GrayColor-E3);display:flex;flex-flow:row nowrap;align-items:flex-start;width:100%}.Index-Info .List-IndexNews>li a{color:var(--baseColor);display:flex;align-items:flex-start;font-size:1.6rem;font-weight:400;line-height:1.8;--paddingTB: 24px;padding-bottom:var(--paddingTB);padding-top:var(--paddingTB);width:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media(hover: hover)and (pointer: fine){.Index-Info .List-IndexNews>li a:hover{color:var(--GrayColor-A2)}}.Index-Info .List-IndexNews>li .date{color:var(--GrayColor-A2);font-weight:700}@media screen and (min-width: 769px){.Index-Info .List-IndexNews>li a{flex-flow:row nowrap}.Index-Info .List-IndexNews>li .date{padding-right:1em;margin-top:1px;width:200px}.Index-Info .List-IndexNews>li h3{flex:auto}}@media screen and (max-width: 768px){.Index-Info .List-IndexNews>li a{flex-flow:column nowrap}.Index-Info .List-IndexNews>li .date{width:100%}.Index-Info .List-IndexNews>li h3{width:100%}}.Index-Company .ComContentsContainer{grid-auto-rows:auto;gap:40px 0}.Index-Company .CompanyInfo{display:flex;flex-flow:column nowrap;width:100%}.Index-Company .CompanyInfo>*{width:100%}.Index-Company .CompanyInfo>h3{font-weight:700;line-height:1.6}.Index-Company .CompanyInfo>p{margin-top:16px;font-weight:400;font-size:1.6rem;line-height:2;width:100%}.Index-Company figure{overflow:hidden}@media screen and (min-width: 769px){.Index-Company .CompanyInfo>h3{font-size:3.2rem}.Index-Company figure{border-radius:16px}}@media screen and (max-width: 768px){.Index-Company .CompanyInfo>h3{font-size:2.8rem}.Index-Company figure{border-radius:8px}}.Index-Products .ComContentsContainer{grid-auto-rows:auto;gap:40px 0}.Index-Products .ProductsInfo{font-weight:400;font-size:1.6rem;line-height:2}.Index-Products .ProductsContentsList{display:grid;font-family:var(--font-Poppins);--mainGap: 0 80px;gap:var(--mainGap);width:100%}.Index-Products .ProductsContentsList>li{border-bottom:1px solid var(--GrayColor-E3)}.Index-Products .ProductsContentsList>li:first-of-type{border-top:1px solid var(--GrayColor-E3)}.Index-Products .ProductsContentsList>li a{color:var(--baseColor);display:grid;align-items:center;justify-content:flex-start;font-weight:400;padding:24px 0;width:100%}.Index-Products .ProductsContentsList>li a.Lay-LinkIconSets:not(:hover){--LinkIconBorderC: #fff}.Index-Products .ProductsContentsList>li a.Lay-LinkIconSets::after{--LinkIconBGC: #fff;-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out}@media(hover: hover)and (pointer: fine){.Index-Products .ProductsContentsList>li a:hover.Lay-LinkIconSets::after{--LinkIconBGC: var(--PrimaryColor)}.Index-Products .ProductsContentsList>li a:hover .eng{color:var(--PrimaryColor)}}.Index-Products .ProductsContentsList>li a::before{content:"";display:block;height:var(--iconSize);width:var(--iconSize)}.Index-Products .ProductsContentsList>li a span.eng{--engFontSize: 4rem;font-family:Poppins;font-size:var(--engFontSize);-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.Index-Products .ProductsContentsList>li a span.jp{color:var(--GrayColor-A2);font-size:1.6rem;padding-right:1em;white-space:nowrap}.Index-Products .ProductsContentsList>li a.Game::before{background:url(../img/icons/icon-Game.svg) no-repeat center center/100% auto}.Index-Products .ProductsContentsList>li a.DX::before{background:url(../img/icons/icon-Computer.svg) no-repeat center center/100% auto}.Index-Products .ProductsContentsList>li a.Development::before{background:url(../img/icons/icon-Terminal.svg) no-repeat center center/100% auto}.Index-Products .ProductsContentsList>li a.Marketing::before{background:url(../img/icons/icon-Numbers-Line.svg) no-repeat center center/100% auto}@media screen and (max-width: 1100px)and (min-width: 990px){.Index-Products .ProductsContentsList{--mainGap: 0 50px}.Index-Products .ProductsContentsList>li a span.eng{--engFontSize: 3.6rem}}@media screen and (min-width: 990px){.Index-Products .ProductsContentsList{grid-template-columns:repeat(2, auto);grid-template-rows:repeat(2, auto)}.Index-Products .ProductsContentsList>li:nth-of-type(2){border-top:1px solid var(--GrayColor-E3)}}@media screen and (max-width: 989px){.Index-Products .ProductsContentsList{--mainGap: 0px;grid-auto-flow:row}.Index-Products .ProductsContentsList>li.Development{grid-row:2}.Index-Products .ProductsContentsList>li.DX{grid-row:3}}@media screen and (min-width: 769px){.Index-Products .ProductsContentsList>li a{--iconSize: 32px;grid-template-columns:var(--iconSize) auto 1fr var(--iconSize);gap:0 24px}}@media screen and (max-width: 768px){.Index-Products .ProductsContentsList>li a{--iconSize: 28px;gap:0 20px;grid-template-areas:"icon eng linkicon" "icon jp linkicon";grid-template-columns:var(--iconSize) 1fr 32px}.Index-Products .ProductsContentsList>li a::before{grid-area:icon}.Index-Products .ProductsContentsList>li a.Lay-LinkIconSets::after{grid-area:linkicon}.Index-Products .ProductsContentsList>li a span.eng{grid-area:eng;--engFontSize: 2.4rem}.Index-Products .ProductsContentsList>li a span.jp{grid-area:jp}}.Index-Recruit .ComContentsContainer{grid-auto-rows:auto;gap:40px 0}.Index-Recruit .RecruitContentsContainer{display:grid}.Index-Recruit .RecruitContentsContainer .RecruitInfo{grid-area:info;font-weight:400;font-size:1.6rem;line-height:2}.Index-Recruit .RecruitContentsContainer .noteLinkSets{border-radius:8px;grid-area:a;margin-top:auto;position:relative;width:100%;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.Index-Recruit .RecruitContentsContainer .noteLinkSets::after{border-radius:8px;border:1px solid var(--GrayColor-E5);content:"";position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:2}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl{display:flex;flex-flow:row nowrap;align-items:stretch;width:100%}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dt{display:flex;align-items:center;justify-content:center;background:var(--GrayColor-F7)}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dd{color:var(--baseColor);font-weight:500;display:flex;flex-flow:row nowrap;align-items:center;flex:1}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dd::before,.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dd::after{content:"";display:block}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dd::before{background:url(../img/icons/icon-pentagon.svg) no-repeat center center/100% auto;margin-right:8px;height:12px;width:12px}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dd::after{background:url(../img/icons/icon-blank-Primary.svg) no-repeat center center/100% auto;margin-left:auto;height:var(--blanksize);width:var(--blanksize)}@media(hover: hover)and (pointer: fine){.Index-Recruit .RecruitContentsContainer .noteLinkSets:hover{box-shadow:4px 4px 20px 0px rgba(205,199,192,.3)}}.Index-Recruit .RecruitContentsContainer figure{border-radius:8px;grid-area:img;overflow:hidden}@media screen and (min-width: 769px){.Index-Recruit .RecruitContentsContainer{grid-template-areas:"info img" "a img";grid-template-columns:1fr 1fr;gap:0 80px}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dt{padding:0 32px}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dt img{width:100px}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dd{font-size:1.6rem;padding:39px 32px}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dd::after{--blanksize: 24px}}@media screen and (max-width: 768px){.Index-Recruit .RecruitContentsContainer{grid-template-areas:"img" "info" "a";grid-auto-flow:column;gap:40px 0}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dt{padding:0 16px}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dt img{width:72px}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dd{font-size:1.4rem;padding:30px 16px}.Index-Recruit .RecruitContentsContainer .noteLinkSets dl>dd::after{--blanksize: 18px}}