@charset "UTF-8";
@layer foundation,
layout,
component,
project,
utility;

@layer foundation {

    *,
    :after,
    :before {
        background-repeat: no-repeat;
        box-sizing: border-box
    }

    :after,
    :before {
        text-decoration: inherit;
        vertical-align: inherit
    }

    :where(:root) {
        cursor: default;
        line-height: 1.5;
        overflow-wrap: break-word;
        tab-size: 4;
        -webkit-tap-highlight-color: transparent;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        text-size-adjust: 100%
    }

    :where(body) {
        margin: 0
    }

    :where(h1) {
        font-size: 2em;
        margin: .67em 0
    }

    :where(dl, ol, ul) :where(dl, ol, ul) {
        margin: 0
    }

    :where(hr) {
        color: inherit;
        height: 0
    }

    :where(nav) :where(ol, ul) {
        list-style-type: none;
        padding: 0
    }

    :where(nav li):before {
        content: "​";
        float: left
    }

    :where(pre) {
        font-family: monospace, monospace;
        font-size: 1em;
        overflow: auto
    }

    :where(abbr[title]) {
        text-decoration: underline;
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    :where(b, strong) {
        font-weight: bolder
    }

    :where(code, kbd, samp) {
        font-family: monospace, monospace;
        font-size: 1em
    }

    :where(small) {
        font-size: 80%
    }

    :where(audio, canvas, iframe, img, svg, video) {
        vertical-align: middle
    }

    :where(iframe) {
        border-style: none
    }

    :where(svg:not([fill])) {
        fill: currentColor
    }

    :where(table) {
        border-collapse: collapse;
        border-color: currentColor;
        text-indent: 0
    }

    :where(button, input, select) {
        margin: 0
    }

    :where(button, [type=button i], [type=reset i], [type=submit i]) {
        -webkit-appearance: button
    }

    :where(fieldset) {
        border: 1px solid #a0a0a0
    }

    :where(progress) {
        vertical-align: initial
    }

    :where(textarea) {
        margin: 0;
        resize: vertical
    }

    :where([type=search i]) {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    ::-webkit-input-placeholder {
        color: inherit;
        opacity: .54
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    :where(dialog) {
        background-color: #fff;
        border: solid;
        color: #000;
        height: fit-content;
        left: 0;
        margin: auto;
        padding: 1em;
        position: absolute;
        right: 0;
        width: fit-content
    }

    :where(dialog:not([open])) {
        display: none
    }

    :where(details>summary:first-of-type) {
        display: list-item
    }

    :where([aria-busy=true i]) {
        cursor: progress
    }

    :where([aria-disabled=true i], [disabled]) {
        cursor: not-allowed
    }

    :where([aria-hidden=false i][hidden]) {
        display: initial
    }

    :where([aria-hidden=false i][hidden]:not(:focus)) {
        clip: rect(0, 0, 0, 0);
        position: absolute
    }

    :root {
        --vw: 1vw;
        --vh: 1vh;
        --leading-trim: calc(.5em - .5lh);
        --leading-trim-en: calc(.5cap - .5lh);
        --color-white: #fff;
        --color-black: #000;
        --color-transparent: #0000;
        --color-text-base: #1f2937;
        --color-text-secondary: #949494;
        --color-tag-1: #1a47e0;
        --color-tag-2: #916733;
        --color-tag-3: linear-gradient(212.59deg, #fffef6 14.06%, #e7c135 39.26%, #fff7e0 66.91%, #e9d05a 86.86%);
        --color-tag-4: #000;
        --color-tag-5: linear-gradient(212.59deg, #fff 14.06%, #a0a0a0 39.26%, #fff 66.91%, #c6c6c6 86.86%);
        --color-tag-6: #8a8a8a;
        --color-tag-7: #60cb2f;
        --color-tag-8: #9b9b9b;
        --font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
        --font-family-noto: "Noto Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
        --font-family-en: "Libre Baskerville", "Outfit", "Roboto", "Noto Sans JP", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
        --font-family-heading: var(--font-family-base);
        --font-family-seed: "LINE Seed JP", "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
        --font-weight-thin: 100;
        --font-weight-light: 300;
        --font-weight-regular: 400;
        --font-weight-medium: 500;
        --font-weight-semiBold: 600;
        --font-weight-bold: 700;
        --font-weight-exBold: 800;
        --font-weight-black: 900;
        --layer-base: 0;
        --layer-dropdown: 1000;
        --layer-sticky: 2000;
        --layer-fixed: 3000;
        --layer-modal-backdrop: 4000;
        --layer-modal: 5000;
        --layer-popover: 6000;
        --layer-tooltip: 7000;
        --layer-header: 8000;
        --layer-toast: 9000;
        --duration-standard: .3s;
        --duration-decelerated: .25s;
        --duration-accelerated: .2s;
        --duration-emphasized-standard: .5s;
        --duration-emphasized-decelerated: .4s;
        --duration-emphasized-accelerated: .2s;
        --linear: cubic-bezier(0, 0, 1, 1);
        --ease: cubic-bezier(.25, .1, .25, 1);
        --ease-in: cubic-bezier(.42, 0, 1, 1);
        --ease-out: cubic-bezier(0, 0, .58, 1);
        --ease-in-out: cubic-bezier(.42, 0, .58, 1);
        --ease-in-sine: cubic-bezier(.47, 0, .745, .715);
        --ease-out-sine: cubic-bezier(.39, .575, .565, 1);
        --ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);
        --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
        --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
        --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);
        --ease-in-cubic: cubic-bezier(.55, .055, .675, .19);
        --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);
        --ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);
        --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
        --ease-out-quart: cubic-bezier(.165, .84, .44, 1);
        --ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);
        --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
        --ease-out-quint: cubic-bezier(.23, 1, .32, 1);
        --ease-in-out-quint: cubic-bezier(.86, 0, .07, 1);
        --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
        --ease-out-expo: cubic-bezier(.19, 1, .22, 1);
        --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
        --ease-in-circ: cubic-bezier(.6, .04, .98, .335);
        --ease-out-circ: cubic-bezier(.075, .82, .165, 1);
        --ease-in-out-circ: cubic-bezier(.785, .135, .15, .86);
        --ease-in-back: cubic-bezier(.6, -.28, .735, .045);
        --ease-out-back: cubic-bezier(.175, .885, .32, 1.275);
        --ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);
        --ease-standard: cubic-bezier(.4, 0, .2, 1);
        --ease-decelerated: cubic-bezier(0, 0, .2, 1);
        --ease-accelerated: cubic-bezier(.4, 0, 1, 1);
        --ease-emphasized-standard: cubic-bezier(.2, 0, 0, 1);
        --ease-emphasized-decelerated: cubic-bezier(.05, .7, .1, 1);
        --ease-emphasized-accelerated: cubic-bezier(.4, 0, .6, 1)
    }

    @keyframes fade-in {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes slide-up {
        0% {
            opacity: 0;
            transform: translateY(20px)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @keyframes slide-down {
        0% {
            opacity: 0;
            transform: translateY(-20px)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @keyframes slide-left {
        0% {
            opacity: 0;
            transform: translate(20px)
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    @keyframes slide-right {
        0% {
            opacity: 0;
            transform: translate(-20px)
        }

        to {
            opacity: 1;
            transform: translate(0)
        }
    }

    @keyframes zoom-in {
        0% {
            opacity: 0;
            transform: scale(.95)
        }

        to {
            opacity: 1;
            transform: scale(1)
        }
    }

    @keyframes zoom-out {
        0% {
            opacity: 1;
            transform: scale(1)
        }

        to {
            opacity: 0;
            transform: scale(.95)
        }
    }

    @keyframes glasses-rattle {

        0%,
        to {
            transform: rotate(0) translateZ(0)
        }

        14% {
            transform: rotate(-1.8deg) translate3d(-1.5px, .5px, 0)
        }

        28% {
            transform: rotate(1.5deg) translate3d(1.5px, 0, 0)
        }

        42% {
            transform: rotate(-1deg) translate3d(-1px, .5px, 0)
        }

        56% {
            transform: rotate(.55deg) translate3d(.6px, 0, 0)
        }

        72% {
            transform: rotate(-.2deg)
        }
    }

    @keyframes btn-rattle {

        0%,
        to {
            transform: rotate(0) translateZ(0)
        }

        16% {
            transform: rotate(-2.4deg) translate3d(-1px, 0, 0)
        }

        32% {
            transform: rotate(2deg) translate3d(1px, 0, 0)
        }

        48% {
            transform: rotate(-1.1deg)
        }

        64% {
            transform: rotate(.5deg)
        }

        80% {
            transform: rotate(-.15deg)
        }
    }

    *,
    :after,
    :before {
        margin: 0
    }

    :where(html) {
        --scroll-lock-gap: 0px;
        font-size: 16px;
        height: 100%;
        min-width: 390px;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
        scrollbar-gutter: stable
    }

    html.is-scroll-locked {
        overflow: hidden;
        overscroll-behavior: none
    }

    html.is-scroll-locked body {
        overflow: hidden;
        overscroll-behavior: contain;
        padding-right: var(--scroll-lock-gap, 0);
        touch-action: none
    }

    :where(body) {
        color: var(--color-black);
        font-family: var(--font-family);
        font-size: clamp(14px, calc(var(--vw)*.19048 + 13.25714px), 16px);
        line-height: 1.6;
        min-height: 100%;
        padding: 0;
        width: 100%;
        word-break: break-all
    }

    :where(main) {
        overflow-x: hidden
    }

    :where(h1, h2, h3, h4, h5, h6) {
        font-size: 1em;
        font-weight: inherit
    }

    :where(i, cite, em, address, dfn) {
        font-style: normal
    }

    :where(a) {
        color: inherit;
        text-decoration: none
    }

    :where(ul, ol) {
        list-style: none;
        padding: 0
    }

    :where(iframe, img, input, video, select, textarea) {
        height: auto;
        max-width: 100%
    }

    :where(small) {
        font-size: 100%
    }

    :where(input, select, textarea) {
        background-color: initial;
        border: 1px solid WindowFrame;
        color: inherit;
        font: inherit;
        letter-spacing: inherit;
        padding: .25em .5em
    }

    :where(input, textarea) {
        outline: none
    }

    :where(select) {
        appearance: none;
        border-radius: 0
    }

    :where(select[multiple]) {
        background-image: none
    }

    :where(input[type=text]) {
        line-height: normal
    }

    :where([type=text]::-ms-clear) {
        visibility: hidden
    }

    :where([type=password]::-ms-reveal) {
        visibility: hidden
    }

    :where([type=number]::-webkit-inner-spin-button),
    :where([type=number]::-webkit-outer-spin-button) {
        appearance: none
    }

    :where(fieldset) {
        border: 0;
        min-width: auto;
        padding: 0
    }

    :where(legend) {
        display: block
    }

    :where([type=color i], [type=range i]) {
        border-width: 0;
        padding: 0
    }

    :where(button, input[type=submit]) {
        appearance: none;
        background: none;
        border: none;
        color: inherit;
        cursor: pointer;
        font: inherit;
        letter-spacing: inherit;
        line-height: inherit;
        outline: none;
        padding: 0
    }

    input::-webkit-inner-spin-button,
    input::-webkit-outer-spin-button {
        -webkit-appearance: none
    }

    :where(input[type=number]) {
        -moz-appearance: textfield
    }

    :where([aria-disabled=true]),
    :where([disabled]) {
        cursor: not-allowed
    }
}

@layer layout {
    .l-wrapper {
        display: flex;
        flex-direction: column;
        min-height: 100vh
    }

    .l-main {
        flex: 1;
        max-width: 100%;
        overflow-x: hidden
    }

    @supports (overflow-x:clip) {
        .l-main {
            overflow-x: clip
        }
    }
}

@layer component {
    .c-heading {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .c-heading__name {
        height: auto;
        margin: auto;
        width: 100px
    }

    .c-heading__name img,
    .c-section {
        height: auto;
        width: 100%
    }

    .c-section__inner {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-inline: 22px;
        position: relative;
        width: 100%
    }

    .c-colorTag {
        border: 1px solid #0000;
        border-radius: clamp(23.92px, calc(var(--vw)*2.71164 + 13.3446px), 34.17px);
        cursor: pointer;
        display: block;
        height: clamp(8.97px, calc(var(--vw)*1.01852 + 4.99778px), 12.82px);
        overflow: hidden;
        position: relative;
        transition: border-color var(--duration-emphasized-decelerated) var(--ease-decelerated);
        width: clamp(16.75px, calc(var(--vw)*1.89683 + 9.35238px), 23.92px)
    }

    .c-colorTag.is-active {
        border-color: var(--color-white);
        pointer-events: none
    }

    .c-colorTag--1 {
        background-color: var(--color-tag-1)
    }

    .c-colorTag--2 {
        background-color: var(--color-tag-2)
    }

    .c-colorTag--3 {
        background: var(--color-tag-3)
    }

    .c-colorTag--4 {
        background-color: var(--color-tag-4)
    }

    .c-colorTag--5 {
        background: var(--color-tag-5)
    }

    .c-colorTag--6 {
        background-color: var(--color-tag-6)
    }

    .c-colorTag--7 {
        background-color: var(--color-tag-7)
    }

    .c-colorTag--8:after,
    .c-colorTag--8:before {
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .c-colorTag--8:before {
        background-image: url(../img/main/img-colortag-line.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .c-colorTag--8:after {
        border: 1px solid var(--color-tag-8);
        border-radius: 34.17px
    }

    .c-card {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 100%
    }

    .c-card__vis {
        border-radius: 5px;
        display: inline-block;
        overflow: hidden
    }

    .c-card__vis,
    .c-card__vis img {
        height: auto;
        position: relative;
        width: 100%
    }

    .c-card__vis img {
        z-index: 2
    }

    .c-card__visItem {
        height: 100%;
        left: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: opacity var(--duration-emphasized-decelerated) var(--ease-decelerated), visibility var(--duration-emphasized-decelerated) var(--ease-decelerated);
        visibility: hidden;
        width: 100%;
        z-index: 1
    }

    .c-card__visItem.is-show {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        z-index: 2
    }
    .c-card__visItem.is-show img {
/*        opacity: 0;*/
    }
    

    .c-card__visItem a {
        display: flex;
        height: 100%;
        width: 100%;
        align-items: center;
    }

    .c-card__visItem img {
        filter: drop-shadow(2px 5px 6px rgba(0, 0, 0, .35))
    }

    .c-card__visBg,
    .c-card__visBg:before {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .c-card__visBg:before {
        -webkit-backdrop-filter: blur(12.5px);
        backdrop-filter: blur(12.5px);
        background-color: var(--color-white);
        content: "";
        display: block;
        opacity: .8
    }

    .c-card__visBg img {
        height: 100%;
        left: 0;
        mix-blend-mode: color-burn;
        opacity: .4;
        position: absolute;
        top: 0;
        width: 100%
    }

    .c-card__meta {
        margin-top: 9px;
        position: relative
    }

    .c-card__meta h3,
    .c-card__meta p {
        font-size: clamp(14px, calc(var(--vw)*.5291 + 11.93651px), 16px);
        font-weight: var(--font-weight-regular)
    }

    .c-card__meta a,
    .c-card__meta h3,
    .c-card__meta p {
        color: var(--color-white);
        font-family: var(--font-family-en)
    }

    .c-card__meta a {
        display: inline-block;
        font-size: clamp(14px, calc(var(--vw)*.26455 + 12.96825px), 15px);
        font-weight: var(--font-weight-semiBold);
        overflow: hidden;
        position: relative
    }

    .c-card__meta a > span {
        display: block;
        line-height: 1
    }

    @supports (text-box-trim:trim-both) {
        .c-card__meta a > span {
            line-height: 1;
            text-box-edge: text;
            text-box-trim: trim-both
        }
    }

    .c-card__meta a > span {
        transition: transform .58s cubic-bezier(.33, 0, .1, 1), opacity .58s cubic-bezier(.33, 0, .1, 1)
    }

    .c-card__meta a > span:nth-child(2) {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(90%)
    }

    .c-card__meta a:focus-visible > span:first-child {
        opacity: 0;
        transform: translateY(-100%)
    }

    .c-card__meta a:focus-visible > span:nth-child(2) {
        opacity: 1;
        transform: translateY(0)
    }

    .c-card__meta a:before {
        background-color: var(--color-white);
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .c-card__meta a.js-lineupItem-link:not(.is-show) {
        display: none
    }

    .c-card__tag {
        display: flex;
        gap: clamp(4.95px, calc(var(--vw)*.56085 + 2.7627px), 7.07px)
    }

    .c-card__metaName {
        align-items: center;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .c-card__metaLinks {
        margin-left: 2px;
        margin-top: 14px
    }

    .c-modal {
        --in-view-duration: .8s;
        --in-view-easing: cubic-bezier(.33, 0, .1, 1);
        --in-view-stagger: .28s;
        --in-view-blur: 12px;
        --in-view-saturate: .72;
        height: 100%;
        inset: 0;
        pointer-events: none;
        position: fixed;
        transition: visibility var(--duration-emphasized-accelerated) var(--ease-accelerated);
        visibility: hidden;
        width: 100%;
        z-index: 999
    }

    .c-modal.is-open {
        pointer-events: auto;
        transition: visibility 0s;
        visibility: visible
    }

    .c-modal.is-open .c-modal__inner {
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        opacity: 1;
        transition: opacity var(--in-view-duration) var(--in-view-easing)
    }

    .c-modal.is-open .c-modal__cont {
        filter: blur(0) saturate(1);
        opacity: 1;
        pointer-events: auto;
        transition: opacity var(--in-view-duration) var(--in-view-easing) var(--in-view-stagger), filter var(--in-view-duration) var(--in-view-easing) var(--in-view-stagger)
    }

    .c-modal__inner {
        background: #6ec7ffcc;
        height: 100%;
        isolation: isolate;
        opacity: 0;
        position: relative;
        transform: translateZ(0);
        transition: opacity var(--duration-emphasized-accelerated) var(--ease-emphasized-accelerated);
        width: 100%
    }

    .c-modal__inner:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a' width='100%25' height='100%25' x='0' y='0'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4' result='noise' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
        background-repeat: repeat;
        background-size: 256px 256px;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        opacity: .2;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .c-modal__close {
        display: inline-block;
        height: auto;
        position: absolute;
        right: 24px;
        top: 23px;
        width: 50.44px;
        z-index: 1
    }

    .c-modal__close span {
        display: block;
        width: 100%
    }

    .c-modal__close span:before {
        background-color: var(--color-white);
        bottom: 1px;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .c-modal__close span svg {
        height: auto;
        width: 100%
    }

    .c-modal__cont {
        filter: blur(var(--in-view-blur)) saturate(var(--in-view-saturate));
        height: 100%;
        opacity: 0;
        overflow: auto;
        overscroll-behavior: contain;
        pointer-events: none;
        transform: translateZ(0);
        width: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none;
        transition: opacity var(--duration-accelerated) var(--ease-emphasized-accelerated), filter var(--duration-accelerated) var(--ease-emphasized-accelerated)
    }

    .c-modal__cont::-webkit-scrollbar {
        display: none
    }

    .c-modal__contInner {
        margin: 0 auto;
        max-width: 1440px;
        padding-bottom: 160px;
        padding-top: clamp(46px, calc(var(--vw)*31.74603 - 77.80952px), 166px);
        position: relative;
        width: 100%
    }

    .c-modal__contInner--model .c-modal__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
        width: clamp(346px, calc(var(--vw)*66.93122 + 84.96825px), 599px);
        grid-column-gap: clamp(16px, calc(var(--vw)*4.2328 - .50794px), 32px);
        grid-row-gap: clamp(50px, calc(var(--vw)*4.7619 + 31.42857px), 68px);
        margin-top: calc(var(--vw)*9.23077)
    }

    .c-modal__contInner--model .c-card__vis {
        aspect-ratio: 164/114
    }

    .c-modal__contInner--model .c-card__meta img {
        height: clamp(17px, calc(var(--vw)*1.5873 + 10.80952px), 23px);
        width: auto
    }

    .c-modal__head {
        text-align: center
    }

    .c-modal__head p {
        font-size: clamp(20px, calc(var(--vw)*2.6455 + 9.68254px), 30px);
        font-weight: var(--font-weight-semiBold)
    }

    .c-modal__head p,
    .c-modal__head span {
        color: var(--color-white);
        font-family: var(--font-family-noto)
    }

    .c-modal__head span {
        display: block;
        font-size: clamp(14px, calc(var(--vw)*1.0582 + 9.87302px), 18px);
        font-weight: var(--font-weight-medium);
        line-height: 40px;
        margin-top: clamp(-7px, calc(var(--vw)*1.85185 - 14.22222px), 0px)
    }

    .c-modal__list {
        margin-top: calc(var(--vw)*8.97436);
        width: 100%
    }

    .c-modal__item + .c-modal__item {
        margin-top: clamp(60px, calc(var(--vw)*10.58201 + 18.73016px), 100px)
    }

    .c-modal__itemHead {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .c-modal__itemHead img {
        height: clamp(27px, calc(var(--vw)*3.43915 + 13.5873px), 40px);
        width: auto
    }

    .c-modal__itemHead span {
        color: var(--color-white);
        display: block;
        font-family: var(--font-family-seed);
        font-size: .875rem;
        font-weight: var(--font-weight-regular);
        line-height: 24px;
        padding-top: 8px
    }

    .c-modal__itemMain {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
        width: clamp(346px, calc(var(--vw)*66.93122 + 84.96825px), 599px);
        grid-column-gap: clamp(16px, calc(var(--vw)*4.2328 - .50794px), 32px);
        margin-top: calc(var(--vw)*7.69231)
    }

    .c-modal__cardVis {
        aspect-ratio: 164/114
    }

    .c-modal__cardMeta {
        align-items: center;
        display: inline-flex
    }

    .c-modal__cardMeta img {
        height: clamp(20px, calc(var(--vw)*.26455 + 18.96825px), 21px);
        width: auto
    }

    .c-modal__cardTag {
        top: 9px
    }

    @media(hover:hover)and (pointer:fine) {
        .c-card__meta a:hover > span:first-child {
            opacity: 0;
            transform: translateY(-80%)
        }

        .c-card__meta a:hover > span:nth-child(2) {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @media(prefers-reduced-motion:reduce) {

        .c-card__meta a > span,
        .c-card__visItem,
        .c-colorTag,
        .c-modal,
        .c-modal.is-open .c-modal__cont,
        .c-modal.is-open .c-modal__inner {
            transition: none
        }

        .c-modal.is-open .c-modal__inner {
            -webkit-backdrop-filter: none;
            backdrop-filter: none
        }

        .c-modal__cont,
        .c-modal__inner {
            transition: none
        }

        .c-modal__cont {
            filter: none
        }
    }

    @media print and (width>=768px),
    screen and (width>=768px) {
        .c-heading__name {
            width: clamp(196px, calc(var(--vw)*3.57143 + 168.57143px), 220px)
        }

        .c-section__inner {
            padding-inline: 40px
        }

        .c-colorTag {
            border-radius: 34.17px;
            height: 12.82px;
            width: 23.92px;
            background: #fff;
        }

        .c-card__meta {
            margin-top: 10px
        }

        .c-card__meta h3,
        .c-card__meta p {
            font-size: clamp(16px, calc(var(--vw)*.59524 + 11.42857px), 20px)
        }

        .c-card__meta a {
            font-size: clamp(15px, calc(var(--vw)*.44643 + 11.57143px), 18px)
        }

        .c-card__tag {
            gap: 7.07px
        }

        .c-card__metaLinks {
            margin-left: 3px;
            margin-top: 16px
        }

        .c-modal__close {
            right: 61px;
            top: 43px
        }

        .c-modal__contInner {
            padding-bottom: 234px;
            padding-top: 166px
        }

        .c-modal__contInner--model {
            padding-bottom: 153px
        }

        .c-modal__contInner--model .c-modal__list {
            width: 622px;
            grid-column-gap: 90px;
            grid-row-gap: 85px;
            margin-top: 78px
        }

        .c-modal__contInner--model .c-card__vis {
            aspect-ratio: 264/184
        }

        .c-modal__contInner--model .c-card__meta img {
            height: 23px
        }

        .c-modal__head p {
            font-size: 1.875rem
        }

        .c-modal__head span {
            font-size: 1.125rem;
            margin-top: 0
        }

        .c-modal__list {
            margin: 87px auto 0;
            width: clamp(688px, calc(var(--vw)*33.63095 + 429.71429px), 914px)
        }

        .c-modal__item + .c-modal__item {
            margin-top: clamp(100px, calc(var(--vw)*6.84524 + 47.42857px), 146px)
        }

        .c-modal__itemHead {
            display: flex;
            flex-direction: row;
            justify-content: space-between
        }

        .c-modal__itemHead img {
            height: 40px
        }

        .c-modal__itemHead span {
            font-size: 1rem;
            padding-top: 4px
        }

        .c-modal__itemMain {
            width: 599px;
            grid-column-gap: 71px;
            margin-top: 69px
        }

        .c-modal__cardVis {
            aspect-ratio: 264/184
        }

        .c-modal__cardMeta img {
            height: 21px
        }

        .c-modal__cardTag {
            top: 8px
        }
    }

    @media print and (width>=1440px),
    screen and (width>=1440px) {
        .c-modal__item + .c-modal__item {
            margin-top: 146px
        }
    }
}

@layer project {
    .p-header {
        height: 53px;
        left: 0;
        padding-right: var(--scroll-lock-gap, 0);
        pointer-events: none;
        position: fixed;
/*        top: 90px;*/
        width: 100%;
        z-index: 2001
    }

    .p-header__inner {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: flex-end;
        padding-inline: 21px;
        position: relative;
        width: 100%
    }

    .p-header__ham {
        --ham-duration: .52s;
        --ham-easing: cubic-bezier(.33, 0, .1, 1);
        --ham-stagger: .05s;
        --ham-label-delay: .28s;
        --ham-letter-rise: .45em;
        --ham-letter-blur: 6px;
        --ham-close-duration: .4s;
        display: inline-block;
        height: 11px;
        overflow: visible;
        pointer-events: auto;
        position: absolute;
        right: 21px;
        top: 21px;
        transition: width var(--ham-close-duration) var(--ease-emphasized-accelerated), height var(--ham-close-duration) var(--ease-emphasized-accelerated);
        width: 47px
    }

    .p-header__ham > span {
        display: block;
        position: absolute
    }

    .p-header__ham > span:first-child,
    .p-header__ham > span:nth-child(3) {
        background-color: var(--color-white);
        height: 3px;
        left: 0;
        right: 0;
        width: 100%
    }

    .p-header__ham > span:first-child {
        top: 0
    }

    .p-header__ham > span:nth-child(2) {
        color: var(--color-white);
        display: flex;
        font-family: var(--font-family-en);
        font-size: .8125rem;
        font-weight: var(--font-weight-semiBold);
        justify-content: center;
        left: 0;
        letter-spacing: .02em;
        line-height: 1;
        pointer-events: none;
        top: 50%;
        transform: translateY(-50%);
        white-space: nowrap;
        width: 100%
    }

    .p-header__ham > span:nth-child(2) span {
        display: inline-block;
        filter: blur(var(--ham-letter-blur));
        opacity: 0;
        position: static;
        transform: translateY(var(--ham-letter-rise));
        transition: opacity var(--ham-close-duration) var(--ease-emphasized-accelerated), transform var(--ham-close-duration) var(--ease-emphasized-accelerated), filter var(--ham-close-duration) var(--ease-emphasized-accelerated), visibility var(--ham-close-duration) var(--ease-emphasized-accelerated);
        visibility: hidden
    }

    .p-header__ham > span:nth-child(3) {
        bottom: 0
    }

    .p-header__ham.is-active {
        height: 26px;
        transition: width var(--ham-duration) var(--ham-easing), height var(--ham-duration) var(--ham-easing)
    }

    .p-header__ham.is-active > span:nth-child(2) span {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0);
        visibility: visible
    }

    .p-header__ham.is-active > span:nth-child(2) span:first-child {
        transition: opacity var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*0), transform var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*0), filter var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*0), visibility 0s calc(var(--ham-label-delay) + var(--ham-stagger)*0)
    }

    .p-header__ham.is-active > span:nth-child(2) span:nth-child(2) {
        transition: opacity var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*1), transform var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*1), filter var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*1), visibility 0s calc(var(--ham-label-delay) + var(--ham-stagger)*1)
    }

    .p-header__ham.is-active > span:nth-child(2) span:nth-child(3) {
        transition: opacity var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*2), transform var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*2), filter var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*2), visibility 0s calc(var(--ham-label-delay) + var(--ham-stagger)*2)
    }

    .p-header__ham.is-active > span:nth-child(2) span:nth-child(4) {
        transition: opacity var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*3), transform var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*3), filter var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*3), visibility 0s calc(var(--ham-label-delay) + var(--ham-stagger)*3)
    }

    .p-header__ham.is-active > span:nth-child(2) span:nth-child(5) {
        transition: opacity var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*4), transform var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*4), filter var(--ham-duration) var(--ham-easing) calc(var(--ham-label-delay) + var(--ham-stagger)*4), visibility 0s calc(var(--ham-label-delay) + var(--ham-stagger)*4)
    }

    .p-header__logo {
        display: none
    }

    .p-header__logo img {
        height: auto;
        width: 100%
    }

    .p-header__nav {
        display: none
    }

    .p-header__nav li a {
        color: var(--color-white);
        display: inline-block;
        font-family: var(--font-family-noto);
        font-size: 1rem;
        font-weight: var(--font-weight-regular);
        overflow: hidden;
        pointer-events: auto;
        position: relative
    }

    .p-header__nav li a > span {
        display: block;
        line-height: 1
    }

    @supports (text-box-trim:trim-both) {
        .p-header__nav li a > span {
            line-height: 1;
            text-box-edge: text;
            text-box-trim: trim-both
        }
    }

    .p-header__nav li a > span {
        transition: transform .58s cubic-bezier(.33, 0, .1, 1), opacity .58s cubic-bezier(.33, 0, .1, 1)
    }

    .p-header__nav li a > span:nth-child(2) {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(90%)
    }

    .p-header__nav li a:focus-visible > span:first-child {
        opacity: 0;
        transform: translateY(-100%)
    }

    .p-header__nav li a:focus-visible > span:nth-child(2) {
        opacity: 1;
        transform: translateY(0)
    }

    .p-headerGnav {
        --in-view-duration: .8s;
        --in-view-easing: cubic-bezier(.33, 0, .1, 1);
        --in-view-stagger: .28s;
        --in-view-blur: 12px;
        --in-view-saturate: .72;
        --in-view-close-duration: .5s;
        --in-view-close-stagger: .12s;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        height: 100vh;
        height: 100svh;
        left: 0;
        pointer-events: none;
        position: fixed;
        top: 0;
        transition: visibility calc(var(--in-view-close-duration) + var(--in-view-close-stagger)) var(--ease-emphasized-accelerated);
        visibility: hidden;
        width: 100%;
        z-index: 2000
    }

    .p-headerGnav.is-open {
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        pointer-events: auto;
        transition: visibility 0s;
        visibility: visible
    }

    .p-headerGnav.is-open .p-headerGnav__bg {
        opacity: 1;
        transition: opacity var(--in-view-duration) var(--in-view-easing)
    }

    .p-headerGnav.is-open .p-headerGnav__box {
        filter: blur(0) saturate(1);
        opacity: 1;
        pointer-events: auto;
        transition: opacity var(--in-view-duration) var(--in-view-easing) var(--in-view-stagger), filter var(--in-view-duration) var(--in-view-easing) var(--in-view-stagger)
    }

    .p-headerGnav.is-closing {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        pointer-events: none;
        visibility: hidden
    }

    .p-headerGnav.is-closing .p-headerGnav__box {
        filter: blur(0) saturate(1);
        opacity: 0;
        pointer-events: none;
        transition: opacity var(--in-view-close-duration) var(--ease-emphasized-accelerated)
    }

    .p-headerGnav.is-closing .p-headerGnav__bg {
        opacity: 0;
        transition: opacity var(--in-view-close-duration) var(--ease-emphasized-accelerated) var(--in-view-close-stagger)
    }

    .p-headerGnav__inner {
        height: 100%;
        overflow: auto;
        padding-bottom: 90px;
        padding-top: 90px
    }

    .p-headerGnav__box,
    .p-headerGnav__inner {
        display: flex;
        flex-direction: column;
        width: 100%
    }

    .p-headerGnav__box {
        align-items: center;
        filter: blur(var(--in-view-blur)) saturate(var(--in-view-saturate));
        flex-shrink: 0;
        height: auto;
        margin-block: auto;
        opacity: 0;
        pointer-events: none;
        transition: opacity var(--in-view-close-duration) var(--ease-emphasized-accelerated)
    }

    .p-headerGnav__logo {
        height: auto;
        width: 162.12px
    }

    .p-headerGnav__logo img {
        height: auto;
        width: 100%
    }

    .p-headerGnav__nav {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 52px
    }

    .p-headerGnav__nav li a {
        color: var(--color-white);
        display: block;
        font-family: Noto Sans, sans-serif;
        font-size: 1.5rem;
        font-weight: var(--font-weight-medium);
        height: auto;
        line-height: 1.2;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .p-headerGnav__nav li a > span {
        display: block;
        line-height: 1
    }

    @supports (text-box-trim:trim-both) {
        .p-headerGnav__nav li a > span {
            line-height: 1;
            text-box-edge: text;
            text-box-trim: trim-both
        }
    }

    .p-headerGnav__nav li a > span {
        transition: transform .58s cubic-bezier(.33, 0, .1, 1), opacity .58s cubic-bezier(.33, 0, .1, 1)
    }

    .p-headerGnav__nav li a > span:nth-child(2) {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(90%)
    }

    .p-headerGnav__nav li a:focus-visible > span:first-child {
        opacity: 0;
        transform: translateY(-100%)
    }

    .p-headerGnav__nav li a:focus-visible > span:nth-child(2) {
        opacity: 1;
        transform: translateY(0)
    }

    .p-headerGnav__nav li a > span {
        line-height: inherit;
        text-box-trim: none
    }

    .p-headerGnav__nav li:last-child {
        margin-top: 8px
    }

    .p-headerGnav__nav li:last-child a {
        font-family: var(--font-family-noto);
        font-size: 1.25rem
    }

    .p-headerGnav__sns {
        align-items: center;
        display: flex;
        gap: 25px;
        margin-top: 52px
    }

    .p-headerGnav__sns:has(a:focus-visible) a:not(:focus-visible) {
        opacity: .3
    }

    .p-headerGnav__sns li {
        display: inline-block;
        height: auto
    }

    .p-headerGnav__sns li:first-child {
        width: 42.95px
    }

    .p-headerGnav__sns li:nth-child(2),
    .p-headerGnav__sns li:nth-child(3) {
        width: 29.53px
    }

    .p-headerGnav__sns li a {
        display: inline-block;
        height: 100%;
        transition: opacity .58s cubic-bezier(.33, 0, .1, 1);
        width: 100%
    }

    .p-headerGnav__sns li svg {
        height: auto;
        width: 100%
    }

    .p-headerGnav__bg {
        background: #6ec7ffcc;
        isolation: isolate;
        opacity: 0;
        transition: opacity var(--in-view-close-duration) var(--ease-emphasized-accelerated)
    }

    .p-headerGnav__bg,
    .p-headerGnav__bg:before {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .p-headerGnav__bg:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a' width='100%25' height='100%25' x='0' y='0'%3E%3CfeTurbulence baseFrequency='0.5 0.5' numOctaves='4' result='noise' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");
        background-repeat: repeat;
        background-size: 256px 256px;
        content: "";
        display: block;
        opacity: .2;
        pointer-events: none
    }

    .p-footer {
        height: auto
    }

    .p-footer,
    .p-footer__inner {
        position: relative;
        width: 100%
    }

    .p-footer__inner {
        background-image: url(../img/main/img-foot-bg_sp.webp);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
/*        padding-inline: 22px;*/
/*        padding-bottom: 534px;*/
/*        padding-top: calc(var(--vw)*21.28205);*/
        padding: calc(var(--vw)*21.28205) 5.3vw 534px;
    }

    .p-footer__cont {
/*        margin: 0 auto;*/
/*        width: calc(var(--vw)*88.71795)*/
    }

    .p-footer__vis {
        width: 100%
    }

    .p-footer__vis span {
        color: var(--color-white);
        display: block;
        font-family: var(--font-family-noto);
        font-size: .875rem;
        font-weight: var(--font-weight-regular);
        margin-top: 8px
    }

    .p-footer__visItem,
    .p-footer__visItem img {
        height: auto;
        width: 100%
    }

    .p-footer__txt {
        margin-top: 46px;
        width: 100%
    }

    .p-footer__txt b {
        display: block;
        font-size: 1.125rem;
        font-weight: var(--font-weight-semiBold)
    }
    .p-footer__txt b,
    .p-footer__txt p {
        color: var(--color-white);
        font-family: var(--font-family-noto)
    }
    
    .p-footer__txt b {
        text-align: center;
    }

    .p-footer__txt p {
        font-size: .875rem;
        font-weight: var(--font-weight-regular);
        line-height: 26px;
        margin-top: 12px;
        padding-right: 7px;
        word-break: break-word
    }

    .p-footer__meta {
        bottom: 0;
        height: auto;
        left: 0;
        padding-bottom: 14px;
        position: absolute;
        right: 0
    }

    .p-footer__meta,
    .p-footer__metaInner {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .p-footer__metaInner {
        position: relative
    }

    .p-footer__metaLogo {
        height: auto;
        width: 270px
    }

    .p-footer__metaLogo a {
        display: inline-block;
        height: 100%;
        width: 100%
    }

    .p-footer__metaLogo img {
        height: auto;
        width: 100%
    }

    .p-footer__metaNav {
        padding-top: 32px
    }

    .p-footer__metaNav,
    .p-footer__metaNavLink {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .p-footer__metaNavLink {
        gap: 8px
    }

    .p-footer__metaNavLink a {
        color: var(--color-white);
        display: inline-block;
        font-family: var(--font-family-noto);
        font-size: 1rem;
        font-weight: var(--font-weight-regular);
        height: auto;
        line-height: 1;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .p-footer__metaNavLink a > span {
        display: block;
        line-height: 1
    }

    @supports (text-box-trim:trim-both) {
        .p-footer__metaNavLink a > span {
            line-height: 1;
            text-box-edge: text;
            text-box-trim: trim-both
        }
    }

    .p-footer__metaNavLink a > span {
        transition: transform .58s cubic-bezier(.33, 0, .1, 1), opacity .58s cubic-bezier(.33, 0, .1, 1)
    }

    .p-footer__metaNavLink a > span:nth-child(2) {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(90%)
    }

    .p-footer__metaNavLink a:focus-visible > span:first-child {
        opacity: 0;
        transform: translateY(-100%)
    }

    .p-footer__metaNavLink a:focus-visible > span:nth-child(2) {
        opacity: 1;
        transform: translateY(0)
    }

    .p-footer__metaNavSns {
        display: flex;
        gap: 20px;
        margin-top: 23px
    }

    .p-footer__metaNavSns:has(a:focus-visible) a:not(:focus-visible) {
        opacity: .3
    }

    .p-footer__metaNavSns li {
        align-items: center;
        display: inline-flex;
        height: auto;
        justify-content: center
    }

    .p-footer__metaNavSns li:first-child {
        width: 35px
    }

    .p-footer__metaNavSns li:nth-child(2),
    .p-footer__metaNavSns li:nth-child(3) {
        width: 24px
    }

    .p-footer__metaNavSns li a {
        display: inline-block;
        height: 100%;
        transition: opacity .58s cubic-bezier(.33, 0, .1, 1);
        width: 100%
    }

    .p-footer__metaNavSns li svg {
        display: block;
        height: auto;
        width: 100%
    }

    .p-footer__metaGlobal {
        height: auto;
        margin-top: 46px;
        width: 47px
    }

    .p-footer__metaGlobal a {
        display: inline-block;
        height: 100%;
        width: 100%
    }

    .p-footer__metaGlobal img {
        height: auto;
        width: 100%
    }

    .p-front,
    .p-frontMain {
        position: relative;
        width: 100%
    }

    .p-frontMain {
        height: auto;
        position: relative;
    }

    .p-frontMain__vis,
    .p-frontMain__vis img {
        height: auto;
        width: 100%
    }
    
    .p-frontMain__item {
        position: absolute;
    }
    .p-frontMain__item--1 {
        width: 17.39%;
        transform: rotate(-90deg);
        left: 50%;
        top: 78%;
        z-index: 1;
    }
    .p-frontMain__item--2 {
        width: 10%;
        left: 65%;
        top: 84%;
        z-index: 1;
    }

    .p-frontAbout__inner {
        background-image: url(../img/main/img-section-bg_1_sp.webp);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: calc(var(--vw)*22.05128);
        padding-top: calc(var(--vw)*23.84615)
    }

    .p-frontAbout__head {
        align-items: center;
        -webkit-backdrop-filter: blur(7.5px);
        backdrop-filter: blur(7.5px);
        background-color: #ffffff26;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: center;
        margin-inline: auto;
        padding: 35px 15px 28px;
        width: calc(var(--vw)*88.71795)
    }

    .p-frontAbout__head b {
        font-size: 1.125rem;
        font-weight: var(--font-weight-semiBold)
    }

    .p-frontAbout__head b,
    .p-frontAbout__head p {
        color: var(--color-white);
        font-family: var(--font-family-noto)
    }

    .p-frontAbout__head p {
        font-size: .9375rem;
        font-weight: var(--font-weight-medium);
        line-height: 25px;
        margin-top: 9px;
        text-align: center
    }

    .p-frontAbout__head p a {
        color: var(--color-white);
        display: inline-block;
        overflow: hidden;
        position: relative
    }

    .p-frontAbout__head p a > span {
        display: block;
        line-height: 1
    }

    @supports (text-box-trim:trim-both) {
        .p-frontAbout__head p a > span {
            line-height: 1;
            text-box-edge: text;
            text-box-trim: trim-both
        }
    }

    .p-frontAbout__head p a > span {
        transition: transform .58s cubic-bezier(.33, 0, .1, 1), opacity .58s cubic-bezier(.33, 0, .1, 1)
    }

    .p-frontAbout__head p a > span:nth-child(2) {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(90%)
    }

    .p-frontAbout__head p a:focus-visible > span:first-child {
        opacity: 0;
        transform: translateY(-100%)
    }

    .p-frontAbout__head p a:focus-visible > span:nth-child(2) {
        opacity: 1;
        transform: translateY(0)
    }

    .p-frontAbout__head p a {
        margin-top: 2px
    }

    .p-frontAbout__head p a:before {
        background-color: var(--color-white);
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .p-frontAbout__head + .p-frontAbout__contRead {
        margin-top: 81px
    }

    .p-frontAbout__contRead {
        color: var(--color-white);
        font-size: .9375rem;
        font-weight: var(--font-weight-medium);
        line-height: 27px;
        margin-top: 33px;
        text-align: center
    }

    .p-frontAbout__contRead p + p {
        margin-top: 27px
    }

    .p-frontAbout__contLogo {
        height: auto;
        margin: 42px auto auto;
        max-width: 201.15px;
        width: 100%
    }

    .p-frontAbout__contLogo img {
        height: auto;
        width: 100%
    }

    .p-frontItem__head {
        height: auto;
        margin: 0 auto
    }

    .p-frontItem__head img {
        height: auto;
        width: 100%
    }

    .p-frontItem__main {
        margin: 0 auto;
        position: relative;
        top: 0;
        width: 100%
    }

    .p-frontItem__mainPhoto {
        contain: paint;
        height: auto;
        position: absolute;
        width: 100%
    }

    .p-frontItem__mainPhoto img {
        height: auto;
        width: 100%
    }

    .p-frontItem__mainDeco {
        contain: paint;
        height: auto;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .p-frontItem__mainDeco img {
        height: auto;
        width: 100%
    }

    .p-frontItem__foot {
        margin: 0 auto;
        position: relative;
        top: 0;
    }

    .p-frontItem__footItem {
        height: auto;
        position: absolute
    }

    .p-frontItem__footItem img {
        height: auto;
        width: 100%
    }

    .p-frontItem__footItem a {
        display: inline-block;
        height: 100%;
        width: 100%
    }

    .p-frontItem__footItem--2 a {
        transform-origin: 50% 50%
    }

    .p-frontItem__footItem--2 a:focus-visible {
        animation: btn-rattle .42s linear
    }

    .p-frontItem__footItem--3 a {
        transform-origin: 50% 72%
    }

    .p-frontItem__footItem--3 a:focus-visible {
        animation: glasses-rattle .52s linear
    }

    .p-frontItem__footItem--1 {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 1
    }

    .p-frontItem__footItem--1 span {
        color: var(--color-white);
        font-family: var(--font-family-en);
        font-size: calc(var(--vw)*5.12821);
        font-weight: var(--font-weight-semiBold);
        line-height: 1
    }

    .p-frontItem__footItem--1 span + span {
        margin-top: calc(var(--vw)*2.1);
    }

    .p-frontItem3060__inner {
        background-image: url(../img/main/img-section-bg_2_sp.webp);
        padding-inline: 0;
        padding-bottom: calc(var(--vw)*24.61538);
        padding-top: calc(var(--vw)*23.84615)
    }

    .p-frontItem3060__head {
        width: calc(var(--vw)*81.83333)
    }

    .p-frontItem3060__main {
        height: calc(var(--vw)*120.5);
        margin-top: calc(var(--vw)*9.6);
        max-width: calc(var(--vw)*100);
        right: 0;
        width: 100%;
        margin-left: 0;
    }

    .p-frontItem3060__mainPhoto--1 {
        left: 0;
        top: calc(var(--vw)*15.38462);
        width: calc(var(--vw)*82.82051)
    }
    .p-frontItem__sign {
        position: absolute;
    }
    .p-frontItem3060__main .p-frontItem__sign {
        width: 31.4vw;
        left: 7.6vw;
        bottom: 3.3vw;
    }

    .p-frontItem3060__mainPhoto--2 {
        bottom: 0;
        left: calc(var(--vw)*6.41026);
        width: calc(var(--vw)*48.71795);
        z-index: 1
    }

    .p-frontItem3060__mainPhoto--3 {
        bottom: calc(var(--vw)*48.46154);
        right: 0;
        width: calc(var(--vw)*54.61538)
    }

    .p-frontItem3060__mainDeco--1 {
        right: 3vw;
        top: 0;
        width: calc(var(--vw)*67.3)
    }

    .p-frontItem3060__mainDeco--2 {
        bottom: calc(var(--vw)*-12.2);
        left: calc(var(--vw)*8);
        width: calc(var(--vw)*14);
    }

    .p-frontItem3060__mainDeco--3 {
        top: calc(var(--vw)* 59.3);
        right: calc(var(--vw)*12);
        width: calc(var(--vw)*8.2);
    }

    .p-frontItem3060__mainDeco--4 {
        top: calc(var(--vw)*0);
        left: calc(var(--vw)*8);
        width: calc(var(--vw)*11.3);
    }

    .p-frontItem3060__mainDeco--5 {
        right: calc(var(--vw)*-4.35897);
        top: calc(var(--vw)*74.61538);
        width: calc(var(--vw)*42.5641)
    }

    .p-frontItem3060__foot {
        height: calc(var(--vw)*51.53846);
        margin-top: calc(var(--vw)*-12);
        right: calc(var(--vw)*4.9);
        width: calc(var(--vw)*89.4);
        z-index: 1
    }

    .p-frontItem3060__footItem--1 {
        bottom: calc(var(--vw)*0);
        left: calc(var(--vw)*.25641);
    }

    .p-frontItem3060__footItem--2 {
        bottom: 0;
        right: 0;
        width: calc(var(--vw)*31.51795);
        z-index: 1
    }

    .p-frontItem3060__footItem--3 {
        right: 0;
        top: 0;
        width: calc(var(--vw)*67.3);
    }

    .p-frontItem3053__inner {
        background-image: url(../img/main/img-section-bg_3_sp.webp);
        padding-inline: 0;
        padding-bottom: calc(var(--vw)*24.87179);
        padding-top: calc(var(--vw)*19.23077)
    }

    .p-frontItem3053__head {
        width: calc(var(--vw)*78.92564)
    }

    .p-frontItem3053__main {
        height: calc(var(--vw)*121);
        margin-left: auto;
        margin-right: 0;
        margin-top: calc(var(--vw)*14.10256);
        max-width: calc(var(--vw)*97.69231);
        width: 100%
    }

    .p-frontItem3053__mainPhoto--1 {
        right: 0;
        top: 0;
        width: calc(var(--vw)*88.6)
    }

    .p-frontItem3053__mainPhoto--2 {
        bottom: calc(var(--vw)*87.4359);
        left: calc(var(--vw)*2.82051);
        width: calc(var(--vw)*54.10256)
    }

    .p-frontItem3053__mainPhoto--3 {
        bottom: 0;
        right: calc(var(--vw)*5.12821);
        width: calc(var(--vw)*62.5641)
    }
    
    .p-frontItem3053__main .p-frontItem__sign {
        width: 28.8vw;
        right: 6vw;
        bottom: -3vw;
        z-index: 2;
    }

    .p-frontItem3053__mainDeco--1 {
        left: calc(var(--vw)*1.7);
        top: calc(var(--vw)*3);
        width: calc(var(--vw)*34);
    }

    .p-frontItem3053__mainDeco--2 {
        bottom: calc(var(--vw)*-17.61538);
        left: calc(var(--vw)*4.5641);
        width: calc(var(--vw)*11.6);
    }

    .p-frontItem3053__mainDeco--3 {
        top: calc(var(--vw)*-7);
        left: calc(var(--vw)*6.2);
        width: calc(var(--vw)*18.2);
    }
    .p-frontItem3053__mainDeco--3 img {
        transform: rotate(15deg);
    }

    .p-frontItem3053__mainDeco--4 {
        bottom: calc(var(--vw)*8.61538);
        left: calc(var(--vw)*-10.41026);
        width: calc(var(--vw)*42.5641)
    }

    .p-frontItem3053__foot {
        height: calc(var(--vw)*43.4);
        margin-top: calc(var(--vw)*-4.4359);
        /* right: calc(var(--vw)*1.7); */
        width: calc(var(--vw)*92.6);
        z-index: 1;
        margin-left: 5vw;
    }

    .p-frontItem3053__footItem--1 {
        bottom: 0;
        left: 0;
    }

    .p-frontItem3053__footItem--2 {
        bottom: 0;
        right: calc(var(--vw)*3.07692);
        width: calc(var(--vw)*31.51795);
        z-index: 1
    }

    .p-frontItem3053__footItem--3 {
        right: 0;
        top: 0;
        width: calc(var(--vw)*72);
    }

    .p-frontItem3059__inner {
        background-image: url(../img/main/img-section-bg_4_sp.webp);
        padding-inline: 0;
        padding-bottom: calc(var(--vw)*23.7);
        padding-top: calc(var(--vw)*20)
    }

    .p-frontItem3059__head {
        width: calc(var(--vw)*89.21795)
    }

    .p-frontItem3059__main {
        height: calc(var(--vw)*112.28205);
        margin-left: 0;
        margin-right: auto;
        margin-top: calc(var(--vw)*20);
        max-width: calc(var(--vw)*100);
        width: 100%
    }
    
    .p-frontItem3059__main .p-frontItem__sign {
        width: 34.2vw;
        left: 4.5vw;
        bottom: 6vw;
        z-index: 1;
    }

    .p-frontItem3059__mainPhoto {
        z-index: 1
    }

    .p-frontItem3059__mainPhoto--1 {
        right: 0;
        top: calc(var(--vw)*102.5641);
        width: calc(var(--vw)*64.35897);
        z-index: 2
    }

    .p-frontItem3059__mainPhoto--2 {
        left: 0;
        top: calc(var(--vw)*16.41026);
        width: calc(var(--vw)*73.33333)
    }

    .p-frontItem3059__mainPhoto--3 {
        top: 0;
        left: 0;
        width: calc(var(--vw)*86.9);
/*        z-index: 2*/
    }

    .p-frontItem3059__mainDeco--1 {
        right: calc(var(--vw)*3);
        top: calc(var(--vw)*-10.92308);
        width: calc(var(--vw)*30.92308);
    }

    .p-frontItem3059__mainDeco--2 {
        bottom: calc(var(--vw)*195.12821);
        left: calc(var(--vw)*8.20513);
        width: calc(var(--vw)*18.20513)
    }

    .p-frontItem3059__mainDeco--3 {
        left: calc(var(--vw)*9);
        top: calc(var(--vw)*-16);
        width: calc(var(--vw)*42.02564);
        z-index: 0
    }

    .p-frontItem3059__mainDeco--3_1 {
        left: calc(var(--vw)*4);
        bottom: calc(var(--vw)*-23.3);
        width: calc(var(--vw)*42.02564);
        z-index: 0
    }

    .p-frontItem3059__mainDeco--4 {
        bottom: calc(var(--vw)*-49.8);
        left: calc(var(--vw)*42);
        width: calc(var(--vw)*8);
    }

    .p-frontItem3059__mainDeco--5 {
        bottom: calc(var(--vw)*-41.20513);
        left: calc(var(--vw)*15.7);
        width: calc(var(--vw)*11.6);
    }

    .p-frontItem3059__mainDeco--5 img {
        transform: rotate(-25deg);
    }

    .p-frontItem3059__foot {
        height: calc(var(--vw)*85.89744);
        margin-left: auto;
        margin-right: calc(var(--vw)*5.38462);
        margin-top: calc(var(--vw)*-10.6);
        width: calc(var(--vw)*92.6);
        z-index: 2;
    }

    .p-frontItem3059__footItem--1 {
        bottom: calc(var(--vw)*1.02564);
        left: calc(var(--vw)*1.02564)
    }

    .p-frontItem3059__footItem--2 {
        bottom: 0;
        right: calc(var(--vw)*-.76923);
        width: calc(var(--vw)*31.51795);
        z-index: 1
    }

    .p-frontItem3059__footItem--3 {
        right: 0;
        top: 0;
        width: calc(var(--vw)*63);
    }

    .p-frontSummary__inner {
        background-image: url(../img/main/img-section-bg_5_sp.webp);
        padding-bottom: calc(var(--vw)*25.38462);
        padding-top: calc(var(--vw)*18.46154);
        padding-inline: 0
    }

    .p-frontSummary__head,
    .p-frontSummary__headMain {
        width: 100%
    }

    .p-frontSummary__headMain img {
        height: auto;
        width: 100%
    }

    .p-frontSummary__headDeco {
        height: auto;
        left: calc(var(--vw)*-16.66667);
        position: absolute;
        top: calc(var(--vw)*68.20513);
        width: calc(var(--vw)*39.74359)
    }

    .p-frontSummary__headDeco img {
        height: auto;
        width: 100%
    }

    .p-frontSummary__glasses {
        margin-top: calc(var(--vw)*19.35897);
        width: calc(var(--vw)*100)
    }

    .p-frontSummary__glassesItem {
        display: flex;
        flex-direction: column
    }

    .p-frontSummary__glassesItem img {
        height: auto;
        width: 100%
    }

    .p-frontSummary__glassesItem a {
        display: inline-block;
        height: 100%;
        width: 100%
    }

    .p-frontSummary__glassesItem--1 {
        gap: calc(var(--vw)*4.87179);
        margin-left: 6.6vw;
        width: calc(var(--vw)*89.3);
    }

    .p-frontSummary__glassesItem--2 {
        /* flex-direction: column-reverse; */
        gap: calc(var(--vw)*3.84615);
        margin: 0 auto;
        width: calc(var(--vw)*67.4);
    }

    .p-frontSummary__glassesItem--2 .p-frontSummary__glassesItemName {
        gap: calc(var(--vw)*5.38462)
    }

    .p-frontSummary__glassesItem--3 {
        flex-direction: column-reverse;
        gap: calc(var(--vw)*4.87179);
        justify-content: center;
        margin: 0 auto;
        width: calc(var(--vw)*69.74359)
    }

    .p-frontSummary__glassesItem + .p-frontSummary__glassesItem {
        margin-top: calc(var(--vw)*15.38462)
    }

    .p-frontSummary__glassesItemPhoto {
        height: auto;
        width: 100%;
        /* background: red; */
    }

    .p-frontSummary__glassesItemPhoto a {
        transform-origin: 50% 72%
    }

    .p-frontSummary__glassesItemPhoto a:focus-visible {
        animation: glasses-rattle .52s linear
    }

    .p-frontSummary__glassesItemName {
        align-items: center;
        display: inline-flex;
        flex-direction: column;
        gap: calc(var(--vw)*4.10256);
        justify-content: center;
        left: 0;
        position: relative;
        top: 0
    }

    .p-frontSummary__glassesItemName h2 {
        color: var(--color-white);
        font-family: var(--font-family-en);
        font-size: calc(var(--vw)*5.12821);
        font-weight: var(--font-weight-semiBold)
    }

    .p-frontSummary__glassesItemName a {
        height: auto;
        transform-origin: 50% 50%;
        width: calc(var(--vw)*31.51795)
    }

    .p-frontSummary__glassesItemName a:focus-visible {
        animation: btn-rattle .42s linear
    }

    .p-frontSummary__contRead {
        color: var(--color-white);
        font-size: 1rem;
        font-weight: var(--font-weight-medium);
        margin-top: 24.8vw;
        text-align: center;
        margin-bottom: 4ch;
    }
    .img-item-btn--2 {
        width: 160px;
        margin: auto;
        display: block;
    }

    .p-frontSummary__foot {
        height: calc(var(--vw)*47.69231);
        margin: 0 auto;
        margin-top: calc(var(--vw)*21.28205);
        position: relative;
        width: calc(var(--vw)*90.76923)
    }

    .p-frontSummary__foot img {
        height: auto;
        width: 100%
    }

    .p-frontSummary__footVis {
        bottom: 0;
        height: auto;
        position: absolute;
        right: 0;
        width: calc(var(--vw)*61.79487)
    }

    .p-frontSummary__footMap {
        right: 13.2vw;
        position: absolute;
        top: 70.5vw;
        width: calc(var(--vw)*30.6);
    }

    .p-frontMovie__inner {
        background-image: url(../img/main/img-section-bg_6_sp.webp);
        padding-bottom: calc(var(--vw)*26.66667);
        padding-top: calc(var(--vw)*19.23077)
    }

    .p-frontMovie__headName {
        width: 289px
    }

    .p-frontMovie__cont {
        margin-top: 75px
    }

    .p-frontMovie__mv {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .p-frontMovie__mv--vertical {
        gap: 48px;
        width: 100%
    }

    .p-frontMovie__mv--vertical .p-frontMovie__mvItem {
        height: auto;
        width: 100%
    }

    .p-frontMovie__mv--vertical .p-frontMovie__mvItem:nth-child(4) .p-frontMovie__mvItemMeta h3 {
        font-size: 1rem
    }

    .p-frontMovie__mv--vertical .p-frontMovie__mvItemIframe {
        aspect-ratio: 213/361;
        margin: 0 auto;
        width: calc(var(--vw)*54.61538)
    }

    .p-frontMovie__mv--vertical .p-frontMovie__mvItemThum i {
        display: none
    }

    .p-frontMovie__mv--horizontal {
        gap: 45px;
        margin-top: 70px;
        width: 100%
    }

    .p-frontMovie__mv--horizontal .p-frontMovie__mvItem {
        height: auto;
        margin: 0 auto;
        width: calc(var(--vw)*88.71795)
    }

    .p-frontMovie__mv--horizontal .p-frontMovie__mvItemIframe {
        aspect-ratio: 346/211
    }

    .p-frontMovie__mv--horizontal .p-frontMovie__mvItemMeta {
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 8px
    }

    .p-frontMovie__mv--horizontal .p-frontMovie__mvItemMeta h3 {
        font-size: 1.25rem
    }

    .p-frontMovie__mv--horizontal .p-frontMovie__mvItemThum i {
        display: none
    }

    .p-frontMovie__mvItemIframe {
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .p-frontMovie__mvItemIframe iframe {
        border: 0;
        height: 100%;
        inset: 0;
        position: absolute;
        width: 100%
    }

    .p-frontMovie__mvItemIframe.is-coming {
        -webkit-backdrop-filter: blur(7.5px);
        backdrop-filter: blur(7.5px);
        background-color: #fff9
    }

    .p-frontMovie__mvItemIframe.is-coming span {
        color: var(--color-white);
        display: block;
        font-family: var(--font-family-en);
        font-size: clamp(18px, calc(var(--vw)*1.0582 + 13.87302px), 22px);
        font-weight: var(--font-weight-semiBold);
        left: 50%;
        line-height: 1;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap
    }

    .p-frontMovie__mvItemThum {
        cursor: pointer;
        height: 100%;
        left: 0;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        top: 0;
        transition: opacity .4s ease;
        width: 100%;
        z-index: 1
    }

    .p-frontMovie__mvItemThum[data-pending] {
        cursor: default;
        pointer-events: none
    }

    .p-frontMovie__mvItemThum[data-playing] {
        opacity: 0;
        pointer-events: none
    }

    .p-frontMovie__mvItemThum:after {
        background-color: var(--color-white);
        content: "";
        inset: 0;
        opacity: 0;
        pointer-events: none;
        position: absolute;
        transition: opacity .8s cubic-bezier(.33, 0, .1, 1);
        z-index: 0
    }

    .p-frontMovie__mvItemThum i {
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1
    }

    .p-frontMovie__mvItemThum > :not(i) {
        display: block;
        height: 100%;
        transform: scale(1);
        transform-origin: center;
        transition: transform .8s cubic-bezier(.33, 0, .1, 1);
        width: 100%
    }

    .p-frontMovie__mvItemThum img {
        height: 100%;
        object-fit: cover;
        width: 100%
    }

    .p-frontMovie__mvItemThum:focus-visible:after {
        opacity: .15
    }

    .p-frontMovie__mvItemThum:focus-visible > :not(i) {
        transform: scale(1.08)
    }

    .p-frontMovie__mvItemThum[data-resetting]:after,
    .p-frontMovie__mvItemThum[data-resetting] > :not(i) {
        transition: none
    }

    .p-frontMovie__mvItemMeta {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 19px
    }

    .p-frontMovie__mvItemMeta h3 {
        align-items: center;
        color: var(--color-white);
        display: inline-flex;
        font-family: var(--font-family-en);
        font-size: 1.0625rem;
        font-weight: var(--font-weight-semiBold);
        justify-content: center;
        text-align: center;
        white-space: nowrap
    }

    .p-frontMovie__mvItemMeta h3 + span {
        margin-top: -4px
    }

    .p-frontMovie__mvItemMeta span {
        color: var(--color-white);
        display: block;
        font-family: var(--font-family-noto);
        font-size: 1.125rem;
        font-weight: var(--font-weight-semiBold);
        text-align: center;
        white-space: nowrap
    }

    .p-frontCampaign__inner {
        background-image: url(../img/main/img-section-bg_7_sp.webp);
        padding: calc(var(--vw)*23.58974) 9vw calc(var(--vw)*17.69231);
    }

    .p-frontCampaign__headName {
        width: 170px
    }

    .p-frontCampaign__cont {
        height: auto;
        margin: 34px auto 0;
        width: 100%
    }

    .p-frontCampaign__box + .p-frontCampaign__box {
        margin-top: calc(var(--vw)*11.80556)
    }

    .p-frontCampaign__boxHead {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        font-size: clamp(18px, calc(var(--vw)*0 + 18px), 18px);
        font-weight: var(--font-weight-bold);
        line-height: 32px;
        text-align: center
    }

    .p-frontCampaign__boxList {
        margin-top: 26px;
    }

    .p-frontCampaign__boxItem {
/*        display: none*/
    }

    .p-frontCampaign__boxItem + .p-frontCampaign__boxItem {
        margin-top: 30px;
    }

    .p-frontCampaign__boxItem--forSp {
        display: block
    }

    .p-frontCampaign__boxItem--forSp + .p-frontCampaign__boxItem--forSp {
        margin-top: 40px
    }

    .p-frontCampaign__boxItemHead {
/*        align-items: center;*/
        /*        -webkit-backdrop-filter: blur(7.5px);*/
                backdrop-filter: blur(7.5px);
                background-color: #ffffff26;
        border-radius: 10px;
        display: inline-flex;
        flex-direction: column;
        height: auto;
        justify-content: center;
        padding: 32px 15px;
        width: 100%
    }
    
    .p-frontCampaign__boxItemHeadName {
        text-align: right;
        width: fit-content;
        margin: auto;
    }
    .icon_item {
/*        position: absolute;*/
        width: 17.8vw;
    }
    .p-frontCampaign__boxItemHeadName h4 {
        padding: 0 20vw;
    }

    .p-frontCampaign__boxItemHead p {
        color: var(--color-white);
        font-size: clamp(15px, calc(var(--vw)*0 + 15px), 15px);
        font-weight: var(--font-weight-bold);
        line-height: 24px;
        margin-top: calc(var(--vw)*1.80556);
/*        text-align: center;*/
    }

    .p-frontCampaign__boxItemHead p span {
        display: block;
        font-size: clamp(14px, calc(var(--vw)*0 + 14px), 14px);
        font-weight: var(--font-weight-regular);
        line-height: 20px;
        margin-top: calc(var(--vw)*.69444);
        text-align: center
    }

    .p-frontCampaign__boxItemHeadName h4,
    .p-frontCampaign__boxItemHeadName span {
        color: var(--color-white);
        font-size: clamp(22px, calc(var(--vw)*0 + 22px), 22px);
        font-weight: var(--font-weight-bold);
        line-height: 32px;
        text-align: center
    }

    .p-frontCampaign__boxItemHeadName span {
        display: block;
        font-size: clamp(24px, calc(var(--vw)*0 + 24px), 24px);
        margin-top: calc(var(--vw)*.69444)
    }

    .p-frontCampaign__boxItemVis {
        margin-top: 20px;
        position: relative;
        width: 100%
    }

    .p-frontCampaign__boxItemVis img {
        height: auto;
        width: 100%
    }

    .p-frontCampaign__boxItemVis span {
        bottom: clamp(5px, calc(var(--vw)*.14881 + 3.85714px), 6px);
        color: var(--color-white);
        display: block;
        font-family: var(--font-family-noto);
        font-size: clamp(11px, calc(var(--vw)*.14881 + 9.85714px), 12px);
        font-weight: var(--font-weight-regular);
        line-height: 20px;
        /* position: absolute; */
        right: clamp(10px, calc(var(--vw)*.14881 + 8.85714px), 11px);
        z-index: 1
    }

    .p-frontCampaign__boxItemMeta {
        align-items: center;
/*        -webkit-backdrop-filter: blur(7.5px);*/
/*        backdrop-filter: blur(7.5px);*/
/*        background-color: #ffffff26;*/
        border-radius: 10px;
        display: inline-flex;
        flex-direction: column;
        height: auto;
        justify-content: center;
        margin-top: 20px;
        padding: 41px 0 38px;
        width: 100%
    }

    .p-frontCampaign__boxItemMeta div.p-frontCampaign__boxItemMetaItem {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .p-frontCampaign__boxItemMeta div.p-frontCampaign__boxItemMetaItem span {
        font-size: clamp(15px, calc(var(--vw)*0 + 15px), 15px);
        margin-top: 13px
    }

    .p-frontCampaign__boxItemMetaList {
        display: flex;
        gap: 60px;
        width: 100%;
    }

    .p-frontCampaign__boxItemMetaItem {
        width: 100%
    }

    .p-frontCampaign__boxItemMetaItem p {
        color: var(--color-white);
        font-size: clamp(15px, calc(var(--vw)*0 + 15px), 15px);
        font-weight: var(--font-weight-regular);
        line-height: 24px;
/*        text-align: center;*/
    }

    .p-frontCampaign__boxItemMetaItem span {
        color: var(--color-white);
        display: flex;
        font-size: clamp(14px, calc(var(--vw)*0 + 14px), 14px);
        font-weight: var(--font-weight-regular);
        line-height: 20px;
        /* margin-top: 9px; */
    }

    .p-frontCampaign__boxItemMetaItem span + span {
        margin-top: 0
    }

    .p-frontCampaign__boxItemMetaItem a,
    .p-frontCampaign__boxItemMetaItem button {
        align-items: center;
        border: 1px solid var(--color-white);
        border-radius: 5px;
        color: var(--color-white);
        cursor: pointer;
        display: flex;
        font-family: var(--font-family-seed);
        font-size: clamp(15px, calc(var(--vw)*0 + 15px), 15px);
        font-weight: var(--font-weight-regular);
        height: 41px;
        isolation: isolate;
        justify-content: center;
        line-height: 22px;
        margin: 23px auto 0;
        overflow: hidden;
        position: relative;
        text-align: center;
        transition: color .64s cubic-bezier(.33, 0, .1, 1);
        width: 183px;
    }

    .p-frontCampaign__boxItemMetaItem a:before,
    .p-frontCampaign__boxItemMetaItem button:before {
        background-color: var(--color-white);
        content: "";
        inset: 0;
        position: absolute;
        transform: scaleY(0);
        transform-origin: center bottom;
        transition: transform .64s cubic-bezier(.33, 0, .1, 1);
        z-index: -1
    }

    .p-frontCampaign__boxItemMetaItem a:focus-visible,
    .p-frontCampaign__boxItemMetaItem button:focus-visible {
        color: var(--color-black)
    }

    .p-frontCampaign__boxItemMetaItem a:focus-visible:before,
    .p-frontCampaign__boxItemMetaItem button:focus-visible:before {
        transform: scaleY(1)
    }

    .p-frontCampaign__boxItemSp {
        -webkit-backdrop-filter: blur(7.5px);
        backdrop-filter: blur(7.5px);
        background-color: #ffffff26;
        border-radius: 10px;
        height: auto;
        margin-inline: auto;
        padding: 27px 15px 43px;
        width: calc(var(--vw)*88.71795)
    }

    .p-frontCampaign__boxItemSp,
    .p-frontCampaign__boxItemSpHead {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .p-frontCampaign__boxItemSpHead b,
    .p-frontCampaign__boxItemSpHead p {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        font-weight: var(--font-weight-bold)
    }

    .p-frontCampaign__boxItemSpHead b {
        display: block;
        font-size: 1.375rem;
        line-height: 32px;
        text-align: center
    }

    .p-frontCampaign__boxItemSpHead p {
        font-size: 1rem;
        line-height: 24px;
        margin-top: 11px;
        padding-inline: 4px;
        word-break: break-word
    }

    .p-frontCampaign__boxItemSpHead span {
        color: var(--color-white);
        display: block;
        font-family: var(--font-family-noto);
        font-size: .875rem;
        font-weight: var(--font-weight-regular);
        line-height: 20px;
        margin-top: 8px;
        width: 100%
    }

    .p-frontCampaign__boxItemSpList {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-top: 16px;
        padding-inline: 4px;
        width: 100%
    }

    .p-frontCampaign__boxItemSpList li {
        align-items: center;
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        width: 100%
    }

    .p-frontCampaign__boxItemSpList li + li {
        margin-top: 30px
    }

    .p-frontCampaign__boxItemSpList p,
    .p-frontCampaign__boxItemSpList span {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        font-weight: var(--font-weight-regular);
        width: 100%
    }

    .p-frontCampaign__boxItemSpList p {
        font-size: 1rem;
        line-height: 24px
    }

    .p-frontCampaign__boxItemSpList em,
    .p-frontCampaign__boxItemSpList span {
        display: block;
        font-size: .875rem;
        line-height: 20px
    }

    .p-frontCampaign__boxItemSpList span {
        display: flex;
        margin-top: 4px
    }

    .p-frontCampaign__boxItemSpList span + span {
        margin-top: 0
    }

    .p-frontCampaign__boxItemSpList a,
    .p-frontCampaign__boxItemSpList button {
        align-items: center;
        border: 1px solid var(--color-white);
        border-radius: 5px;
        color: var(--color-white);
        cursor: pointer;
        display: inline-flex;
        font-family: var(--font-family-seed);
        font-size: clamp(15px, calc(var(--vw)*0 + 15px), 15px);
        font-weight: var(--font-weight-regular);
        height: 41px;
        isolation: isolate;
        justify-content: center;
        line-height: 22px;
        margin-top: 23px;
        overflow: hidden;
        position: relative;
        text-align: center;
        transition: color .64s cubic-bezier(.33, 0, .1, 1);
        width: 183px
    }

    .p-frontCampaign__boxItemSpList a:before,
    .p-frontCampaign__boxItemSpList button:before {
        background-color: var(--color-white);
        content: "";
        inset: 0;
        position: absolute;
        transform: scaleY(0);
        transform-origin: center bottom;
        transition: transform .64s cubic-bezier(.33, 0, .1, 1);
        z-index: -1
    }

    .p-frontCampaign__boxItemSpList a:focus-visible,
    .p-frontCampaign__boxItemSpList button:focus-visible {
        color: var(--color-black)
    }

    .p-frontCampaign__boxItemSpList a:focus-visible:before,
    .p-frontCampaign__boxItemSpList button:focus-visible:before {
        transform: scaleY(1)
    }

    .p-frontCampaign__boxItemSpVis {
        margin-inline: auto;
        margin-top: 50px;
        position: relative;
        width: calc(var(--vw)*82.05128)
    }

    .p-frontCampaign__boxItemSpVis img {
        height: auto;
        width: 100%
    }

    .p-frontCampaign__boxItemSpVis span {
        bottom: clamp(3px, calc(var(--vw)*1.32275 - 2.15873px), 8px);
        color: var(--color-text-secondary);
        display: block;
        font-family: var(--font-family-noto);
        font-size: clamp(10px, calc(var(--vw)*1.85185 + 2.77778px), 17px);
        font-weight: var(--font-weight-regular);
        line-height: 20px;
        position: absolute;
        right: clamp(8px, calc(var(--vw)*1.0582 + 3.87302px), 12px);
        transform: scale(.7);
        transform-origin: bottom right;
        z-index: 1
    }

    .p-frontLineup__inner {
        background-image: url(../img/main/img-section-bg_8_sp.webp);
        padding-bottom: calc(var(--vw)*21.79487);
        padding-top: calc(var(--vw)*15.64103)
    }

    .p-frontLineup__headName {
        width: 142px
    }

    .p-frontLineup__cont {
        margin-top: 75px;
        width: 100%
    }

    .p-frontLineup__list {
        display: grid;
        gap: calc(var(--vw)*12.30769) calc(var(--vw)*4.10256);
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto;
/*        width: calc(var(--vw)*88.71795)*/
    }

    .p-frontLineup__item {
        height: auto;
        width: 100%
    }

    .p-frontLineup__itemVis {
        aspect-ratio: 165/114
    }

    .p-page {
        background-image: url(../img/main/page/img-bg_sp.webp);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        padding-inline: 21px 20px;
        padding-bottom: 68px;
        padding-top: 79px;
        position: relative;
        width: 100%
    }

    .p-page__head,
    .p-page__headLogo {
        margin: 0 auto;
        width: 100%
    }

    .p-page__headLogo {
        max-width: calc(var(--vw)*85.38462)
    }

    .p-page__headLogo img {
        display: block;
        height: auto;
        width: 100%
    }

    .p-page__headLogo img + img {
        height: auto;
        margin: 0 auto;
        margin-top: calc(var(--vw)*4.10256);
        width: calc(var(--vw)*31.31282)
    }

    .p-page__headName {
        margin-top: 49px;
        text-align: center
    }

    .p-page__headName p {
        font-size: 1.375rem;
        font-weight: var(--font-weight-regular);
        line-height: 1.3;
        word-break: break-word
    }

    .p-page__headName p,
    .p-page__headName span {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        letter-spacing: -.02em
    }

    .p-page__headName span {
        display: block;
        font-size: 1.125rem;
        font-weight: var(--font-weight-medium);
        line-height: 1.45
    }

    .p-page__headName span + p {
        font-size: 1.25rem;
        line-height: 1.4
    }

    .p-page__headRead {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        font-size: .875rem;
        font-weight: var(--font-weight-regular);
        letter-spacing: 0;
        line-height: 1.69;
        margin: 19px auto 0;
        max-width: calc(var(--vw)*89.48718);
        padding-inline: 5px 6px;
        text-align: left;
        width: 100%;
        word-break: break-word
    }

    .p-page__cont {
        margin-top: 69px
    }

    .p-page__sectHead h2 {
        font-size: 1.25rem;
        font-weight: var(--font-weight-medium);
        line-height: 1.3
    }

    .p-page__sectHead h2,
    .p-page__sectHead p {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        text-align: center
    }

    .p-page__sectHead p {
        font-size: .9375rem;
        font-weight: var(--font-weight-light);
        line-height: 1.6;
        margin-top: 12px;
        word-break: break-word
    }

    .p-page__sectBox {
        height: auto;
        margin: 40px auto 0;
        max-width: calc(var(--vw)*85.64103);
        width: 100%
    }

    .p-page__sectBoxInner {
        align-items: center;
        -webkit-backdrop-filter: blur(12px);
        backdrop-filter: blur(12px);
        background-color: #ffffff1a;
        border-radius: 6px;
        display: inline-flex;
        flex-direction: column;
        height: 100%;
        padding: 25px 23px 20px 22px;
        width: 100%
    }

    .p-page__sectBoxHead span {
        display: block;
        font-size: .8125rem;
        font-weight: var(--font-weight-medium)
    }

    .p-page__sectBoxHead p,
    .p-page__sectBoxHead span {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        line-height: 1.5;
        text-align: center
    }

    .p-page__sectBoxHead p {
        font-size: 1.1875rem;
        font-weight: var(--font-weight-regular)
    }

    .p-page__sectBoxInfo {
        margin-top: 17px
    }

    .p-page__sectBoxInfo span {
        color: var(--color-white);
        display: block;
        font-family: var(--font-family-noto);
        font-size: .8125rem;
        font-weight: var(--font-weight-regular);
        line-height: 1.6;
        text-align: center
    }

    .p-page__sectBoxInfo ul {
        margin-top: 4px
    }

    .p-page__sectBoxInfo ul li {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        font-size: .8125rem;
        font-weight: var(--font-weight-regular);
        line-height: 1.4;
        text-align: center
    }

    .p-page__sectBoxInfo ul li + li {
        margin-top: 2px
    }

    .p-page__sectBoxInfo ul + p {
        margin-top: 15px
    }

    .p-page__sectBoxInfo p {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        font-size: .8125rem;
        font-weight: var(--font-weight-regular);
        line-height: 1.6
    }

    .p-page__sectBoxLink {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 7px;
        margin-top: 23px
    }

    .p-page__sectBoxLink a {
        color: var(--color-white);
        display: inline-block;
        font-family: var(--font-family-noto);
        font-size: .8125rem;
        font-weight: var(--font-weight-regular);
        overflow: hidden;
        position: relative;
        width: auto
    }

    .p-page__sectBoxLink a > span {
        display: block;
        line-height: 1
    }

    @supports (text-box-trim:trim-both) {
        .p-page__sectBoxLink a > span {
            line-height: 1;
            text-box-edge: text;
            text-box-trim: trim-both
        }
    }

    .p-page__sectBoxLink a > span {
        transition: transform .58s cubic-bezier(.33, 0, .1, 1), opacity .58s cubic-bezier(.33, 0, .1, 1)
    }

    .p-page__sectBoxLink a > span:nth-child(2) {
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transform: translateY(90%)
    }

    .p-page__sectBoxLink a:focus-visible > span:first-child {
        opacity: 0;
        transform: translateY(-100%)
    }

    .p-page__sectBoxLink a:focus-visible > span:nth-child(2) {
        opacity: 1;
        transform: translateY(0)
    }

    .p-page__sectBoxLink a:before {
        background-color: var(--color-white);
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .p-pageOfficial__cont {
        padding-top: 60px
    }

    .p-pageOfficial__contList {
        display: grid;
        gap: 68px;
        grid-template-columns: repeat(1, 1fr);
        margin: 0 auto;
        width: 100%
    }

    .p-pageOfficial__contItem {
        height: auto;
        margin: 0 auto;
        max-width: calc(var(--vw)*83.58974);
        width: 100%
    }

    .p-pageOfficial__contItem img {
        border-radius: 5px;
        height: auto;
        width: 100%
    }

    .p-pageOfficial__contCard {
        margin: 0 auto;
        margin-top: clamp(18px, calc(var(--vw)*.74405 + 12.28571px), 23px);
        width: calc(var(--vw)*67.69231)
    }

    .p-pageOfficial__contCardVis {
        aspect-ratio: 264/183
    }

    .p-pageOfficial__contCardMeta {
        align-items: center;
        display: flex;
        flex-direction: column;
        margin-top: clamp(16px, calc(var(--vw)*.59524 + 11.42857px), 20px)
    }

    .p-pageOfficial__contCardMeta img {
        height: 23px;
        width: auto
    }

    .p-pageOfficial__contCardMeta span {
        color: var(--color-white);
        display: inline-block;
        font-family: var(--font-family-seed);
        font-size: .8125rem;
        font-weight: var(--font-weight-regular);
        line-height: 24px;
        margin-top: 7px
    }

    .p-pageOfficial__contBox + .p-pageOfficial__contBox {
        margin-top: 115px
    }

    .p-pageOfficial__contBox + .p-pageOfficial__contBox .p-pageOfficial__contVis {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-left: -21px;
        margin-right: -20px;
        width: auto
    }

    .p-pageOfficial__contBox + .p-pageOfficial__contBox .p-pageOfficial__contList {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        grid-column-gap: 51px;
        margin: 56px auto 0
    }

    .p-pageOfficial__contBox + .p-pageOfficial__contBox .p-pageOfficial__contCard {
        margin-top: 0
    }

    .p-pageShop {
        margin-top: 110px
    }

    .p-pageShop .p-page__sectHead p {
        font-weight: var(--font-weight-regular);
        margin: 25px auto 0;
        max-width: calc(var(--vw)*80)
    }

    .p-pageShop .p-page__sectBox {
        margin-top: 34px
    }

    .p-pageShop .p-page__sectBoxInner {
        padding: 23px
    }

    .p-pageShop .p-page__sectBoxHead p {
        margin-top: 4px
    }

    .p-pageShop .p-page__sectBoxInfo {
        margin-top: 16px;
        text-align: center
    }

    .p-pageShop .p-page__sectBoxInfo p {
        line-height: 1.6
    }

    .p-pageShop .p-page__sectBoxLink {
        margin-top: 25px
    }

    .p-pageShop__attention {
        margin: 0 auto;
        max-width: calc(var(--vw)*80.51282);
        padding-top: 79px;
        width: 100%
    }

    .p-pageShop__attentionHead {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .p-pageShop__attentionHead img {
        height: auto;
        margin: 0 auto;
        width: 211px
    }

    .p-pageShop__attentionHead span {
        color: var(--color-white);
        display: block;
        font-size: 1.0625rem;
        font-weight: var(--font-weight-medium);
        line-height: 1.6;
        margin-top: 10px;
        text-align: center
    }

    .p-pageShop__attentionTxt {
        color: var(--color-white);
        font-family: var(--font-family-noto);
        font-size: .8125rem;
        font-weight: var(--font-weight-regular);
        line-height: 1.6;
        margin-top: 31px
    }

    .p-pageShop__attentionTxt b {
        font-size: .9375rem;
        font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-regular)
    }

    @media(hover:hover)and (pointer:fine) {
        .p-header__nav li a:hover > span:first-child {
            opacity: 0;
            transform: translateY(-80%)
        }

        .p-header__nav li a:hover > span:nth-child(2) {
            opacity: 1;
            transform: translateY(0)
        }

        .p-headerGnav__nav li a:hover > span:first-child {
            opacity: 0;
            transform: translateY(-80%)
        }

        .p-headerGnav__nav li a:hover > span:nth-child(2) {
            opacity: 1;
            transform: translateY(0)
        }

        .p-headerGnav__sns:hover a:not(:hover) {
            opacity: .3
        }

        .p-footer__metaNavLink a:hover > span:first-child {
            opacity: 0;
            transform: translateY(-80%)
        }

        .p-footer__metaNavLink a:hover > span:nth-child(2) {
            opacity: 1;
            transform: translateY(0)
        }

        .p-footer__metaNavSns:hover a:not(:hover) {
            opacity: .3
        }

        .p-frontAbout__head p a:hover > span:first-child {
            opacity: 0;
            transform: translateY(-80%)
        }

        .p-frontAbout__head p a:hover > span:nth-child(2) {
            opacity: 1;
            transform: translateY(0)
        }

        .p-frontItem__footItem--2 a:hover {
            animation: btn-rattle .42s linear
        }

        .p-frontItem__footItem--3 a:hover,
        .p-frontSummary__glassesItemPhoto a:hover {
            animation: glasses-rattle .52s linear
        }

        .p-frontSummary__glassesItemName a:hover {
            animation: btn-rattle .42s linear
        }

        .p-frontMovie__mvItemThum:hover:after {
            opacity: .15
        }

        .p-frontMovie__mvItemThum:hover > :not(i) {
            transform: scale(1.08)
        }

        .p-frontMovie__mvItemThum[data-pending]:after,
        .p-frontMovie__mvItemThum[data-playing]:after {
            opacity: .15
        }

        .p-frontMovie__mvItemThum[data-pending] > :not(i),
        .p-frontMovie__mvItemThum[data-playing] > :not(i) {
            transform: scale(1.08)
        }

        .p-frontCampaign__boxItemMetaItem a:hover,
        .p-frontCampaign__boxItemMetaItem button:hover {
            color: var(--color-black)
        }

        .p-frontCampaign__boxItemMetaItem a:hover:before,
        .p-frontCampaign__boxItemMetaItem button:hover:before {
            transform: scaleY(1)
        }

        .p-frontCampaign__boxItemSpList a:hover,
        .p-frontCampaign__boxItemSpList button:hover {
            color: var(--color-black)
        }

        .p-frontCampaign__boxItemSpList a:hover:before,
        .p-frontCampaign__boxItemSpList button:hover:before {
            transform: scaleY(1)
        }

        .p-page__sectBoxLink a:hover > span:first-child {
            opacity: 0;
            transform: translateY(-80%)
        }

        .p-page__sectBoxLink a:hover > span:nth-child(2) {
            opacity: 1;
            transform: translateY(0)
        }
    }

    @media(prefers-reduced-motion:reduce) {
        .p-header__ham {
            transition: none
        }

        .p-header__ham > span:nth-child(2) span {
            filter: none;
            transform: none;
            transition: none
        }

        .p-headerGnav,
        .p-headerGnav.is-closing .p-headerGnav__bg,
        .p-headerGnav.is-closing .p-headerGnav__box,
        .p-headerGnav.is-open .p-headerGnav__bg,
        .p-headerGnav.is-open .p-headerGnav__box,
        .p-header__ham.is-active,
        .p-header__ham.is-active > span:nth-child(2) span,
        .p-header__nav li a > span {
            transition: none
        }

        .p-headerGnav__box {
            filter: none;
            transition: none
        }

        .p-footer__metaNavLink a > span,
        .p-footer__metaNavSns li a,
        .p-frontAbout__head p a > span,
        .p-headerGnav__bg,
        .p-headerGnav__nav li a > span,
        .p-headerGnav__sns li a {
            transition: none
        }

        .p-frontItem__footItem--2 a:focus-visible,
        .p-frontItem__footItem--3 a:focus-visible,
        .p-frontSummary__glassesItemName a:focus-visible,
        .p-frontSummary__glassesItemPhoto a:focus-visible {
            animation: none
        }

        .p-frontCampaign__boxItemMetaItem a,
        .p-frontCampaign__boxItemMetaItem a:before,
        .p-frontCampaign__boxItemMetaItem button,
        .p-frontCampaign__boxItemMetaItem button:before,
        .p-frontCampaign__boxItemSpList a,
        .p-frontCampaign__boxItemSpList a:before,
        .p-frontCampaign__boxItemSpList button,
        .p-frontCampaign__boxItemSpList button:before,
        .p-frontMovie__mvItemThum:after,
        .p-frontMovie__mvItemThum > :not(i),
        .p-page__sectBoxLink a > span {
            transition: none
        }
    }

    @media(prefers-reduced-motion:reduce)and (hover:hover)and (pointer:fine) {

        .p-frontItem__footItem--2 a:hover,
        .p-frontItem__footItem--3 a:hover,
        .p-frontSummary__glassesItemName a:hover,
        .p-frontSummary__glassesItemPhoto a:hover {
            animation: none
        }
    }

    @media print and (width>=576px),
    screen and (width>=576px) {
        .p-frontMovie__mv {
            flex-direction: row;
            flex-wrap: wrap
        }

        .p-frontMovie__mv--vertical {
            gap: 60px 40px;
            padding-inline: clamp(0px, calc(var(--vw)*10.41667 - 60px), 20px);
            width: clamp(532px, calc(var(--vw)*99.47917 - 41px), 723px)
        }

        .p-frontMovie__mv--vertical .p-frontMovie__mvItem {
            width: clamp(246px, calc(var(--vw)*28.125 + 84px), 300px)
        }

        .p-frontMovie__mv--vertical .p-frontMovie__mvItem:nth-child(4) .p-frontMovie__mvItemMeta h3 {
            font-size: clamp(13px, calc(var(--vw)*1.5625 + 4px), 16px)
        }

        .p-frontMovie__mv--vertical .p-frontMovie__mvItemIframe {
            width: 100%
        }

        .p-frontMovie__mv--horizontal {
            flex-direction: column;
            flex-wrap: nowrap
        }

        .p-frontMovie__mvItemMeta span {
            font-size: clamp(15px, calc(var(--vw)*1.5625 + 6px), 18px)
        }

        .p-frontLineup__list {
            gap: calc(var(--vw)*6.25) clamp(16px, calc(var(--vw)*4.16667 - 8px), 24px);
            grid-template-columns: repeat(3, 1fr);
            width: calc(var(--vw)*92.36111)
        }
    }

    @media print and (width>=768px),
    screen and (width>=768px) {
        .p-header {
            height: 73px;
        }

        .p-header__inner {
            align-items: flex-start;
            padding-inline: 30px 26px;
            padding-top: 19px
        }

        .p-header__ham {
            display: none
        }

        .p-header__logo {
            bottom: 0;
            display: inline-block;
            height: auto;
            left: 30px;
            pointer-events: auto;
            position: absolute;
            width: 47px
        }

        .p-header__nav {
            display: flex;
            gap: 22px;
            padding-top: 12px
        }

        .p-headerGnav {
            display: none
        }

        .p-footer__inner {
            background-image: url(../img/main/img-foot-bg_pc.webp);
            padding-inline: 40px;
            padding-top: calc(var(--vw)*10.13889)
        }

        .p-footer__cont {
            display: flex;
            justify-content: center;
            gap: 4.3vw;
/*            transform: translate(-12px);*/
            width: clamp(688px, calc(var(--vw)*70.68452 + 145.14286px), 1163px);
            margin: auto;
        }

        .p-footer__vis {
            width: 43.5081685297%
        }

        .p-footer__txt {
            margin-top: 0;
            width: 47.807394669%
        }

        .p-footer__txt b {
            font-size: 1.25rem;
            text-align: left;
        }

        .p-footer__txt p {
            font-size: .9375rem;
            padding-right: 0
        }

        .p-frontAbout__inner {
            background-image: url(../img/main/img-section-bg_1_pc.webp);
            padding-bottom: calc(var(--vw)*10.82014);
            padding-top: calc(var(--vw)*9.23611)
        }

        .p-frontAbout__head {
            padding: 41px 15px 30px;
            width: 604px
        }

        .p-frontAbout__head b {
            font-size: clamp(18px, calc(var(--vw)*.74405 + 12.28571px), 23px)
        }

        .p-frontAbout__head p {
            font-size: clamp(15px, calc(var(--vw)*.44643 + 11.57143px), 18px);
            line-height: clamp(25px, calc(var(--vw)*.44643 + 21.57143px), 28px);
            margin-top: calc(var(--vw)*1.11111)
        }

        .p-frontAbout__head + .p-frontAbout__contRead {
            margin-top: calc(var(--vw)*9.16667)
        }

        .p-frontAbout__contRead {
            font-size: clamp(15px, calc(var(--vw)*.44643 + 11.57143px), 18px);
            line-height: clamp(27px, calc(var(--vw)*.44643 + 23.57143px), 30px);
            margin-top: calc(var(--vw)*3.19444)
        }

        .p-frontAbout__contRead p + p {
            margin-top: calc(var(--vw)*1.04167)
        }

        .p-frontAbout__contLogo {
            margin-top: calc(var(--vw)*3.54167);
            max-width: calc(var(--vw)*40.73264)
        }

        .p-frontItem__footItem--1 span {
            font-size: calc(var(--vw)*2.5);
            line-height: calc(var(--vw)*3.33333)
        }

        .p-frontItem__footItem--1 span + span {
            margin-top: calc(var(--vw)*.55556)
        }

        .p-frontItem3060__inner {
            background-image: url(../img/main/img-section-bg_2_pc.webp);
            padding-bottom: calc(var(--vw)*13.88889);
            padding-top: calc(var(--vw)*8.88889);
            padding-inline: 40px
        }

        .p-frontItem3060__head {
            width: calc(var(--vw)*42.56944)
        }

        .p-frontItem3060__main {
            height: calc(var(--vw)*63.7);
            margin-top: calc(var(--vw)*4.02778);
            max-width: calc(var(--vw)*75.69444);
            right: calc(var(--vw)*2.08333);
            margin-left: auto;
        }

        .p-frontItem3060__mainPhoto--1 {
            left: 0;
            top: 0;
            width: calc(var(--vw)*48.76389)
        }
        .p-frontItem3060__main .p-frontItem__sign {
            width: 19vw;
            left: -6.3vw;
            bottom: 0vw;
        }

        .p-frontItem3060__mainPhoto--2 {
            bottom: calc(var(--vw)*2.84722);
            left: calc(var(--vw)*22.36111);
            width: calc(var(--vw)*25.625);
            z-index: 0
        }

        .p-frontItem3060__mainPhoto--3 {
            bottom: calc(var(--vw)*18.19444);
            width: calc(var(--vw)*30.76389)
        }

        .p-frontItem3060__mainDeco--1 {
            right: calc(var(--vw)*-6);
            top: calc(var(--vw)*10.4);
            width: calc(var(--vw)*45);
        }
        .p-frontItem3060__mainDeco--1 img {
            transform: rotate(25deg);
        }

        .p-frontItem3060__mainDeco--2 {
            bottom: calc(var(--vw)*-5);
            left: calc(var(--vw)*18.4);
            width: calc(var(--vw)*7.2);
        }

        .p-frontItem3060__mainDeco--3 {
            top: calc(var(--vw)*48);
            right: calc(var(--vw)*10.9);
            width: calc(var(--vw)*5.9);
        }

        .p-frontItem3060__mainDeco--4 {
            top: calc(var(--vw)*28);
            left: calc(var(--vw)*52.3);
            width: calc(var(--vw)*7.6);
        }

        .p-frontItem3060__mainDeco--5 {
            bottom: calc(var(--vw)*11.04167);
            right: calc(var(--vw)*-6.80556);
            top: auto;
            width: calc(var(--vw)*22.08333)
        }

        .p-frontItem3060__foot {
            height: calc(var(--vw)*24.7);
            margin-top: calc(var(--vw)*-3.1);
            right: calc(var(--vw)*6.5);
            width: calc(var(--vw)*73.43);
        }

        .p-frontItem3060__footItem--1 {
            bottom: 6.9vw;
            /* top: calc(var(--vw)*6.25); */
            left: 0;
            align-items: flex-end;
        }

        .p-frontItem3060__footItem--2 {
            bottom: calc(var(--vw)*7.4);
            left: calc(var(--vw)*24.23542);
            width: calc(var(--vw)*13.05556)
        }

        .p-frontItem3060__footItem--3 {
            width: calc(var(--vw)*41.31944)
        }

        .p-frontItem3053__inner {
            background-image: url(../img/main/img-section-bg_3_pc.webp);
            padding-bottom: calc(var(--vw)*15.06944);
            padding-top: calc(var(--vw)*10.41667);
            padding-inline: 40px
        }

        .p-frontItem3053__head {
            width: calc(var(--vw)*42.5)
        }

        .p-frontItem3053__main {
            height: calc(var(--vw)*54);
            left: calc(var(--vw)*-1.93056);
            margin: 0 auto;
            margin-top: calc(var(--vw)*6.59722);
            max-width: calc(var(--vw)*74.09722)
        }

        .p-frontItem3053__mainPhoto--1 {
            width: calc(var(--vw)*49.58333);
            z-index: 1
        }

        .p-frontItem3053__mainPhoto--2 {
            bottom: calc(var(--vw)*12.15278);
            left: 0;
            width: calc(var(--vw)*29.09722)
        }

        .p-frontItem3053__mainPhoto--3 {
            bottom: 0;
            right: calc(var(--vw)*14.51389);
            width: calc(var(--vw)*31.38889)
        }
        
        .p-frontItem3053__main .p-frontItem__sign {
            width: 18.6vw;
            right: -4vw;
        }

        .p-frontItem3053__mainDeco--1 {
            left: calc(var(--vw)*10.5);
            right: auto;
            top: calc(var(--vw)*1.58333);
            width: calc(var(--vw)*22.5);
        }

        .p-frontItem3053__mainDeco--2 {
            bottom: calc(var(--vw)*13);
            left: 14vw;
            width: calc(var(--vw)*7);
        }

        .p-frontItem3053__mainDeco--3 {
            top: calc(var(--vw)*18.33333);
            left: 5vw;
            right: auto;
            width: calc(var(--vw)*10.41667)
        }

        .p-frontItem3053__mainDeco--4 {
            bottom: auto;
            left: calc(var(--vw)*-10.625);
            top: calc(var(--vw)*15.97222);
            width: calc(var(--vw)*24.375)
        }

        .p-frontItem3053__foot {
            height: calc(var(--vw)*25.2);
            margin-top: calc(var(--vw)*-9.3);
            right: calc(var(--vw)*6);
            width: calc(var(--vw)*71.1);
            margin-left: 17vw;
        }

        .p-frontItem3053__footItem--1 {
            bottom: 4.1vw;
            left: auto;
            right: 0;
            /* top: calc(var(--vw)*11.38889); */
            align-items: flex-end;
        }

        .p-frontItem3053__footItem--2 {
            bottom: calc(var(--vw)*4.2);
            left: auto;
            right: calc(var(--vw)*24.93889);
            width: calc(var(--vw)*13.075)
        }

        .p-frontItem3053__footItem--3 {
            left: 0;
            right: auto;
            top: 0;
            width: calc(var(--vw)*41.9);
        }

        .p-frontItem3059__inner {
            background-image: url(../img/main/img-section-bg_4_pc.webp);
            padding-bottom: calc(var(--vw)*10.06944);
            padding-top: calc(var(--vw)*9.30556);
            padding-inline: 40px
        }

        .p-frontItem3059__head {
            width: calc(var(--vw)*49.79167)
        }

        .p-frontItem3059__main {
            height: calc(var(--vw)*47.26389);
            left: calc(var(--vw)*-5.06944);
            margin-top: calc(var(--vw)*13);
            max-width: calc(var(--vw)*73.61111)
        }
        
        .p-frontItem3059__main .p-frontItem__sign {
            width: 34.2vw;
            left: 0;
            bottom: 0;
        }

        .p-frontItem3059__mainPhoto--1 {
            left: calc(var(--vw)*3.95833);
            right: auto;
            top: 0;
            width: calc(var(--vw)*42.36111)
        }

        .p-frontItem3059__mainPhoto--2 {
            left: 0;
            top: calc(var(--vw)*34.23611);
            width: calc(var(--vw)*32.84722);
            z-index: 2
        }

        .p-frontItem3059__mainPhoto--3 {
            /* bottom: calc(var(--vw)*11.59722); */
            left: auto;
            right: 0;
            width: calc(var(--vw)*59.3);
            z-index: 1
        }
        .p-frontItem3059__main .p-frontItem__sign {
            width: 21.7vw;
            left: 10vw;
            bottom: -1vw;
        }

        .p-frontItem3059__mainDeco--1 {
            right: calc(var(--vw)*-10.59722);
            top: calc(var(--vw)*0.01389);
            width: calc(var(--vw)*15);
        }

        .p-frontItem3059__mainDeco--2 {
            left: calc(var(--vw)*78);
            bottom: calc(var(--vw)*2.19444);
            width: calc(var(--vw)*6.1);
            z-index: 3;
        }

        .p-frontItem3059__mainDeco--3 {
            left: calc(var(--vw)*29.11111);
            right: auto;
            top: calc(var(--vw)*-7.5);
            width: calc(var(--vw)*17.72222);
        }
        .p-frontItem3059__mainDeco--3_1 {
            left: calc(var(--vw)*27.11111);
            right: auto;
            top: calc(var(--vw)*15.5);
            width: calc(var(--vw)*17.72222);
        }

        .p-frontItem3059__mainDeco--4 {
            bottom: calc(var(--vw)*-30.25);
            left: calc(var(--vw)*58.97222);
            width: calc(var(--vw)*4.5);
        }

        .p-frontItem3059__mainDeco--5 {
            bottom: calc(var(--vw)*-13.72222);
            left: 14vw;
            /* right: calc(var(--vw)*10.34722); */
            width: calc(var(--vw)*7.1);
        }
        .p-frontItem3059__mainDeco--5 img {
            transform: none;
        }

        .p-frontItem3059__foot {
            height: calc(var(--vw)*35.7);
            margin-left: 21vw;
            margin-top: calc(var(--vw)*-7.02778);
            right: calc(var(--vw)*11.59722);
            width: calc(var(--vw)*71);
        }

        .p-frontItem3059__footItem--1 {
            bottom: 3.2vw;
            left: 0;
            /* top: calc(var(--vw)*18.26389); */
        }

        .p-frontItem3059__footItem--2 {
            bottom: calc(var(--vw)*3.2);
            left: calc(var(--vw)*29.44444);
            right: auto;
            width: calc(var(--vw)*13.075)
        }

        .p-frontItem3059__footItem--3 {
            width: calc(var(--vw)*41.8);
        }

        .p-frontSummary__inner {
            background-image: url(../img/main/img-section-bg_5_pc.webp);
            padding-bottom: calc(var(--vw)*13.75);
            padding-top: calc(var(--vw)*5);
            padding-inline: calc(var(--vw)*1.875)
        }

        .p-frontSummary__head {
            margin: 0 auto;
            max-width: 87.7vw;
            position: relative
        }

        .p-frontSummary__headDeco {
            bottom: calc(var(--vw)*-3.4);
            left: calc(var(--vw)*-11.94444);
            top: auto;
            width: calc(var(--vw)*25.41667)
        }

        .p-frontSummary__glasses {
            display: flex;
            margin-top: calc(var(--vw)*20);
            width: calc(var(--vw)*82);
        }

        .p-frontSummary__glassesItem--1 {
            gap: calc(var(--vw)*1.18056);
            margin: 0;
            width: calc(var(--vw)*51.6);
            position: relative;
        }
        .p-frontSummary__glassesItem--1 .p-frontSummary__glassesItemPhoto {
            width: 34.89vw;
            margin-top: 2.1vw;
            margin-left: 8.4vw;
        }
        .p-frontSummary__glassesItem--1 .p-frontSummary__glassesItemName {
            position: absolute;
            white-space: nowrap;
        }
        .p-frontSummary__glassesItem--1 .p-frontSummary__glassesItemName:first-of-type {
            left: 0;
            top: 0;
        }
        .p-frontSummary__glassesItem--1 .p-frontSummary__glassesItemName:last-of-type {
            top: 3vw;
            left: 34.2vw;
        }

        .p-frontSummary__glassesItem--2 {
            flex-direction: column;
            gap: calc(var(--vw)*.625);
            margin: 0;
            margin-left: calc(var(--vw)*2.29167);
            width: calc(var(--vw)*25.83333)
        }

        .p-frontSummary__glassesItem--2 .p-frontSummary__glassesItemName {
            gap: calc(var(--vw)*.83333);
            left: calc(var(--vw)*.41667)
        }

        .p-frontSummary__glassesItem--3 {
            gap: calc(var(--vw)*.83333);
            margin: 0;
            margin-left: calc(var(--vw)*4.375);
            width: calc(var(--vw)*25.97222)
        }

        .p-frontSummary__glassesItem + .p-frontSummary__glassesItem {
            margin-top: 0;
            margin-left: 5.5vw;
        }
        .p-frontSummary__glassesItem + .p-frontSummary__glassesItem .p-frontSummary__glassesItemPhoto {
            width: 24.7vw;
        }

        .p-frontSummary__glassesItemName {
            gap: calc(var(--vw)*.83333);
            z-index: 1;
        }

        .p-frontSummary__glassesItemName h2 {
            font-size: calc(var(--vw)*2.22222)
        }

        .p-frontSummary__glassesItemName a {
            width: calc(var(--vw)*8.54028)
        }
        
        .p-frontSummary__contRead {
            margin-top: 11vw;
            font-size: 1.8vw;
        }

        .p-frontSummary__foot {
            height: auto;
            left: calc(var(--vw)*-1.66667);
            margin-top: calc(var(--vw)*12.43056);
            width: calc(var(--vw)*48.47222)
        }

        .p-frontSummary__footVis {
            bottom: 0;
            position: relative;
            right: 0;
            width: 100%
        }

        .p-frontSummary__footMap {
            bottom: calc(var(--vw)*-9);
            height: auto;
            left: auto;
            right: calc(var(--vw)*4.9);
            top: auto;
            width: calc(var(--vw)*25.5);
        }

        .p-frontMovie__inner {
            background-image: url(../img/main/img-section-bg_6_pc.webp);
            padding-bottom: calc(var(--vw)*12.22222);
            padding-top: calc(var(--vw)*9.65278)
        }

        .p-frontMovie__headName {
            width: clamp(289px, calc(var(--vw)*6.54762 + 238.71429px), 333px)
        }

        .p-frontMovie__cont {
            margin-top: calc(var(--vw)*7.56944)
        }

        .p-frontMovie__mv {
            margin: 0 auto
        }

        .p-frontMovie__mv--vertical {
            gap: clamp(60px, calc(var(--vw)*11.16071 - 25.71429px), 135px) clamp(51.5px, calc(var(--vw)*4.01786 + 20.64286px), 78.5px);
            padding-inline: 0;
            width: clamp(688px, calc(var(--vw)*55.35714 + 262.85714px), 1060px)
        }

        .p-frontMovie__mv--vertical .p-frontMovie__mvItem {
            width: clamp(195px, calc(var(--vw)*15.77381 + 73.85714px), 301px)
        }

        .p-frontMovie__mv--vertical .p-frontMovie__mvItem:nth-child(4) .p-frontMovie__mvItemMeta h3 {
            font-size: clamp(16px, calc(var(--vw)*1.19048 + 6.85714px), 24px)
        }

        .p-frontMovie__mv--vertical .p-frontMovie__mvItemIframe {
            aspect-ratio: 301/511
        }

        .p-frontMovie__mv--vertical .p-frontMovie__mvItemThum i {
            display: block;
            width: calc(var(--vw)*3.61111)
        }

        .p-frontMovie__mv--horizontal {
            flex-direction: row;
            gap: 0;
            justify-content: space-between;
            margin-top: calc(var(--vw)*9.30556);
            width: calc(var(--vw)*84.09722)
        }

        .p-frontMovie__mv--horizontal .p-frontMovie__mvItem {
            width: calc(var(--vw)*39.93056)
        }

        .p-frontMovie__mv--horizontal .p-frontMovie__mvItemIframe {
            aspect-ratio: 575/351;
            width: 100%
        }

        .p-frontMovie__mv--horizontal .p-frontMovie__mvItemMeta {
            margin-top: calc(var(--vw)*1.25)
        }

        .p-frontMovie__mv--horizontal .p-frontMovie__mvItemMeta h3 {
            font-size: clamp(16px, calc(var(--vw)*1.19048 + 6.85714px), 24px)
        }

        .p-frontMovie__mv--horizontal .p-frontMovie__mvItemThum i {
            display: block;
            width: calc(var(--vw)*5.69444)
        }

        .p-frontMovie__mvItemIframe.is-coming span {
            font-size: clamp(18px, calc(var(--vw)*.59524 + 13.42857px), 22px)
        }

        .p-frontMovie__mvItemMeta {
            margin-top: calc(var(--vw)*1.11111)
        }

        .p-frontMovie__mvItemMeta h3 {
            font-size: clamp(16px, calc(var(--vw)*1.19048 + 6.85714px), 24px);
            line-height: clamp(28px, calc(var(--vw)*1.19048 + 18.85714px), 36px)
        }

        .p-frontMovie__mvItemMeta h3 + span {
            margin-top: calc(var(--vw)*-.20833)
        }

        .p-frontMovie__mvItemMeta span {
            font-size: clamp(13px, calc(var(--vw)*1.04167 + 5px), 20px)
        }

        .p-frontCampaign__inner {
            background-image: url(../img/main/img-section-bg_7_pc.webp);
            padding-bottom: calc(var(--vw)*12.08333);
            padding-top: calc(var(--vw)*8.81944)
        }
        
        .img-item-btn--2 {
            width: clamp(232px, calc(var(--vw)*5.35714 + 190.85714px), 268px)
        }

        .p-frontCampaign__headName {
            width: clamp(232px, calc(var(--vw)*5.35714 + 190.85714px), 268px)
        }

        .p-frontCampaign__cont {
            margin-top: calc(var(--vw)*6.04167);
            width: clamp(688px, calc(var(--vw)*10.41667 + 608px), 758px)
        }

        .p-frontCampaign__boxHead {
            font-size: clamp(28px, calc(var(--vw)*0 + 28px), 28px)
        }

        .p-frontCampaign__boxList {
            margin-top: calc(var(--vw)*3.33333)
        }

        .p-frontCampaign__boxItem {
/*            display: flex;*/
/*            align-items: flex-start;*/
        }
        .icon_item {
            width: 3.6vw;
            position: absolute;
            right: -4vw;
            top: 0;
        }
        .p-frontCampaign__boxItemHeadName {
            display: flex;
            flex-direction: row-reverse;
            align-items: flex-start;
            gap: .5ch;
            position: relative;
        }
        .p-frontCampaign__boxItemHeadName h4 {
            padding: 2vw 0 0;
        }
        .p-frontCampaign__boxItemHead {
            display: flex;
            align-items: center;
/*            padding: 0;*/
        }
        .p-frontCampaign__boxItemHead p {
/*            text-align: left;*/
            margin-top: 26px;
            font-size: clamp(17px, calc(var(--vw) * 0 + 17px), 17px);
        }
        .p-frontCampaign__boxItemMetaItem p {
            font-size: clamp(18px, calc(var(--vw) * 0 + 18px), 18px);
            text-align: center;
        }
        
        .p-frontCampaign__boxItemVis {
            margin-top: 2vw;
        }

        .p-frontCampaign__boxItem + .p-frontCampaign__boxItem {
            margin-top: calc(var(--vw)*6.94444);
        }
        .p-frontCampaign__boxItemMetaList {
/*            margin-top: 4vw;*/
            width: auto;
        }
        .p-frontCampaign__boxItemMetaItem a, .p-frontCampaign__boxItemMetaItem button {
/*            margin-left: 0;*/
        }
        .p-frontCampaign__boxItemVis span {
            margin-top: .5ch;
        }

        .p-frontCampaign__boxItem--forSp {
            display: none
        }

        .p-frontLineup__inner {
            background-image: url(../img/main/img-section-bg_8_pc.webp);
            padding-bottom: calc(var(--vw)*15.27778);
            padding-top: calc(var(--vw)*8.54167)
        }

        .p-frontLineup__headName {
            width: clamp(199px, calc(var(--vw)*4.6131 + 163.57143px), 230px)
        }

        .p-frontLineup__cont {
            margin-top: calc(var(--vw)*9.02778)
        }

        .p-frontLineup__list {
            width: clamp(688px, calc(var(--vw)*82.58929 + 53.71429px), 1243px);
            grid-column-gap: 61px;
            grid-row-gap: 88px
        }

        .p-frontLineup__itemVis {
            aspect-ratio: 265/183
        }

        .p-page {
            background-image: url(../img/main/page/img-bg_pc.webp);
            padding-bottom: 193px;
            padding-top: 200px;
            padding-inline: 40px
        }

        .p-page__head {
            max-width: clamp(920px, calc(var(--vw)*7.7381 + 860.57143px), 972px)
        }

        .p-page__headLogo {
            max-width: 525px
        }

        .p-page__headLogo img + img {
            margin-top: 30px;
            width: 191.88px
        }

        .p-page__headName {
            margin-top: 94px
        }

        .p-page__headName p {
            font-size: 2.5rem
        }

        .p-page__headName span {
            font-size: 1.875rem
        }

        .p-page__headName span + p {
            font-size: 2.5rem
        }

        .p-page__headRead {
            font-size: .9375rem;
            line-height: 1.6;
            margin-top: 44px;
            max-width: 715px;
            padding-inline: 0;
            text-align: center
        }

        .p-page__cont {
            margin-top: 97px
        }

        .p-page__sectHead h2 {
            font-weight: var(--font-weight-bold)
        }

        .p-page__sectHead p {
            font-weight: var(--font-weight-regular);
            margin-top: 23px
        }

        .p-page__sectBox {
            max-width: none;
            max-width: 514px
        }

        .p-page__sectBoxInner {
            padding: 27px 30px 17px
        }

        .p-page__sectBoxHead p {
            font-size: 1.125rem
        }

        .p-page__sectBoxInfo {
            margin-top: 19px
        }

        .p-page__sectBoxInfo span {
            font-size: .875rem
        }

        .p-page__sectBoxInfo ul {
            margin-top: 5px
        }

        .p-page__sectBoxInfo ul li {
            font-size: .875rem
        }

        .p-page__sectBoxInfo ul li + li {
            margin-top: 0
        }

        .p-page__sectBoxInfo ul + p {
            margin-top: 11px
        }

        .p-page__sectBoxInfo p {
            line-height: 1.5;
            text-align: center
        }

        .p-page__sectBoxLink {
            gap: 10px
        }

        .p-pageOfficial__cont {
            padding-top: 62px
        }

        .p-pageOfficial__contList {
            grid-template-columns: repeat(3, 1fr);
            width: clamp(688px, calc(var(--vw)*50.89286 + 297.14286px), 1030px);
            grid-column-gap: clamp(18px, calc(var(--vw)*1.19048 + 8.85714px), 26px)
        }

        .p-pageOfficial__contItem {
            max-width: none
        }

        .p-pageOfficial__contCard {
            width: clamp(185px, calc(var(--vw)*11.75595 + 94.71429px), 264px)
        }

        .p-pageOfficial__contBox + .p-pageOfficial__contBox {
            margin-top: 77px
        }

        .p-pageOfficial__contBox + .p-pageOfficial__contBox .p-pageOfficial__contVis {
            margin: 0 auto;
            max-width: 901px;
            width: 100%
        }

        .p-pageOfficial__contBox + .p-pageOfficial__contBox .p-pageOfficial__contList {
            grid-template-columns: repeat(3, 1fr);
            width: clamp(688px, calc(var(--vw)*41.66667 + 368px), 968px);
            grid-column-gap: clamp(61px, calc(var(--vw)*4.01786 + 30.14286px), 88px);
            margin-top: 22px
        }

        .p-pageShop {
            margin-top: 139px
        }

        .p-pageShop .p-page__sectHead p {
            max-width: none
        }

        .p-pageShop .p-page__sectBoxInner {
            padding: 27px 30px
        }

        .p-pageShop .p-page__sectBoxHead p {
            margin-top: 7px
        }

        .p-pageShop .p-page__sectBoxLink {
            margin-top: 13px
        }

        .p-pageShop__attention {
            max-width: 566px;
            padding-top: 97px
        }

        .p-pageShop__attentionHead span {
            font-size: 1.125rem;
            margin-top: 15px
        }

        .p-pageShop__attentionTxt {
            margin-top: 53px
        }
    }

    @media print and (width>=1200px),
    screen and (width>=1200px) {
        .p-frontLineup__list {
            grid-template-columns: repeat(4, 1fr)
        }
    }

    @media print and (width>=1300px),
    screen and (width>=1300px) {
        .p-footer__inner {
            padding-bottom: calc(var(--vw)*18.47222)
        }

        .p-footer__meta {
            display: block;
            height: 68px;
            padding-bottom: 0
        }

        .p-footer__metaInner {
            gap: 65px;
            padding-inline: 60px;
            padding-top: 8px
        }

        .p-footer__metaInner,
        .p-footer__metaNav {
            align-items: flex-start;
            flex-direction: row;
            justify-content: space-between
        }

        .p-footer__metaNav {
            gap: 25px;
            padding-top: 12px
        }

        .p-footer__metaNavLink {
            align-items: flex-start;
            flex-direction: row;
            gap: 18px;
            justify-content: flex-start;
            padding-top: 4px
        }

        .p-footer__metaNavLink a {
            font-size: .875rem
        }

        .p-footer__metaNavSns {
            margin-top: 0
        }

        .p-footer__metaGlobal {
            margin-top: 0;
/*            position: absolute;*/
            right: 60px;
            top: 0
        }
    }

/*
    @media print and (width>=1440px),
    screen and (width>=1440px) {
        .p-footer__inner {
            padding-bottom: 266px;
            padding-top: 146px
        }

        .p-footer__vis {
            width: 506px
        }

        .p-footer__txt {
            width: 556px
        }

        .p-frontAbout__inner {
            padding-bottom: 155.81px;
            padding-top: 133px
        }

        .p-frontAbout__head p {
            margin-top: 16px
        }

        .p-frontAbout__head + .p-frontAbout__contRead {
            margin-top: 132px
        }

        .p-frontAbout__contRead {
            margin-top: 46px
        }

        .p-frontAbout__contRead p + p {
            margin-top: 15px
        }

        .p-frontAbout__contLogo {
            margin-top: 51px;
            max-width: 586.55px
        }

        .p-frontItem__footItem--1 span {
            font-size: 2.25rem;
            line-height: 48px
        }

        .p-frontItem__footItem--1 span + span {
            margin-top: 8px
        }

        .p-frontItem3060__inner {
            padding-bottom: 200px;
            padding-top: 128px
        }

        .p-frontItem3060__head {
            width: 613px
        }

        .p-frontItem3060__main {
            height: 1189px;
            margin-top: 58px;
            max-width: 1090px;
            right: 30px;
        }

        .p-frontItem3060__mainPhoto--1 {
            width: 587px
        }

        .p-frontItem3060__mainPhoto--2 {
            bottom: 41px;
            left: 322px;
            width: 369px
        }

        .p-frontItem3060__mainPhoto--3 {
            bottom: 262px;
            width: 443px
        }

        .p-frontItem3060__mainDeco--1 {
            right: 2.85px;
            top: 116.35px;
            width: 566px
        }

        .p-frontItem3060__mainDeco--2 {
            bottom: 312.26px;
            left: 63.7px;
            width: 140px
        }

        .p-frontItem3060__mainDeco--3 {
            bottom: 72px;
            left: 80px;
            width: 151px
        }

        .p-frontItem3060__mainDeco--4 {
            right: 33px;
            width: 168px
        }

        .p-frontItem3060__mainDeco--5 {
            bottom: 159px;
            right: -98px;
            width: 318px
        }

        .p-frontItem3060__foot {
            height: 320px;
            margin-top: -90px;
            right: 44px;
            width: 893px
        }

        .p-frontItem3060__footItem--1 {
            top: 90px
        }

        .p-frontItem3060__footItem--2 {
            bottom: 65px;
            left: 161.79px;
            width: 188px
        }

        .p-frontItem3060__footItem--3 {
            width: 595px
        }

        .p-frontItem3053__inner {
            padding-bottom: 217px;
            padding-top: 150px
        }

        .p-frontItem3053__head {
            width: 612px
        }

        .p-frontItem3053__main {
            height: 1235px;
            left: 73px;
            margin-top: 95px;
            max-width: 1067px
        }

        .p-frontItem3053__mainPhoto--1 {
            width: 714px
        }

        .p-frontItem3053__mainPhoto--2 {
            bottom: 175px;
            width: 419px
        }

        .p-frontItem3053__mainPhoto--3 {
            right: 209px;
            width: 452px
        }

        .p-frontItem3053__mainDeco--1 {
            left: 72px;
            top: 66px;
            width: 347px
        }

        .p-frontItem3053__mainDeco--2 {
            bottom: 346px;
            right: 5px;
            width: 146px
        }

        .p-frontItem3053__mainDeco--3 {
            bottom: 48px;
            width: 150px
        }

        .p-frontItem3053__mainDeco--4 {
            left: -153px;
            top: 230px;
            width: 351px
        }

        .p-frontItem3053__foot {
            height: 387px;
            margin-top: -68px;
            right: 16px;
            width: 955px
        }

        .p-frontItem3053__footItem--1 {
            top: 164px
        }

        .p-frontItem3053__footItem--2 {
            bottom: 52px;
            right: 200.72px;
            width: 188.28px
        }

        .p-frontItem3053__footItem--3 {
            width: 658px
        }

        .p-frontItem3059__inner {
            padding-bottom: 145px;
            padding-top: 134px
        }

        .p-frontItem3059__head {
            width: 717px
        }

        .p-frontItem3059__main {
            height: 1559px;
            left: 64px;
            margin-top: 95px;
            max-width: 1060px
        }

        .p-frontItem3059__mainPhoto--1 {
            left: 57px;
            width: 610px
        }

        .p-frontItem3059__mainPhoto--2 {
            top: 493px;
            width: 473px
        }

        .p-frontItem3059__mainPhoto--3 {
            bottom: 167px;
            width: 644px
        }

        .p-frontItem3059__mainDeco--1 {
            right: 121px;
            top: 101px;
            width: 237px
        }

        .p-frontItem3059__mainDeco--2 {
            right: 392px;
            top: 478px;
            width: 106px
        }

        .p-frontItem3059__mainDeco--3 {
            left: 88px;
            top: 361px;
            width: 284px
        }

        .p-frontItem3059__mainDeco--4 {
            bottom: 378px;
            left: 230px;
            width: 101px
        }

        .p-frontItem3059__mainDeco--5 {
            bottom: 4px;
            right: 149px;
            width: 121px
        }

        .p-frontItem3059__foot {
            height: 567px;
            margin-top: -274px;
            right: 167px;
            width: 743px
        }

        .p-frontItem3059__footItem--1 {
            top: 263px
        }

        .p-frontItem3059__footItem--2 {
            bottom: 132px;
            left: 208px;
            width: 188.28px
        }

        .p-frontItem3059__footItem--3 {
            width: 570px
        }

        .p-frontSummary__inner {
            padding-bottom: 198px;
            padding-top: 72px;
            padding-inline: 27px
        }

        .p-frontSummary__headDeco {
            bottom: -122px;
            left: -28px;
            width: 366px
        }

        .p-frontSummary__glasses {
            margin-top: 138px;
            width: 1220px
        }

        .p-frontSummary__glassesItem--1 {
            gap: 17px;
            width: 378px
        }

        .p-frontSummary__glassesItem--2 {
            gap: 9px;
            margin-left: 33px;
            width: 372px
        }

        .p-frontSummary__glassesItem--2 .p-frontSummary__glassesItemName {
            gap: 12px;
            left: 6px
        }

        .p-frontSummary__glassesItem--3 {
            gap: 12px;
            margin-left: 63px;
            width: 374px
        }

        .p-frontSummary__glassesItemName {
            gap: 12px
        }

        .p-frontSummary__glassesItemName h2 {
            font-size: 2rem
        }

        .p-frontSummary__glassesItemName a {
            width: 122.98px
        }

        .p-frontSummary__foot {
            left: -24px;
            margin-top: 179px;
            width: 698px
        }

        .p-frontSummary__footMap {
            bottom: -74px;
            right: -296px;
            width: 402px
        }

        .p-frontMovie__inner {
            padding-bottom: 176px;
            padding-top: 139px
        }

        .p-frontMovie__cont {
            margin-top: 109px
        }

        .p-frontMovie__mv--vertical {
            gap: 135px 78.5px;
            width: 1060px
        }

        .p-frontMovie__mv--vertical .p-frontMovie__mvItem {
            width: 301px
        }

        .p-frontMovie__mv--vertical .p-frontMovie__mvItemThum i {
            width: 52px
        }

        .p-frontMovie__mv--horizontal {
            margin-top: 134px;
            width: 1211px
        }

        .p-frontMovie__mv--horizontal .p-frontMovie__mvItem {
            width: 575px
        }

        .p-frontMovie__mv--horizontal .p-frontMovie__mvItemMeta {
            margin-top: 18px
        }

        .p-frontMovie__mv--horizontal .p-frontMovie__mvItemThum i {
            width: 82px
        }

        .p-frontMovie__mvItemMeta {
            margin-top: 16px
        }

        .p-frontMovie__mvItemMeta h3 {
            line-height: 36px
        }

        .p-frontMovie__mvItemMeta h3 + span {
            margin-top: -3px
        }

        .p-frontCampaign__inner {
            padding-bottom: 184px;
            padding-top: 127px
        }

        .p-frontCampaign__cont {
            margin-top: 87px
        }

        .p-frontCampaign__box + .p-frontCampaign__box {
            margin-top: 170px
        }

        .p-frontCampaign__boxList {
            margin-top: 48px
        }

        .p-frontCampaign__boxItem + .p-frontCampaign__boxItem {
            margin-top: 100px
        }

        .p-frontCampaign__boxItemHead p {
            margin-top: 26px
        }

        .p-frontCampaign__boxItemHead p span,
        .p-frontCampaign__boxItemHeadName span {
            margin-top: 10px
        }

        .p-frontLineup__inner {
            padding-bottom: 220px;
            padding-top: 123px
        }

        .p-frontLineup__cont {
            margin-top: 130px
        }
    }
*/
}

@layer utility {
    .u-desktopOnly {
        display: none
    }

    .u-visuallyHidden {
        border: 0;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    .u-leadingTrim:after,
    .u-leadingTrim:before {
        block-size: 1px;
        content: "";
        display: block;
        inline-size: 0
    }

    .u-leadingTrim:before {
        margin-block-end: var(--leading-trim)
    }

    .u-leadingTrim:after {
        margin-block-start: var(--leading-trim)
    }

    .u-leadingTrimStart:before {
        margin-block-end: var(--leading-trim)
    }

    .u-leadingTrimEnd:after,
    .u-leadingTrimStart:before {
        block-size: 1px;
        content: "";
        display: block;
        inline-size: 0
    }

    .u-leadingTrimEnd:after {
        margin-block-start: var(--leading-trim)
    }

    [data-in-view][data-in-view-anim] {
        --in-view-duration: 1.6s;
        --in-view-easing: cubic-bezier(.33, 0, .1, 1);
        --in-view-delay: 0s;
        --in-view-stagger: .28s;
        --in-view-blur: 12px;
        --in-view-saturate: .72;
        --in-view-opacity: .78;
        --in-view-translate-y: 16px;
        transition-delay: var(--in-view-delay);
        transition-duration: var(--in-view-duration);
        transition-timing-function: var(--in-view-easing)
    }

    [data-in-view-delay="1"] {
        --in-view-delay: calc(var(--in-view-stagger)*1)
    }

    [data-in-view-delay="2"] {
        --in-view-delay: calc(var(--in-view-stagger)*2)
    }

    [data-in-view-delay="3"] {
        --in-view-delay: calc(var(--in-view-stagger)*3)
    }

    [data-in-view-delay="4"] {
        --in-view-delay: calc(var(--in-view-stagger)*4)
    }

    [data-in-view-delay="5"] {
        --in-view-delay: calc(var(--in-view-stagger)*5)
    }

    [data-in-view-delay="6"] {
        --in-view-delay: calc(var(--in-view-stagger)*6)
    }

    [data-in-view-delay="7"] {
        --in-view-delay: calc(var(--in-view-stagger)*7)
    }

    [data-in-view-delay="8"] {
        --in-view-delay: calc(var(--in-view-stagger)*8)
    }

    [data-in-view-anim=blur] {
        filter: blur(var(--in-view-blur)) saturate(var(--in-view-saturate));
        opacity: var(--in-view-opacity);
        transition-property: filter, opacity
    }

    [data-in-view-anim=blur][data-in-view=true] {
        filter: blur(0) saturate(1);
        opacity: 1
    }

    [data-in-view-anim=fade-up] {
        --in-view-duration: 1.9s;
        opacity: 0;
        transform: translate3d(0, var(--in-view-translate-y), 0);
        transition-property: opacity, transform
    }

    [data-in-view-anim=fade-up][data-in-view=true] {
        opacity: 1;
        transform: translateZ(0)
    }

    html.is-smooth-scrolling [data-in-view][data-in-view-anim] {
        transition: none !important
    }

    html.is-smooth-scrolling [data-in-view-anim=blur],
    html.is-smooth-scrolling [data-in-view-anim=blur][data-in-view=true] {
        filter: none !important;
        opacity: 1 !important
    }

    html.is-smooth-scrolling [data-in-view-anim=fade-up],
    html.is-smooth-scrolling [data-in-view-anim=fade-up][data-in-view=true] {
        opacity: 1 !important;
        transform: none !important
    }

    html.is-pending-hash-scroll {
        visibility: hidden
    }

    @media(prefers-reduced-motion:reduce) {
        [data-in-view][data-in-view-anim] {
            filter: none;
            opacity: 1;
            transform: none;
            transition: none
        }
    }
    
    /* 2026 */
    .p-header {
        top: 90px;
    }
    @media only screen and (max-width: 1000px) {
        .p-header {
            top: 128px;
        }
    }
    @media only screen and (max-width: 769px) {
        .p-header {
            top: 73px;
        }
    }

    @media print and (width>=768px),
    screen and (width>=768px) {
        .u-mobileOnly {
            display: none
        }

        .u-desktopOnly {
            display: block
        }
    }
}