@charset "UTF-8";
/* 
本サイトにおける BEM の書式は以下の通り
.block {}
.block.--modifier {}
.block__element {}
.block__element.--modifier {}
.block__element.--css-property_css-value {} 
*/
/* ======================================== Index(home) & Pages ======================================== */
/* ==================== index(home) ==================== */
.home {}
.home-kv {}
.home-kv__bg {}
.home-kv__bg > .img {
    display: block;
}
.home__loop-area {}
/* ループ外枠 */
.loop {
    overflow: hidden;
    width: 100%;
    height: 5rem;
    display: flex;
    align-items: center;
    background-color: #FFFF55;
    opacity: 1;
    transition: opacity .3s;
}
@media (hover: hover) {
    .loop:hover {
        opacity: 0.6;
    }
}
.loop > * {
    display: flex;
    width: max-content;
    will-change: transform;

}
/* 各リンク */
.loop__link {
    flex: 0 0 auto;
    white-space: nowrap;
    display: inline-block;
    margin-right: 1.5rem;
    text-decoration: none;
    font-size: 1.5rem;
    font-size: max(1.5rem, 14px);
    font-weight: 700;
    color: #0C1116;
    opacity: 1;
    transition: opacity .2s;
}

.home__overflow-x-area {
    overflow-x: hidden;
}
.home__wrapper {
    width: 88%;
    max-width: 140rem;
    margin: 0 auto;
}
.home__topics-and-disco-area {
    position: relative;
    display: flex;
    gap: 10%;
    padding: 10.4rem 0 8.5rem;
}
.home__topics-and-disco-area::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 10;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #1E2328;
}
.home-topics {
    position: relative;
    z-index: 10;
    width: calc((100% - 10%) / 2);
    background-color: #0C1116;
}
.home-topics__list-area {
    margin-top: 2.6rem;
}
.home-topics__button-area {
    display: flex;
    justify-content: end;
    margin-top: 3.5rem;
}
.home-disco {
    width: calc((100% - 10%) / 2);
}
.home-disco__section {
    position: relative;
}
.home-disco__section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transform: translateX(-100%);
    display: block;
    width: 80vw;
    height: 100%;
    background-color: #0C1116;
}
.home-disco__slider-area {
    margin-top: 4.5rem;
}
/* home swiper */
.home .swiper {
    overflow: unset;
}
.home .swiper-horizontal>.swiper-pagination-bullets,
.home .swiper-pagination-bullets.swiper-pagination-horizontal,
.home .swiper-pagination-custom,
.home .swiper-pagination-fraction {
    display: flex;
    gap: 1.2rem;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 4.5rem;
}
.home .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.home .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    border-radius: 9999px;
    margin: 0;
    background: #555555;
    opacity: 1;
    transition: width .3s, background-color .3s;
}
.home .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.home .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 28px;
    background: #fff;
    opacity: 1;
}
.home-disco__button-area {
    display: flex;
    justify-content: end;
    margin-top: 3.5rem;
}
.home__hr {
    border-bottom: 1px solid #1E2328;
}
.home__lower-area {
    display: flex;
    gap: 1rem;
    height: 33rem;
    margin: 8rem 0;
}
.home__lower-left {
    width: calc((100% - 1rem) / 2);
}
.home__lower-right {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: calc((100% - 1rem) / 2);
}
.icon-link {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    transition: border-color .3s;
}
.icon-link.--large {}
.icon-link:hover {
    box-shadow: 0 0 4px #FFFF62;
}
.icon-link__section-title-area {
    position: absolute;
    top: 50%;
    left: 4.5%;
    z-index: 1;
    transform: translateY(-50%);
}
.icon-link.--large .icon-link__section-title-area {
    left: 6%;
}
.icon-link__circle-area {
    position: absolute;
    top: 50%;
    right: 4.5%;
    z-index: 1;
    transform: translateY(-50%);
}
.icon-link__bg {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.icon-link__bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.18); /* 透明の白を被せる */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);  /* Safari用 */
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
    opacity: 0;
    transition: filter .3s, opacity .3s;
}
.icon-link:hover .icon-link__bg::after {
    opacity: 1;
}
.icon-link__bg img {
    transform: scale(1);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}
a:hover .icon-link__bg img {
    transform: scale(1.1);
}
/* ----- responsive (750) ----- */
@media screen and (max-width: 750px) {
    .home {

    }
    .home-kv {

    }
    .home-kv__bg {

    }
    .loop {
        height: 4rem;
    }
    .loop__link {
        font-size: 1.4rem;
    }
    .home__wrapper {
        width: 100%;
    }
    .home__topics-and-disco-area {
        flex-direction: column;
        gap: 0;
        padding: 5rem 0 0;
    }
    .home__topics-and-disco-area::after {
        content: unset;
    }
    .home-topics {
        width: 100%;
    }
    .home-topics__section-title-area {
        padding: 0 5.5%;
    }
    .home-topics__list-area {
        margin-top: 2rem;
    }
    .home-topics__button-area {
        display: flex;
        justify-content: end;
        padding: 0 5.5%;
        margin-top: 3.5rem;
    }
    .home-disco {
        width: 100%;
        padding: 8rem 5.5%;
    }
    .home-disco__section {
        position: relative;
    }
    .home-disco__section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        transform: translateX(-100%);
        display: block;
        width: 80vw;
        height: 100%;
        background-color: #0C1116;
    }
    .home-disco__slider-area {
        margin-top: 4.5rem;
    }
    /* home swiper */
    .home .swiper {}
    .home .swiper-horizontal>.swiper-pagination-bullets,
    .home .swiper-pagination-bullets.swiper-pagination-horizontal,
    .home .swiper-pagination-custom,
    .home .swiper-pagination-fraction {
        margin-top: 3.3rem;
    }
    .home__hr {
        border-bottom: unset;
    }
    .home__lower-area {
        flex-wrap: wrap;
        height: auto;
        margin: 0 5.5% 9.6rem;
    }
    .home__lower-left {
        width: 100%;
    }
    .home__lower-right {
        gap: 1rem;
        width: 100%;
    }
    .icon-link {}
    .icon-link__section-title-area {
        left: 4.5%;
    }
    .icon-link.--large .icon-link__section-title-area {
        left: 4.5%;
    }
    .icon-link__circle-area {
        right: 4.5%;
    }
}
/* ==================== End index(home) ==================== */
/* ==================== about ==================== */
.about {}
.about__section {
    padding: 13.4rem 0 13rem;
}
.about__page-title-area {
    margin-bottom: 9.3rem;
}
.about__wrapper {
    width: 70%;
    max-width: 120rem;
    margin: 0 auto;
}
.about__img {
    overflow: hidden;
    border-radius: 9px;
    margin-bottom: 6.2rem;
}
.about__img > img {
    display: block;
}
.about__title {
    font-size: max(3rem, 20px);
    font-weight: 900;
    line-height: 1.5;
}
.about__texts-area {
    margin-top: 4.2rem;
}
.about__text {
    font-size: max(1.8rem, 14px);
    font-weight: 700;
    line-height: 2;
}
.about__info-area {
    display: flex;
    flex-direction: column;
    gap: 3.8rem;
    margin-top: 6rem;
}
.about__info-unit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about__info-text {
    font-size: max(1.8rem, 14px);
    font-weight: 700;
    line-height: 2;
}
.about__warn {
    color: #76797c;
}



.about-member {}
.about-member__section {
    margin-top: 13rem;
}


.about-member__list-area {
    margin-top: 3.3rem;
}
.about-member__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 4%;
}
.about-member__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc((100% - 4% * 4) / 5);
    color: #ffe132;
}

.about-member__item.--yellow {
    color: #ffe132;
}
.about-member__item.--gray {
    color: #b9b9bb;
}
.about-member__item.--pink {
    color: #e62487;
}
.about-member__item.--green {
    color: #2aa53a;
}
.about-member__item.--blue {
    color: #2ea2dd;
}
.about-member__item.--purple {
    color: #8759a1;
}
.about-member__item.--orange {
    color: #f06e00;
}
.about-member__img {
    border-radius: 50%;
    margin-bottom: 1.5rem;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow .3s;
}
.about-member__item.--yellow:hover .about-member__img {
    box-shadow: 0 0 20px rgba(249,232,66,0.55);
}
.about-member__item.--gray:hover .about-member__img {
    box-shadow: 0 0 20px rgba(185,185,185,0.55);
}
.about-member__item.--pink:hover .about-member__img {
    box-shadow: 0 0 20px rgba(230,36,135,0.55);
}
.about-member__item.--green:hover .about-member__img {
    box-shadow: 0 0 20px rgba(42,165,58,0.55);
}
.about-member__item.--blue:hover .about-member__img {
    box-shadow: 0 0 20px rgba(46,162,221,0.55);
}
.about-member__item.--purple:hover .about-member__img {
    box-shadow: 0 0 20px rgba(135,89,161,0.55);
}
.about-member__item.--orange:hover .about-member__img {
    box-shadow: 0 0 20px rgba(240,110,0,0.55);
}
.about-member__title {
    font-size: max(2.4rem, 15px);
    line-height: 1;
    color: inherit;
    margin-top: 1.2rem;
}
.about-member__text {
    font-size: max(1.4rem, 12px);
    line-height: 1;
    color: inherit;
}















.about-app {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 5.8rem 2rem 6.4rem 2rem;
    border: 1px solid #FFF;
    border-radius: 6px;
    margin-top: 15rem;
    background-color: #272c31;
}
.about-app__mark {
    position: absolute;
    top: 0;
    left: 4rem;
    z-index: 1;
    transform: translateY(-50%);
    display: block;
    width: 9.6rem;
}
.about-app__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 90rem;
}
.about-app__title {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 900;
    line-height: 1.5;
}
.about-app__icon-double-right {
    display: inline-block;
    width: 2.7rem;
}
.about-app__links-area {
    display: flex;
    gap: 2rem;
    align-items: center;
}
.about-app__link {
    display: inline-block;
    height: 5rem;
}
.about-app__link img {
    height: 5rem;
}
/* ------------------------- about responsive (750) ------------------------- */
@media screen and (max-width: 750px) {
    .about {}
    .about__section {
        padding: 6.6rem 0 10rem;
    }
    .about__page-title-area {
        margin-bottom: 4.7rem;
    }
    .about__wrapper {
        width: var(--wrapper-width);
    }
    .about__img {
        border-radius: 3;
        margin-bottom: 2.6rem;
    }
    .about__title {
        font-size: 2.6rem;
    }
    .about__texts-area {
        margin-top: 2.2rem;
    }
    .about__text {
        font-size: 1.6rem;
        line-height: 1.8;
    }
    .about__info-area {
        width: 100%;
        margin-top: 3.5rem;
    }
    .about__info-unit {
        flex-direction: column;
        align-items: start;
        gap: 2rem;
    }
    .about__info-text {
        font-size: 1.6rem;
        line-height: 1.8;
    }
    .about__warn {
        font-size: 1.4rem;
        line-height: 1.75;
        color: #76797c;
    }

    .about__button-area {
        flex-direction: column;
        align-items: start;
        justify-content: end;
    }


    .about-member {}
    .about-member__section {
        margin-top: 9rem;
    }
    .about-member__list-area {
        margin-top: 2.8rem;
    }
    .about-member__list {
        gap: 4rem 6%;
    }
    .about-member__item {
        width: calc((100% - 6%) / 2);
    }
    .about-member__img {
        margin-bottom: 1.5rem;
    }
    .about-member__title {
        font-size: 2rem;
        margin-top: 0.7rem;
    }
    .about-member__text {
        font-size: 1.3rem;
    }

    .about-app {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 5rem 2rem 4.5rem;
        border-radius: 3px;
        margin-top: 10rem;
    }
    .about-app__mark {
        left: 2rem;
        width: 7rem;
    }
    .about-app__inner {
        flex-direction: column;
        gap: 2.5rem;
        align-items: center;
    }
    .about-app__title {
        font-size: 2rem;
        line-height: 1.8;
    }
    .about-app__icon-double-right {
        transform: rotate(90deg) translateX(-2px);
        display: inline-block;
        width: 2.4rem;
    }
    .about-app__links-area {
        gap: 0.5rem;
    }
    .about-app__link {
        height: 4.5rem;
    }
    .about-app__link img {
        height: 4.5rem;
    }
}
/* ==================== End about ==================== */
/* ==================== disco ==================== */
.disco {
    padding: 13.4rem 0 10.3rem;
}
.disco__list-area {
    margin-top: 6.5rem;
}
.disco__cats-area {
    margin-bottom: 4.4rem;
}
.disco__pagination-area {
    margin-top: 6.5rem;
}
/* -------------------- disco responsive (750) -------------------- */
@media screen and (max-width: 750px) {
    .disco {
        padding: 6.9rem 0 10rem;
    }
    .disco__list-area {
        margin-top: 4.5rem;
    }
    .disco__cats-area {
        margin-bottom: 2.5rem;
    }
    .disco__pagination-area {
        margin-top: 4.5rem;
    }
}
/* ==================== End disco ==================== */
/* ==================== disco-single ==================== */
.disco-single {
    padding: 13.4rem 0 10.3rem;
}
.disco-single__post-area {
    padding: 6.7rem 0 12rem;
}
.disco-single-post {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 2.4rem 8%;
}
.disco-single-post__img {
    width: 35%;
    aspect-ratio: 1/1;
    line-height: 0;
    object-fit: contain;
    background-color: #fff;
}
.disco-single-post__img img {
    width: 100%;
    height: 100%;
}
.disco-single-post__info-area {
    width: calc((100% - 35% - 8%));
}
.disco-single-post__cats-area {
    margin-bottom: 2.1rem;
}
.disco-single-post__title {
    font-size: max(2.8rem, 18px);
    line-height: 1.5;
}
.disco-single-post__texts-area {
    margin-top: 2.5rem;
}
.disco-single-post__share-area {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin-top: 3.8rem;
}
.disco-single-post__sns-area {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}
.disco-single-post__sns-text {
    font-size: 1.5rem;
    font-weight: 500;
}
.sns-icon-color {
    display: inline-block;
    width: 3rem;
}
.disco-single-post__buttons-area {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 2rem;
    align-items: center;
    margin-top: 3.8rem;
}
.disco-single-post__button {
    width: fit-content;
}
.disco-single__hr {
    width: 100%;
    border-top: 1px solid #1e2328;
}
.disco-single__other-posts-area {
    margin-top: 12rem;
}
.disco-single__list-area {
    margin-top: 6rem;
}
.disco-single__button-area {
    display: flex;
    justify-content: end;
    margin-top: 5.2rem;
}
/* ------------------------- disco-single responsive (750) ------------------------- */
@media screen and (max-width: 750px) {
    .disco-single {
        padding: 6.6rem 0 10.3rem;
    }
    .disco-single__post-area {
        padding: 4.7rem 0 8rem;
    }
    .disco-single-post__img {
        width: 100%;
    }
    .disco-single-post__info-area {
        width: 100%;
    }
    .disco-single-post__cats-area {
        margin-bottom: 0.2rem;
    }
    .disco-single-post__title {
        font-size: 2.4rem;
    }
    .disco-single-post__texts-area {
        margin-top: 1.5rem;
    }
    .disco-single-post__share-area {
        gap: 1.8rem;
        justify-content: center;
        margin-top: 3.2rem;
    }
    .disco-single-post__sns-area {
        gap: 0.7rem;
    }
    .disco-single-post__button {
        width: 100%;
    }
    .disco-single__other-posts-area {
        margin-top: 8.2rem;
    }
    .disco-single__list-area {
        margin-top: 4rem;
    }
    .disco-single__button-area {
        margin-top: 4.5rem;
    }
}
/* ==================== End disco-single ==================== */
/* ==================== mission-go5 ==================== */
.mission-go5 {
    padding: 13.4rem 0 0;
}
.mission-go5__page-title-area {
    margin-bottom: 8.7rem;
}
.mission-go5-intro {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 7%;
    margin-bottom: 11.8rem;
}
.mission-go5-intro__title-and-texts-area {
    width: calc((100% - 7%) / 2);
}
.mission-go5-intro__title {
    font-size: 3rem;
    font-weight: 900;
    line-height: 2;
}
.mission-go5-intro__texts-area {
    margin-top: 2.5rem;
}
.mission-go5-intro__text {
    font-size: max(1.8rem, 14px);
    font-weight: 700;
    line-height: 2;
}
.mission-go5-intro__movie-button-area {
    width: calc((100% - 7%) / 2);
}
.movie-button {
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 5px;
}
.movie-button .thumb {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    transform: scale(1.01);
    display: block;
    width: 100%;
    height: auto;
    transition: transform .3s;
}
.movie-button .thumb:hover {
    transform: scale(1.1);
}
.movie-button .thumb::after {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0c1116;
    opacity: .6;
}
.movie-button .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    display: block;
    width: 8.5rem;
    height: 8.5rem;
    transition: transform .3s;
}
/* ===== movie-modal ===== */
.movie-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
    width: 100%;
    height: 100%;
}
.movie-modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 17, 22, 0.8);
    cursor: pointer;
}
.movie-modal__movie {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 70%;
    aspect-ratio: 16 / 9;
}
.movie-modal__movie iframe,
.movie-modal__movie video {
    width: 100%;
    height: 100%;
}
.movie-modal__close {
    cursor: pointer;
    position: absolute;
    top: -9rem;
    right: 0;
    z-index: 5;
    width: 7.5rem;
}
/* ===== End movie-modal ===== */
/* ===== mission-go5-comic ===== */
.mission-go5-comic {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 5.8rem 14rem 6.4rem 8.3%;
    border: 1px solid #FFF;
    border-radius: 6px;
    margin: 15rem 0 12rem;
    background-color: #272c31;
}
.mission-go5-comic:hover {
    animation: animation-icon-link 0.6s linear both;
}
@keyframes animation-icon-link {
    0% {
        border-color: #FFFFF6;
    }
    13% {
        border-color: rgba(255, 255, 0246, 0.5);
    }
    26% {
        border-color: #FFFFF6;
    }
    39% {
        border-color: rgba(255, 255, 0246, 0.5);
    }
    52% {
        border-color: #FFFFF6;
    }
    100% {
        border-color: #FFFFF6;
    }
}
.mission-go5-comic__mark {
    position: absolute;
    top: 0;
    left: 4.8rem;
    z-index: 1;
    transform: translateY(-50%);
    display: block;
    width: 8.5rem;
}
.mission-go5-comic__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 84rem;
}
.mission-go5-comic__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.6rem;
}
.mission-go5-comic__text-en {
    position: relative;
    font-size: max(3.2rem, 20px);
    line-height: 1;
}
.mission-go5-comic__text-en > .adjuster5 {
    position: relative;
    top: -0.3rem;
}
.br-500 {
    display: none;
}
@media screen and (max-width: 500px) {
    .br-500 {
        display: block;
    }
}
.mission-go5-comic__text-jp {
    font-size: max(1.7rem, 12px);
}
.mission-go5-comic__img {
    position: absolute;
    bottom: 0;
    right: 15%;
    z-index: 1;
    width: 43rem;
}
a:hover .mission-go5-comic__img {
    animation: recruit-illust 2s ease-in-out infinite both;
}
@keyframes recruit-illust {
    0% {
        bottom: 0;
    }
    5% {
        bottom: 0.7rem;
    }
    10% {
        bottom: 0;
    }
    15% {
        bottom: 0.7rem;
    }
    20% {
        bottom: 0;
    }
    100% {
        bottom: 0;
    }
}
.mission-go5-comic__circle-area {
    position: absolute;
    top: 50%;
    right: 8.3%;
    z-index: 1;
    transform: translateY(-50%);
}
/* ===== End mission-go5-comic ===== */
.mission-go5__hr {
    width: 100%;
    border-bottom: 1px solid #1e2328;
}
/* ----- characters ----- */
.characters {
    padding: 12rem 0 16.7rem;
}
.characters__section-title-area {
    margin-bottom: 7.7rem;
}
.characters-modal-buttons {}
.characters-modal-buttons__section + .characters-modal-buttons__section {
    margin-top: 7.7rem;
}
.characters-small-title {
    position: relative;
}
.characters-small-title__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.6rem;
}
.characters-small-title__text-en {
    position: relative;
    font-size: max(2.8rem, 17px);
    line-height: 1;
}
.characters-small-title__text-en .adjuster5 {
    position: relative;
    top: -0.2rem;
}
.characters-small-title__text-jp {
    font-size: max(1.7rem, 12px);
}
/* ----- End characters ----- */
.characters-modal-buttons__text-area {
    margin-top: 3.2rem;
    padding-bottom: 1.2rem;
}
.characters-modal-buttons__text {
    font-size: max(1.8rem, 14px);
    font-weight: 700;
    line-height: 2;
}
.characters-modal-buttons__list-area {
    margin-top: 3.3rem;
}
.characters-modal-buttons__list {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 4%;
}
.characters-modal-buttons__item {
    width: calc((100% - 4% * 4) / 5);
}
.characters-modal-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffe132;
}
.characters-modal-button.--yellow {
    color: #ffe132;
}
.characters-modal-button.--gray {
    color: #b9b9bb;
}
.characters-modal-button.--pink {
    color: #e62487;
}
.characters-modal-button.--green {
    color: #2aa53a;
}
.characters-modal-button.--blue {
    color: #2ea2dd;
}
.characters-modal-button.--purple {
    color: #8759a1;
}
.characters-modal-button.--orange {
    color: #f06e00;
}
.characters-modal-button__img {
    border-radius: 50%;
    margin-bottom: 1.5rem;
    box-shadow: 0 0 0 transparent;
    transition: box-shadow .3s;
}
.characters-modal-button.--yellow:hover .characters-modal-button__img {
    box-shadow: 0 0 20px rgba(249,232,66,0.55);
}
.characters-modal-button.--gray:hover .characters-modal-button__img {
    box-shadow: 0 0 20px rgba(185,185,185,0.55);
}
.characters-modal-button.--pink:hover .characters-modal-button__img {
    box-shadow: 0 0 20px rgba(230,36,135,0.55);
}
.characters-modal-button.--green:hover .characters-modal-button__img {
    box-shadow: 0 0 20px rgba(42,165,58,0.55);
}
.characters-modal-button.--blue:hover .characters-modal-button__img {
    box-shadow: 0 0 20px rgba(46,162,221,0.55);
}
.characters-modal-button.--purple:hover .characters-modal-button__img {
    box-shadow: 0 0 20px rgba(135,89,161,0.55);
}
.characters-modal-button.--orange:hover .characters-modal-button__img {
    box-shadow: 0 0 20px rgba(240,110,0,0.55);
}
.characters-modal-button__title {
    font-size: max(2.4rem, 15px);
    line-height: 1;
    color: inherit;
}
.characters-modal-button__text {
    margin-top: 1.2rem;
    font-size: max(1.4rem, 12px);
    line-height: 1;
    color: inherit;
}
/* ===== character-modal ===== */
.character-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
    width: 100%;
    height: 100%;
    color: #0c1116;
    transition: opacity .3s, visibility .3s;
    opacity: 0;
    visibility: hidden;
}
.character-modal.-open {
    opacity: 1;
    visibility: visible;
}
.character-modal__bg {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(12, 17, 22, 0.8);
}
.character-modal__contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    width: 84%;
    max-width: 110rem;
    border-radius: 1rem;
    isolation: isolate;
}
.character-modal.--1 .character-modal__contents {
    box-shadow: 0 0 2rem rgba(249,232,66,0.55);
    background-color: #ffe54d;
}
.character-modal.--2 .character-modal__contents {
    box-shadow: 0 0 2rem rgba(255,255,255,0.55);
    background-color: #e0e0e0;
}
.character-modal.--3 .character-modal__contents {
    box-shadow: 0 0 2rem rgba(229,123,183,0.55);
    background-color: #ec55a2;
}
.character-modal.--4 .character-modal__contents {
    box-shadow: 0 0 2rem rgba(42,165,58,0.55);
    background-color: #2aa53a;
}
.character-modal.--5 .character-modal__contents {
    box-shadow: 0 0 2rem rgba(46,162,221,0.55);
    background-color: #2ea2dd;
}
.character-modal.--6 .character-modal__contents {
    box-shadow: 0 0 2rem rgba(131,68,204,0.55);
    background-color: #80529e;
}
.character-modal.--7 .character-modal__contents {
    box-shadow: 0 0 2rem rgba(163,70,0,0.55);
    background-color: #f06e00;
}
.character-modal__contents-inner {
    position: relative;
    display: flex;
    justify-content: end;
    min-height: 56rem;
    height: 100%;
}
.character-modal__close {
    cursor: pointer;
    position: absolute;
    top: -2.8rem;
    right: -2.8rem;
    z-index: 1000;
    width: 7.5rem;
}
.character-modal__illust-bgi {
    overflow: hidden;
    mix-blend-mode: multiply;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 44%;
}
.character-modal__illust-bgi img {
    position: relative;
    bottom: -10rem;
    transition: bottom .9s;
}
.character-modal.-open .character-modal__illust-bgi img {
    bottom: 0;
}
.character-modal__illust-main-img {
    position: absolute;
    bottom: 0rem;
    left: 18rem;
    z-index: 3;
    width: 28rem;
}
.character-modal__illust-main-img img {
    position: relative;
    bottom: 7rem;
    transition: bottom 1.2s;
}
.character-modal.-open .character-modal__illust-main-img img {
    bottom: 0;
}
.character-modal__bg-text-img {
    overflow: hidden;
    mix-blend-mode: multiply;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    border-bottom-left-radius: 1rem;
}
.character-modal__bg-text-img img {
    position: relative;
    left: 10rem;
    transition: left .8s;
}
.character-modal.-open .character-modal__bg-text-img img {
    left: 0;
}
.character-modal__bg-gradiation-img {
    overflow: hidden;
    mix-blend-mode: unset;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    border-radius: 1rem;
}
.character-modal.--4 .character-modal__bg-gradiation-img {
    mix-blend-mode: multiply;
}
.character-modal.--6 .character-modal__bg-gradiation-img {
    mix-blend-mode: multiply;
}
.character-modal.--7 .character-modal__bg-gradiation-img {
    mix-blend-mode: multiply;
}
.character-modal__title-and-texts-area {
    position: relative;
    top: 1rem;
    left: 1rem;
    z-index: 10;
    width: 100%;
    padding: 7.5rem 8rem 7rem 0;
    padding-left: 45%;
    opacity: 0;
    transition: top .8s,left .8s,opacity .7s .1s;
}
.character-modal.-open .character-modal__title-and-texts-area {
    top: 0;
    left: 0;
    opacity: 1;
}
.character-modal__en-name {
    font-size: max(2rem, 16px);
    font-weight: 700;
}
.character-modal__jp-name {
    font-size: max(4rem, 25px);
    font-weight: 500;
}
.character-modal__voice {
    margin-top: 0.4rem;
    font-size: max(1.8rem, 14px);
    font-weight: 700;
}
.character-modal__texts-area {
    margin-top: 2.6rem;
}
.character-modal__table-area {
    border-top: 1px solid #00000a;
    padding-top: 5rem;
    margin-top: 4.5rem;
}
.character-table {
    width: 100%;
    border-collapse: collapse;
}
.character-table__tr {
    width: 100%;
}
.character-table__th {
    position: relative;
    width: 15.7rem;
    font-size: max(1.5rem, 12px);
    line-height: 2;
    font-weight: 700;
    padding-left: 2.3rem;
}
.character-table__tr:nth-child(1) .character-table__th::before {
    content: '';
    position: absolute;
    top: 0.8rem;
    top: max(0.8rem,7px);
    left: 0;
    z-index: 5;
    display: inline-block;
    width: 1.4rem;
    height: 1.3rem;
    background-image: url('/assets/img/icon-hobbies.svg');
    background-repeat: no-repeat;
    background-size: 1.4rem 1.3rem;
}
.character-table__tr:nth-child(2) .character-table__th::before {
    content: '';
    position: absolute;
    top: max(0.9rem,8px);
    left: 0;
    z-index: 5;
    display: inline-block;
    width: 1.4rem;
    height: 1.3rem;
    background-image: url('/assets/img/icon-favorite.svg');
    background-repeat: no-repeat;
    background-size: 1.4rem 1.3rem;
}
.character-table__tr:nth-child(3) .character-table__th::before {
    content: '';
    position: absolute;
    top: max(0.9rem,8px);
    left: 0;
    z-index: 5;
    display: inline-block;
    width: 1.4rem;
    height: 1.3rem;
    background-image: url('/assets/img/icon-disliked.svg');
    background-repeat: no-repeat;
    background-size: 1.4rem 1.3rem;
}
.character-table__td {
    font-size: max(1.5rem, 12px);
    line-height: 2;
    font-weight: 700;
}
/* ===== End character-modal ===== */
/* -------------------- mission-go5 responsive (1000) -------------------- */
@media screen and (max-width: 1000px) {
    .mission-go5 {}
    /* ===== movie-modal ===== */
    .movie-modal {}
    .movie-modal__movie {
        width: 92%;
    }
    /* ===== End movie-modal ===== */
}
/* -------------------- mission-go5 responsive (750) -------------------- */
@media screen and (max-width: 750px) {
    .mission-go5 {
        padding: 6.6rem 0 0;
    }
    .mission-go5__page-title-area {
        margin-bottom: 4.7rem;
    }
    .mission-go5-intro {
        flex-direction: column-reverse;
        gap: 0;
        margin-bottom: 9.6rem;
    }
    .mission-go5-intro__title-and-texts-area {
        width: 100%;
    }
    .mission-go5-intro__title {
        margin-top: 1.6rem;
        font-size: 2.6rem;
    }
    .mission-go5-intro__texts-area {
        margin-top: 1.9rem;
    }
    .mission-go5-intro__text {
        font-size: 1.6rem;
        line-height: 1.8;
    }
    .mission-go5-intro__movie-button-area {
        width: 100%;
    }
    .movie-button {}
    .movie-button .icon-play {
        width: 5.1rem;
        height: 5.1rem;
    }
    /* ===== movie-modal ===== */
    .movie-modal {}
    .movie-modal__movie {
        width: 100%;
    }
    .movie-modal__close {
        position: absolute;
        top: 2rem;
        right: 2rem;
        width: 5rem;
    }
    /* ===== End movie-modal ===== */
    /* ===== mission-go5-comic ===== */
    .mission-go5-comic {
        padding: 5.2rem 7% 0;
        border-radius: 6px;
        margin: 10.3rem 0 8rem;
    }
    .mission-go5-comic__mark {
        left: 2rem;
        width: 7rem;
    }
    .mission-go5-comic__inner {
        flex-direction: column;
        max-width: 84rem;
    }
    .mission-go5-comic__title {
        width: 100%;
        text-align: left;
    }
    .mission-go5-comic__text-en {
        font-size: 2.2rem;
    }
    .mission-go5-comic__text-jp {
        font-size: 1.4rem;
    }
    .mission-go5-comic__img {
        position: relative;
        right: unset;
        width: 100%;
    }
    .mission-go5-comic__circle-area {
        top: 6rem;
        right: 6.25%;
        transform: translateY(0);
    }
    /* ===== End mission-go5-comic ===== */
    /* ----- characters ----- */
    .characters {
        padding: 8rem 0 10rem;
    }
    .characters__section-title-area {
        margin-bottom: 4.1rem;
    }
    .characters-modal-buttons {}
    .characters-modal-buttons__section + .characters-modal-buttons__section {
        margin-top: 6rem;
    }
    .characters-small-title {}
    .characters-small-title__text-en {
        font-size: 2.2rem;
    }
    .characters-small-title__text-en .adjuster5 {
        top: -0.2rem;
    }
    .characters-small-title__text-jp {
        font-size: 1.3rem;
    }
    /* ----- End characters ----- */
    .characters-modal-buttons__text-area {
        margin-top: 2.4rem;
        padding-bottom: 0.9rem;
    }
    .characters-modal-buttons__text {
        font-size: 1.6rem;
        line-height: 1.8;
    }
    .characters-modal-buttons__list-area {
        margin-top: 2.8rem;
    }
    .characters-modal-buttons__list {
        gap: 4rem 6%;
    }
    .characters-modal-buttons__item {
        width: calc((100% - 6%) / 2);
    }
    .characters-modal-button {}
    .characters-modal-button__img {
        margin-bottom: 1.9rem;
    }
    .characters-modal-button__title {
        font-size: 2rem;
    }
    .characters-modal-button__text {
        margin-top: 0.7rem;
        font-size: 1.3rem;
    }
    /* ===== character-modal ===== */
    .character-modal {
        overflow-y: auto;
    }
    .character-modal__contents {
        position: relative;
        top: 17.5rem;
        transform: translate(-50%,0);
        width: 89%;
    }
    .character-modal__contents::after {
        content: '';
        position: absolute;
        bottom: -2rem;
        left: 0;
        display: block;
        width: 100%;
        padding-bottom: 2rem;
    }
    .character-modal__contents-inner {
        justify-content: start;
        min-height: 56rem;
        height: 100%;
    }
    .character-modal__close {
        top: 2rem;
        right: 2rem;
        transform: unset;
        width: 5rem;
    }
    .character-modal__illust-bgi {
        top: 2rem;
        right: 0;
        bottom: unset;
        left: unset;
        z-index: 2;
        width: 100%;
    }
    .character-modal__illust-bgi img {
        bottom: -2rem;
    }
    .character-modal__illust-main-img {
        right: -1.3rem;
        top: -8.5rem;
        bottom: unset;
        left: unset;
        width: clamp(13rem,35%,21rem);
    }
    .character-modal__illust-main-img img {
        bottom: 2rem;
    }
    .character-modal__bg-text-img {
        top: 0;
        bottom: unset;
        left: 0;
        z-index: 1;
        width: auto;
        height: 100%;
        border-top-left-radius: 1rem;
    }
    .character-modal__bg-text-img img {
        top: 5rem;
        left: 0;
        transition: top .8s;
    }
    .character-modal.-open .character-modal__bg-text-img img {
        top: 0;
        width: auto;
        height: 100%;
    }
    .character-modal__bg-gradiation-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .character-modal__bg-gradiation-img img {
        height: 100%;
        object-fit: cover;
    }
    .character-modal__title-and-texts-area {
        padding: 6rem 6% 2.6rem;
    }
    .character-modal__en-name {
        font-size: 2rem;
    }
    .character-modal__jp-name {
        font-size: 4rem;
    }
    .character-modal__voice {
        margin-top: 0.4rem;
        font-size: 1.8rem;
    }
    .character-modal__texts-area {
        max-width: 30rem;
        margin-top: 8rem;
    }
    .character-modal__table-area {
        padding-top: 3rem;
        margin-top: 2.5rem;
    }
    .character-table {}
    .character-table__th {
        display: block;
        width: 11.8rem;
        font-size: 1.4rem;
    }
    .character-table__tr:nth-child(1) .character-table__th::before {
        top: 0.8rem;
    }
    .character-table__tr:nth-child(2) .character-table__th::before {
        top: 0.9rem;
    }
    .character-table__tr:nth-child(3) .character-table__th::before {
        top: 0.9rem;
    }
    .character-table__td {
        width: calc(100% - 11.8rem);
        font-size: 1.4rem;
    }
    /* ===== End character-modal ===== */
}
/* ==================== End mission-go5 ==================== */
/* ==================== topics ==================== */
.topics {
    padding: 13.4rem 0 10.3rem;
}
.topics__wrapper {
    width: var(--wrapper-width);
    max-width: var(--wrapper-max-width);
    margin: 0 auto;
}
.topics__cats-area {
    margin-top: 6.5rem;
}
.topics__list-area {
    margin-top: 4rem;
}
.topics__pagination-area {
    margin-top: 6.5rem;
}
/* ----- responsive (750) ----- */
@media screen and (max-width: 750px) {
    .topics {
        padding: 6.9rem 0 7rem;
    }
    .topics__wrapper {
        width: 100%;
    }
    .topics__section-title-area {
        padding: 0 5.5%;
    }
    .topics__cats-area {
        padding: 0 5.5%;
        margin-top: 4.5rem;
    }
    .topics__list-area {
        margin-top: 2rem;
    }
    .topics__pagination-area {
        margin-top: 4.5rem;
    }
}
/* ==================== End topics ==================== */
/* ==================== topics-single ==================== */
.topics-single {
    padding: 13.8rem 0 10rem;
}
.topics-single__wrapper {
    width: clamp(75rem,60%,110rem);
    margin: 0 auto;
}
.topics-single__upper {
    padding-bottom: 4.8rem;
}
.topics-single__cats-and-date-area {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.1rem;
}
.topics-single__date {
    font-weight: 500;
}
.topics-single__cats-area {
    margin-bottom: 0.3rem;
}
.topics-single__page-title {
    font-size: 3.6rem;
    font-weight: 900;
    line-height: 1.5;
}
.topics-single__button-area {
    display: flex;
    justify-content: center;
    margin-top: 8.5rem;
}
/* -------------------- topics-single responsive (750) -------------------- */
@media screen and (max-width: 750px) {
    .topics-single {
        padding: 4.8rem 0 8rem;
    }
    .topics-single__wrapper {
        width: var(--wrapper-width);
    }
    .topics-single__upper {
        padding-bottom: 4rem;
    }
    .topics-single__cats-and-date-area {
        margin-bottom: 1rem;
    }
    .topics-single__page-title {
        font-size: 3rem;
    }
    .topics-single__button-area {
        margin-top: 5.5rem;
    }
}
/* ==================== End topics-single ==================== */
/* ==================== premium ==================== */
.premium {
    padding: 13.4rem 0 12.5rem;
}
.premium__section {}
.premium__page-title-area {
    margin-bottom: 6.3rem;
}
.premium__intro-text {
    font-size: max(1.8rem, 14px);
    font-weight: 700;
    line-height: 2;
}
.premium__joining-area {
    padding-bottom: 10rem;
}
.premium__hr {
    width: 100%;
    border-top: 1px solid #1e2328;
}
.premium-joining {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 6.8rem;
}
.premium-joining__units-area {
    display: flex;
    gap: 7.5rem;
}
.premium-joining__unit {
    position: relative;
    z-index: 1;
    padding-left: 13.7rem;
}
.premium-joining__icon {
    position: absolute;
    top: calc(50% - 0.5rem);
    left: 0;
    z-index: 2;
    transform: translateY(-50%);
    display: block;
    width: 11rem;
}
.premium-joining__title {
    margin-bottom: 1rem;
    font-size: 2rem;
    font-size: max(2rem, 16px);
}
.premium-joining__text {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 4.8rem;
    font-weight: 700;
    line-height: 1;
}
.premium-joining__text::before {
    content: '';
    position: absolute;
    bottom: -0.5rem;
    left: -5rem;
    z-index: -1;
    display: block;
    width: calc(100% + 7.5rem);
    height: 2rem;
    background-color: #deab02;
    opacity: .4;
}
.premium-joining__text.--blue-marker::before {
    background-color: #2ea2dd;
}
.premium-joining__text-small {
    font-size: 2.4rem;
}
.premium__details-area {
    padding-top: 10rem;
}
.premium-details {}
.premium-details__title {
    position: relative;
    text-align: center;
    font-size: 3rem;
    font-weight: 900;
    line-height: 1.8;
}
.premium-details__title::before {
    content: '';
    position: absolute;
    top: -2.4rem;
    left: calc(50% - 21rem);
    z-index: 1;
    display: inline-block;
    width: 3.3rem;
    height: 3rem;
    background-image: url('/assets/img/premium-mark-attention.png');
    background-repeat: no-repeat;
    background-size: 3.3rem 3rem;
}
.premium-details__title span {
    color: #ffe132;
}
.premium-details__list-area {
    margin-top: 9.5rem;
}
.premium-details__list {
    display: flex;
    flex-wrap: wrap;
    gap: 7rem 2.4rem;
    justify-content: center;
}
.premium-details__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc((100% - 2.4rem * 2) / 3);
    padding: 3rem 1rem 3.2rem;
    border: 1px solid #FFF;
    border-radius: 5px;
    background-color: #13181d;
}
.premium-details__item::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    display: inline-block;
    width: 13rem;
    height: 10rem;
    background-image: url('/assets/img/premium-number1.png');
    background-repeat: no-repeat;
    background-size: 13rem 10rem;
}
.premium-details__item:nth-child(2)::before {
    background-image: url('/assets/img/premium-number2.png');
}
.premium-details__item:nth-child(3)::before {
    background-image: url('/assets/img/premium-number3.png');
}
.premium-details__item:nth-child(4)::before {
    background-image: url('/assets/img/premium-number4.png');
}
.premium-details__item:nth-child(5)::before {
    background-image: url('/assets/img/premium-number5.png');
}
.premium-details__bg-star {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 4.2rem;
}
.premium-details__decoration-img {
    position: absolute;
    top: -0.8rem;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 14rem;
}
.premium-details__text {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.8;
}
.premium-details__text span {
    color: #009e3b;
}
.premium-details__warn {
    position: relative;
    z-index: 1;
    color: #5a5d60;
}
.premium-announce {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10.8rem;
}
.premium-announce__title {
    position: relative;
    display: inline-block;
    font-size: 4.6rem;
    font-weight: 700;
    color: #fff;
    background-image: linear-gradient(transparent 0%, transparent 52%, rgba(222, 171, 2, .4) 52%,rgba(222, 171, 2, .4) 100%);
    padding: 0 10px 10px;
}
.premium-announce__title::after {
    content: '';
    position: absolute;
    top: -2.5rem;
    right: -3rem;
    z-index: 1;
    display: inline-block;
    width: 39px;
    height: 40px;
    background-image: url('/assets/img/icon-two-stars.png');
    background-repeat: no-repeat;
    background-size: 39px 40px;
}
.premium-announce__text {
    margin-top: 3.5rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.8;
    color: #fff;
}
.premium__button-area {
    display: flex;
    justify-content: center;
    margin-top: 9rem;
}
/* -------------------- premium responsive (750) -------------------- */
@media screen and (max-width: 750px) {
    .premium {
        padding: 6.8rem 0 11rem
    }
    .premium__section {}
    .premium__page-title-area {
        margin-bottom: 3.5rem;
    }
    .premium__intro-text {
        font-size: 1.8rem;
    }
    .premium__joining-area {
        padding-bottom: 8.7rem;
    }
    .premium-joining {
        flex-direction: column;
        justify-content: space-between;
        align-items: start;
        margin-top: 5.5rem;
    }
    .premium-joining__units-area {
        flex-direction: column;
        gap: 7.7rem;
    }
    .premium-joining__unit {
        padding-left: 10.7rem;
    }
    .premium-joining__icon {
        top: calc(50% - 0.5rem);
        width: 9rem;
    }
    .premium-joining__title {
        margin-bottom: 0.4rem;
        font-size: 1.6rem;
    }
    .premium-joining__text {
        font-size: 3.8rem;
    }
    .premium-joining__text::before {
        left: -3.4rem;
        width: calc(100% + 5rem);
        height: 2rem;
    }
    .premium-joining__text-small {
        font-size: 1.8rem;
    }
    .premium-joining__button-area {
        display: flex;
        justify-content: end;
        width: 100%;
        margin-top: 6rem;
    }
    .premium-details {}
    .premium-details__title {
        font-size: 2.6rem;
        line-height: 1.61;
    }
    .premium-details__title::before {
        top: -3rem;
        left: calc(50% - 15.8rem);
        width: 2.8rem;
        height: 2.6rem;
        background-size: 2.8rem 2.6rem;
    }
    .premium-details__list-area {
        /* margin-top: 9.5rem; */
    }
    .premium-details__list {
        gap: 7.3rem 2.4rem;
    }
    .premium-details__item {
        width: 100%;
        height: 20.8rem;
        padding: 3.3rem 1rem 3.2rem;
    }
    .premium-details__bg-star {
        top: 1.4rem;
        left: 1.4rem;
        width: 4.2rem;
    }
    .premium-details__decoration-img {
        top: -0.8rem;
        width: 14rem;
    }
    .premium-details__warn {
        margin-top: 0.3rem;
        font-size: 1.4rem;
    }
    .premium-announce {
        margin-top: 6.5rem;
    }
    .premium-announce__title {
        font-size: 3.6rem;
        background-image: linear-gradient(transparent 0%, transparent 52%, rgba(222, 171, 2, .4) 52%,rgba(222, 171, 2, .4) 100%);
        padding: 0 10px 10px;
    }
    .premium-announce__title::after {
        top: -2rem;
        right: -2.2rem;
        width: 36px;
        height: 37px;
        background-size: 36px 37px;
    }
    .premium-announce__text {
        margin-top: 2.3rem;
    }
    .premium__button-area {
        justify-content: end;
        margin-top: 5rem;
    }
}
/* ==================== End premium ==================== */
/* ==================== error404 ==================== */

/* ==================== End error404 ==================== */
/* ======================================== End Index(home) & Pages ======================================== */