@charset "UTF-8";

/*custom-header*/
.bg-unset {
    background-color: unset;
}

.lib-header__logo .thumb {
    background-color: unset;
}

.lib-search__btn {
    background-color: var(--WHT) !important;
}

.lib-search__btn:before {
    color: var(--DEF);
}

.lib-search__btn:hover:before {
    color: var(--GRY);
}

.lib-lang__outer li a[aria-current=page] {
    color: var(--DEF);
}

.lib-utility__item~li:before {
    background-color: var(--DEF)
}

/*custom-footer*/
.custom-footer {
    background-color: var(--ACC);
}
.custom-footer .lib-footer__copyright {
    background-color: var(--ACC);
}

.custom-footer .lib-footer__title > a {
    background-color: var(--ACC);
}

.custom-footer.bg-accent {
  background-color: var(--ACC);
}

@media print, screen and (min-width: 992px) {
    .lib-footer__outer.lib-footer-BS01.custom-footer .lib-footer__utility {
        background-color: var(--ACC);
    }
}

.custom-footer-hans {
    background-color: #F7F7F7;
}

.custom-footer p,
.custom-footer a,
.custom-footer dl {
    color: var(--WHT);
}

.custom-footer .lib-footer__guidance>li~li:before {
    background-color: var(--WHT);
}

.custom-footer .lib-footer__logo .thumb {
    background-color: unset;
}

.lib-footer__title>a {
    background-color: var(--DEF);
}
.custom-footer.bg-accent .lib-footer__title>a {
    background-color: var(--ACC);
}

.lib-footer__nav-hans .lib-footer__title>a {
    background-color: unset !important;
}

.lib-footer__utility-hans {
    background-color: var(--LGRY) !important;
}

.lib-footer__utility-hans .txt {
    color: var(--DEF);
}

.lib-footer__utility-hans >li~li:before {
    background-color: var(--DEF);
}

.lib-footer__utility-hans .lib-footer__guidance>li~li:before {
    background-color: var(--DEF) !important;
}

.lib-footer__guidance {
    flex-wrap: wrap;
}

.lib-pagetop__btn.custom-pagetop__btn .txt {
    color: var(--DEF);
    box-shadow: 0 0 0 1px var(--DEF);
}

/*custom-mv*/
.lib-swiper__btn.custom-swiper__btn {
    border-radius: unset;
}

.lib-swiper__btn.custom-swiper__btn:after {
    color: var(--DEF);
}

.lib-swiper__player.custom-swiper__player>button {
    border: var(--DEF) 1px solid;
    border-radius: unset;
}

.custom-swiper__player .lib-swiper__stop:after,
.custom-swiper__player .lib-swiper__stop:before {
    background-color: var(--DEF);
}

.custom-swiper__player .lib-swiper__start:before {
    border-left-color: var(--DEF);
}

.lib-breadcrumb__outer {
    background-color: var(--MAIN);
}

.lib-breadcrumb__list li a {
    color: var(--DEF);
}

.lib-fv__thumb img {
    object-position: bottom;
}

/*page-top*/
.lib-hero__outer {
    background-image: url(/dcms_media/image/pagetitle_bg.webp);
    background-position: right 10% bottom;
    background-size: cover;
    color: var(--DEF);
}

/*custom-cta*/
.custom-cta__btn {
    border-radius: 40px;
    width: 100%;
}

@media print,
screen and (min-width: 768px) {
    .custom-cta__btn {
        width: 350px;
    }
}

/*custom-parts*/
.custom-cnt-024 .lib-tab__btn[aria-selected=true] {
    background-color: var(--DEF);
    color: var(--WHT);
}

.custom-cnt-024 .lib-tab__menu {
    border-radius: unset;
}

.custom-cnt-024 .lib-rss__title .chip {
    color: var(--DEF) !important;
}

@media (hover: hover) {
    .custom-cnt-024.lib-rss__001 .lib-rss__title a:hover {
        color:var(--DEF);
        text-decoration: underline;
    } 
}


.lib-title__outer.--typeD .title {
    border-bottom: var(--GRY) 3px solid;
}

.top-works__outer {
    position: relative;
}

.top-works__outer:before {
    content: "";
    width: 150vw;
    height: 40vh;
    border-style: solid;
    border-color: transparent;
    border-radius: 0 0 4000px 4000px / 0 0 720px 720px;
    background-color: var(--WHT);
    display: block;
    transform: translateX(-50%);
    position: absolute;
    top: -300px;
    left: 50%;
    z-index: 2;
}

@media print,
screen and (max-width: 376px) {
    .top-works__outer:before {
        top: -250px;
    }
}


.top-works__outer:after {
    content: "";
    width: 150vw;
    height: 80vh;
    border-style: solid;
    border-color: transparent;
    border-radius: 0 0 4000px 4000px / 0 0 720px 720px;
    background-color: var(--LGRY);
    display: block;
    transform: translateX(-50%);
    position: absolute;
    bottom: -60px;
    left: 50%;
    z-index: 2;
}

.lib-grid__outer,
.lib-title__outer {
    position: relative;
    z-index: 3;
}

.z-index-3 {
    position: relative;
    z-index: 3;
}

.pt-8 {
    padding-top: 8rem !important;
}

/* br */
.pc-only {
    display: none;
}

@media screen and (min-width: 768px) {
    .pc-only {
        display: block;
    }
}

/* products */
/* custom-MV */
.custom-top-slide__txtarea {
    padding: 30px 15px;
    line-height: 1.75;
}

.custom-top-slide__txtarea h2 {
    font-size: min(6vw, 2.5rem);
}

.custom-top-slide__thumb img {
    object-fit: unset;
    width: 100%;
    height: auto;
}

.custom-top-slide__thumb .lib-fv__thumb {
    height: unset;
}

@media print,
screen and (max-width: 992px) {
    .custom-top-slide .container {
        max-width: unset;
        line-height: 1;
    }
}

@media print,
screen and (min-width: 992px) {
    .custom-top-slide__row {
        display: flex;

        >* {
            width: 50%;
            height: 600px;
            display: flex;
            flex: unset;
        }
    }

    .custom-top-slide__txtarea {
        flex-direction: column;
        justify-content: center;
    }

    .custom-top-slide__thumb .lib-fv__thumb {
        margin-right: calc((100vw - 100%)/ 2 * -1);
        width: calc((100vw - 100%) / 2 + 50%);
    }

    .custom-top-slide__thumb img {
        object-fit: cover;
        height: 100%;
        object-position: center;
    }
}

@media print, screen and (max-width: 991.8px) {
    .custom-top-slide .container {
        height: 100%;
    }
    .custom-top-slide .lib-wide__outer {
        height: 100%;
    }
    .custom-top-slide .custom-top-slide__row {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }
    .custom-top-slide__thumb .lib-fv__thumb {
        height: 100%;
    }
    .custom-top-slide__thumb img {
        height: 100%;
        object-fit: contain;
    }
}

.custom-top-slide .h1-en {
    font-size: 2.5rem;
}
.custom-top-slide .h1-md {
    font-size: min(7vw,2.5rem);
}
.custom-top-slide .h1-lg {
    font-size: min(7.5vw,2.5rem);
}
.custom-top-slide .h1 {
    font-size:min(7vw, 2.5rem);
}

@media print, screen and (min-width: 768px) {
    .custom-top-slide .h1-en {
        font-size: min(5.5vw,4.25rem);
    }
    .custom-top-slide .h1-lg {
        font-size: min(5vw,3.75rem);
    }
    .custom-top-slide .h1-md {
        font-size: min(4.5vw,3rem);
    }
    .custom-top-slide .h1 {
        font-size:min(6vw, 2.5rem);
    }
}


@media print,
screen and (max-width: 991.8px) {
    .lib-swiper__btn {
        top: unset !important;
        bottom: 0 !important;
        z-index: 3 !important;
    }
}

/* header */
@media print,
screen and (min-width: 992px) {
    .is-scroll .lib-header__outer.custom-header__outer.lib-header-BS02 .lib-induce__outer {
        width: 270px;
    }

    .is-scroll .lib-nav__panel:has(.custom-induce__outer) {
        padding-right: 270px;
    }
}

/* custom-parts */
.lib-title__outer.--typeA.title-before-wht .title:before {
    background-color: var(--WHT);
}

.fs-70 {
    font-size: 30px !important;
}

@media print,
screen and (min-width: 576px) {
    .fs-70 {
        font-size: 40px !important;
    }
}

@media print,
screen and (min-width: 992px) {
    .fs-70 {
        font-size: 70px !important;
    }
}

.custom-liststyle {
    max-width: 300px;
    margin: 0 auto;
}

@media print,
screen and (max-width: 1220px) {
    .lib-header-BS03 .lib-header__logo {
        padding-left: 10px;
    }
}

/* index-custom */
.lib-form-flow__list.custom-form-flow__list>li[aria-current=step] {
    color: var(--DEF);
}

.lib-form__select.custom-form__select:after {
    color: var(--DEF);
}

:where([class*=radio-def]) :where(input[type=radio]):before {
    background-color: var(--DEF);
}

:where([class*=checkbox-def]) :where(input[type=checkbox]):after,:where([class*=checkbox-def]) :where(input[type=checkbox]):before {
    background-color: var(--DEF);
}

:where([class*=checkbox-def]) :where(input[type=checkbox]):checked {
    background-color: var(--WHT);
}

/* youtube */
.youtube {
    width: 100%;
    aspect-ratio: 16 / 9;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
  }
  .youtube iframe {
    width: 100%;
    height: 100%;
  }

/* gigaselection limited */

.lib-header__logo.h-logo-giga-ltd img {
  width: 100px;
}
@media print, screen and (min-width: 992px) {
  .lib-header__logo.h-logo-giga-ltd img {
      width: 180px;
  }
  .is-scroll .lib-header__logo.h-logo-giga-ltd img {
      width: 100px;
  }
}

:where(a):has(.txt):where(:where(a):has(.txt)[class*=ico-after-dl][target=_blank]) :where(.txt):after {
    content:"\ea08" !important;
    font-size: 100%;
    margin-right: 0;
}
:where(a):has(.txt):where(:where(a):has(.txt)[class*=ico-after-yt][target=_blank]) :where(.txt):after {
    content:"\ea15" !important;
    font-size: 100%;
    margin-right: 0;
}

/* metaverseLP */

#wrapper:has(.lp-main) .lib-breadcrumb__outer {
    display: none;
}
.lp-main .lib-fv__thumb img {
    object-position:center;
}
.lp-main .lib-fv__inside {
    max-width: 100%;
    background:rgb(255 255 255 / 0.7);
}
.lp-faq .lib-toggle__btn[aria-expanded]>.txt:after, .lp-faq .lib-toggle__btn[aria-expanded]>.txt:before {
    background-color: var(--ACC);
}
.lp-faq .lib-cnt-021__btn:before {
    background-color: var(--ACC);
    color: var(--WHT);
    border-radius: 0;
}
.lp-faq .lib-cnt-021__panel:before {
    background-color: var(--MAIN);
    color: var(--ACC);
    border-radius: 0;
}


.lib-header__logo.gs-logo img {
    width: 100px;
}

@media print, screen and (min-width: 992px) {
    .lib-header__logo.gs-logo img {
        width: 180px;
    }
    .is-scroll .lib-header__logo.gs-logo img {
        width: 100px;
    }
}

/* news pager */
:where(.lib-pager__list) :where(.lib-pager__item)[aria-current=page]>a {
    color:var(--DEF);
}


@media print and (hover: hover) and (pointer: fine), screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    :where(.lib-pager__list) :where(.lib-pager__item) a:hover {
        color: var(--DEF);
    }
}


@media print and (hover: hover) and (pointer: fine), screen and (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .lib-media__tag a:hover,
    .media-column__side a:hover,
    .media-post__details .media_table ul a:hover,
    a.media-relation__link:hover {
        color: var(--DEF) !important;
    }
}

/*custom-news*/
.lib-rss__list > li .chip {
    left:10em;
}