.heading-h1{ display: none;}
.heading-h1　h1{display: none; }
.layout-base {
    position: relative;
    box-sizing: border-box;
}
.layout-base-a {
    position: absolute;
    box-sizing: border-box;
}
.yc-area {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
.yc-area figure {
    position: relative;
    box-sizing: border-box;
    display: block;
}
.yc-area figure picture {
    position: relative;
    box-sizing: border-box;
    display: block;
}
.yc-area img {
    width: 100%;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    pointer-events: none;
}
.yc-area ol, .yc-area ul {
    list-style: none;
    list-style-position: outside;
}
.yc-area section {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
.yc-area section .yc-cnt-box {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 2000px;
    margin: auto;
}
.yc-area section .yc-cnt-box .yc-cnt-box-f {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 1350px;
    margin: auto;
}
.yc-area div.yc-bt-single {
    width: 100%;
    max-width: 560px !important;
}
.yc-area div.yc-bt-single a {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: block;
    border: 1px #FFF solid;
    padding: 1.4rem 1rem;
    border-radius: 0.8rem;
    text-align: center;
    color: #FFF;
    transition: 0.5s;
}
.yc-area div.yc-bt-single a:hover {
    text-decoration: none;
    background: #4F206E;
}
.yc-area div.yc-bt-plus {
    width: 100%;
    max-width: 560px !important;
    margin: 7rem auto 7rem auto !important;
}
.yc-area div.yc-bt-plus a {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(223deg, #05018e 0%, #6720b8 100%);
    padding: 1.8rem 2rem;
    border-radius: 0.8rem;
    text-align: center;
    color: #FFF;
    transition: 0.5s;
}
.yc-area div.yc-bt-plus a:after {
    position: absolute;
    display: block;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    right: 3%;
    background-size: 100% 100%;
}
.yc-area div.yc-bt-plus a:hover {
    text-decoration: none;
    color: #E8B6FF;
}
.yc-area .pc-only {
    display: block;
}
.yc-area .sp-only {
    display: none;
}
@media screen and (max-width: 767px) {
    .yc-area div.yc-bt-single {
        max-width: inherit !important;
    }
    .yc-area div.yc-bt-single a {
        font-size: 110%;
        padding: 2vw 3vw;
        border-radius: 1vw;
    }
    .yc-area div.yc-bt-plus {
        width: 100%;
        max-width: inherit !important;
        margin: 0 auto 8vw auto !important;
    }
    .yc-area div.yc-bt-plus a {
        position: relative;
        box-sizing: border-box;
        width: 88%;
        margin: auto;
        padding: 2.5vw 4vw 2.5vw 4vw;
        border-radius: 1vw;
        font-size: 90%;
    }
    .yc-area div.yc-bt-plus a:after {
        position: absolute;
        display: block;
        content: "";
        width: 2.6vw;
        height: 2.6vw;
        right: 4%;
        background-size: 100% 100%;
    }
    .yc-area .pc-only {
        display: none;
    }
    .yc-area .sp-only {
        display: block;
    }
}
/* main */
section.yc-key-v ul.yc-key-v-img {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 2000px;
    padding: 0;
    margin: auto;
}
section.yc-key-v ul.yc-key-v-img li {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 18.6868%;
}
section.yc-key-v ul.yc-key-v-img li.yc-key-v-ttl {
    width: 25.2528%;
}
section.yc-key-v ul.yc-key-v-img li.yc-key-v-ttl figure.yc-key-v-ttl-tx {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    top: 0;
    left: 0;
}
section.yc-key-v ul.yc-key-v-img li.yc-key-v-ttl figure.yc-key-v-ttl-tx picture {
    transform: scale(1) translate(0, 0);
    animation: chara-logo 5s linear alternate both;
    animation-delay: 2.3s;
}
@keyframes chara-logo {
    0%, 2% {
        transform: scale(1) translate(0, 0);
    }
    3% {
        transform: scale(1) translate(-0.3%, 0);
    }
    4% {
        transform: scale(1) translate(0.3%, 0);
    }
    5% {
        transform: scale(1) translate(-0.3%, 0);
    }
    6% {
        transform: scale(1) translate(0.3%, 0);
    }
    7% {
        transform: scale(1) translate(-0.3%, 0);
    }
    8% {
        transform: scale(1) translate(0.3%, 0);
    }
    9% {
        transform: scale(1) translate(-0.3%, 0);
    }
    10% {
        transform: scale(1) translate(0.3%, 0);
    }
    11% {
        transform: scale(1) translate(-0.3%, 0);
    }
    12% {
        transform: scale(1) translate(0.3%, 0);
    }
    13% {
        transform: scale(1) translate(-0.3%, 0);
    }
    14% {
        transform: scale(1) translate(0.3%, 0);
    }
    15% {
        transform: scale(1) translate(-0.3%, 0);
    }
    16% {
        transform: scale(1) translate(0.3%, 0);
    }
    17% {
        transform: scale(1) translate(-0.3%, 0);
    }
    18% {
        transform: scale(1) translate(0.3%, 0);
    }
    19% {
        transform: scale(1) translate(-0.3%, 0);
    }
    20% {
        transform: scale(1) translate(0.3%, 0);
    }
    21% {
        transform: scale(1) translate(-0.3%, 0);
    }
    22% {
        transform: scale(1) translate(0.3%, 0);
    }
    23% {
        transform: scale(1) translate(-0.3%, 0);
    }
    24% {
        transform: scale(1) translate(0.3%, 0);
    }
    25% {
        transform: scale(1) translate(-0.3%, 0);
    }
    26% {
        transform: scale(1) translate(0.3%, 0);
    }
    27% {
        transform: scale(1) translate(-0.3%, 0);
    }
    28% {
        transform: scale(1) translate(0.3%, 0);
    }
    29% {
        transform: scale(1) translate(-0.3%, 0);
    }
    30% {
        transform: scale(1) translate(0.3%, 0);
    }
    31% {
        transform: scale(1) translate(-0.3%, 0);
    }
    32% {
        transform: scale(1) translate(0.3%, 0);
    }
    33% {
        transform: scale(1) translate(-0.3%, 0);
    }
    34% {
        transform: scale(1) translate(0.3%, 0);
    }
    35% {
        transform: scale(1) translate(-0.3%, 0);
    }
    36% {
        transform: scale(1) translate(0.3%, 0);
    }
    37% {
        transform: scale(1) translate(-0.3%, 0);
    }
    38% {
        transform: scale(1) translate(0.3%, 0);
    }
    39% {
        transform: scale(1) translate(-0.3%, 0);
    }
    40% {
        transform: scale(1) translate(0.3%, 0);
    }
    41% {
        transform: scale(1) translate(-0.3%, 0);
    }
    42% {
        transform: scale(1) translate(0.3%, 0);
    }
    43% {
        transform: scale(1) translate(-0.3%, 0);
    }
    44% {
        transform: scale(1) translate(0.3%, 0);
    }
    45% {
        transform: scale(1) translate(-0.3%, 0);
    }
    46% {
        transform: scale(1) translate(0.3%, 0);
    }
    47% {
        transform: scale(1) translate(-0.3%, 0);
    }
    48% {
        transform: scale(1) translate(0.3%, 0);
    }
    49% {
        transform: scale(1.05) translate(-0.3%, 0);
    }
    50% {
        transform: scale(1) translate(0.3%, 0);
    }
    51% {
        transform: scale(1) translate(-0.3%, 0);
    }
    52% {
        transform: scale(1) translate(0.3%, 0);
    }
    53% {
        transform: scale(1) translate(-0.3%, 0);
    }
    54% {
        transform: scale(1) translate(0.3%, 0);
    }
    55% {
        transform: scale(1) translate(-0.3%, 0);
    }
    56% {
        transform: scale(1) translate(0.3%, 0);
    }
    57% {
        transform: scale(1) translate(-0.3%, 0);
    }
    58% {
        transform: scale(1) translate(0.3%, 0);
    }
    59% {
        transform: scale(1) translate(-0.3%, 0);
    }
    60% {
        transform: scale(1) translate(0.3%, 0);
    }
    61% {
        transform: scale(1.08) translate(-0.3%, 0);
    }
    62% {
        transform: scale(1) translate(0.3%, 0);
    }
    63% {
        transform: scale(1) translate(-0.3%, 0);
    }
    64% {
        transform: scale(1) translate(0.3%, 0);
    }
    65% {
        transform: scale(1) translate(-0.3%, 0);
    }
    66% {
        transform: scale(1) translate(0.3%, 0);
    }
    67% {
        transform: scale(1) translate(-0.3%, 0);
    }
    68% {
        transform: scale(1) translate(0.3%, 0);
    }
    69% {
        transform: scale(1) translate(-0.3%, 0);
    }
    70% {
        transform: scale(1) translate(0.3%, 0);
    }
    71% {
        transform: scale(1) translate(-0.3%, 0);
    }
    72% {
        transform: scale(1) translate(0.3%, 0);
    }
    73% {
        transform: scale(1.1) translate(-0.3%, 0);
    }
    74% {
        transform: scale(1) translate(0.3%, 0);
    }
    75% {
        transform: scale(1) translate(-0.3%, 0);
    }
    76% {
        transform: scale(1) translate(0.3%, 0);
    }
    77% {
        transform: scale(1) translate(-0.3%, 0);
    }
    78% {
        transform: scale(1) translate(0.3%, 0);
    }
    79% {
        transform: scale(1) translate(-0.3%, 0);
    }
    80% {
        transform: scale(1) translate(0.3%, 0);
    }
    81% {
        transform: scale(1) translate(-0.3%, 0);
    }
    82% {
        transform: scale(1) translate(0.3%, 0);
    }
    83% {
        transform: scale(1) translate(-0.3%, 0);
    }
    84% {
        transform: scale(1.15) translate(0.3%, 0);
    }
    85% {
        transform: scale(1.1) translate(-0.3%, 0);
    }
    86% {
        transform: scale(1) translate(0.3%, 0);
    }
    87% {
        transform: scale(1) translate(-0.3%, 0);
    }
    88% {
        transform: scale(1) translate(0.3%, 0);
    }
    89% {
        transform: scale(1) translate(0, 0);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}
@media screen and (max-width: 767px) {
    section.yc-key-v ul.yc-key-v-img li {
        width: 25%;
    }
    section.yc-key-v ul.yc-key-v-img li.yc-key-v-ttl {
        order: 5;
        width: 100%;
    }
}
#yc-cnt01-ttl, #yc-cnt04-ttl, #yc-cnt07-ttl {
    display: block;
    position: relative;
}
.movie-tx, .movie-tx-r {
    position: absolute;
    box-sizing: border-box;
    display: block !important;
    width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    transform: scale(1) translate(0, 0);
    animation: movie-tx 10s linear alternate both;
    z-index: -1;
}
.movie-tx.active-mv {
    transform: scale(1) translate(0, 0);
    animation: movie-tx 10s linear alternate both;
    z-index: -1;
}
.movie-tx-r.active-mv {
    transform: scale(1) translate(0, 0);
    animation: movie-tx-r 10s linear alternate both;
    z-index: -1;
}
@keyframes movie-tx {
    0% {
        transform: scale(1) translate(0, 0);
        opacity: 0;
    }
    1% {
        transform: scale(1) translate(-0.3%, 0);
        opacity: 1;
    }
    2% {
        transform: scale(1) translate(0.3%, 0);
    }
    3% {
        transform: scale(1) translate(-0.3%, 0);
    }
    4% {
        transform: scale(1) translate(0.3%, 0);
    }
    5% {
        transform: scale(1) translate(-0.3%, 0);
    }
    6% {
        transform: scale(1) translate(0.3%, 0);
    }
    7% {
        transform: scale(1) translate(-0.3%, 0);
    }
    8% {
        transform: scale(1) translate(0.3%, 0);
    }
    9% {
        transform: scale(1) translate(-0.3%, 0);
    }
    10% {
        transform: scale(1) translate(0.3%, 0);
    }
    11% {
        transform: scale(1) translate(-0.3%, -0.2vw);
    }
    12% {
        transform: scale(1) translate(0.3%, 0);
    }
    13% {
        transform: scale(1) translate(-0.3%, 0);
    }
    14% {
        transform: scale(1) translate(0.3%, 0);
    }
    15% {
        transform: scale(1) translate(-0.3%, 0.2vw);
    }
    16% {
        transform: scale(1) translate(0.3%, 0);
    }
    17% {
        transform: scale(1) translate(-0.3%, 0);
    }
    18% {
        transform: scale(1) translate(0.3%, 0);
    }
    19% {
        transform: scale(1) translate(-0.3%, 0);
    }
    20% {
        transform: scale(1) translate(0.3%, 0);
    }
    21% {
        transform: scale(1) translate(-0.3%, -0.2vw);
    }
    22% {
        transform: scale(1) translate(0.3%, 0);
    }
    23% {
        transform: scale(1) translate(-0.3%, 0);
    }
    24% {
        transform: scale(1) translate(0.3%, 0);
    }
    25% {
        transform: scale(1) translate(-0.3%, 0.2vw);
    }
    26% {
        transform: scale(1) translate(0.3%, 0);
    }
    27% {
        transform: scale(1) translate(-0.3%, 0);
    }
    28% {
        transform: scale(1) translate(0.3%, 0);
    }
    29% {
        transform: scale(1) translate(-0.3%, 0);
    }
    30% {
        transform: scale(1) translate(0.3%, 0);
    }
    31% {
        transform: scale(1) translate(-0.3%, -0.2vw);
    }
    32% {
        transform: scale(1) translate(0.3%, 0);
    }
    33% {
        transform: scale(1) translate(-0.3%, 0);
    }
    34% {
        transform: scale(1) translate(0.3%, 0);
    }
    35% {
        transform: scale(1) translate(-0.3%, 0.2vw);
    }
    36% {
        transform: scale(1) translate(0.3%, 0);
    }
    37% {
        transform: scale(1) translate(-0.3%, 0);
    }
    38% {
        transform: scale(1) translate(0.3%, 0);
    }
    39% {
        transform: scale(1) translate(-0.3%, 0);
    }
    40% {
        transform: scale(1) translate(0.3%, 0);
    }
    41% {
        transform: scale(1) translate(-0.3%, -0.2vw);
    }
    42% {
        transform: scale(1) translate(0.3%, 0);
    }
    43% {
        transform: scale(1) translate(-0.3%, 0);
    }
    44% {
        transform: scale(1) translate(0.3%, 0);
    }
    45% {
        transform: scale(1) translate(-0.3%, 0.2vw);
    }
    46% {
        transform: scale(1) translate(0.3%, 0);
    }
    47% {
        transform: scale(1) translate(-0.3%, 0);
    }
    48% {
        transform: scale(1) translate(0.3%, 0);
    }
    49% {
        transform: scale(1) translate(-0.3%, 0);
    }
    50% {
        transform: scale(1) translate(0.3%, 0);
    }
    51% {
        transform: scale(1) translate(-0.3%, -0.2vw);
    }
    52% {
        transform: scale(1) translate(0.3%, 0);
    }
    53% {
        transform: scale(1) translate(-0.3%, 0);
    }
    54% {
        transform: scale(1) translate(0.3%, 0);
    }
    55% {
        transform: scale(1) translate(-0.3%, 0.2vw);
    }
    56% {
        transform: scale(1) translate(0.3%, 0);
    }
    57% {
        transform: scale(1) translate(-0.3%, 0);
    }
    58% {
        transform: scale(1) translate(0.3%, 0);
    }
    59% {
        transform: scale(1) translate(-0.3%, 0);
    }
    60% {
        transform: scale(1) translate(0.3%, 0);
    }
    61% {
        transform: scale(1) translate(-0.3%, -0.2vw);
    }
    62% {
        transform: scale(1) translate(0.3%, 0);
    }
    63% {
        transform: scale(1) translate(-0.3%, 0);
    }
    64% {
        transform: scale(1) translate(0.3%, 0);
    }
    65% {
        transform: scale(1) translate(-0.3%, 0.2vw);
    }
    66% {
        transform: scale(1) translate(0.3%, 0);
    }
    67% {
        transform: scale(1) translate(-0.3%, 0);
    }
    68% {
        transform: scale(1) translate(0.3%, 0);
    }
    69% {
        transform: scale(1) translate(-0.3%, 0);
    }
    70% {
        transform: scale(1) translate(0.3%, 0);
    }
    71% {
        transform: scale(1) translate(-0.3%, -0.2vw);
    }
    72% {
        transform: scale(1) translate(0.3%, 0);
    }
    73% {
        transform: scale(1) translate(-0.3%, 0);
    }
    74% {
        transform: scale(1) translate(0.3%, 0);
    }
    75% {
        transform: scale(1) translate(-0.3%, 0.2vw);
    }
    76% {
        transform: scale(1) translate(0.3%, 0);
    }
    77% {
        transform: scale(1) translate(-0.3%, 0);
    }
    78% {
        transform: scale(1) translate(0.3%, 0);
    }
    79% {
        transform: scale(1) translate(-0.3%, 0);
        opacity: 0;
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 0;
    }
}
@keyframes movie-tx-r {
    0% {
        transform: scale(1) translate(0, 0);
        opacity: 0;
    }
    1% {
        transform: scale(1) translate(0.3%, 0);
        opacity: 1;
    }
    2% {
        transform: scale(1) translate(-0.3%, 0);
    }
    3% {
        transform: scale(1) translate(0.3%, 0);
    }
    4% {
        transform: scale(1) translate(-0.3%, 0);
    }
    5% {
        transform: scale(1) translate(0.3%, 0);
    }
    6% {
        transform: scale(1) translate(-0.3%, 0);
    }
    7% {
        transform: scale(1) translate(0.3%, 0);
    }
    8% {
        transform: scale(1) translate(-0.3%, 0);
    }
    9% {
        transform: scale(1) translate(0.3%, 0);
    }
    10% {
        transform: scale(1) translate(-0.3%, 0);
    }
    11% {
        transform: scale(1) translate(0.3%, -0.2vw);
    }
    12% {
        transform: scale(1) translate(-0.3%, 0);
    }
    13% {
        transform: scale(1) translate(0.3%, 0);
    }
    14% {
        transform: scale(1) translate(-0.3%, 0);
    }
    15% {
        transform: scale(1) translate(0.3%, 0.2vw);
    }
    16% {
        transform: scale(1) translate(-0.3%, 0);
    }
    17% {
        transform: scale(1) translate(0.3%, 0);
    }
    18% {
        transform: scale(1) translate(-0.3%, 0);
    }
    19% {
        transform: scale(1) translate(0.3%, 0);
    }
    20% {
        transform: scale(1) translate(-0.3%, 0);
    }
    21% {
        transform: scale(1) translate(0.3%, -0.2vw);
    }
    22% {
        transform: scale(1) translate(-0.3%, 0);
    }
    23% {
        transform: scale(1) translate(0.3%, 0);
    }
    24% {
        transform: scale(1) translate(-0.3%, 0);
    }
    25% {
        transform: scale(1) translate(0.3%, 0.2vw);
    }
    26% {
        transform: scale(1) translate(-0.3%, 0);
    }
    27% {
        transform: scale(1) translate(0.3%, 0);
    }
    28% {
        transform: scale(1) translate(-0.3%, 0);
    }
    29% {
        transform: scale(1) translate(0.3%, 0);
    }
    30% {
        transform: scale(1) translate(-0.3%, 0);
    }
    31% {
        transform: scale(1) translate(0.3%, -0.2vw);
    }
    32% {
        transform: scale(1) translate(-0.3%, 0);
    }
    33% {
        transform: scale(1) translate(0.3%, 0);
    }
    34% {
        transform: scale(1) translate(-0.3%, 0);
    }
    35% {
        transform: scale(1) translate(0.3%, 0.2vw);
    }
    36% {
        transform: scale(1) translate(-0.3%, 0);
    }
    37% {
        transform: scale(1) translate(0.3%, 0);
    }
    38% {
        transform: scale(1) translate(-0.3%, 0);
    }
    39% {
        transform: scale(1) translate(0.3%, 0);
    }
    40% {
        transform: scale(1) translate(-0.3%, 0);
    }
    41% {
        transform: scale(1) translate(0.3%, -0.2vw);
    }
    42% {
        transform: scale(1) translate(-0.3%, 0);
    }
    43% {
        transform: scale(1) translate(0.3%, 0);
    }
    44% {
        transform: scale(1) translate(-0.3%, 0);
    }
    45% {
        transform: scale(1) translate(0.3%, 0.2vw);
    }
    46% {
        transform: scale(1) translate(-0.3%, 0);
    }
    47% {
        transform: scale(1) translate(0.3%, 0);
    }
    48% {
        transform: scale(1) translate(-0.3%, 0);
    }
    49% {
        transform: scale(1) translate(0.3%, 0);
    }
    50% {
        transform: scale(1) translate(-0.3%, 0);
    }
    51% {
        transform: scale(1) translate(0.3%, -0.2vw);
    }
    52% {
        transform: scale(1) translate(-0.3%, 0);
    }
    53% {
        transform: scale(1) translate(0.3%, 0);
    }
    54% {
        transform: scale(1) translate(-0.3%, 0);
    }
    55% {
        transform: scale(1) translate(0.3%, 0.2vw);
    }
    56% {
        transform: scale(1) translate(-0.3%, 0);
    }
    57% {
        transform: scale(1) translate(0.3%, 0);
    }
    58% {
        transform: scale(1) translate(-0.3%, 0);
    }
    59% {
        transform: scale(1) translate(0.3%, 0);
    }
    60% {
        transform: scale(1) translate(-0.3%, 0);
    }
    61% {
        transform: scale(1) translate(0.3%, -0.2vw);
    }
    62% {
        transform: scale(1) translate(-0.3%, 0);
    }
    63% {
        transform: scale(1) translate(0.3%, 0);
    }
    64% {
        transform: scale(1) translate(-0.3%, 0);
    }
    65% {
        transform: scale(1) translate(0.3%, 0.2vw);
    }
    66% {
        transform: scale(1) translate(-0.3%, 0);
    }
    67% {
        transform: scale(1) translate(0.3%, 0);
    }
    68% {
        transform: scale(1) translate(-0.3%, 0);
    }
    69% {
        transform: scale(1) translate(0.3%, 0);
    }
    70% {
        transform: scale(1) translate(-0.3%, 0);
    }
    71% {
        transform: scale(1) translate(0.3%, -0.2vw);
    }
    72% {
        transform: scale(1) translate(-0.3%, 0);
    }
    73% {
        transform: scale(1) translate(0.3%, 0);
    }
    74% {
        transform: scale(1) translate(-0.3%, 0);
    }
    75% {
        transform: scale(1) translate(0.3%, 0.2vw);
    }
    76% {
        transform: scale(1) translate(-0.3%, 0);
    }
    77% {
        transform: scale(1) translate(0.3%, 0);
    }
    78% {
        transform: scale(1) translate(-0.3%, 0);
    }
    79% {
        transform: scale(1) translate(0.3%, 0);
        opacity: 0;
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 0;
    }
}
/* section1 */
section.yc-cnt01 div.yc-cnt-box {
    background-position: bottom -7.2rem right -0.7rem, top center;
    background-size: 59%, 100%;
    background-repeat: no-repeat, no-repeat;
    padding: 15.7rem 0 10rem 0;
}
section.yc-cnt01 h3 {
    position: relative;
    box-sizing: border-box;
    width: 36.3%;
    margin: 0 auto 0 auto;
    left: -3%;
    opacity: 0;
}
section.yc-cnt01 h4 {
    position: relative;
    box-sizing: border-box;
    width: 36.3%;
    margin: auto;
    left: -3%;
    opacity: 0;
}
section.yc-cnt01 p {
    text-align: center;
    margin-bottom: 7.8rem;
    opacity: 0;
}
section.yc-cnt01 ul {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4% 1.5%;
    margin: 0;
    padding: 0 8.7%;
}
section.yc-cnt01 ul li {
    position: relative;
    box-sizing: border-box;
    left: -2%;
    opacity: 0;
}
section.yc-cnt01 ul li picture {
    display: block;
}
@media screen and (max-width: 2000px) {
    section.yc-cnt01 div.yc-cnt-box {
        background-position: bottom -3.7vw right -0.5vw, top center;
        background-size: 59%, 100%;
        background-repeat: no-repeat, no-repeat;
        padding: 7.9vw 0 5vw 0;
    }
    section.yc-cnt01 h3 {
        width: 36.3%;
        margin: 0 auto 0 auto;
    }
    section.yc-cnt01 h4 {
        width: 36.3%;
        margin: auto;
    }
    section.yc-cnt01 p {
        text-align: center;
        margin-bottom: 3.8vw;
    }
    section.yc-cnt01 ul {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 4% 1.5%;
        margin: 0;
        padding: 0 8.7%;
    }
}
@media screen and (max-width: 767px) {
    section.yc-cnt01 div.yc-cnt-box {
        background-position: bottom -5.8vw right -0.8vw, top center;
        background-size: 103%, 190%;
        background-repeat: no-repeat, no-repeat;
        padding: 15.9vw 0 12vw 0;
    }
    section.yc-cnt01 h3 {
        width: 66.3%;
        margin: 0 auto 0 auto;
    }
    section.yc-cnt01 h4 {
        width: 66.3%;
        margin: auto;
    }
    section.yc-cnt01 p {
        font-size: 3vw;
        line-height: 5vw;
        letter-spacing: 0.46vw;
        margin-bottom: 7.2vw;
    }
    section.yc-cnt01 ul {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
        margin: 0;
        padding: 0;
    }
    section.yc-cnt01 ul li:nth-child(1) {
        order: 1;
    }
    section.yc-cnt01 ul li:nth-child(2) {
        order: 4;
    }
    section.yc-cnt01 ul li:nth-child(3) {
        order: 5;
    }
    section.yc-cnt01 ul li:nth-child(4) {
        order: 2;
    }
    section.yc-cnt01 ul li:nth-child(5) {
        order: 3;
    }
    section.yc-cnt01 ul li:nth-child(6) {
        order: 6;
    }
}
/* section2 */
section.yc-cnt02 {
    background-position: top center;
    background-size: 3000px;
    background-repeat: no-repeat;
    z-index: 2;
}
section.yc-cnt02 .yc-tx-vi {
    position: relative;
    box-sizing: border-box;
    width: 38.8%;
    margin-left: 6.4%;
    opacity: 0;
    left: 5%;
}
section.yc-cnt02 .yc-tx-vc {
    position: absolute;
    box-sizing: border-box;
    top: 24%;
    right: 15.5%;
    width: 27%;
}
section.yc-cnt02 figure.yc-cnt02-chara {
    position: absolute;
    box-sizing: border-box;
    width: 21.5%;
    top: -10%;
    left: 32.3%;
    opacity: 0;
}
section.yc-cnt02 h3 {
    position: relative;
    box-sizing: border-box;
    width: 86%;
    margin: 0 0 4% 0;
    opacity: 0;
    left: 5%;
}
section.yc-cnt02 h4 {
    position: relative;
    box-sizing: border-box;
    width: 48%;
    margin: 0 0 5% 0;
    opacity: 0;
    left: 5%;
}
section.yc-cnt02 p {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    font-size: 130%;
    line-height: 200%;
    letter-spacing: 0.5rem;
    opacity: 0;
}
@media screen and (max-width: 2000px) {
    section.yc-cnt02 {
        background-position: top center;
        background-size: 153%;
        background-repeat: no-repeat;
    }
    section.yc-cnt02 p {
        font-size: 0.92vw;
        line-height: 205%;
        letter-spacing: 0.25vw;
    }
}
@media screen and (max-width: 767px) {
    section.yc-cnt02 {
        background-position: left -51vw top;
        background-size: 90%;
        background-repeat: no-repeat;
        padding-bottom: 10vw;
    }
    section.yc-cnt02 div.yc-cnt-box.yc-cnt5-5 {
        min-height: inherit;
    }
    section.yc-cnt02 .yc-tx-vi {
        position: relative;
        box-sizing: border-box;
        width: 59.5%;
        margin-left: 5.8%;
    }
    section.yc-cnt02 .yc-tx-vc {
        position: relative;
        box-sizing: border-box;
        top: inherit;
        right: inherit;
        left: inherit;
        width: 88%;
        margin: auto;
    }
    section.yc-cnt02 figure.yc-cnt02-chara {
        position: absolute;
        box-sizing: border-box;
        width: 44%;
        top: -6vw;
        left: inherit;
        right: 1%;
    }
    section.yc-cnt02 h3 {
        width: 50%;
        margin: 2vw 0 2vw 0;
    }
    section.yc-cnt02 h4 {
        width: 28%;
        margin: 0 0 5% 0;
    }
    section.yc-cnt02 p {
        width: 100%;
        margin: 0;
        font-size: 100%;
        line-height: 160%;
        letter-spacing: 0.5rem;
    }
}
/* section3 */
section.yc-cnt03 {
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 8rem 0 7rem 0;
}
section.yc-cnt03 h3 {
    position: relative;
    box-sizing: border-box;
    width: 97%;
    margin: 0 3% 4% 0;
}
section.yc-cnt03 p {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 2rem;
    font-size: 130%;
    line-height: 200%;
    letter-spacing: 0.2rem;
    color: #FFF;
}
section.yc-cnt03 div.yc-cnt-box.yc-cnt5-5 {
    max-width: 1350px;
    display: grid;
    grid-template-columns: 5fr 5fr;
    gap: 3% 6%;
    margin: 0 auto 3rem auto;
    padding: 0;
}
section.yc-cnt03 div.yc-cnt-box.yc-cnt5-5 h3 {
    opacity: 0;
}
section.yc-cnt03 div.yc-cnt-box.yc-cnt5-5 p {
    opacity: 0;
}
section.yc-cnt03 div.yc-cnt-box.yc-cnt5-5 picture {
    opacity: 0;
}
section.yc-cnt03 div.yc-cnt-box.yc-cnt2-8 {
    max-width: 1350px;
    display: grid;
    grid-template-columns: 1.6fr 8.4fr;
    gap: 3% 4%;
    margin: 0 auto 4rem auto;
    padding: 0;
}
section.yc-cnt03 div.yc-cnt-box.yc-cnt2-8 h3 {
    opacity: 0;
}
section.yc-cnt03 div.yc-cnt-box.yc-cnt2-8 p {
    opacity: 0;
}
section.yc-cnt03 div.yc-cnt-box.yc-cnt2-8 picture {
    opacity: 0;
}
section.yc-cnt03 div.yc-youtube {
    width: 100%;
    max-width: 700px;
    margin-bottom: 5rem;
    opacity: 0;
}
section.yc-cnt03 .yc-bt-single {
    opacity: 0;
}
.yc-youtube-area {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.yc-youtube-area iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 1px;
    right: 0;
}
@media screen and (max-width: 2000px) {
    section.yc-cnt03 {
        padding: 8rem 0 7rem 0;
    }
    section.yc-cnt03 div.yc-cnt-box.yc-cnt5-5 {
        width: 68.5%;
        max-width: inherit;
        margin: 0 auto 3rem auto;
    }
    section.yc-cnt03 div.yc-cnt-box.yc-cnt2-8 {
        width: 68.5%;
        max-width: inherit;
        margin: 0 auto 4rem auto;
    }
    section.yc-cnt03 div.yc-youtube {
        width: 100%;
        max-width: 700px;
        margin-bottom: 5rem;
    }
    section.yc-cnt03 h3 {
        width: 97%;
        margin: 0 3% 4% 0;
    }
    section.yc-cnt03 p {
        margin-bottom: 2rem;
        font-size: 100%;
        line-height: 200%;
        letter-spacing: 0.3rem;
    }
}
@media screen and (max-width: 768px) {
    section.yc-cnt03 {
        padding: 12vw 7% 11vw 7%;
        background-position: top right;
        background-size: 100% auto;
    }
    section.yc-cnt03 div.yc-cnt-box.yc-cnt5-5 {
        display: block;
        width: 100%;
        margin: 0 auto 8vw auto;
    }
    section.yc-cnt03 div.yc-cnt-box.yc-cnt5-5 h3 {
        width: 70%;
        margin: 0 3% 4vw 0;
    }
    section.yc-cnt03 div.yc-cnt-box.yc-cnt2-8 {
        display: block;
        width: 100%;
        margin: 0 auto 8vw auto;
    }
    section.yc-cnt03 div.yc-cnt-box.yc-cnt2-8 h3 {
        width: 22%;
        margin: 0 3% 4vw 0;
    }
    section.yc-cnt03 div.yc-youtube {
        margin-bottom: 6vw;
    }
    section.yc-cnt03 p {
        margin-bottom: 3vw;
        font-size: 100%;
        line-height: 200%;
        letter-spacing: 0.3rem;
    }
    .yc-youtube-area {
        margin-top: 8vw;
        margin-bottom: 8vw;
    }
}
/* section4 */
section.yc-cnt04 div.yc-cnt-box {
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat !important;
    padding: 16.5rem 0 8.5rem 0;
}
section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f h3 {
    width: 68.3%;
    margin: 0 auto 3.5rem auto;
    opacity: 0;
}
section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f p {
    font-size: 130%;
    line-height: 200%;
    letter-spacing: 0.2rem;
    text-align: center;
    margin-bottom: 3rem;
    opacity: 0;
}
section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f p span {
    display: inline-block;
}
section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f p a {
    color: #6721b8;
}
section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f .yc-brk-pt {
    display: none;
}
section.yc-cnt04 .yc-bt-plus {
    opacity: 0;
}
section.yc-cnt04 picture.cnt04-data {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 45%;
    margin: 4rem auto 2rem auto;
    opacity: 0;
}
section.yc-cnt04 div.yc-cnt04-bnr {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #083F6C;
    margin-top: 7rem !important;
}
section.yc-cnt04 div.yc-cnt04-bnr .yc-cnt04-bnr-bs {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
}
section.yc-cnt04 div.yc-cnt04-bnr .yc-cnt04-bnr-ly {
    position: absolute;
    box-sizing: border-box;
    display: block;
    width: 100%;
    top: 0;
}
section.yc-cnt04 .ct4bs1 {
    opacity: 0;
}
section.yc-cnt04 .ct4bs3, section.yc-cnt04 .ct4bs4, section.yc-cnt04 .ct4bs5 {
    opacity: 0;
}
@media screen and (max-width: 2000px) {
    section.yc-cnt04 div.yc-cnt-box {
        padding: 16.5rem 0 10rem 0;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f {
        width: 68.5%;
        max-width: inherit;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f h3 {
        width: 68.3%;
        margin: 0 auto 3.5rem auto;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f p {
        font-size: 130%;
        line-height: 200%;
        letter-spacing: 0.2rem;
        text-align: center;
        margin-bottom: 3rem;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f p a {
        color: #6721b8;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f .yc-brk-pt {
        display: block;
    }
    section.yc-cnt04 picture.cnt04-data {
        position: relative;
        box-sizing: border-box;
        display: block;
        width: 45%;
        margin: 4rem auto 2rem auto;
    }
}
@media screen and (max-width: 767px) {
    section.yc-cnt04 div.yc-cnt-box {
        background-position: top center;
        background-size: 190%;
        background-repeat: no-repeat;
        padding: 15vw 0 11vw 0;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f {
        width: 90%;
        max-width: inherit;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f h3 {
        width: 90%;
        margin: 0 auto 3vw auto;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f p {
        font-size: 100%;
        line-height: 200%;
        margin-bottom: 4vw;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f p span.yc-tx-inline {
        display: inline !important;
    }
    section.yc-cnt04 div.yc-cnt-box div.yc-cnt-box-f .yc-brk-pt {
        display: block;
    }
    section.yc-cnt04 picture.cnt04-data {
        width: 94%;
        margin: 0 auto 4vw auto;
    }
    section.yc-cnt04 div.yc-cnt04-bnr {
        position: relative;
        box-sizing: border-box;
        display: block;
        width: 100% !important;
        margin-top: 8vw !important;
    }
    section.yc-cnt04 div.yc-cnt04-bnr .yc-cnt04-bnr-bs {
        position: relative;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    section.yc-cnt04 div.yc-cnt04-bnr .yc-cnt04-bnr-ly {
        position: absolute;
        box-sizing: border-box;
        display: block;
        width: 100%;
        top: 0;
    }
}
/* section5 */
section.yc-cnt05 {
    background: linear-gradient(180deg, #341b77 4%, #35298e 18%, #35298e 32%, #341b77 40%);
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 {
    padding: 12.8rem 0 0 0;
    z-index: 2;
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f h3 {
    width: 24.8%;
    margin: 0 auto 4rem auto;
    opacity: 0;
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f p {
    font-size: 130%;
    line-height: 230%;
    letter-spacing: 0.2rem;
    text-align: center;
    margin-bottom: 6rem;
    color: #FFF;
    opacity: 0;
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f p span {
    display: inline-block;
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f p a {
    color: #6721b8;
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 {
    z-index: 2;
    margin: 0 auto -19rem auto;
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 div.yc-cnt-box-f {
    max-width: 980px;
    margin: 0 auto 0 auto;
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 div.yc-cnt05-img {
    opacity: 0;
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 div.yc-bt-single {
    margin-top: 4rem;
    opacity: 0;
}
section.yc-cnt05 div.yc-cnt-box.yc-cnt05-3 {
    position: absolute;
    box-sizing: border-box;
    top: -5.5rem;
    left: 0;
    right: 0;
    width: 1080px;
    height: 1080px;
    z-index: 1;
}
@media screen and (max-width: 1350px) {
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 {
        padding: 9.3vw 0 0 0;
        z-index: 2;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f h3 {
        width: 24.8%;
        margin: 0 auto 3vw auto;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f p {
        font-size: 130%;
        line-height: 230%;
        letter-spacing: 0.2rem;
        margin-bottom: 3.8vw;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f p span {
        display: inline-block;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 {
        margin: 0 auto -14.6vw auto;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 div.yc-cnt-box-f {
        width: 72.5%;
        max-width: 1350px;
        margin: 0 auto 0 auto;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 div.yc-bt-single {
        margin-top: 4vw;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-3 {
        position: absolute;
        box-sizing: border-box;
        width: 80%;
        height: 50vw;
        top: -4.4vw;
        left: 0;
        right: 0;
        z-index: 1;
    }
}
@media screen and (max-width: 767px) {
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 {
        padding: 13.3vw 0 0 0;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f {
        max-width: inherit;
        width: 92%;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f h3 {
        width: 41.8%;
        margin: 0 auto 4vw auto;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f p {
        font-size: 100%;
        line-height: 200%;
        letter-spacing: 0.2rem;
        margin-bottom: 3.8vw;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-1 div.yc-cnt-box-f p span {
        display: inline-block;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 {
        margin: 0 auto -23.6vw auto;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 div.yc-cnt-box-f {
        width: 92.5%;
        max-width: inherit;
        margin: 0 auto 0 auto;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-2 div.yc-bt-single {
        width: 80%;
        margin-top: 4vw;
    }
    section.yc-cnt05 div.yc-cnt-box.yc-cnt05-3 {
        position: absolute;
        box-sizing: border-box;
        width: 105%;
        height: 50vw;
        top: -5.4vw;
        left: 0;
        right: 0;
        margin-left: -2.5%;
        z-index: 1;
    }
}
/* section6 */
section.yc-cnt06 {
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 27rem 0 6rem 0;
}
section.yc-cnt06 div.yc-cnt-box div.yc-cnt-box-f ul {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem 1.5rem;
    margin: 0;
    padding: 0 8.7%;
    overflow: hidden;
}
section.yc-cnt06 div.yc-cnt-box div.yc-cnt-box-f ul li {
    position: relative;
    box-sizing: border-box;
    left: -2%;
    opacity: 0;
    background: #FFF;
}
section.yc-cnt06 div.yc-cnt-box div.yc-cnt-box-f ul li a {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: 100%;
    opacity: 1;
    transition: 0.5s;
}
section.yc-cnt06 div.yc-cnt-box div.yc-cnt-box-f ul li a:hover {
    opacity: 0.6;
}
section.yc-cnt06 div.yc-cnt-box div.yc-cnt-box-f ul li a picture {
    display: block;
}
@media screen and (max-width: 1350px) {
    section.yc-cnt06 {
        padding: 20vw 0 4.7vw 0;
    }
}
@media screen and (max-width: 767px) {
    section.yc-cnt06 {
        background-position: top center;
        background-size: 100% auto;
        background-repeat: no-repeat;
        padding: 33vw 0 9vw 0;
    }
    section.yc-cnt06 div.yc-cnt-box div.yc-cnt-box-f ul {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2vw;
        margin: 0;
        padding: 0 5%;
        overflow: hidden;
    }
    section.yc-cnt06 div.yc-cnt-box div.yc-cnt-box-f ul li a {
        transition: none;
    }
    section.yc-cnt06 div.yc-cnt-box div.yc-cnt-box-f ul li a:hover {
        opacity: 1;
    }
}
/* section7 */
section.yc-cnt07 div.yc-cnt-box {
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 15.2rem 0 5rem 0;
}
section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f h3 {
    width: 42%;
    margin: 0 auto 4.8rem auto;
    opacity: 0;
    top: 2%;
}
section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f figure.yc-cnt07-img1 {
    width: 100%;
    margin: 0 auto 4rem auto;
    opacity: 0;
    top: 2%;
}
section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f p {
    position: relative;
    font-size: 130%;
    line-height: 240%;
    letter-spacing: 0.2rem;
    text-align: center;
    margin-bottom: 3rem;
    opacity: 0;
    top: 2%;
}
section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f p span {
    display: inline-block;
}
section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f figure.yc-cnt07-img2 {
    width: 62%;
    margin: 0 auto 7rem auto;
    opacity: 0;
    top: 2%;
}
section.yc-cnt07 div.yc-cnt-box div.yc-bt-plus {
    margin: 0 auto 15rem auto !important;
    pointer-events: 0;
    opacity: 0;
    top: 2%;
}
section.yc-cnt07 div.yc-cnt-box div.yc-bt-plus a {
    position: relative;
    box-sizing: border-box;
}
section.yc-cnt07 div.yc-cnt-box div.yc-bt-plus a:after {
    display: none;
}
section.yc-cnt07 div.yc-cnt-box div.yc-copy {
    opacity: 0;
}
section.yc-cnt07 div.yc-cnt-box div.yc-copy p {
    margin: 0;
}
@media screen and (max-width: 2000px) {
    section.yc-cnt07 div.yc-cnt-box {
        padding: 9.3vw 0 2vw 0;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f {
        width: 68.5%;
        max-width: inherit;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f h3 {
        width: 48.3%;
        margin: 0 auto 3.5rem auto;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f p {
        font-size: 130%;
        line-height: 200%;
        letter-spacing: 0.2rem;
        text-align: center;
        margin-bottom: 3rem;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f p a {
        color: #6721b8;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f figure.yc-cnt07-img2 {
        width: 62%;
        margin: 0 auto 7rem auto;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-bt-plus {
        width: 100%;
        max-width: 560px !important;
        margin: 0 auto 7vw auto !important;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-copy p {
        margin: 0;
    }
}
@media screen and (max-width: 767px) {
    section.yc-cnt07 div.yc-cnt-box {
        background-position: top center;
        background-size: 190%;
        background-repeat: no-repeat;
        padding: 15vw 0 0 0;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f {
        width: 90%;
        max-width: inherit;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f h3 {
        width: 60%;
        margin: 0 auto 4vw auto;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f p {
        font-size: 100%;
        line-height: 200%;
        margin-bottom: 4vw;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f p span.yc-tx-inline {
        display: inline !important;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-cnt-box-f figure.yc-cnt07-img2 {
        width: 85%;
        margin: 5vw auto 10vw auto;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-bt-plus {
        width: 100%;
        max-width: inherit !important;
        margin: 0 auto 15vw auto !important;
    }
    section.yc-cnt07 div.yc-cnt-box div.yc-bt-plus a {
        position: relative;
        box-sizing: border-box;
        width: 78%;
        margin: auto;
        padding: 2.5vw 4vw 2.5vw 4vw;
        border-radius: 1vw;
        font-size: 90%;
    }
}
.key-v-chara-area {
    position: relative;
    width: 100%;
    display: flex;
    overflow: hidden;
    height: 56.45vw;
}
.key-v-chara-box {
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}
.chara-band {
    position: relative;
    width: 100%;
    display: block;
    z-index: 1;
}
.chara-band img {
    position: absolute;
    width: 101%;
}
.chara-nomal {
    background: #000 no-repeat center;
    width: 100%;
    height: 56.47vw;
    position: absolute;
    overflow: hidden;
    display: block;
    top: 0;
    z-index: 3;
}
.chara-al {
    position: relative;
    width: 100%;
    display: block;
    z-index: 2;
}
.chara-al img {
    position: absolute;
    width: 100%;
}
.chara-nomal::before, .chara-nomal::after, .chara-nomal.effects-ch {
    background: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.chara-nomal {
    animation: chara-nomal-main 5s linear alternate both;
    content: "";
}
@keyframes chara-nomal-main {
    0%, 18% {
        opacity: 100%;
    }
    20%, 25% {
        opacity: 100%;
    }
    36%, 100% {
        opacity: 0;
    }
}
.chara-nomal::before {
    animation: chara-nomal-before 5s linear alternate both;
    content: "";
}
@keyframes chara-nomal-before {
    0% {
        clip-path: none;
        transform: none;
    }
    1% {
        clip-path: polygon(0% 74.17113231%, 100% 74.17113231%, 100% 84.11050926%, 0% 84.11050926%);
        transform: translate(7.38404437%, -0.49076867%);
    }
    2% {
        clip-path: polygon(0% 89.28227345%, 100% 89.28227345%, 100% 94.05232847%, 0% 94.05232847%);
        transform: translate(-7.20364613%, -0.19868288%);
    }
    4% {
        clip-path: polygon(0% 59.54457782%, 100% 59.54457782%, 100% 62.40408768%, 0% 62.40408768%);
        transform: translate(-5.42536792%, 0.48832856%);
    }
    6% {
        clip-path: polygon(0% 71.8338607%, 100% 71.8338607%, 100% 75.6002251%, 0% 75.6002251%);
        transform: translate(2.14898134%, 0.3941499%);
    }
    8% {
        clip-path: polygon(0% 14.38088284%, 100% 14.38088284%, 100% 20.72002733%, 0% 20.72002733%);
        transform: translate(3.04780209%, 0.40814433%);
    }
    10% {
        clip-path: polygon(0% 69.81163092%, 100% 69.81163092%, 100% 71.71054132%, 0% 71.71054132%);
        transform: translate(-7.34768708%, 0.24752875%);
    }
    12% {
        clip-path: polygon(0% 66.25161448%, 100% 66.25161448%, 100% 75.84876918%, 0% 75.84876918%);
        transform: translate(3.28519628%, 0.08628223%);
    }
    14% {
        clip-path: polygon(0% 38.64762043%, 100% 38.64762043%, 100% 42.98560449%, 0% 42.98560449%);
        transform: translate(7.26113086%, 0.39004162%);
    }
    16% {
        clip-path: polygon(0% 46.73039576%, 100% 46.73039576%, 100% 51.79823726%, 0% 51.79823726%);
        transform: translate(-3.49674845%, 0.13858814%);
    }
    18% {
        clip-path: polygon(0% 47.30633958%, 100% 47.30633958%, 100% 48.38036335%, 0% 48.38036335%);
        transform: translate(-1.71934532%, -0.05858623%);
    }
    20%, 97% {
        clip-path: none;
        transform: none;
    }
    98%, 100% {
        display: none !important;
    }
}
.chara-nomal::after {
    animation: chara-nomal-after 5s linear alternate both;
    content: "";
}
@keyframes chara-nomal-after {
    0% {
        clip-path: none;
        transform: none;
    }
    1% {
        clip-path: polygon(0% 55.29134059%, 100% 55.29134059%, 100% 62.71694986%, 0% 62.71694986%);
        transform: translate(-0.84389429%, -0.4411216%);
    }
    2% {
        clip-path: polygon(0% 52.13698172%, 100% 52.13698172%, 100% 55.30777786%, 0% 55.30777786%);
        transform: translate(4.64160231%, -0.01891201%);
    }
    4% {
        clip-path: polygon(0% 38.84734373%, 100% 38.84734373%, 100% 44.1089752%, 0% 44.1089752%);
        transform: translate(-6.32467451%, -0.43743235%);
    }
    6% {
        clip-path: polygon(0% 10.16674254%, 100% 10.16674254%, 100% 12.34472816%, 0% 12.34472816%);
        transform: translate(4.32996172%, 0.19637481%);
    }
    8% {
        clip-path: polygon(0% 70.71238242%, 100% 70.71238242%, 100% 78.50970058%, 0% 78.50970058%);
        transform: translate(-6.06568129%, 0.39482465%);
    }
    10% {
        clip-path: polygon(0% 67.57451427%, 100% 67.57451427%, 100% 75.98353407%, 0% 75.98353407%);
        transform: translate(-1.76257621%, 0.05174687%);
    }
    12% {
        clip-path: polygon(0% 42.79690423%, 100% 42.79690423%, 100% 50.46381292%, 0% 50.46381292%);
        transform: translate(-0.374043%, 0.1972629%);
    }
    14% {
        clip-path: polygon(0% 61.6441032%, 100% 61.6441032%, 100% 63.4894486%, 0% 63.4894486%);
        transform: translate(-4.67222307%, 0.32426047%);
    }
    16% {
        clip-path: polygon(0% 23.2629666%, 100% 23.2629666%, 100% 31.48551106%, 0% 31.48551106%);
        transform: translate(-6.96118808%, 0.11516467%);
    }
    18% {
        clip-path: polygon(0% 79.07368283%, 100% 79.07368283%, 100% 82.60998955%, 0% 82.60998955%);
        transform: translate(4.5301025%, 0.04443086%);
    }
    20%, 97% {
        clip-path: none;
        transform: none;
    }
    98%, 100% {
        display: none !important;
    }
}
.chara-nomal.effects-ch {
    mix-blend-mode: screen;
}
.chara-nomal.effects-ch ::before {
    bottom: 0;
    content: "";
    display: block;
    mix-blend-mode: multiply;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.chara-nomal.clr-r {
    animation: rgb-shift-r 5s steps(1, jump-end) alternate both;
}
@keyframes rgb-shift-r {
    0% {
        transform: none;
    }
    1% {
        transform: translate(-0.36293807%, 0.0068426%);
    }
    2% {
        transform: translate(0.54206242%, 0.43091187%);
    }
    4% {
        transform: translate(-1.63013155%, -0.4176587%);
    }
    6% {
        transform: translate(-0.98240124%, -0.13220381%);
    }
    8% {
        transform: translate(1.20691768%, 0.14413634%);
    }
    10% {
        transform: translate(0.99727051%, 0.42589187%);
    }
    12% {
        transform: translate(0.43384351%, -0.28095707%);
    }
    14% {
        transform: translate(-1.32720588%, 0.31550297%);
    }
    16% {
        transform: translate(-0.87799323%, 0.2629588%);
    }
    18% {
        transform: translate(-1.65804741%, -0.42157653%);
    }
    20%, 97% {
        transform: none;
    }
    98%, 100% {
        display: none !important;
    }
}
.chara-nomal.clr-r::before {
    background: #f00;
}
.chara-nomal.clr-g {
    animation: rgb-shift-g 5s steps(1, jump-end) alternate both;
}
@keyframes rgb-shift-g {
    0% {
        transform: none;
    }
    1% {
        transform: translate(0.62987028%, -0.06151718%);
    }
    2% {
        transform: translate(-1.71838675%, 0.18700752%);
    }
    4% {
        transform: translate(0.49598653%, 0.0427067%);
    }
    6% {
        transform: translate(0.06551865%, 0.38404988%);
    }
    8% {
        transform: translate(0.54679383%, -0.15402519%);
    }
    10% {
        transform: translate(-0.08539223%, -0.05504223%);
    }
    12% {
        transform: translate(1.04681196%, 0.41334526%);
    }
    14% {
        transform: translate(-1.29509448%, 0.24228292%);
    }
    16% {
        transform: translate(-1.51933405%, 0.01753237%);
    }
    18% {
        transform: translate(1.34063163%, -0.25908048%);
    }
    20%, 97% {
        transform: none;
    }
    98%, 100% {
        display: none !important;
    }
}
.chara-nomal.clr-g::before {
    background: #0f0;
}
.chara-nomal.clr-b {
    animation: rgb-shift-b 5s steps(1, jump-end) alternate both;
}
@keyframes rgb-shift-b {
    0% {
        transform: none;
    }
    1% {
        transform: translate(-0.19614032%, 0.33206566%);
    }
    2% {
        transform: translate(1.10190124%, -0.19858463%);
    }
    4% {
        transform: translate(-0.64913088%, 0.16170057%);
    }
    6% {
        transform: translate(-0.63101928%, -0.32740321%);
    }
    8% {
        transform: translate(0.22663114%, 0.21262015%);
    }
    10% {
        transform: translate(-0.96115852%, -0.4835738%);
    }
    12% {
        transform: translate(-0.43120426%, 0.49599357%);
    }
    14% {
        transform: translate(-1.160494%, -0.12559061%);
    }
    16% {
        transform: translate(0.14420742%, 0.17199558%);
    }
    18% {
        transform: translate(0.95528202%, -0.25845478%);
    }
    20%, 97% {
        transform: none;
    }
    98%, 100% {
        display: none !important;
    }
}
.chara-nomal.clr-b::before {
    background: #00f;
}
.member1 {
    background-size: 100% !important;
    animation-delay: 3s;
}
.member1:before, .member1:after, .member1 .chara-nomal.clr-r, .member1 .chara-nomal.clr-g, .member1 .chara-nomal.clr-b {
    animation-delay: 3s;
}

.member2:before, .member2:after, .member2 .chara-nomal.clr-r, .member2 .chara-nomal.clr-g, .member2 .chara-nomal.clr-b {
    animation-delay: 4.2s;
}
.member3 {
    background-size: 100% !important;
    animation-delay: 4.8s;
}
.member3:before, .member3:after, .member3 .chara-nomal.clr-r, .member3 .chara-nomal.clr-g, .member3 .chara-nomal.clr-b {
    animation-delay: 4.8s;
}
.member4 {
    background-size: 100% !important;
    animation-delay: 3.6s;
}
.member4:before, .member4:after, .member4 .chara-nomal.clr-r, .member4 .chara-nomal.clr-g, .member4 .chara-nomal.clr-b {
    animation-delay: 3.6s;
}

.mb1-im {
    transform: scale(6) translate(12%, -10vw);
    opacity: 0;
    animation: chara-band-im-1 5s linear alternate both;
    animation-delay: 3s;
}
.mb1-al {
    transform: scale(1) translate(0, 0);
    opacity: 0;
    animation: chara-band-im-1a 5s linear alternate both;
    animation-delay: 3s;
}
.mb2-im {
    transform: scale(3.6) translate(-15%, -7vw);
    opacity: 0;
    animation: chara-band-im-2 5s linear alternate both;
    animation-delay: 4.2s;
}
.mb2-al {
    transform: scale(1) translate(0, 0);
    opacity: 0;
    animation: chara-band-im-2a 5s linear alternate both;
    animation-delay: 4.2s;
}
.mb3-im {
    transform: scale(3) translate(-15%, -3vw);
    opacity: 0;
    animation: chara-band-im-3 5s linear alternate both;
    animation-delay: 4.8s;
}
.mb3-al {
    transform: scale(1) translate(0, 0);
    opacity: 0;
    animation: chara-band-im-3a 5s linear alternate both;
    animation-delay: 4.8s;
}
.mb4-im {
    transform: scale(3.9) translate(-3%, -1vw);
    opacity: 0;
    animation: chara-band-im-4 5s linear alternate both;
    animation-delay: 3.6s;
}
.mb4-al {
    transform: scale(1) translate(0, 0);
    opacity: 0;
    animation: chara-band-im-4a 5s linear alternate both;
    animation-delay: 3.6s;
}
@keyframes chara-band-im-1 {
    0%, 28% {
        transform: scale(6) translate(12%, -10vw);
        opacity: 0;
    }
    28% {
        transform: scale(6) translate(12%, -10vw);
        opacity: 1;
    }
    35% {
        transform: scale(1.05) translate(0, 0);
    }
    37% {
        transform: scale(1.1) translate(0, 0);
    }
    39% {
        transform: scale(1) translate(0, 0);
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}
@keyframes chara-band-im-1a {
    0%, 36% {
        transform: scale(1) translate(0, 0);
        opacity: 0;
    }
    36% {
        transform: scale(1) translate(0, 0);
        opacity: 0.6;
    }
    45% {
        transform: scale(2.8) translate(0, -10vw);
        opacity: 0;
    }
    100% {
        transform: scale(1.8) translate(0, 0);
        opacity: 0;
    }
}
@keyframes chara-band-im-2 {
    0%, 28% {
        transform: scale(3.6) translate(-15%, -7vw);
    }
    28% {
        transform: scale(3.6) translate(-15%, -7vw);
        opacity: 1;
    }
    35% {
        transform: scale(1.05) translate(0, 0);
    }
    37% {
        transform: scale(1.1) translate(0, 0);
    }
    39% {
        transform: scale(1) translate(0, 0);
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}
@keyframes chara-band-im-2a {
    0%, 36% {
        transform: scale(1) translate(0, 0);
        opacity: 0;
    }
    36% {
        transform: scale(1) translate(0, 0);
        opacity: 0.6;
    }
    45% {
        transform: scale(2.8) translate(-13%, -10vw);
        opacity: 0;
    }
    100% {
        transform: scale(1.8) translate(0, 0);
        opacity: 0;
    }
}
@keyframes chara-band-im-3 {
    0%, 28% {
        transform: scale(3) translate(-15%, -3vw);
    }
    28% {
        transform: scale(3) translate(-15%, -3vw);
        opacity: 1;
    }
    35% {
        transform: scale(1.05) translate(0, 0);
    }
    37% {
        transform: scale(1.1) translate(0, 0);
    }
    39% {
        transform: scale(1) translate(0, 0);
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}
@keyframes chara-band-im-3a {
    0%, 36% {
        transform: scale(1) translate(0, 0);
        opacity: 0;
    }
    36% {
        transform: scale(1) translate(0, 0);
        opacity: 0.6;
    }
    45% {
        transform: scale(2.8) translate(-13%, -10vw);
        opacity: 0;
    }
    100% {
        transform: scale(1.8) translate(0, 0);
        opacity: 0;
    }
}
@keyframes chara-band-im-4 {
    0%, 28% {
        transform: scale(3.9) translate(-3%, -1vw);
    }
    28% {
        transform: scale(3.9) translate(-3%, -1vw);
        opacity: 1;
    }
    35% {
        transform: scale(1.05) translate(0, 0);
    }
    37% {
        transform: scale(1.1) translate(0, 0);
    }
    39% {
        transform: scale(1) translate(0, 0);
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}
@keyframes chara-band-im-4a {
    0%, 36% {
        transform: scale(1) translate(0, 0);
        opacity: 0;
    }
    36% {
        transform: scale(1) translate(0, 0);
        opacity: 0.6;
    }
    45% {
        transform: scale(2.8) translate(-13%, -10vw);
        opacity: 0;
    }
    100% {
        transform: scale(1.8) translate(0, 0);
        opacity: 0;
    }
}
.glitch-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #000000;
}
.glitch {
    position: relative;
    font-size: 50px;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 3px;
    z-index: 1;
}
.glitch:before, .glitch:after {
    display: block;
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}
.glitch:before {
    animation: glitch-it 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both infinite;
    color: #00FFFF;
    z-index: -1;
}
.glitch:after {
    animation: glitch-it 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) reverse both infinite;
    color: #FF00FF;
    z-index: -2;
}
@keyframes glitch-it {
    0% {
        transform: translate(0);
    }
    20% {
        transform: translate(-2px, 2px);
    }
    40% {
        transform: translate(-2px, -2px);
    }
    60% {
        transform: translate(2px, 2px);
    }
    80% {
        transform: translate(2px, -2px);
    }
    to {
        transform: translate(0);
    }
}
/* -ac */
.yc-bt-ac {
    opacity: 0;
}
.ac-box label {
    width: 100%;
    max-width: 560px !important;
    margin: 7rem auto 0 auto !important;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(223deg, #05018e 0%, #6720b8 100%);
    padding: 1.8rem 2rem;
    border-radius: 0.8rem;
    text-align: center;
    color: #FFF;
    transition: 0.5s;
}
.ac-box label:after {
    position: absolute;
    display: block;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    right: 3%;
    background-size: 100% 100%;
    transform: rotate(90deg);
    transition: 0.5s;
}
.ac-box label:before {
    position: absolute;
    display: block;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    right: 3%;
    background-size: 100% 100%;
}
.ac-box label:hover {
    text-decoration: none;
    color: #E8B6FF;
}
.ac-box input {
    display: none;
}
.ac-box input:checked~label:after {
    transform: rotate(0deg);
}
.ac-box div {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
}
.ac-box div h4 {
    font-size: 140%;
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #444;
}
.ac-box div h5 {
    position: relative;
    box-sizing: border-box;
    padding: 1rem 1.5rem 1.1rem 1.5rem;
    background: #afa9e2;
    color: #FFF;
    text-align: center;
    font-size: 120%;
    font-weight: 900;
}
.ac-box div h6 {
    position: relative;
    box-sizing: border-box;
    font-size: 120%;
    font-weight: 900;
}
.ac-box div p {
    font-size: 100% !important;
    display: block !important;
    width: 100%;
    text-align: left !important;
    color: #000000 !important;
    opacity: 1 !important;
}
.ac-box div p.mb-z {
    margin-bottom: 0 !important;
}
.ac-box div p.art-tx-ylw {
    background: #f6ff00;
    font-weight: 900;
    display: inline !important;
}
.ac-box div a.link-ud-line {
    text-decoration: underline;
}
.ac-box div ul {
    position: relative;
    box-sizing: border-box;
    padding: 0;
    margin: 0 0 3rem 0;
}
.ac-box div ul li {
    position: relative;
    box-sizing: border-box;
    padding-left: 1.5rem;
    font-size: 100%;
    line-height: 200%;
    letter-spacing: 0.2rem;
}
.ac-box div ul li:before {
    content: '・';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
}
.ac-box div ul li.list-atc:before {
    content: '※';
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
}
.ac-box div div.yc-bt-single {
    width: 100%;
    height: auto;
    max-width: 560px !important;
    margin: 0 auto 3rem auto;
    opacity: 1;
}
.ac-box div div.yc-bt-single a {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: block;
    border: 1px #000 solid;
    padding: 1.2rem 1rem;
    border-radius: 0.8rem;
    text-align: center;
    color: #000;
    transition: 0.5s;
}
.ac-box div div.yc-bt-single a:hover {
    text-decoration: none;
    background: #DBEAEB;
}
.ac-box div div.yc-bt-single.yu-bt-x a:before {
    position: absolute;
    display: block;
    content: "";
    width: 3rem;
    height: 3rem;
    left: 2%;
    top: calc(50% - 1.5rem);
    background-size: 100% 100%;
}
.ac-box div .ac-small-rr h5 {
    position: relative;
    box-sizing: border-box;
    padding: 1rem 1.5rem;
    background: #e2e2e2;
    color: #000;
    text-align: center;
    font-size: 120%;
    font-weight: 900;
}
.ac-box input:checked~div {
    height: auto;
    margin-top: 3rem;
    opacity: 1;
}
@media screen and (max-width: 767px) {
    .ac-box div h5 {
        font-size: 110%;
        font-weight: 900;
    }
    .ac-box div h6 {
        position: relative;
        box-sizing: border-box;
        font-size: 120%;
        font-weight: 900;
    }
    .ac-box div div.yc-bt-single {
        margin: 0 auto 5vw auto;
    }
    .ac-box div div.yc-bt-single a {
        padding: 1rem 1rem;
        border-radius: 0.8vw;
    }
    .ac-box div div.yc-bt-single.yu-bt-x a:before {
        position: absolute;
        display: block;
        content: "";
        width: 2.6rem;
        height: 2.6rem;
        left: 2%;
        top: calc(50% - 1.3rem);
        background-size: 100% 100%;
    }
    .ac-box div ul {
        margin: 0 0 5vw 0;
    }
    .ac-box label {
        width: 100%;
        max-width: inherit !important;
        margin: 0 auto 0 auto !important;
        position: relative;
        box-sizing: border-box;
        width: 88%;
        margin: auto;
        padding: 2.5vw 4vw 2.5vw 4vw;
        border-radius: 1vw;
        font-size: 90%;
    }
    .ac-box input:checked~div {
        padding: 2vw 0 1vw 0;
        margin-top: 5vw;
    }
}