@charset "utf-8";
.main {
    position: relative;
    padding: calc(40 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .main {
        padding: calc(10 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
    }
}
.audition {
    position: relative;
    animation: auditionIn 1s var(--ease-default) both;
}
@keyframes auditionIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@media (prefers-reduced-motion: reduce){
    .audition {
        opacity: 1;
        animation: none;
    }
}
.audition::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    z-index: -3;
    margin: auto;
    background-color: var(--color-black000);
    pointer-events: none;
}
/*-----------------------------------------------
 * auditionFv
-------------------------------------------------*/
.auditionFv {
    position: relative;
    padding-bottom: calc(298 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionFv {
        padding-bottom: calc(130 / var(--vw-min) * 100vw);
    }
}
.auditionFvWrap {
    width: calc(960 / var(--vw-min) * 100vw);
    margin: 0 auto;
    padding-top: calc(455 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionFvWrap {
        width: 100%;
        padding: 0 calc(16 / var(--vw-min) * 100vw);
        padding-top: calc(184 / var(--vw-min) * 100vw);
    }
}
.auditionFvTit {
    width: calc(912 / var(--vw-min) * 100vw);
    height: calc(440 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(-40 / var(--vw-min) * 100vw);
    left: calc(-40 / var(--vw-min) * 100vw);
    background: url(../img/audition/tit.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .auditionFvTit {
        width: calc(250 / var(--vw-min) * 100vw);
        height: calc(122 / var(--vw-min) * 100vw);
        top: calc(-10 / var(--vw-min) * 100vw);
        left: calc(-10 / var(--vw-min) * 100vw);
    }
}
.auditionFv__logo {
    width: calc(400 / var(--vw-min) * 100vw);
    height: calc(134 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(40 / var(--vw-min) * 100vw);
    right: calc(40 / var(--vw-min) * 100vw);
    background: url(../img/audition/logo.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .auditionFv__logo {
        width: calc(144 / var(--vw-min) * 100vw);
        height: calc(48 / var(--vw-min) * 100vw);
        top: calc(16 / var(--vw-min) * 100vw);
        right: calc(16 / var(--vw-min) * 100vw);
    }
}
.auditionFv__tit {
    width: calc(714 / var(--vw-min) * 100vw);
    height: calc(464 / var(--vw-min) * 100vw);
    margin: 0 0 calc(72 / var(--vw-min) * 100vw);
    background: url(../img/audition/catch.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .auditionFv__tit {
        width: calc(314 / var(--vw-min) * 100vw);
        height: calc(206 / var(--vw-min) * 100vw);
        margin: 0 0 calc(32 / var(--vw-min) * 100vw);
    }
}
.auditionFv__lead {
    font-size: calc(22 / var(--vw-min) * 100vw);
    color: #fff;
    font-weight: 700;
    line-height: 2.1818;
    letter-spacing: 1.76px;
}
@media screen and (max-width:768px){
    .auditionFv__lead {
        font-size: calc(14 / var(--vw-min) * 100vw);
    }
}
.deco__yusuke {
    width: calc(605 / var(--vw-min) * 100vw);
    height: calc(477 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(208 / var(--vw-min) * 100vw);
    right: calc(-40 / var(--vw-min) * 100vw);
    background: url(../img/audition/yusuke.png)no-repeat center/contain;
}
@supports (background-image: url(../img/audition/yusuke.webp)){
    .deco__yusuke {
        background-image: url(../img/audition/yusuke.webp);
    }
}
@media screen and (max-width:768px){
    .deco__yusuke {
        width: calc(184 / var(--vw-min) * 100vw);
        height: calc(144 / var(--vw-min) * 100vw);
        top: calc(78 / var(--vw-min) * 100vw);
        right: calc(-10 / var(--vw-min) * 100vw);
    }
}
.auditionFv .deco__lineWrap {
    width: 100%;
    height: calc(415 / var(--vw-min) * 100vw);
    position: absolute;
    bottom: 0;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .auditionFv .deco__lineWrap {
        height: calc(131 / var(--vw-min) * 100vw);
    }
}
.deco__lineIn {
    width: 100%;
    height: calc(133 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(140 / var(--vw-min) * 100vw);
    transform: rotate(-12deg);
}
@media screen and (max-width:768px){
    .deco__lineIn {
        height: calc(53 / var(--vw-min) * 100vw);
        top: calc(40 / var(--vw-min) * 100vw);
    }
}
.deco__line {
    width: calc(1366 / var(--vw-min) * 100vw);
    height: 1px;
    position: absolute;
    left: calc(-40 / var(--vw-min) * 100vw);
    background-color: rgba(255,255,255,.2);
}
@media screen and (max-width:768px){
    .deco__line {
        width: calc(375 / var(--vw-min) * 100vw);
        left: calc(-10 / var(--vw-min) * 100vw);
    }
}
.deco__line:nth-child(1) {
    top: 0;
}
.deco__line:nth-child(2) {
    top: calc(33 / var(--vw-min) * 100vw);
}
.deco__line:nth-child(3) {
    top: calc(66 / var(--vw-min) * 100vw);
}
.deco__line:nth-child(4) {
    bottom: calc(33 / var(--vw-min) * 100vw);
}
.deco__line:nth-child(5) {
    bottom: 0;
}
@media screen and (max-width:768px){
    .deco__line:nth-child(2) {
        top: calc(13 / var(--vw-min) * 100vw);
    }   
    .deco__line:nth-child(3) {
        top: calc(26 / var(--vw-min) * 100vw);
    }
    .deco__line:nth-child(4) {
        bottom: calc(13 / var(--vw-min) * 100vw);
    }
}
.auditionFv .deco__cord {
    width: calc(548 / var(--vw-min) * 100vw);
    height: calc(480 / var(--vw-min) * 100vw);
    position: absolute;
    bottom: calc(-98 / var(--vw-min) * 100vw);
    left: calc(-40 / var(--vw-min) * 100vw);
    overflow: hidden;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .auditionFv .deco__cord {
        width: calc(190 / var(--vw-min) * 100vw);
        height: calc(160 / var(--vw-min) * 100vw);
        bottom: calc(-30 / var(--vw-min) * 100vw);
        left: calc(-10 / var(--vw-min) * 100vw);
    }
}
.auditionFv .deco__cord::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background: url(../img/audition/cord1.svg)no-repeat center/contain;
}
/**
* deco
**/
.deco__blurNoiseLayer {
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    clip-path: inset(-100vmax 0);
}
.deco__blurNoise.--1 {
    width: calc(323 / var(--vw-min) * 100vw);
    height: calc(480 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(110 / var(--vw-min) * 100vw);
    left: calc(-50 / var(--vw-min) * 100vw);
    z-index: -2;
    background: url(../img/audition/blurNoise1.png)no-repeat center/contain;
    pointer-events: none;
}
@supports (background-image: url(../img/audition/blurNoise1.webp)){
    .deco__blurNoise.--1 {
        background-image: url(../img/audition/blurNoise1.webp);
    }
}
@media screen and (max-width:768px){
    .deco__blurNoise.--1 {
        width: calc(146 / var(--vw-min) * 100vw);
        height: calc(190 / var(--vw-min) * 100vw);
        top: calc(-10 / var(--vw-min) * 100vw);
        left: calc(-30 / var(--vw-min) * 100vw);
    }
}
.deco__blurNoise.--2 {
    width: calc(374 / var(--vw-min) * 100vw);
    height: calc(364 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(410 / var(--vw-min) * 100vw);
    left: calc(100 / var(--vw-min) * 100vw);
    z-index: -2;
    background: url(../img/audition/blurNoise2.png)no-repeat center/contain;
    pointer-events: none;
}
@supports (background-image: url(../img/audition/blurNoise2.webp)){
    .deco__blurNoise.--2 {
        background-image: url(../img/audition/blurNoise2.webp);
    }
}
@media screen and (max-width:768px){
    .deco__blurNoise.--2 {
        width: calc(255 / var(--vw-min) * 100vw);
        height: calc(160 / var(--vw-min) * 100vw);
        top: calc(60 / var(--vw-min) * 100vw);
        left: calc(-70 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * auditionAbout
-------------------------------------------------*/
.auditionAbout {
    position: relative;
    padding: calc(46 / var(--vw-min) * 100vw) 0 calc(97 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionAbout {
        padding: calc(45 / var(--vw-min) * 100vw) 0 calc(37 / var(--vw-min) * 100vw);
    }
}
.auditionAboutWrap {
    width: calc(960 / var(--vw-min) * 100vw);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .auditionAboutWrap {
        width: 100%;
        padding: 0 calc(16 / var(--vw-min) * 100vw);
    }
}
.auditionAbout__tit {
    font-size: calc(37 / var(--vw-min) * 100vw);
    color: #8FC3EE;
    font-weight: 700;
    line-height: 1.6216;
    letter-spacing: 1.48px;
    text-indent: -0.6em;
    margin-bottom: calc(40 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionAbout__tit {
        font-size: calc(19 / var(--vw-min) * 100vw);
        margin-bottom: calc(20 / var(--vw-min) * 100vw);
        letter-spacing: 0.76px;
    }
}
.auditionAbout__txt {
    font-size: calc(18 / var(--vw-min) * 100vw);
    color: #fff;
    font-weight: 500;
    line-height: 2.3889;
    letter-spacing: 0.54px;
}
@media screen and (max-width:768px){
    .auditionAbout__txt {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
/**
* deco
**/
.deco__blurNoise.--3 {
    width: calc(580 / var(--vw-min) * 100vw);
    height: calc(960 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(-540 / var(--vw-min) * 100vw);
    right: calc(-200 / var(--vw-min) * 100vw);
    z-index: -2;
    pointer-events: none;
}
.deco__blurNoise.--3.is-lazyBg {
    background: url(../img/audition/blurNoise3.png)no-repeat center/contain;
}
@supports (background-image: url(../img/audition/blurNoise3.webp)){
    .deco__blurNoise.--3.is-lazyBg {
        background-image: url(../img/audition/blurNoise3.webp);
    }
}
@media screen and (max-width:768px){
    .deco__blurNoise.--3 {
        width: calc(250 / var(--vw-min) * 100vw);
        height: calc(456 / var(--vw-min) * 100vw);
        top: calc(-220 / var(--vw-min) * 100vw);
        right: calc(-90 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * auditionFlow
-------------------------------------------------*/
.auditionTit {
    position: relative;
    height: calc(86 / var(--vw-min) * 100vw);
    display: flex;
    align-items: center;
}
@media screen and (max-width:768px){
    .auditionTit {
        height: calc(58 / var(--vw-min) * 100vw);
    }
}
.auditionTit__txt {
    font-size: calc(37 / var(--vw-min) * 100vw);
    color: #fff;
    font-weight: 700;
    line-height: 1.3513;
    letter-spacing: 1.48px;
    width: calc(960 / var(--vw-min) * 100vw);
    display: block;
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .auditionTit__txt {
        font-size: calc(18 / var(--vw-min) * 100vw);
        letter-spacing: 0.72px;
        width: 100%;
        padding: 0 calc(16 / var(--vw-min) * 100vw);
    }
}
.auditionTit__txt::before {
    content: "";
    width: calc(104 / var(--vw-min) * 100vw);
    height: calc(76 / var(--vw-min) * 100vw);
    display: block;
    position: absolute;
    top: calc(-49 / var(--vw-min) * 100vw);
    left: calc(-60 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/audition/titDeco.svg)no-repeat center/contain;
    mask: url(../img/audition/titDeco.svg)no-repeat center/contain;
    background-color: #8FC3EE;
}
@media screen and (max-width:768px){
    .auditionTit__txt::before {
        width: calc(44 / var(--vw-min) * 100vw);
        height: calc(32 / var(--vw-min) * 100vw);
        top: calc(-22 / var(--vw-min) * 100vw);
        left: 0;
    }
}
.auditionTit__deco {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}
.auditionTit__line {
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    background-color: rgba(255,255,255,.2);
}
.auditionTit__line:nth-child(1) {
    top: 0;
}
.auditionTit__line:nth-child(2) {
    top: calc(20 / var(--vw-min) * 100vw);
}
.auditionTit__line:nth-child(3) {
    top: calc(40 / var(--vw-min) * 100vw);
}
.auditionTit__line:nth-child(4) {
    bottom: calc(20 / var(--vw-min) * 100vw);
}
.auditionTit__line:nth-child(5) {
    bottom: 0;
}
@media screen and (max-width:768px){
    .auditionTit__line:nth-child(2) {
        top: calc(14 / var(--vw-min) * 100vw);
    }
    .auditionTit__line:nth-child(3) {
        top: calc(28 / var(--vw-min) * 100vw);
    }
    .auditionTit__line:nth-child(4) {
        bottom: calc(14 / var(--vw-min) * 100vw);
    }
}
.auditionFlow {
    position: relative;
    padding: calc(97 / var(--vw-min) * 100vw) 0;
}
@media screen and (max-width:768px){
    .auditionFlow {
        padding: calc(38 / var(--vw-min) * 100vw) 0;
    }
}
.auditionFlow__lists {
    width: calc(960 / var(--vw-min) * 100vw);
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding-top: calc(42 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionFlow__lists {
        width: 100%;
        flex-wrap: wrap;
        gap: calc(24 / var(--vw-min) * 100vw);
        justify-content: center;
        padding: calc(33 / var(--vw-min) * 100vw) calc(15 / var(--vw-min) * 100vw) 0;
    }
}
.auditionFlow__item {
    width: calc((100% - calc(24 / var(--vw-min) * 100vw)) / 2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.auditionFlow__itemIn {
    width: calc(232 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionFlow__itemIn {
        width: calc(152 / var(--vw-min) * 100vw);
    }
}
.auditionFlow__item:not(:last-child)::after {
    content: "";
    width: calc(132 / var(--vw-min) * 100vw);
    height: 1px;
    display: block;
    flex-shrink: 0;
    background-color: rgba(255,255,255,.4);
}
@media screen and (max-width:768px){
    .auditionFlow__item:not(:last-child)::after {
        width: calc(33 / var(--vw-min) * 100vw);
        position: absolute;
        top: calc(98 / var(--vw-min) * 100vw);
        right: calc(-27 / var(--vw-min) * 100vw);
    }
    .auditionFlow__item:last-child::after {
        content: "";
        width: calc(108 / var(--vw-min) * 100vw);
        height: 1px;
        display: block;
        position: absolute;
        top: calc(98 / var(--vw-min) * 100vw);
        left: calc(-114 / var(--vw-min) * 100vw);
        flex-shrink: 0;
        background-color: rgba(255,255,255,.4);
    }
}
.auditionFlow__date {
    width: calc(208 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionFlow__date {
        width: calc(140 / var(--vw-min) * 100vw);
    }
}
.auditionFlow__date img {
    width: 100%;
    pointer-events: none;
}
.auditionFlow__txt {
    font-size: calc(18 / var(--vw-min) * 100vw);
    color: #fff;
    font-weight: 700;
    line-height: 1.8333;
    letter-spacing: 0.54px;
    text-align: center;
    margin-top: calc(12 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionFlow__txt {
        font-size: calc(13 / var(--vw-min) * 100vw);
        margin-top: calc(8 / var(--vw-min) * 100vw);
    }
}
/**
* deco
**/
.deco__blurNoise.--4 {
    width: calc(408 / var(--vw-min) * 100vw);
    height: calc(648 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(-320 / var(--vw-min) * 100vw);
    left: calc(-110 / var(--vw-min) * 100vw);
    pointer-events: none;
}
.deco__blurNoise.--4.is-lazyBg {
    background: url(../img/audition/blurNoise4.png)no-repeat center/contain;
}
@supports (background-image: url(../img/audition/blurNoise4.webp)){
    .deco__blurNoise.--4.is-lazyBg {
        background-image: url(../img/audition/blurNoise4.webp);
    }
}
@media screen and (max-width:768px){
    .deco__blurNoise.--4 {
        width: calc(148 / var(--vw-min) * 100vw);
        height: calc(264 / var(--vw-min) * 100vw);
        top: calc(-130 / var(--vw-min) * 100vw);
        left: calc(-40 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * auditionVote
-------------------------------------------------*/
.auditionVote {
    position: relative;
    padding: calc(97 / var(--vw-min) * 100vw) 0;
}
@media screen and (max-width:768px){
    .auditionVote {
        padding: calc(38 / var(--vw-min) * 100vw) 0;
    }
}
.auditionVote__txt {
    font-size: calc(17 / var(--vw-min) * 100vw);
    color: #fff;
    font-weight: 400;
    line-height: 2.0588;
    letter-spacing: 0.51px;
    width: calc(960 / var(--vw-min) * 100vw);
    margin: 0 auto;
    padding-top: calc(42 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionVote__txt {
        font-size: calc(13 / var(--vw-min) * 100vw);
        width: 100%;
        padding: calc(25 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw) 0;
    }
}
/**
* deco
**/
.deco__blurNoise.--5 {
    width: calc(654 / var(--vw-min) * 100vw);
    height: calc(840 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(-330 / var(--vw-min) * 100vw);
    right: calc(-130 / var(--vw-min) * 100vw);
    pointer-events: none;
}
.deco__blurNoise.--5.is-lazyBg {
    background: url(../img/audition/blurNoise5.png)no-repeat center/contain;
}
@supports (background-image: url(../img/audition/blurNoise5.webp)){
    .deco__blurNoise.--5.is-lazyBg {
        background-image: url(../img/audition/blurNoise5.webp);
    }
}
@media screen and (max-width:768px){
    .deco__blurNoise.--5 {
        width: calc(275 / var(--vw-min) * 100vw);
        height: calc(520 / var(--vw-min) * 100vw);
        top: calc(-220 / var(--vw-min) * 100vw);
        right: calc(-80 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * auditionJudge
-------------------------------------------------*/
.auditionJudge {
    position: relative;
    padding: calc(97 / var(--vw-min) * 100vw) 0 calc(68 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionJudge {
        padding: calc(38 / var(--vw-min) * 100vw) 0 calc(28 / var(--vw-min) * 100vw);
    }
}
.auditionJudge__lists {
    width: calc(960 / var(--vw-min) * 100vw);
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding-top: calc(42 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionJudge__lists {
        width: 100%;
        padding: calc(25 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw) 0;
    }
}
.auditionJudge__item {
    font-size: calc(17 / var(--vw-min) * 100vw);
    color: #fff;
    font-weight: 700;
    line-height: 2.0588;
    letter-spacing: 0.51px;
    display: flex;
    align-items: center;
}
@media screen and (max-width:768px){
    .auditionJudge__item {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
.auditionJudge__dt::after {
    content: "：";
    color: #fff;
    display: inline-block;
}
.auditionJudge__dt.--single::after {
    content: none;
}
.deco__guitar {
    width: calc(568 / var(--vw-min) * 100vw);
    height: calc(330 / var(--vw-min) * 100vw);
    bottom: calc(-68 / var(--vw-min) * 100vw);
    pointer-events: none;
}
@media screen and (max-width:768px){
    .deco__guitar {
        width: calc(214 / var(--vw-min) * 100vw);
        height: calc(156 / var(--vw-min) * 100vw);
        bottom: calc(-12 / var(--vw-min) * 100vw);
    }
}
.deco__guitar::before {
    width: calc(680 / var(--vw-min) * 100vw);
    height: calc(330 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .deco__guitar::before {
        width: calc(322 / var(--vw-min) * 100vw);
        height: calc(156 / var(--vw-min) * 100vw);
        left: 0;
    }
}
/**
* deco
**/
.deco__blurNoise.--6 {
    width: calc(427 / var(--vw-min) * 100vw);
    height: calc(648 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(160 / var(--vw-min) * 100vw);
    left: calc(-150 / var(--vw-min) * 100vw);
    pointer-events: none;
}
.deco__blurNoise.--6.is-lazyBg {
    background: url(../img/audition/blurNoise6.png)no-repeat center/contain;
}
@supports (background-image: url(../img/audition/blurNoise6.webp)){
    .deco__blurNoise.--6.is-lazyBg {
        background-image: url(../img/audition/blurNoise6.webp);
    }
}
@media screen and (max-width:768px){
    .deco__blurNoise.--6 {
        width: calc(189 / var(--vw-min) * 100vw);
        height: calc(328 / var(--vw-min) * 100vw);
        top: calc(120 / var(--vw-min) * 100vw);
        left: calc(-60 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * auditionInsta
-------------------------------------------------*/
.auditionInsta {
    padding: calc(68 / var(--vw-min) * 100vw) 0 calc(40 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionInsta {
        padding: calc(28 / var(--vw-min) * 100vw) 0 calc(16 / var(--vw-min) * 100vw);
    }
}
.auditionInstaWrap {
    width: calc(960 / var(--vw-min) * 100vw);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .auditionInstaWrap {
        width: 100%;
        padding: 0 calc(16 / var(--vw-min) * 100vw);
    }
}
.auditionInsta__tit {
    font-size: calc(37 / var(--vw-min) * 100vw);
    color: #8FC3EE;
    font-weight: 700;
    line-height: 1.6216;
    letter-spacing: 2.22px;
}
@media screen and (max-width:768px){
    .auditionInsta__tit {
        font-size: calc(19 / var(--vw-min) * 100vw);
        letter-spacing: 0.76px;
    }
}
.auditionInsta__txt {
    font-size: calc(18 / var(--vw-min) * 100vw);
    color: #fff;
    font-weight: 500;
    line-height: 2.3889;
    letter-spacing: 0.54px;
    padding-top: calc(40 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionInsta__txt  {
        font-size: calc(13 / var(--vw-min) * 100vw);
        letter-spacing: 0.39px;
        padding-top: calc(20 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * auditionOfficial
-------------------------------------------------*/
.auditionOfficial {
    padding: calc(40 / var(--vw-min) * 100vw) 0 calc(75 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionOfficial {
        padding: calc(16 / var(--vw-min) * 100vw) 0 calc(20 / var(--vw-min) * 100vw);
    }
}
.auditionOfficialWrap {
    position: relative;
}
.auditionOfficialWrapIn {
    width: calc(960 / var(--vw-min) * 100vw);
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .auditionOfficialWrapIn {
        width: 100%;
        flex-direction: column;
    }
}
.auditionOfficialTitWrap {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
@media screen and (max-width:768px){
    .auditionOfficialTitWrap {
        position: relative;
        inset: unset;
        padding: 0 calc(14 / var(--vw-min) * 100vw);
    }
}
.auditionOfficialFollow {
    font-size: calc(16 / var(--vw-min) * 100vw);
    color: #333749;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.64px;
    margin-bottom: calc(20 / var(--vw-min) * 100vw)
}
@media screen and (max-width:768px){
    .auditionOfficialFollow {
        font-size: calc(12 / var(--vw-min) * 100vw);
        margin-bottom: calc(8 / var(--vw-min) * 100vw);
    }
}
.auditionOfficialTit {
    font-size: calc(68 / var(--vw-min) * 100vw);
    color: #333749;
    font-weight: 700;
    line-height: 0.9559;
    letter-spacing: 0.952px;
    position: relative;
    z-index: 1;
}
@media screen and (max-width:768px){
    .auditionOfficialTit {
        font-size: calc(48 / var(--vw-min) * 100vw);
    }
}
.auditionOfficial__lists {
    width: calc(884 / var(--vw-min) * 100vw);
    display: flex;
    gap: calc(32 / var(--vw-min) * 100vw);
    position: relative;
    z-index: 1;
}
@media screen and (max-width:768px){
    .auditionOfficial__lists {
        width: 100%;
        flex-wrap: wrap;
        gap: calc(20 / var(--vw-min) * 100vw);
        padding: 0 calc(40 / var(--vw-min) * 100vw);
        margin-top: calc(-14 / var(--vw-min) * 100vw);
    }
}
.auditionOfficial__item {
    width: calc((100% - calc(96 / var(--vw-min) * 100vw)) / 4);
    height: calc(197 / var(--vw-min) * 100vw);
    border-radius: 50%;
    border: 1px solid #fff;
    transition:
        opacity var(--dur-fast) var(--ease-default),
        transform var(--dur-fast) var(--ease-default);
}
@media screen and (max-width:768px){
    .auditionOfficial__item {
        width: calc((100% - calc(20 / var(--vw-min) * 100vw)) / 2);
        height: calc(127 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .auditionOfficial__item:hover {
        opacity: .72;
        transform: scale(1.06);
    }
}
.auditionOfficial__link {
    font-size: calc(15 / var(--vw-min) * 100vw);
    color: #8FC3EE;
    font-weight: 400;
    line-height: 1.5333;
    letter-spacing: 0.45px;
    text-align: center;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .auditionOfficial__link {
        font-size: calc(10 / var(--vw-min) * 100vw);
    }
}
.auditionOfficial__link span {
    position: relative;
    z-index: 1;
}
.auditionOfficial__link::before {
    content: "";
    display: block;
    position: relative;
    z-index: 1;
    background-color: #8FC3EE;
}
.auditionOfficial__link.--official-insta::before {
    width: calc(35 / var(--vw-min) * 100vw);
    height: calc(35 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/sns/icon_Instagram.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_Instagram.svg)no-repeat center/contain;
    margin-bottom: calc(25 / var(--vw-min) * 100vw);
}
.auditionOfficial__link.--official-x::before {
    width: calc(33 / var(--vw-min) * 100vw);
    height: calc(33 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/sns/icon_x.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_x.svg)no-repeat center/contain;
    margin-bottom: calc(38 / var(--vw-min) * 100vw);
}
.auditionOfficial__link.--official-tiktok::before {
    width: calc(33 / var(--vw-min) * 100vw);
    height: calc(33 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
    margin-bottom: calc(25 / var(--vw-min) * 100vw);
}
.auditionOfficial__link.--official-youtube::before {
    width: calc(41 / var(--vw-min) * 100vw);
    height: calc(26 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/sns/icon_youtube.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_youtube.svg)no-repeat center/contain;
    margin-bottom: calc(30 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionOfficial__link.--official-insta::before {
        width: calc(25 / var(--vw-min) * 100vw);
        height: calc(25 / var(--vw-min) * 100vw);
        margin-bottom: calc(12 / var(--vw-min) * 100vw);
    }
    .auditionOfficial__link.--official-x::before {
        width: calc(23 / var(--vw-min) * 100vw);
        height: calc(23 / var(--vw-min) * 100vw);
        margin-bottom: calc(19 / var(--vw-min) * 100vw);
    }
    .auditionOfficial__link.--official-tiktok::before {
        width: calc(23 / var(--vw-min) * 100vw);
        height: calc(23 / var(--vw-min) * 100vw);
        margin-bottom: calc(12 / var(--vw-min) * 100vw);
    }
    .auditionOfficial__link.--official-youtube::before {
        width: calc(31 / var(--vw-min) * 100vw);
        height: calc(19 / var(--vw-min) * 100vw);
        margin-bottom: calc(15 / var(--vw-min) * 100vw);
    }
}
.auditionOfficial__link::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background-image: linear-gradient(180deg, rgba(34, 41, 70, 0.80) 0%, rgba(0, 5, 27, 0.80) 100%);
}
.auditionOfficial__deco {
    width: 100%;
    height: calc(133 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(34 / var(--vw-min) * 100vw);
    left: 0;
    margin: auto;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .auditionOfficial__deco {
        height: calc(52 / var(--vw-min) * 100vw);
        top: calc(120 / var(--vw-min) * 100vw);
    }
}
.auditionOfficial__line {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    background-color: rgba(255,255,255,.2);
}
.auditionOfficial__line:nth-child(1) {
    top: 0;
}
.auditionOfficial__line:nth-child(2) {
    top: calc(32 / var(--vw-min) * 100vw);
}
.auditionOfficial__line:nth-child(3) {
    top: calc(64 / var(--vw-min) * 100vw);
}
.auditionOfficial__line:nth-child(4) {
    bottom: calc(32 / var(--vw-min) * 100vw);
}
.auditionOfficial__line:nth-child(5) {
    bottom: 0;
}
@media screen and (max-width:768px){
    .auditionOfficial__line:nth-child(2) {
        top: calc(13 / var(--vw-min) * 100vw);
    }
    .auditionOfficial__line:nth-child(3)  {
        top: calc(26 / var(--vw-min) * 100vw);
    }
    .auditionOfficial__line:nth-child(4) {
        bottom: calc(13 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * auditionClosing
-------------------------------------------------*/
.auditionClosing {
    position: relative;
}
.auditionClosingWrap {
    width: calc(960 / var(--vw-min) * 100vw);
    margin: 0 auto;
    padding: calc(60 / var(--vw-min) * 100vw) 0 calc(160 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionClosingWrap {
        width: calc(323 / var(--vw-min) * 100vw);
        padding: calc(20 / var(--vw-min) * 100vw) 0 calc(96 / var(--vw-min) * 100vw);
    }
}
.auditionClosing__txt {
    width: 100%;
    height: calc(316 / var(--vw-min) * 100vw);
    background: url(../img/audition/auditionClosing.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .auditionClosing__txt {
        height: calc(228 / var(--vw-min) * 100vw);
        background-image: url(../img/audition/auditionClosing-s.png);
    }
}
/**
* deco
**/
.deco__blurNoise.--7 {
    width: calc(368 / var(--vw-min) * 100vw);
    height: calc(648 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(-160 / var(--vw-min) * 100vw);
    right: calc(-100 / var(--vw-min) * 100vw);
}
.deco__blurNoise.--7.is-lazyBg {
    background: url(../img/audition/blurNoise7.png)no-repeat center/contain;
}
@supports (background-image: url(../img/audition/blurNoise7.webp)){
    .deco__blurNoise.--7.is-lazyBg {
        background-image: url(../img/audition/blurNoise7.webp);
    }
}
@media screen and (max-width:768px){
    .deco__blurNoise.--7 {
        width: calc(239 / var(--vw-min) * 100vw);
        height: calc(440 / var(--vw-min) * 100vw);
        top: calc(-200 / var(--vw-min) * 100vw);
        right: calc(-70 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * auditionFooter
-------------------------------------------------*/
.auditionFooter {
    position: relative;
    padding: calc(120 / var(--vw-min) * 100vw) 0;
}
@media screen and (max-width:768px){
    .auditionFooter {
        padding: calc(40 / var(--vw-min) * 100vw) 0 calc(72 / var(--vw-min) * 100vw);
    }
}
.auditionFooter__share {
    font-size: calc(160 / var(--vw-min) * 100vw);
    color: rgba(255,255,255,.16);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2.4px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .auditionFooter__share {
        font-size: calc(64 / var(--vw-min) * 100vw);
    }
}
.auditionFooter__snsLists {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(20 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .auditionFooter__snsLists {
        gap: calc(18 / var(--vw-min) * 100vw);
    }
}
.auditionFooter__snsItem {
    width: calc(64 / var(--vw-min) * 100vw);
    height: calc(64 / var(--vw-min) * 100vw);
    position: relative;
    border-radius: 50%;
    border: 1px solid #fff;
    background-image: linear-gradient(180deg, rgba(34, 41, 70, 0.80) 0%, rgba(0, 5, 27, 0.80) 100%);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .auditionFooter__snsItem {
        width: calc(60 / var(--vw-min) * 100vw);
        height: calc(60 / var(--vw-min) * 100vw);
    }
}
.auditionFooter__snsLink {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    transition:
        opacity var(--dur-fast) var(--ease-default),
        transform var(--dur-fast) var(--ease-default);
}
@media (hover: hover) and (pointer: fine){
    .auditionFooter__snsLink:hover {
        opacity: .72;
        transform: scale(1.14);
    }
}
.auditionFooter__snsLink::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background-color: rgba(255,255,255,.75);
}
.auditionFooter__snsLink.--x::before {
    width: calc(18 / var(--vw-min) * 100vw);
    height: calc(18 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/sns/icon_x.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_x.svg)no-repeat center/contain;
}
.auditionFooter__snsLink.--line::before {
    width: calc(24 / var(--vw-min) * 100vw);
    height: calc(23 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/sns/icon_line.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_line.svg)no-repeat center/contain;
}
.auditionFooter__snsLink.--fb::before {
    width: calc(23 / var(--vw-min) * 100vw);
    height: calc(23 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/sns/icon_fb.svg)no-repeat center/contain;
    mask: url(../img/common/sns/icon_fb.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .auditionFooter__snsLink.--x::before {
        width: calc(16 / var(--vw-min) * 100vw);
        height: calc(16 / var(--vw-min) * 100vw);
    }
    .auditionFooter__snsLink.--line::before {
        width: calc(22 / var(--vw-min) * 100vw);
        height: calc(21 / var(--vw-min) * 100vw);
    }
    .auditionFooter__snsLink.--fb::before {
        width: calc(21 / var(--vw-min) * 100vw);
        height: calc(21 / var(--vw-min) * 100vw);
    }
}
.copyright {
    color: rgba(0,0,0,.7);
    text-align: center;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 2;
    bottom: calc(-30 / var(--vw-min) * 100vw);
    margin: auto;
}
@media screen and (max-width:768px){
    .copyright {
        bottom: calc(-28 / var(--vw-min) * 100vw);
    }
}
.auditionFooter .deco__cord {
    width: calc(508 / var(--vw-min) * 100vw);
    height: calc(480 / var(--vw-min) * 100vw);
    position: absolute;
    bottom: calc(30 / var(--vw-min) * 100vw);
    right: calc(-40 / var(--vw-min) * 100vw);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .auditionFooter .deco__cord {
        width: calc(208 / var(--vw-min) * 100vw);
        height: calc(190 / var(--vw-min) * 100vw);
        bottom: calc(62 / var(--vw-min) * 100vw);
        right: calc(-10 / var(--vw-min) * 100vw);
    }
}
.auditionFooter .deco__cord::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background: url(../img/audition/cord2.svg)no-repeat center/contain;
    pointer-events: none;
}