.header{display:inline-flex;width:100%;height:112px;background-color:#fff;justify-content:space-between;z-index:100;position:fixed;top:0;left:0}@media (max-width:992px){.header{height:56px;width:100%;display:inline-block}}.header-logo{margin:0;padding:0;text-indent:-9999px}@media (max-width:992px){.header-logo{padding:12px 16px;z-index:1001;position:relative;background-color:#fff}}.header-logo a{display:block;margin:32px;background:url(../img/common/logo.svg) no-repeat center;width:215px;height:48px;transition:opacity .3s;will-change:opacity}.header-logo a:hover{opacity:.75}@media (max-width:992px){.header-logo a{width:148px;height:32px;background-size:cover;margin:0}}@media (max-width:992px){.header-logo__img{width:100%}}.global-menu{display:inline-flex;padding:32px;align-items:center}@media (max-width:992px){.global-menu{position:fixed;top:-100vh;left:0;width:100%;background-color:#fff;z-index:1000;box-shadow:0 0 32px rgba(0,0,0,.2);display:flex;flex-direction:column;padding:0 0 24px;opacity:0;transition:.3s}}@media (max-width:992px){.global-menu.is-active{top:56px;opacity:1}}.global-menu__list{display:inline-flex;list-style:none;color:#242446;margin-right:32px}@media (max-width:992px){.global-menu__list{margin:0;width:100%;flex-direction:column}.global-menu__list li{margin:0;color:#242446;padding:0}}.global-menu__list-item{position:relative;font-weight:700;transition:.3s}.global-menu__list-item:first-of-type{margin-right:32px}@media (max-width:992px){.global-menu__list-item:first-of-type{margin:0}}.global-menu__list-item+.global-menu__list-item{margin-left:32px}@media (max-width:992px){.global-menu__list-item+.global-menu__list-item{margin:0}}@media (max-width:992px){.global-menu__list-item::after{content:"";position:absolute;top:52%;right:16px;background-color:#242446;mask-image:url(../img/common/raddius-arrow.svg);width:8px;height:8px;mask-size:contain;mask-position:center}}@media (max-width:992px){.global-menu__list-item a{display:block;padding:16px;width:100%}}.global-menu__item-wrap{display:flex;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;position:absolute;background-color:#242446;border-radius:16px;padding:32px;top:50px;right:50%;transform:translateX(50%);width:max-content;gap:16px 0;flex-direction:column}@media (max-width:992px){.global-menu__item-wrap{position:relative;opacity:1;visibility:visible;padding:0 0 0 1rem;top:inherit;right:inherit;transform:inherit;width:100%;display:block;border-radius:0}}.global-menu__list-item.is-open>.global-menu__item-wrap{z-index:10;opacity:1;visibility:visible}.global-menu__inner-item{display:block;box-sizing:border-box}.global-menu__inner-item a{position:relative;color:#fff;display:flex;margin:8px 0;width:100%;gap:24px;transition:opacity .3s;will-change:opacity}.global-menu__inner-item a:hover{opacity:.75}.global-menu__inner-item a:hover span::after{animation:arrow-loop .5s linear 1 forwards}.global-menu__inner-item span{position:relative;display:block}@media (max-width:992px){.global-menu__inner-item span{position:absolute;top:52%;right:16px}}.global-menu__inner-item span::before{position:absolute;content:"";width:16px;height:16px;background-color:#fff;border-radius:50%;right:0;top:50%;transform:translateY(-50%)}@media (max-width:992px){.global-menu__inner-item span::before{content:none}}.global-menu__inner-item span::after{position:absolute;content:"";background-color:#242446;mask-image:url(../img/common/raddius-arrow.svg);mask-size:contain;mask-position:center;width:8px;height:8px;right:4px;top:50%;transform:translateY(-50%)}@media (max-width:992px){.global-menu__inner-item span::after{right:0;background-color:#fff;mask-image:url(../img/common/raddius-arrow.svg);width:8px;height:8px}}.global-menu__accordion{position:relative;display:block}@media (max-width:992px){.global-menu__accordion{display:block;pointer-events:none}}.global-menu__accordion::after,.global-menu__accordion::before{content:"";position:absolute;top:6px;right:-16px;width:2px;height:12px;border-radius:9999px;background-color:#5a7eaa;transform-origin:50% calc(100% - 1px);transition:.3s}.global-menu__accordion::before{transform:rotate(45deg)}.global-menu__list-item.is-open>.global-menu__accordion::before{transform:rotate(135deg);top:0}.global-menu__accordion::after{transform:rotate(-45deg)}.global-menu__list-item.is-open>.global-menu__accordion::after{transform:rotate(-135deg);top:0}@media (max-width:992px){.global-menu .button--contact{margin-top:24px}}.hamburger{display:none;position:absolute;top:8px;right:16px;width:40px;height:40px;z-index:1001;flex-direction:column;justify-content:center;align-items:center;background:0 0;border:none;cursor:pointer}@media (max-width:992px){.hamburger{display:flex;background-color:#242446;border-radius:50%;width:40px;height:40px}}.hamburger span{display:block;width:20px;height:2px;margin-bottom:4px;background:#fff;transition:.3s}.hamburger span:last-of-type{margin-bottom:0}.hamburger span:nth-of-type(2){width:16px;margin-right:4px}.hamburger.is-active{background-color:#242446;border-radius:50%;width:40px;height:40px}.hamburger.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-active span:nth-child(2){opacity:0}.hamburger.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.overlay{position:fixed;z-index:999;inset:0;background:rgba(0,0,0,.8);opacity:0;pointer-events:none;transition:opacity .3s,visibility .3s;visibility:hidden}.overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}.footer{position:relative;padding:32px 0 0;margin:-32px 0 0}.footer__service-case{display:flex;padding:128px 32px;gap:32px;position:relative}.footer__service-case::before{content:"";display:block;width:100vw;height:calc(100% + 128px);position:fixed;top:-64px;left:0;z-index:-1;background:linear-gradient(rgba(36,36,70,.5)),url(../img/common/footer.jpg) no-repeat center;background-size:cover}@media (max-width:576px){.footer__service-case{flex-direction:column;padding:64px 16px;gap:24px}}.footer__card{position:relative;border-radius:32px;padding:64px 32px;color:#fff;width:50%;display:flex;flex-direction:column;justify-content:space-around;box-shadow:0 4px 16px 0 rgba(0,0,0,.32);transition:.3s}@media (max-width:992px){.footer__card{width:100%}}@media (max-width:576px){.footer__card{padding:16px;height:100%;min-height:280px;box-sizing:border-box;justify-content:center;border-radius:16px}}.footer__card:hover{box-shadow:none;filter:grayscale(.5)}.footer__card::before{content:"";position:absolute;right:32px;top:50%;transform:translateY(-50%);background-color:#fff;width:32px;height:32px;border-radius:50%;overflow:hidden}.footer__card::after{content:"";position:absolute;top:50%;right:40px;transform:translateY(-50%);mask-image:url(../img/common/arrow.svg);mask-size:contain;mask-position:center;width:16px;height:16px}.footer__card:hover::after{animation:arrow-loop .5s linear 1 forwards}.footer__card:hover{color:#fff}.footer__card h3{color:#fff}@media (max-width:992px){.footer__card h3{font-size:24px}}.footer__card p{margin-top:24px}@media (max-width:992px){.footer__card p{padding-right:64px}}.footer__card p:empty{display:none}.footer__card.footer__card--case{background-color:#242446}.footer__card.footer__card--case::after{background-color:#242446}.footer__card.footer__card--inquiry{background-color:#5a7eaa}.footer__card.footer__card--inquiry::after{background-color:#5a7eaa}.sitemap{position:relative;z-index:1;width:100%;box-sizing:border-box;background-color:#f4f4f4;padding:128px 32px 64px;border-radius:32px 32px 0 0;color:#242446}@media (max-width:576px){.sitemap{padding:64px 16px;border-radius:16px 16px 0 0}}.sitemap__wrap{display:flex;gap:32px;justify-content:space-between}@media (max-width:992px){.sitemap__wrap{flex-direction:column}.sitemap__wrap+.sitemap__wrap{margin-top:64px;flex-direction:column-reverse;text-align:center}}.sitemap__link{display:block;font-weight:700;transition:.3s;color:#242446;width:fit-content;margin-top:24px}.sitemap__link:last-of-type{margin:0 0 64px}@media (max-width:992px){.sitemap__link:first-child{margin-top:0}}.sitemap h4{color:rgba(36,36,70,.5);font-size:24px}@media (max-width:992px){.sitemap h4{margin-top:64px}}.sitemap h5{font-size:16px;margin-top:24px}.sitemap h5 a{color:#242446}.sitemap ul{border-left:1px solid #d1d5db}.sitemap ul:last-of-type{margin-bottom:24px}.sitemap li{padding-left:1rem;margin-top:16px}.sitemap__left{width:50%}@media (max-width:992px){.sitemap__left{width:100%}}.sitemap__right{display:flex;gap:32px;margin:0 auto 0 0;width:50%}@media (max-width:992px){.sitemap__right{display:block;width:100%}}.sitemap__our-services{width:50%}@media (max-width:992px){.sitemap__our-services{width:100%}}.sitemap__inner{display:block;width:50%}@media (max-width:992px){.sitemap__inner{width:100%}}.sitemap .button.button--contact{margin-top:64px;width:fit-content}@media (max-width:992px){.sitemap .button.button--contact{width:100%;text-align:center}}.sitemap__address p{margin-top:24px}@media (max-width:992px){.sitemap__address p{margin-top:16px}}.sitemap__logo{width:287px;height:64px}@media (max-width:992px){.sitemap__logo{width:143px;height:32px}}.sitemap__logo a{cursor:pointer;opacity:1;transition:opacity .3s;will-change:opacity}.sitemap__logo a:hover{opacity:.75}.sitemap__logo img{width:100%;height:100%;object-fit:contain}.sitemap p.copyright{font-size:.875rem}.product-top{display:inline-flex;justify-content:space-between;margin-top:64px;width:100%;align-items:center}@media (max-width:576px){.product-top{flex-direction:column-reverse;margin-top:0;align-items:flex-start}}.product-top__wrap{flex-basis:calc(100% - 256px);padding-right:32px}@media (max-width:576px){.product-top__wrap{flex-basis:100%;padding-right:0}}.product-top__genre{color:#5a7eaa;font-weight:700}.product-top__name{display:inline-flex;align-items:center;margin-top:8px}.product-top__country{padding:0 16px;font-weight:700;background-color:#f4f4f4;margin-right:16px;height:min-content}.product-top__detail{display:block;margin-top:24px;width:100%}.product-top__detail h5{font-size:24px;color:#242446;font-weight:700}.product-top__detail h6{font-size:1rem;margin-top:24px;margin-bottom:16px}.product-top__image{width:256px;flex-basis:256px}@media (max-width:576px){.product-top__image{max-width:256px;width:100%;margin:0 auto 16px}}.product-top__image img{width:100%}.why-choose{padding:64px 32px 128px;background-color:#fff;border-radius:32px;position:relative;z-index:1}@media (max-width:992px){.why-choose{margin-top:-32px;padding:64px 16px;border-radius:16px}}.why-choose.why-choose--line{display:inline-flex;align-items:flex-start;width:100%;justify-content:space-between;gap:32px}@media (max-width:992px){.why-choose.why-choose--line{flex-direction:column;margin-top:0;padding-top:0;gap:0}}.why-choose.why-choose--line .line-list{flex-direction:column;max-width:1226px;margin-top:0;flex:1}@media (max-width:992px){.why-choose.why-choose--line .line-list{width:100%;margin-top:24px}}.why-choose.why-choose--line .line-list__box{width:100%}.why-choose.why-choose--line .title-wrap{width:33.3333333333%}@media (max-width:992px){.why-choose.why-choose--line .title-wrap{width:100%}}.category-maker{padding:64px 32px 128px;border-radius:32px;margin-top:-64px;background-color:#fff;position:relative;z-index:1}@media (max-width:576px){.category-maker{padding:64px 16px;border-radius:16px;margin-top:-32px}}.category-maker h3{color:#242446}.category-maker__text{margin-bottom:32px;color:#252525}.category-maker__text.category-maker__text--bottom{margin-bottom:0}.category-maker__wrap{display:flex;align-items:flex-start;margin-top:64px;margin-bottom:128px;gap:32px}@media (max-width:992px){.category-maker__wrap{flex-direction:column;margin:0 0 64px}}.category-maker__category{width:70%;gap:32px;flex:1}@media (max-width:992px){.category-maker__category{width:100%}}.category-maker__category ul{width:100%;display:flex;flex-wrap:wrap;gap:32px}@media (max-width:576px){.category-maker__category ul{flex-direction:column;gap:24px}}.category-maker__category li{width:calc(50% - 32px)}@media (max-width:576px){.category-maker__category li{width:100%}}.category-maker__category dt{font-size:24px;font-weight:700;color:#242446;border-bottom:1px solid #a3c7e1}@media (max-width:576px){.category-maker__category dt{font-size:20px}}.category-maker__category dd{margin-top:16px}.maker-card__list{display:flex;align-items:stretch;justify-content:space-between;margin:32px auto;gap:32px;flex-wrap:wrap}@media (max-width:576px){.maker-card__list{gap:24px;flex-direction:column}}.maker-card__card{display:flex;flex-direction:column;width:calc(25% - 32px);border-radius:32px;overflow:hidden;position:relative;padding:32px;border:1px solid #d1d5db;background-color:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0,.16);transition:.3s}.maker-card__card.maker-card__card--wrap{padding:16px 24px 0}.maker-card__card:hover{box-shadow:none}@media (max-width:992px){.maker-card__card{width:calc(50% - 16px);border-radius:16px}}@media (max-width:768px){.maker-card__card{width:100%}}.maker-card__img{display:flex;height:212px}.maker-card__img img{width:100%;height:100%;object-fit:contain}.maker-card__description{position:relative;font-size:16px;display:flex;flex-direction:column;flex-grow:1;text-align:center}.maker-card__link{position:absolute;display:block;width:32px;height:32px;background-color:#a3c7e1;border-radius:50%;right:0;bottom:0}.maker-card__link::after{content:"";background:url(../img/common/arrow.svg) center no-repeat;position:absolute;width:32px;height:32px;right:0}.maker-card__card:hover .maker-card__link::after{animation:arrow-loop .5s linear 1 forwards;top:50%}.maker-card__title{font-size:24px;color:#242446;flex-grow:1;margin-bottom:24px}.maker-card__country{background-color:#f4f4f4;font-weight:700;width:100%;margin-top:8px}.maker-card__genre{flex:1;margin:24px auto 32px}.install-merit{padding-top:128px}@media (max-width:576px){.install-merit{padding-top:64px;margin-top:-32px}}.install-merit .for-example__wrap{margin-bottom:0}.product-example{background-color:#f4f4f4;padding:128px 32px;margin-top:-64px}@media (max-width:576px){.product-example{padding:128px 16px}}.button-wrapper{margin-top:-64px;background-color:#fff;border-radius:32px;padding:128px 32px;position:relative;z-index:1}@media (max-width:576px){.button-wrapper{border-radius:16px;padding:64px 16px}}