@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap";
.l-gungun12h__base {
    background-color: #fcd234;
    overflow: hidden;
}
.l-baseW {
    margin: 0 auto;
    max-width: 1000px;
    width: 92%;
}
.u-mPlus {
    -webkit-transform: rotate(0.05deg);
    transform: rotate(0.05deg);
    font-family: "M PLUS Rounded 1c", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro",
        "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
    font-weight: 700;
    display: inline-block;
}
.u-mPlus--reg {
    font-weight: 400;
}
.u-mPlus--bold {
    font-weight: 900;
}
.u-sponly {
    display: inline;
}
@media screen and (min-width: 700px) {
    .u-sponly {
        display: none;
    }
}
.u-pconly {
    display: none;
}
@media screen and (min-width: 700px) {
    .u-pconly {
        display: inline;
    }
}
.u-ls-001em {
    letter-spacing: -0.01em;
}
.u-ls-01em {
    letter-spacing: -0.1em;
}
.u-ls-02em {
    letter-spacing: -0.2em;
}
.u-ls-03em {
    letter-spacing: -0.3em;
}
.u-ls-04em {
    letter-spacing: -0.4em;
}
.u-ls-05em {
    letter-spacing: -0.5em;
}
.c-title__en {
    display: block;
    margin: 0 auto;
    margin-top: -0.4em;
    font-size: 4.272vw;
    text-align: center;
    color: #241f80;
    font-weight: 900;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 700px) {
    .c-title__en {
        font-size: 28px;
    }
}
.c-title__en.is_active {
    opacity: 1;
    translate: 0;
}
.c-title__en--white {
    color: #fff;
}
.p-mv {
    position: relative;
    padding: 0 0 29.7vw;
    background-color: #241f80;
    text-align: right;
    background-image: url(/_var/goo-n/gungun12h/update202410/img/mv/sp/bg_border.png),
        url(/_var/goo-n/gungun12h/update202608/img/mv/sp/bg_star.png);
    background-size: 100%, 95%;
    background-repeat: no-repeat;
    background-position: top left, center 32.04vw;
    overflow: hidden;
}

.p-mv__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    align-items: center;
    max-width: 1560px;
    margin: 0 auto;
    padding: 0;
    margin-top: 5vw;
    position: relative;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}

.p-mv__block.is_active {
    opacity: 1;
    translate: 0;
}

.p-mv__logo {
    width: 84.5%;
    margin-bottom: -1em;
    max-width: 114.81vw;
}

.p-mv__logo:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 23.5%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 21.36vw;
    height: 21.36vw;
    background-color: #fff;
}

.p-mv__image {
    width: 82.133vw;
    margin: 3.467vw 0 0;
    position: relative;
}

.p-mv__image img {
    width: 100%;
    height: auto;
    display: block;
}

.p-mv__image p {
    position: absolute;
    bottom: -8%;
    left: 1%;
    width: 12.533vw;
    opacity: 0;
    transform: translate(0, 15%);
    transition: opacity 1s ease-out, transform 1s ease-out;
}

.p-mv__image p.is_active {
    opacity: 1;
    transform: translate(0, 0);
}


@media screen and (min-width: 700px) {
    .p-mv {
        padding: 7.8em 0 22em;
        background: #241f80 url(/_var/goo-n/gungun12h/update202608/img/mv/bg_star.png) center center no-repeat;
        background-size: 1920px 100%;;
        background-position: center top;
    }

    .p-mv__block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 3vw;
        margin-top: 0;
    }

    .p-mv__logo {
        width: clamp(500px, 30vw, 568px);
    }

    .p-mv__logo:before {
        display: none;
    }

    .p-mv__image {
        width: clamp(640px, 38.55vw, 730px);
        margin: 0.8125em 0 0 1.125em;
    }

    .p-mv__image p {
        max-width: clamp(50px, 6vw, 108px);
        bottom: -6%;
        left: auto;
        right: 0;
    }
}
@media screen and (min-width: 1380px) {
    .p-mv__image p {
        display: inline-block;
        margin-right: 0;
        text-align: right;
        max-width: clamp(50px, 6vw, 108px);
        bottom: -3%;
        left: auto;
        right: -16%;
    }
}

.p-intro {
    padding: 2px 0 36.088vw;
    text-align: center;
    position: relative;
}
.p-intro::before {
    content: '';
    background: url('/_var/goo-n/gungun12h/update202410/img/common/sp/bg_01.png') bottom center no-repeat;
    background-size: contain;
    width: 100vw;
    height: 32vw;
    position: absolute;
    top: -31vw;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 700px) {
    .p-intro {
        padding: 3em 0 20em;
    }
    .p-intro::before {
        content: '';
        background: url('/_var/goo-n/gungun12h/update202608/img/common/bg_01.png') bottom center repeat-x;
        background-position: calc(50% + 80px) bottom;
        background-size: auto 389px;
        width: 100vw;
        min-width: 1400px;
        height: 389px;
        position: absolute;
        top: -314px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.p-intro__inner {
    margin-top: 2em;
}
@media screen and (min-width: 700px) {
    .p-intro__inner {
        margin-top: 0;
    }
}
.p-intro__bigInner {
    position: relative;
}
@media screen and (min-width: 2001px) {
    .p-intro__bigInner::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 30px;
        width: 20%;
        height: 10vw;
        background-color: #fcd234;
    }
}
.p-intro__contentTitle {
    z-index: 2;
    position: relative;
    display: inline-block;
    text-align: center;
    color: #241f80;
    font-size: 4.539vw;
}
@media screen and (min-width: 700px) {
    .p-intro__contentTitle {
        font-size: 40px;
    }
}
.p-intro__contentTitle:before {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 95.586vw;
    height: 17.355vw;
    background-image: url(/_var/goo-n/gungun12h/update202410/img/intro/speech.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (min-width: 700px) {
    .p-intro__contentTitle:before {
        width: 1000px;
        height: 130px;
    }
}
.p-intro__contentTitle span {
    position: relative;
    top: -1.068vw;
}
@media screen and (min-width: 700px) {
    .p-intro__contentTitle span {
        top: -14px;
    }
}
.p-intro__contentBox {
    width: 88%;
    margin: 0 auto;
    background: #241f80 url(/_var/goo-n/gungun12h/update202608/img/intro/sp/bg_star.png);
    background-size: 100% 100%;
    border-radius: 1.602vw;
    border-right: 3px solid #241f80;
    border-bottom: 3px solid #241f80;
    border-left: 3px solid #241f80;
    overflow: hidden;
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 96.5%;
        background: #241f80 url(/_var/goo-n/gungun12h/update202608/img/intro/bg_star.png);
        background-size: 100% 100%;
        border-radius: 12px;
        border-right: 5px solid #241f80;
        border-bottom: 5px solid #241f80;
        border-left: 5px solid #241f80;
    }
}
.p-intro__contentBox__wrap {
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
.p-intro__contentBox__wrap.is_active {
    opacity: 1;
    translate: 0;
}
.p-intro__contentBox__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 16vw 0 6vw;
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox__items {
        padding: 5em 4.5em 1em;
    }
}
.p-intro__contentBox__items__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 92%;
    gap: 15px;
    row-gap: 6px;
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox__items__list {
        width: auto;
        gap: 0;
    }
}
.p-intro__contentBox__items__listItem:first-of-type {
    width: 100%;
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox__items__listItem:first-of-type {
        width: auto;
        order: 3;
    }
}
.p-intro__contentBox__items__listItemImage {
    max-width: 30.5vw;
    height: 54.66vw;
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 1;
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox__items__listItemImage {
        max-width: 206px;
        height: 368px;
    }
}
.p-intro__contentBox__items__listItemImage--moreBig {
    max-width: 27.5vw;
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox__items__listItemImage--moreBig {
        max-width: 185px;
        margin-left: 1.3em;
    }
}
.p-intro__contentBox__items__listItemImage--large {
    max-width: 39.46vw;
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox__items__listItemImage--large {
        max-width: 290px;
        margin-top: 4.5em;
        margin-left: 2.5em;
    }
}
.p-intro__contentBox__items__listItem p {
    font-size: 10px;
    color: #fff;
}
@media screen and (min-width: 375px) {
    .p-intro__contentBox__items__listItem p {
        font-size: 2.67vw;
    }
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox__items__listItem p {
        font-size: 20px;
    }
}
.p-intro__release-date {
    font-size: 3.33vw;
    font-weight: 700;
    color: #1d2085;
    display: block;
    margin-top: 0.5em;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
.p-intro__release-date.is_active {
    opacity: 1;
    translate: 0;
}
@media screen and (min-width: 700px) {
    .p-intro__release-date {
        font-size: 29px;
        text-align: right;
        margin: 0.15em 3.4em 0 0;
    }
}
.p-intro__contentBox__items__listItem .p-intro__new-badge {
    position: absolute;
    top: -10.602vw;
    right: -18.3vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 18.66vw;
    height: 18.66vw;
    color: #241f80;
    background-color: #fcd234;
    font-size: 7.73vw;
    border-radius: 100px;
    z-index: -1;
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox__items__listItem .p-intro__new-badge {
        top: -93px;
        right: -67px;
        width: 70px;
        height: 70px;
        font-size: 29px;
    }
}
@media screen and (min-width: 1090px) {
    .p-intro__contentBox__items__listItem .p-intro__new-badge {
        top: -82px;
        right: -134px;
        width: 145px;
        height: 145px;
        font-size: 52px;
    }
}
.p-intro__contentBox__logo {
    position: absolute;
    right: 8vw;
    bottom: 2vw;
    max-width: 10.68vw;
}
@media screen and (min-width: 700px) {
    .p-intro__contentBox__logo {
        right: 3.2em;
        bottom: 1.5em;
        max-width: 76px;
    }
}
.p-intro__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.005vw;
    margin-top: 1.5em;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
.p-intro__list.is_active {
    opacity: 1;
    translate: 0;
}
@media screen and (min-width: 700px) {
    .p-intro__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 12px;
        margin-top: 2em;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.p-intro__list li {
    width: 100%;
}
@media screen and (min-width: 700px) {
    .p-intro__list li {
        width: calc((100% - 24px) / 3);
    }
}
.p-intro__list li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.7em;
    padding-right: 0.9em;
    background-color: #241f80;
    color: #fff;
    height: 13.35vw;
    border-radius: 26.7vw;
    font-size: 5.607vw;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: 0.2s background-color ease-in-out;
    transition: 0.2s background-color ease-in-out;
}
@media screen and (min-width: 700px) {
    .p-intro__list li a {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        font-size: 32px;
        height: 132px;
    }
}
.p-intro__list li a:hover {
    background-color: #3a32cd;
}
.p-intro__list li a .arrowBox {
    position: absolute;
    top: 50%;
    right: 1em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 7.209vw;
    height: 7.209vw;
    background-color: #fcd234;
    border-radius: 26.7vw;
}
@media screen and (min-width: 700px) {
    .p-intro__list li a .arrowBox {
        position: initial;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        width: 34px;
        height: 34px;
    }
}
.p-intro__list li a .arrowBox::before {
    content: "";
    position: absolute;
    top: 56%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-left: 2.136vw solid rgba(0, 0, 0, 0);
    border-right: 2.136vw solid rgba(0, 0, 0, 0);
    border-top: 2.67vw solid #1d2085;
}
@media screen and (min-width: 700px) {
    .p-intro__list li a .arrowBox::before {
        top: 50%;
        left: 50%;
        border-left: 9px solid rgba(0, 0, 0, 0);
        border-right: 9px solid rgba(0, 0, 0, 0);
        border-top: 12px solid #1d2085;
    }
}
.p-scenes {
    background-color: #4bffff;
    text-align: center;
    position: relative;
}
.p-scenes::before {
    content: '';
    background: url('/_var/goo-n/gungun12h/update202410/img/common/sp/bg_02.png') bottom center no-repeat;
    background-size: contain;
    width: 100vw;
    height: 268vw;
    position: absolute;
    top: -34vw;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 700px) {
    .p-scenes::before {
        content: '';
        background: url('/_var/goo-n/gungun12h/update202608/img/common/bg_02.png') center center repeat-x;
        background-position: calc(50% + 80px) bottom;
        background-size: auto 2500px;
        width: 100vw;
        min-width: 1400px;
        height: 2500px;
        position: absolute;
        top: -314px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.p-scenes__bigInner {
    padding: 5.33vw 0 38.04vw;
}
@media screen and (min-width: 700px) {
    .p-scenes__bigInner {
        padding: 0 0 22em;
    }
}
.p-scenes__title {
    z-index: 2;
    position: relative;
    margin: 0 auto;
    max-width: 516px;
    width: 90%;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
.p-scenes__title.is_active {
    opacity: 1;
    translate: 0;
}
.p-scenes__list {
    position: relative;
    margin-top: 1em;
}
@media screen and (min-width: 700px) {
    .p-scenes__list {
        margin-top: 2em;
    }
}
.p-scenes__listItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.p-scenes__listItem.is_active {
    opacity: 1;
    translate: 0;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem:nth-child(1) {
        margin-right: 10em;
    }
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem:nth-child(2) {
        margin-right: -12em;
    }
}
.p-scenes__listItem__whiteBox {
    margin-top: -2em;
    padding: 2em 1.5em;
    border-radius: 4.272vw;
    display: block;
    background-color: #fff;
}
@media screen and (min-width: 375px) {
    .p-scenes__listItem__whiteBox {
        padding: 1.8em;
    }
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem__whiteBox {
        margin-top: 0;
        padding: 1em 2em;
        border-radius: 18px;
    }
}
.p-scenes__listItem__whiteBoxText {
    font-size: 6.942vw;
    color: #241f80;
    line-height: 1.8;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem__whiteBoxText {
        font-size: 33px;
        line-height: 1.7;
    }
}
.p-scenes__listItem__whiteBoxTextDotted {
    position: relative;
    display: block;
    text-align: center;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem__whiteBoxTextDotted {
        text-align: left;
    }
}
.p-scenes__listItem__whiteBoxTextDotted::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 3px dotted #241f80;
}
.p-scenes__listItem__whiteBoxTextDotted--dib {
    display: inline-block;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem__whiteBoxTextDotted--dib {
        display: block;
    }
}
.p-scenes__listItem__whiteBoxTextDotted--dib::after {
    display: none;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem__whiteBoxTextDotted--dib::after {
        display: block;
    }
}
.p-scenes__listItem__whiteBoxTextDotted--dibWrap {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}
.p-scenes__listItem__whiteBoxTextDotted--dibWrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    border-bottom: 3px dotted #241f80;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem__whiteBoxTextDotted--dibWrap::after {
        display: none;
    }
}
.p-scenes__listItem__whiteBoxTextDotted--ml {
    margin-left: -0.2em;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem__whiteBoxTextDotted--ml {
        margin-left: 0;
    }
}
.p-scenes__listItem:nth-child(1) .p-scenes__listItem__whiteBox {
    width: 83%;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem:nth-child(1) .p-scenes__listItem__whiteBox {
        padding: 1.7em 3em 1.7em 6em;
        margin-left: -5em;
        width: auto;
    }
}
.p-scenes__listItem:nth-child(2) {
    margin-top: 2.5em;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem:nth-child(2) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-top: 2em;
    }
}
@media screen and (min-width: 700px) {
    .p-scenes__listItem:nth-child(2) .p-scenes__listItem__whiteBox {
        padding: 1.7em 9em 1.7em 3em;
        margin-right: -9em;
    }
}
.p-scenes__listItemImage {
    z-index: 2;
}
.p-scenes__listItemImage--night {
    margin-left: -16.02vw;
    width: 78%;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItemImage--night {
        margin-left: 0;
        max-width: 334px;
    }
}
.p-scenes__listItemImage--morning {
    margin-right: 13.35vw;
    width: 80%;
}
@media screen and (min-width: 700px) {
    .p-scenes__listItemImage--morning {
        margin-right: 0;
        max-width: 346px;
    }
}
.p-product {
    background: #fcd234;
    position: relative;
    padding: 0 0 50.156vw;
    text-align: center;
}
.p-product::before {
    content: '';
    background: url('/_var/goo-n/gungun12h/update202410/img/common/sp/bg_03.png') bottom center no-repeat;
    background-size: contain;
    width: 100vw;
    height: 32vw;
    position: absolute;
    top: -37vw;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 700px) {
    .p-product {
        padding: 0 0 20em;
    }
    .p-product::before {
        content: '';
        background: url('/_var/goo-n/gungun12h/update202608/img/common/bg_03.png') center center repeat-x;
        background-position: calc(50% + 80px) bottom;
        background-size: auto 389px;
        width: 100vw;
        min-width: 1400px;
        height: 389px;
        position: absolute;
        top: -340px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.p-product__bigInner {
    margin-top: 2.5em;
}
@media screen and (min-width: 700px) {
    .p-product__bigInner {
        margin-top: 0;
    }
}
.p-product__title {
    margin: 0 auto;
    max-width: 517px;
    width: 78%;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
.p-product__title.is_active {
    opacity: 1;
    translate: 0;
}
.p-product__list {
    margin-top: 10.68vw;
    text-align: left;
}
@media screen and (min-width: 700px) {
    .p-product__list {
        margin-top: 3em;
    }
}
.p-product__listItem {
    position: relative;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
.p-product__listItem.is_active {
    opacity: 1;
    translate: 0;
}
.p-product__listItem:nth-child(n + 2) {
    margin-top: 8.01vw;
}
@media screen and (min-width: 700px) {
    .p-product__listItem:nth-child(n + 2) {
        margin-top: 2em;
    }
}
.p-product__listItem__block {
    width: 100%;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.p-product__listItem__whiteBox {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    border: 3px solid #241f80;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    width: 100%;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBox {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 30%;
        border-radius: 12px;
        border: 5px solid #241f80;
    }
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBox--point02 {
        padding: 0 0 1em 0;
    }
}
.p-product__listItem__whiteBoxTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    gap: 0.5em;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBoxTitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }
}
.p-product__listItem__whiteBoxTitlePoint {
    padding-left: 1em;
    font-size: 4.005vw;
    color: #241f80;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBoxTitlePoint {
        padding-left: 0;
        font-size: 24px;
    }
}
.p-product__listItem__whiteBoxTitlePoint .num {
    font-size: 130%;
    letter-spacing: -0.1em;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBoxTitlePoint .num {
        font-size: 146%;
        margin-left: 0.2em;
    }
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBoxTitle--point03 {
        position: relative;
        top: -0.5em;
    }
}
.p-product__listItem__whiteBoxTitleText {
    position: relative;
}
.p-product__listItem__whiteBoxTitleText::before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 46%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 97%;
    border-radius: 1.068vw;
    height: 2.403vw;
    background-color: #fff;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBoxTitleText::before {
        display: none;
    }
}
.p-product__listItem__whiteBoxTitleText--point01 {
    margin-top: -7.476vw;
    max-width: 65.415vw;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBoxTitleText--point01 {
        margin-top: 0.7em;
        max-width: 211px;
    }
}
.p-product__listItem__whiteBoxTitleText--point01::before {
    top: 55%;
}
.p-product__listItem__whiteBoxTitleText--point01 span {
    position: absolute;
    top: 1.602vw;
    right: -4.806vw;
    font-size: 10px;
}
@media screen and (min-width: 375px) {
    .p-product__listItem__whiteBoxTitleText--point01 span {
        font-size: 2.67vw;
    }
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBoxTitleText--point01 span {
        top: -4px;
        right: 0;
        font-size: 20px;
    }
}
.p-product__listItem__whiteBoxTitleText--point02 {
    margin-top: -5.34vw;
    max-width: 67.818vw;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBoxTitleText--point02 {
        margin-top: 0.7em;
        max-width: 160px;
    }
}
.p-product__listItem__whiteBoxTitleText--point02::before {
    top: 46%;
}
.p-product__listItem__whiteBoxTitleText--point03 {
    margin-top: -4.272vw;
    max-width: 66.75vw;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__whiteBoxTitleText--point03 {
        margin-top: 0.7em;
        max-width: 190px;
    }
}
.p-product__listItem__whiteBoxTitleText--point03::before {
    top: 40%;
}
.p-product__listItem__blueBox {
    position: relative;
    border: 3px solid #241f80;
    border-radius: 0 0 12px 12px;
    width: 100%;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBox {
        padding: 1.5em 0px;
        margin-left: -0.5em;
        width: 70%;
        border-radius: 12px;
        border: 5px solid #241f80;
    }
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBox--point01 {
        padding: 0.5em 0px 0em 0px;
    }
}
.p-product__listItem__blueBox--point02 {
    padding: 0.5em 0 0.7em;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBox--point02 {
        padding: 1.5em 0px;
    }
}
.p-product__listItem__blueBox--point03 {
    padding: 0.5em 0 0.7em;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBox--point03 {
        padding: 1.2em 0px;
    }
}
.p-product__listItem__blueBox__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0.7em;
    padding-left: 0.7em;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBox__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
    }
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBox__inner--point01 {
        gap: 1.5em;
    }
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBox__inner--point02 {
        gap: 3em;
    }
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBox__inner--point03 {
        gap: 3em;
    }
}
.p-product__listItem__blueBoxImage--point01 {
    margin-bottom: -2.67vw;
    width: 44%;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBoxImage--point01 {
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 1em;
        max-width: 222px;
    }
}
.p-product__listItem__blueBoxImage--point02 {
    width: 39%;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBoxImage--point02 {
        max-width: 204px;
    }
}
.p-product__listItem__blueBoxImage--point03 {
    width: 41%;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBoxImage--point03 {
        max-width: 214px;
    }
}
.p-product__listItem__blueBoxText {
    font-size: 5.073vw;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBoxText {
        font-size: 34px;
    }
}
.p-product__listItem__blueBoxText .mini {
    font-size: 88%;
    font-weight: 700;
}
.p-product__listItem__blueBoxText--point01 {
    margin-top: -1em;
}
.p-product__listItem__blueBoxText--point02 {
    margin-top: -1em;
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBoxText--point02 {
        margin-top: -0.5em;
    }
}
.p-product__listItem__blueBoxText--point03 {
    margin-top: -0.5em;
}
.p-product__listItem__blueBoxNote {
    position: absolute;
    right: 1em;
    bottom: 0.5em;
    font-size: 10px;
}
@media screen and (min-width: 375px) {
    .p-product__listItem__blueBoxNote {
        font-size: 2.67vw;
    }
}
@media screen and (min-width: 700px) {
    .p-product__listItem__blueBoxNote {
        font-size: 17px;
    }
}
.p-product__listItemNote {
    margin-top: 0.5em;
    font-size: 10px;
}
@media screen and (min-width: 375px) {
    .p-product__listItemNote {
        font-size: 2.67vw;
    }
}
@media screen and (min-width: 700px) {
    .p-product__listItemNote {
        margin-top: 0.8em;
        font-size: 16px;
        display: flex;
    }
    .p-product__listItemNote span {
        margin-right: 0.3em;
    }
}
.p-product__subTitle {
    display: block;
    margin-top: 1.5em;
    text-align: center;
    text-align: center;
    color: #241f80;
    font-size: 5.607vw;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
.p-product__subTitle.is_active {
    opacity: 1;
    translate: 0;
}
@media screen and (min-width: 700px) {
    .p-product__subTitle {
        margin-top: 1em;
        font-size: 44px;
    }
}
.p-product__functionList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0em;
    margin: 0 auto;
    margin-top: 0.5em;
    width: 89%;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 700px) {
    .p-product__functionList {
        gap: 1em;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: auto;
    }
}
.p-product__functionList.is_active {
    opacity: 1;
    translate: 0;
}
.p-product__functionList li:nth-child(1) {
    max-width: 486px;
}
.p-product__functionList li:nth-child(2) {
    margin-top: -0.5em;
    max-width: 490px;
}
@media screen and (min-width: 700px) {
    .p-product__functionList li:nth-child(2) {
        margin-top: 0;
    }
}
.p-product__link {
    display: block;
    margin: 0 auto;
    margin-top: 1.5em;
    max-width: 486px;
    -webkit-transition: 0.2s filter ease-in-out;
    transition: 0.2s filter ease-in-out;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 700px) {
    .p-product__link {
        margin-top: 2.5em;
    }
}
.p-product__link:hover {
    -webkit-filter: brightness(1.1) !important;
    filter: brightness(1.1) !important;
}
.p-product__link:hover img {
    opacity: 1;
}
.p-product__link.is_active {
    opacity: 1;
    translate: 0;
}
.p-design {
    text-align: center;
    position: relative;
}
.p-design::before {
    content: '';
    background: url('/_var/goo-n/gungun12h/update202410/img/common/sp/bg_04.png') bottom center no-repeat;
    background-size: contain;
    width: 100vw;
    height: 32vw;
    position: absolute;
    top: -31vw;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 700px) {
    .p-design::before {
        content: '';
        background: url('/_var/goo-n/gungun12h/update202608/img/common/bg_04.png') center center repeat-x;
        background-position: calc(50% + 80px) bottom;
        background-size: auto 389px;
        width: 100vw;
        min-width: 1400px;
        height: 389px;
        position: absolute;
        top: -314px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.p-design__bigInner {
    background-color: #fff;
    padding: 6.4vw 0 38.554vw;
}
@media screen and (min-width: 700px) {
    .p-design__bigInner {
        padding: 0 0 25em;
    }
}
.p-design__title {
    margin: 0 auto;
    max-width: 534px;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
.p-design__title.is_active {
    opacity: 1;
    translate: 0;
}
.p-design__intro {
    margin: 0 auto;
    margin-top: 6.408vw;
    max-width: 478px;
    width: 89%;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 700px) {
    .p-design__intro {
        margin-top: 2em;
        width: auto;
    }
}
.p-design__intro.is_active {
    opacity: 1;
    translate: 0;
}
.p-design__introNote {
    display: block;
    text-align: center;
    font-size: 10px;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 375px) {
    .p-design__introNote {
        font-size: 2.67vw;
    }
}
@media screen and (min-width: 700px) {
    .p-design__introNote {
        font-size: 16px;
    }
}
.p-design__introNote.is_active {
    opacity: 1;
    translate: 0;
}
.p-design__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9.078vw;
    margin-top: 4.272vw;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 700px) {
    .p-design__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 18px;
        margin-top: 2em;
    }
}
.p-design__list.is_active {
    opacity: 1;
    translate: 0;
}
.p-design__listItem {
    position: relative;
    border-radius: 1.602vw;
    width: 100%;
}
@media screen and (min-width: 700px) {
    .p-design__listItem {
        width: calc((100% - 18px) / 2);
        border-radius: 10px;
    }
}
.p-design__listItem--noon {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#9cd6f3),
        color-stop(64%, #fff)
    );
    background: linear-gradient(to bottom, #9cd6f3, #fff 64%);
}
.p-design__listItem--night {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#a59aca),
        color-stop(64%, #fff)
    );
    background: linear-gradient(to bottom, #a59aca, #fff 64%);
}
.p-design__listItemImage {
    margin: 0 auto;
}
@media screen and (min-width: 700px) {
    .p-design__listItemImage {
        padding: 2em 0 0;
    }
}
.p-design__listItemImage--noon {
    padding: 1em 0 0.2em;
    max-width: 467px;
    width: 90%;
}
@media screen and (min-width: 700px) {
    .p-design__listItemImage--noon {
        padding: 2em 0 0;
    }
}
.p-design__listItemImage--night {
    padding: 1.5em 0 0.2em;
    max-width: 440px;
    width: 90%;
}
@media screen and (min-width: 700px) {
    .p-design__listItemImage--night {
        padding: 2em 0 0;
    }
}
.p-design__listItemText {
    display: block;
    margin: 0 auto;
    margin-top: 0.5em;
    text-align: center;
    max-width: 440px;
    padding: 0.2em 0;
    border-radius: 100px;
    color: #fff;
    font-size: 5.607vw;
}
@media screen and (min-width: 700px) {
    .p-design__listItemText {
        font-size: 30px;
    }
}
.p-design__listItemText--noon {
    background-color: #319de6;
}
.p-design__listItemText--night {
    background-color: #4c4398;
}
.p-design__listItemNote {
    position: absolute;
    bottom: -2.5em;
    left: 0px;
    font-size: 10px;
}
@media screen and (min-width: 375px) {
    .p-design__listItemNote {
        font-size: 2.67vw;
    }
}
@media screen and (min-width: 700px) {
    .p-design__listItemNote {
        bottom: -3em;
        font-size: 14px;
    }
}
.p-lineup {
    background-color: #fff;
    text-align: center;
    position: relative;
}
.p-lineup::before {
    content: '';
    background: url('/_var/goo-n/gungun12h/update202410/img/common/sp/bg_03.png') bottom center no-repeat;
    background-size: contain;
    width: 100vw;
    height: 32vw;
    position: absolute;
    top: -31vw;
    left: 50%;
    transform: translateX(-50%);
}
@media screen and (min-width: 700px) {
    .p-lineup::before {
        content: '';
        background: url('/_var/goo-n/gungun12h/update202608/img/common/bg_03.png') center center repeat-x;
        background-position: calc(50% + 80px) bottom;
        background-size: auto 389px;
        width: 100vw;
        min-width: 1400px;
        height: 389px;
        position: absolute;
        top: -340px;
        left: 50%;
        transform: translateX(-50%);
    }
}
.p-lineup__bigInner {
    background-color: #fcd234;
    padding-bottom: 4em;
}
@media screen and (min-width: 700px) {
    .p-lineup__bigInner {
        padding: 0 0 20em;
    }
}
.p-lineup__inner {
    padding-top: 3em;
    width: 86%;
}
@media screen and (min-width: 700px) {
    .p-lineup__inner {
        padding-top: 0;
    }
}
.p-lineup__title {
    margin: 0 auto;
    max-width: 137.772vw;
    width: 84%;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 700px) {
    .p-lineup__title {
        width: auto;
        max-width: 516px;
    }
}
.p-lineup__title.is_active {
    opacity: 1;
    translate: 0;
}
.p-lineup__list {
    margin-top: 1.8em;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 700px) {
    .p-lineup__list {
        margin-top: 3em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 32px;
    }
}
.p-lineup__list.is_active {
    opacity: 1;
    translate: 0;
}
.p-lineup__listItem {
    width: 100%;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItem {
        width: calc((100% - 80px) / 3);
        align-self: stretch;
    }
}
.p-lineup__listItem + .p-lineup__listItem {
    margin-top: 1em;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItem + .p-lineup__listItem {
        margin-top: 0;
    }
}
.p-lineup__listItem__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: flex-end;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItem__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: end;
        align-items: unset;
        height: 100%;
    }
}
.p-lineup__listItem__block {
    width: 65%;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItem__block {
        width: auto;
    }
}
.p-lineup__listItemSubTitle {
    margin-top: 1.5em;
    font-size: 4.666vw;
    color: #241f80;
    text-align: left;
    width: 100%;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItemSubTitle {
        margin-top: 0.5em;
        font-size: 29px;
        text-align: center;
        display: block;
        white-space: nowrap;
        height: calc(1.3em * 2);
        width: auto;
    }
}
.p-lineup__listItemImage {
    text-align: center;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItemImage {
        margin: 0 auto;
        width: auto;
    }
}
.p-lineup__listItemImage--large {
    max-width: 27.4vw;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItemImage--large {
        max-width: 220px;
    }
}
.p-lineup__listItemImage--big {
    max-width: 26.8vw;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItemImage--big {
        max-width: 220px;
    }
}
.p-lineup__listItemImage--moreBig {
    max-width: 24vw;
    margin-left: 0.3em;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItemImage--moreBig {
        max-width: 195px;
        margin: 0 auto;
    }
}
.p-lineup__listItem__detail {
    margin-top: 0.1em;
    border: 2px solid #241f80;
    border-radius: 1.602vw;
    overflow: hidden;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItem__detail {
        margin-top: 0.5em;
        border: 5px solid #241f80;
        border-radius: 12px;
    }
}
.p-lineup__listItem__detail dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40%;
    border-top: 2px solid #241f80;
    border-right: 2px solid #241f80;
    font-size: 10px;
    color: #241f80;
    text-align: center;
}
@media screen and (min-width: 375px) {
    .p-lineup__listItem__detail dt {
        font-size: 2.67vw;
    }
}
@media screen and (min-width: 700px) {
    .p-lineup__listItem__detail dt {
        font-size: 23px;
        border-right: 0 solid #241f80;
        width: 100%;
        padding: 10px 0;
    }
}
.p-lineup__listItem__detail dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.1em 0;
    width: 60%;
    background-color: #fff;
    border-top: 2px solid #241f80;
    font-size: 5.34vw;
    color: #241f80;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItem__detail dd {
        font-size: 45px;
        border-top: 0px solid #241f80;
        width: 100%;
    }
}
.p-lineup__listItem__detail dd .unit {
    font-size: 70%;
}
.p-lineup__listItem__detail__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.p-lineup__listItem__detail__wrap:first-child dt,
.p-lineup__listItem__detail__wrap:first-child dd {
    border-top: 0px solid #241f80;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItem__detail__wrap {
        flex-direction: column;
    }
}
.p-lineup__listItemLink {
    display: block;
    margin-top: 0.4em;
    padding: 0.1em 0 0em;
    background-color: #fff;
    color: #241f80 !important;
    border: 0.534vw solid #241f80;
    -webkit-box-shadow: 0 0.801vw 0 #241f80;
    box-shadow: 0 0.801vw 0 #241f80;
    width: 100%;
    text-align: center;
    font-size: 5.073vw;
    border-radius: 100px;
    -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
        -webkit-box-shadow 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
        -webkit-box-shadow 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,
        background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,
        background-color 0.2s ease-in-out, -webkit-box-shadow 0.2s ease-in-out;
}
@media screen and (min-width: 700px) {
    .p-lineup__listItemLink {
        margin-top: 0.8em;
        padding: 0.1em 0;
        font-size: 38px;
        border: 5px solid #241f80;
        -webkit-box-shadow: 0 7px 0 #241f80;
        box-shadow: 0 7px 0 #241f80;
    }
}
.p-lineup__listItemLink:hover {
    color: #fff !important;
    -webkit-box-shadow: 0px 7px 0 #fff;
    box-shadow: 0px 7px 0 #fff;
    background-color: #241f80;
}
.p-instagram {
    margin-top: -13.35vw;
    padding: 17.088vw 0 0 0;
}
@media screen and (min-width: 700px) {
    .p-instagram {
        margin-top: -300px;
        padding: 64px 0 0 0;
    }
}
.p-instagram__title {
    width: 86%;
    margin: 0 auto;
    padding-top: 4.272vw;
    max-width: 530px;
    opacity: 0;
    translate: 0 15%;
    -webkit-transition: opacity 1s ease-out, translate 1s ease-out;
    transition: opacity 1s ease-out, translate 1s ease-out;
}
@media screen and (min-width: 700px) {
    .p-instagram__title {
        padding-top: 0;
        margin-bottom: 1em;
    }
}
.p-instagram__title.is_active {
    opacity: 1;
    translate: 0;
}
.p-instagram__bigInner {
    background-color: #54c0ee;
}
@media screen and (min-width: 700px) {
    .p-instagram__bigInner {
        padding-bottom: 60px;
    }
}
.p-instagram .voiceInner {
    max-width: 1000px;
    margin: auto;
    padding: 20px 0 60px;
}
.p-instagram .voice h2 {
    width: 378px;
    margin: 0 auto 15px;
}
.p-instagram .insta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 5px;
    position: relative;
    z-index: 1;
}
.p-instagram .insta img {
    width: 22px;
    margin-right: 10px;
}
.p-instagram .insta p {
    font-size: 12px;
    font-weight: 400;
}
.p-instagram .insta p a {
    color: #2299e8;
}
@media screen and (max-width: 700px) {
    .p-instagram .voiceInner {
        padding: 5vw 0 16vw;
    }
    .p-instagram .voice h2 {
        width: 75.5%;
        margin: 0 auto 4vw;
    }
    .p-instagram .insta {
        width: 92vw;
        margin: auto;
        padding: 0;
    }
    .p-instagram .insta img {
        width: 7vw;
        margin-right: 2vw;
    }
    .p-instagram .insta p {
        font-size: 3.5vw;
    }
    .p-instagram .embedsocial-hashtag {
        width: calc(92vw + 20px);
        margin: auto;
    }
}
#voice iframe .es-body {
    background-color: red !important;
} /*# sourceMappingURL=style.css.map */

html{
    scroll-behavior: smooth;
    scroll-padding-top: 154px;
}

html{
    scroll-behavior: smooth;
    scroll-padding-top: 154px;
}