@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap);
html{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}*{margin:0;padding:0}body{font-family:sans-serif}img{display:block}img.responsive{height:auto;width:100%}.side-nav{background-color:hsla(0,0%,100%,.7);border-radius:8px;display:flex;flex-direction:column;padding:1rem;position:fixed;right:.5rem;top:.5rem;z-index:20}.side-nav .bars-container{display:none;text-align:right}.side-nav .bars-container.show{display:block}.side-nav .bars{fill:#4b4b4b;height:auto;vertical-align:middle;width:1.5rem}.side-nav ul.menu{display:none;list-style:none}.side-nav ul.menu.show{display:block}.side-nav ul.menu li{padding:.125rem .25rem;text-align:center}.side-nav ul.menu li a{color:#4b4b4b;text-decoration:none}.side-nav ul.menu li a:visited{color:#4b4b4b}.side-nav ul.menu li .login{background-color:#008fd7;border-radius:4px;color:#fff;cursor:pointer;padding:.125rem .75rem}.hero{height:100vh;margin:0 auto;max-width:80rem;overflow:hidden;position:relative}.hero__icons{display:grid;position:absolute}.hero__icons.group2{bottom:0}.hero__icons.desktop{opacity:0}.hero__icons .icon-row{display:flex}.hero__icons .icon-row .icon img{transition:opacity 1s ease-in-out}.hero__icons .icon-row .icon img.animate{opacity:1!important}.hero__body{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100vh;justify-content:center;position:relative;width:100%;z-index:10}.hero__body .body-message{display:grid;font-size:1.9rem;font-weight:700;place-content:center;position:relative;text-align:center}.hero__body .body-message .gratitude,.hero__body .body-message .years{color:#ff6467}.hero__body .body-message .docomap{color:#0096e5}.hero__body .body-fifth-anniversary{bottom:11rem;color:#ff6467;display:grid;place-content:center;position:absolute;text-align:center}.hero__body .body-fifth-anniversary.mobile{display:block;margin-top:1rem;position:static;text-align:center}.hero__body .body-fifth-anniversary.desktop{display:none}.hero__body .body-fifth-anniversary__content{display:flex;gap:.3rem;justify-content:center}.hero__body .body-fifth-anniversary__content .five{font-family:serif;font-size:1.8rem;font-weight:700}.hero__body .body-fifth-anniversary__content .ordinal{font-family:serif;font-size:1rem}.hero__body .body-fifth-anniversary .anniversary-years{display:flex;flex-direction:column;justify-content:center}.hero__body .body-fifth-anniversary .anniversary{font-size:.65rem}.hero__body .body-fifth-anniversary .years{font-size:.55rem}.confetti{bottom:-30%;display:flex;justify-content:center;position:absolute;width:100%;z-index:-1}.confetti .confetti-left{width:50%}.confetti .confetti-right{transform:scaleX(-1);width:50%}.message{background-color:#f2f2f2;padding:3rem 0 1rem}.message__container{margin:0 auto;max-width:80rem}.message__text{color:#4b4b4b;font-size:1.25rem;margin:0 auto;max-width:60rem;padding:0 .5rem}.message img.running-man{margin-left:auto;width:80px}.client-count{background-image:url(../../images/fifth_anniversary/client-count-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:1rem}.client-count__container{display:grid;justify-items:center;margin:0 auto;max-width:80rem;position:relative}.client-count .client-count-box-and-content{position:relative}.client-count .client-count-box{left:50%;position:relative;top:50%;transform:translateX(-50%) translateY(-50%)}.client-count .client-count-content{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.client-count .client-count-content .dates{font-size:3vw;font-weight:700;position:relative;text-align:center;top:.5rem}.client-count .client-count-content .number-of-clients{text-align:center}.client-count .client-count-content .number-of-clients .number{font-size:clamp(2rem,calc(10vw + 1rem),4rem);font-weight:700;margin-right:.25rem}.client-count .client-count-content .number-of-clients .companies{font-size:4vw;font-weight:700}.client-count header{color:#fff;font-size:2rem;font-weight:700;text-align:center}.client-count .sns{align-items:center;background-color:#fff;border-radius:32px;display:flex;gap:.5rem;justify-content:space-between;margin:0 auto;padding:.5rem 1rem;position:relative;top:-8px}.client-count .sns .sns-text{display:flex;flex-direction:column;font-size:.9rem;font-weight:700}.client-count .sns .facebook,.client-count .sns .instagram,.client-count .sns .twitter{border-radius:50%;cursor:pointer;height:2.7rem;width:2.7rem}.history{background-image:url(../../images/fifth_anniversary/history-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-top:1rem}.history header{color:#902413;font-size:2rem;font-weight:700;text-align:center}.history .chronology{display:flex;justify-content:center}.history .line-column{display:block}.history .line-column-desktop,.history .line-column-tablet{display:none}.history .line{height:auto;margin-right:15px;margin-top:128px;width:60px}.history .content-column .building{display:block;left:-32px;margin-bottom:1rem;position:relative}.history .content-column .building.with-margin-top{margin-top:1rem}.history .content-column .eye{display:none}.history .content-column__year{font-size:1.15rem;font-weight:700;margin-top:8rem}.history .content-column__year.no-margin-top{margin-top:0}.history .content-column__box{padding:1rem;width:300px}.history .content-column__bullet-points{background-color:#fff;border-radius:8px;color:#4b4b4b}.history .content-column__bullet-points ul{padding-left:1rem}.history .content-column__staff{border-radius:8px;height:264px;margin-top:3rem;padding-top:3.5rem;position:relative}.history .content-column__staff .avatar-container{display:flex;justify-content:space-evenly;left:0;position:absolute;top:-2rem;width:100%}.history .content-column__staff .avatar{border-radius:50%;height:5rem;width:5rem}.history .content-column__staff .staff-header{font-weight:700}.history .content-column__staff.lightblue{background-color:#e5f6ff}.history .content-column__staff.salmon{background-color:#ffe5e5}.history .content-column__staff.lime{background-color:#e6ffd9}.history .content-column__staff.ash{background-color:#f2f2f2}.history .content-column__staff.lightteal{background-color:#e5fff9}.history .content-column__staff.lavendar{background-color:#eee5ff}.history .content-column__staff.flesh{background-color:#ffd9b2}.history .content-column__staff.lightbrown{background-color:#e6cfb8}.history .content-column__staff.lightroyalblue{background-color:#ccdaff}.history .content-column__staff.fuschia{background-color:#ffe5f6}.history .content-column__staff.teal{background-color:#ccfbff}.history .content-column__staff.gray{background-color:#e6e6e6}.history .content-column__image{margin-top:1rem;width:300px}.history .content-column__image .small{margin:0 auto;width:180px}.history .content-column .future-box{margin-top:8rem}.history .content-column #kneeling_guy{left:-2rem;margin-bottom:2rem;position:relative;top:.5rem;width:20%}.about-us{background-image:url(../../images/fifth_anniversary/about-us-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:.25rem;padding-top:1rem}.about-us .title{color:#fff;font-size:1.8rem;font-weight:700;text-align:center}.about-us .about-us-grid{display:grid;gap:.5rem;margin-bottom:.5rem;margin-top:.5rem;place-content:center}.about-us__box{background-color:#fff;padding:.5rem;position:relative;width:359px}.about-us .office,.about-us__box{border-radius:16px;overflow:hidden}.about-us .employees .about-us-images{width:5rem}.about-us .average-age .about-us-images{width:6rem}.about-us .about-us-images{bottom:1rem;left:1rem;position:absolute}.about-us .office{background-image:url(../../images/fifth_anniversary/office.webp);background-repeat:no-repeat;background-size:contain;height:520px;margin:0 auto;max-width:359px;padding-top:.5rem}.about-us .header-container{text-align:center}.about-us .header-container header{background-color:gray;border-radius:8px;color:#fff;display:inline-block;padding:.25rem 1rem}.about-us .figures{display:flex;font-size:3.5rem;justify-content:center}.about-us .figures .number{color:#0096e5;font-weight:700;position:relative}.about-us .figures .number .counter{bottom:.75rem;color:#000;font-size:1.25rem;font-weight:400;position:absolute;word-break:keep-all}.about-us .nationalities__content{display:grid;place-content:center}.about-us .nationalities__content .counter{font-size:1.25rem;position:relative;top:35px}.about-us .nationalities__images{display:grid;grid-template-columns:repeat(2,135px);grid-template-rows:repeat(2,129px)}.footer{padding:1rem 0 0}.footer__logo-container{background-color:#008fd7;border-radius:16px;margin:0 auto;padding:0 1rem;width:18rem}.footer__logo-container .logo{fill:#fff}.footer__copyright{margin-top:1rem;text-align:center}@media (min-width:640px){.hero__icons{grid-template-columns:repeat(2,1fr)}.hero__icons.group2{bottom:auto;right:0;top:0}.hero__icons .desktop{opacity:1}.hero__icons .icon-row{flex-direction:column}.hero__body .body-message{font-size:3rem}.hero__body .body-fifth-anniversary{bottom:4rem;position:absolute}.hero__body .body-fifth-anniversary.mobile{display:none}.hero__body .body-fifth-anniversary.desktop{display:block}.hero__body .body-fifth-anniversary__content .five{font-size:2.75rem}.hero__body .body-fifth-anniversary__content .ordinal{font-size:1.75rem}.hero__body .body-fifth-anniversary .anniversary{font-size:1rem}.hero__body .body-fifth-anniversary .years{font-size:.75rem}.confetti{bottom:-50%}.confetti .confetti-left{width:60%}.confetti .confetti-right{transform:scaleX(-1);width:60%}.message img.running-man{bottom:4px;position:relative;right:16px}.client-count .client-count-content .dates{font-size:1.2rem;top:1.5rem}.client-count .client-count-content .number-of-clients .number{font-size:clamp(7rem,calc(13vw + 1rem),11rem)}.client-count .client-count-content .number-of-clients .companies{font-size:clamp(2rem,3rem,4rem)}.client-count .sns{gap:1rem;margin:0 0 0 auto;top:-20px}.about-us .office{background-image:url(../../images/fifth_anniversary/office-desktop.webp);height:270px;max-width:640px}.about-us .about-us-grid{-moz-column-gap:5rem;column-gap:5rem;display:grid;grid-template-areas:"left right" "bottom bottom";margin-bottom:1.5rem;margin-top:1.5rem;place-content:center;row-gap:1.5rem}.about-us__box:not(.nationalities){width:280px}.about-us .employees{grid-area:left}.about-us .employees .about-us-images{left:.4rem}.about-us .average-age{grid-area:right;overflow:initial}.about-us .average-age .about-us-images.cake{bottom:1rem;left:-2rem;position:absolute}.about-us .nationalities{grid-area:bottom;width:640px}.about-us .nationalities__content{grid-auto-columns:270px 85px 270px;grid-template-areas:"left middle right"}.about-us .nationalities__content .nationalities-number{grid-area:middle}.about-us .nationalities__content .nationalities-number .counter{font-size:1.25rem;position:relative;top:35px}.about-us .nationalities__content .nationalities-left{grid-area:left}.about-us .nationalities__content .nationalities-right{grid-area:right}.about-us .nationalities__images{width:100%}.history .line-column{display:none}.history .content-column{display:grid;grid-auto-columns:300px 100px 300px;grid-template-areas:"twenty17 historyline twenty18" "twenty19 historyline twenty20" "twenty21 historyline twenty22" ". finish ." ". kneeling_guy ."}.history .content-column .building{display:none}.history .content-column .eye{display:block}.history .content-column .line-column-tablet{display:block;grid-area:historyline}.history .content-column .line-tablet{height:auto;margin:0 auto;width:100px}.history .content-column .line-column-desktop{display:none;grid-area:historyline}.history .content-column .line-desktop{margin:0 auto;width:300px}.history .content-column #twenty17{grid-area:twenty17}.history .content-column #twenty18{grid-area:twenty18;margin-top:4rem}.history .content-column #twenty19{grid-area:twenty19;margin-top:-6rem}.history .content-column #twenty20{grid-area:twenty20;margin-top:16rem}.history .content-column #twenty21{grid-area:twenty21;margin-top:-22rem}.history .content-column #twenty22{grid-area:twenty22}.history .content-column #finish{grid-area:finish;margin-top:2rem}.history .content-column #kneeling_guy{grid-area:kneeling_guy;width:80%}}@media (min-width:900px){.client-count .client-count-content .dates{top:2.5rem}.history .content-column{grid-auto-columns:300px 300px 300px}.history .content-column .line-column-tablet{display:none}.history .content-column .line-column-desktop{display:block}.history .content-column .line-desktop{margin:0 auto;width:300px}.history .content-column #kneeling_guy{grid-area:kneeling_guy;width:20%}}@media (orientation:landscape) and (max-height:639px){.hero__body .body-message{font-size:2rem}.hero .body-fifth-anniversary{bottom:3rem}.hero .body-fifth-anniversary__content .five{font-family:serif;font-size:1.8rem;font-weight:700}.hero .body-fifth-anniversary__content .ordinal{font-family:serif;font-size:1rem}.hero .body-fifth-anniversary .anniversary{font-size:.65rem}.hero .body-fifth-anniversary .years{font-size:.55rem}.confetti{bottom:-35%}}@media (orientation:landscape) and (max-height:639px) and (max-device-width:480px){.hero__icons .icon-row{width:72px}}