@charset "utf-8";

body {
    font-size: 0.9027777777777777vw;
    font-family: "Noto Sans", sans-serif;
    color: #fff;
    background-color: #fff;
}

.font-inter {
    font-family: "Inter", sans-serif;
}

:root {
    --font-medium: 1.25vw;
    --font-large: 2.083333333333333vw;
}

.p-sectionBg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 32.29166666666667vw;
    padding: 4.166666666666666vw 4.861111111111112vw 4.861111111111112vw 6.944444444444445vw;
}

.p-woody {
    background-image: url(../img/woody.png);
    padding: 6.527777777777779vw 7.083333333333333vw 4.861111111111112vw 6.944444444444445vw;
}

.p-buzz {
    background-image: url(../img/buzz.png);
}

.p-bullseye {
    background-image: url(../img/bullseye.png);
    padding: 5.277777777777778vw 4.861111111111112vw 4.861111111111112vw 6.944444444444445vw;
}

.p-bopeep {
    background-image: url(../img/bopeep.png);
    height: 39.93055555555556vw;
    padding: 3.194444444444444vw 3.888888888888889vw 0 5.972222222222222vw;
}

.p-onward {
    background-image: url(../img/onward.png);
    height: 33.75vw;
    padding-right: 11.11111111111111vw;
    padding-top: 7.083333333333333vw;
}

.p-time__imgPc {
    height: auto;
}

.p-time__imgPc--buzz {
    width: 31.11111111111111vw;
}

.p-time__imgPc--bullseye {
    width: 29.930555555555554vw;
}

.p-time__imgPc--bopeep1 {
    width: 31.180555555555557vw;
}

.p-time__imgPc--bopeep2 {
    width: 31.041666666666668vw;
}


.p-time__imgSp {
    display: none;
}

.p-title {
    font-size: 1.6666666666666667vw;
    font-weight: 900;
    padding-top: 1.7361111111111112vw;
}

.p-subtitle {
    font-size: 0.9722222222222222vw;
    font-weight: 900;
    line-height: 1.7;
    padding: 1.3888888888888888vw 0;
}

.p-courseInfo {
    display: flex;
    align-items: center;
    gap: 1.7361111111111112vw;
}

.c-button {
    font-size: var(--font-medium);
    font-weight: 900;
    width: 9.722222222222223vw;
    height: 9.722222222222223vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.5;
    position: relative;
}

.c-button__buzz {
    color: #9B64FE;
    border: 0.2777777777777778vw solid #9B64FE;
}

.c-button__bullseye {
    color: #CD9F00;
    border: 0.2777777777777778vw solid #CD9F00;
}

.c-button__bopeep {
    color: #00AABE;
    border: 0.2777777777777778vw solid #00AABE;
    margin-top: 0.6944444444444444vw;
    float: right;
}

.c-button::before {
    position: absolute;
    content: "";
    top: -2.638888888888889vw;
    right: 0;
    left: -0.7638888888888888vw;
    width: 10.76388888888889vw;
    height: 1.6666666666666667vw;
    font-weight: 600;
    background-image: url(../img/limited-purple.png);
    background-position: center;
    background-size: contain;
}

.c-button__bullseye::before {
    background-image: url(../img/limited-yellow.png);
}

.c-button__bopeep::before {
    background-image: url(../img/limited-blue.png);
}

/* mv */
.p-mv img {
    width: 100%;
}

/* woody */
.p-woody__inner {
    float: right;
}

.p-woody__title {
    font-size: var(--font-large);
    font-weight: 900;
    line-height: 1.5;
    padding-bottom: 1.3888888888888888vw;
}

.p-woody__text {
    font-size: 1.1805555555555556vw;
    line-height: 2;
    width: 51.24999999999999vw;
}

/* buzz */
.p-buzz__description {
    width: 44.861111111111114vw;
    line-height: 2;
}

/* bullseye */
.p-subtitle__bullseye {
    grid-template-columns: 1fr 1fr;
    display: grid;
    width: 29.166666666666668vw;
    padding-bottom: 0.6944444444444444vw;
}

.p-bullseye__content {
    float: right;
}

.p-bullseye__description {
    width: 40.625vw;
    line-height: 2;
}

/* bopeep */
.p-bopeep__inner {
    display: flex;
    justify-content: space-between;
}

.p-subtitle__bopeep {
    display: flex;
    flex-wrap: wrap;
    gap: 1.0416666666666665vw;
}

.u-top-day1 {
    padding-bottom: initial;
    padding-top: 1.1805555555555556vw;
}

.u-bottom-day1 {
    padding-top: initial;
    padding-bottom: 1.3888888888888888vw;
}

.u-top-day2 {
    padding-bottom: initial;
    padding-top: 1.597222222222222vw;
}

.u-bottom-day2 {
    padding-top: initial;
    padding-bottom: 1.5277777777777777vw;
}

.p-bopeep__description {
    line-height: 2;
}

.p-bopeep__description--left {
    width: 29.65277777777778vw;
}

.p-bopeep__description--right {
    width: 34.30555555555556vw;
    padding-bottom: 2.7777777777777777vw;
}

/* instructor */
.p-instructor {
    background-color: #fff;
    color: #000;
    padding: 9.027777777777777vw 0;
}

.p-instructor__inner {
    width: 69.93055555555556vw;
    margin: 0 auto;
}

.p-instructor__content {
    display: flex;
    justify-content: space-between;
}

.p-instructor__name img {
    width: 32.15277777777778vw;
}

.p-instructor__nameJp {
    font-size: var(--font-medium);
    font-weight: 900;
    padding-top: 1.7361111111111112vw;
}

.p-instructor__img img {
    width: 20.833333333333336vw;
}

.p-instructor__description {
    line-height: 2;
    width: 43.541666666666664vw;
    margin-top: -12.5vw;
}

.p-instructor__title {
    padding-bottom: 0.8333333333333334vw;
    font-size: 1.3888888888888888vw;
}

/* monsters-university */
.p-mu img {
    width: 100%;
}

/* access */
.p-access {
    color: #000;
    padding: 8.333333333333332vw 0;
}

.p-access__inner {
    width: 50.69444444444444vw;
    margin: 0 auto;
}

.p-access__title {
    text-align: center;
    padding-bottom: 3.4722222222222223vw;
}

.p-access__title img {
    width: 11.458333333333332vw;
}

.p-map {
    width: 50.69444444444444vw;
    height: 28.541666666666664vw;
}

.p-access__address {
    padding-top: 1.3888888888888888vw;
    line-height: 1.6;
}

/* onward */
.p-onward__inner {
    float: right;
}

.p-onward__title {
    font-size: var(--font-large);
    font-weight: 900;
}

.p-onward__text {
    line-height: 2;
    width: 23.75vw;
    padding: 1.7361111111111112vw 0 3.4722222222222223vw;
}

.p-onward__button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23.75vw;
    height: 4.166666666666666vw;
    font-size: var(--font-medium);
    border: 0.2777777777777778vw solid #fff;
    border-radius: 6.944444444444445vw;
    font-weight: 900;
}

/* footer */
.l-footer {
    background-color: #003CB9;
    text-align: center;
    padding: 5.555555555555555vw 0 6.25vw;
}

.l-footer__logo img {
    width: 20.069444444444446vw;
}

.l-footer__cgworld {
    font-size: 1.6666666666666667vw;
    padding: 0.9722222222222222vw 0 2.5vw;
}

.l-footer__sns img {
    margin: 0 1.3888888888888888vw;
}

.l-footer__facebook {
    width: 3.3333333333333335vw;
}

.l-footer__x {
    width: 2.7777777777777777vw;
}

.l-footer__text {
    padding: 2.7777777777777777vw 0 1.3888888888888888vw;
    line-height: 1.7;
    font-size: 0.9722222222222222vw;
}

.l-footer__copyright {
    font-size: 0.8333333333333334vw;
}

/* レスポンシブ */
@media screen and (min-width: 441px) {

    .p-mvSp,
    .p-muSp,
    .u-brSp {
        display: none;
    }
}

@media screen and (max-width: 440px) {

    .p-mv,
    .p-mu,
    .u-brPc {
        display: none;
    }

    body {
        font-size: 3.4666666666666663vw;
    }

    :root {
        --font-medium: 4.8vw;
        --font-large: 2.083333333333333vw;
    }

    .p-sectionBg {
        padding: initial;
    }

    .p-woody {
        background-image: url(../img/woody-sp.png);
        height: 200vw;
        padding-top: 74.66666666666667vw;
    }

    .p-buzz {
        background-image: url(../img/buzz-sp.png);
        height: 272vw;
        padding-top: 69.33333333333334vw;
    }

    .p-bullseye {
        background-image: url(../img/bullseye-sp.png);
        height: 248vw;
        padding-top: 56.00000000000001vw;
    }

    .p-bopeep {
        background-image: url(../img/bopeep-sp.png);
        height: 36.80555555555556vw;
        height: 424.5333333333333vw;
        padding-top: 69.33333333333334vw;
    }

    .p-onward {
        background-image: url(../img/onward-sp.png);
        height: 101.33333333333334vw;
        padding-right: initial;
        padding-top: 12.8vw;
    }

    .p-inner {
        width: 86.66666666666667vw;
        margin: 0 auto;
    }

    .p-instructor__inner {
        width: 82.13333333333334vw;
    }

    .p-time__imgSp {
        display: block;
        height: auto;
    }

    .p-time__imgSp--buzz {
        width: 84vw;
    }

    .p-time__imgSp--bullseye {
        width: 82.39999999999999vw;
    }

    .p-time__imgSp--bopeep1 {
        width: 86.4vw;
    }

    .p-time__imgSp--bopeep2 {
        width: 86.93333333333332vw;
    }


    .p-time__imgPc {
        display: none;
    }

    .p-title {
        font-size: 5.333333333333334vw;
        padding-top: 5.6000000000000005vw;
        line-height: 1.4;
    }

    .p-subtitle {
        font-size: 3.733333333333334vw;
        padding: 3.4666666666666663vw 0 6.4vw;
    }

    .p-courseInfo {
        display: block;
    }

    .c-button {
        width: 37.333333333333336vw;
        height: 37.333333333333336vw;
        margin: 0 auto;
        margin-top: 13.333333333333334vw;
    }

    .c-button__buzz {
        border: 1.0666666666666667vw solid #9B64FE;
    }

    .c-button__bullseye {
        border: 1.0666666666666667vw solid #CD9F00;
    }

    .c-button__bopeep {
        border: 1.0666666666666667vw solid #00AABE;
        margin-top: 8.799999999999999vw;
        float: none;
    }

    .c-button::before {
        width: 41.333333333333336vw;
        top: -10.133333333333333vw;
        left: -3.2vw;
        height: 6.4vw;
    }

    /* mv */
    .p-mvSp img {
        width: 100%;
    }

    /* woody */
    .p-woody__inner {
        float: none;
    }

    .p-woody__title {
        font-size: 5.6000000000000005vw;
        padding-bottom: 3.733333333333334vw;
    }

    .p-woody__text {
        font-size: 4vw;
        width: 86.66666666666667vw;
        line-height: 1.95;
    }

    /* buzz */
    .p-buzz__description {
        width: initial;
    }

    /* bullseye */
    .p-subtitle__bullseye {
        grid-template-columns: 1fr;
        width: initial;
        padding-bottom: 5.333333333333334vw;
    }

    .p-bullseye__description {
        width: 86.66666666666667vw;
    }

    /* bopeep */
    .p-bopeep__inner {
        display: block;
    }

    .p-title__bopeep {
        width: 85.33333333333334vw;
    }

    .p-subtitle__bopeep {
        display: block;
        padding: 5.333333333333334vw 0;
    }

    .u-top-day1 {
        padding-bottom: initial;
        padding-top: 4.266666666666667vw;
    }

    .u-bottom-day1 {
        padding-top: initial;
        padding-bottom: 4vw;
    }

    .u-top-day2 {
        padding-bottom: initial;
        padding-top: 5.333333333333334vw;
    }

    .u-bottom-day2 {
        padding-top: initial;
        padding-bottom: 3.4666666666666663vw;
    }

    .p-bopeep__description--left {
        width: initial;
        /* width: 80.26666666666667vw; */
    }

    .p-bopeep__description--right {
        width: initial;
    }

    .p-bopeep__content {
        padding-top: 7.466666666666668vw;
    }

    /* instructor */
    .p-instructor {
        padding: 13.333333333333334vw 0;
    }

    .p-instructor__content {
        width: 82.13333333333334vw;
        display: block;
    }

    .p-instructor__name img {
        width: 82.13333333333334vw;
    }

    .p-instructor__nameJp {
        font-size: 4vw;
        padding-top: 4vw;
    }

    .p-instructor__img {
        width: 61.33333333333333vw;
        margin: 0 auto;
        padding: 8vw 0 6.666666666666667vw;
    }

    .p-instructor__img img {
        width: 61.33333333333333vw;
    }

    .p-instructor__description {
        width: 82.13333333333334vw;
        margin-top: initial;
    }

    .p-instructor__title {
        padding-bottom: 2.666666666666667vw;
        font-size: 4.8vw;
    }

    /* monsters-university */
    .p-muSp img {
        width: 100%;
    }

    /* access */
    .p-access {
        padding: 13.333333333333334vw 0 16vw;
    }

    .p-access__title {
        padding-bottom: 8vw;
    }

    .p-access__title img {
        width: 26.93333333333333vw;
    }

    .p-mapArea {
        width: 80vw;
        margin: 0 auto;
    }

    .p-map {
        width: 80vw;
        height: 45.06666666666666vw;
    }

    .p-access__address {
        padding-top: 4.533333333333333vw;
        line-height: 1.6;
    }

    /* onward */
    .p-onward__inner {
        float: none;
        width: 80vw;
    }

    .p-onward__title {
        font-size: 6.4vw;
    }

    .p-onward__text {
        width: 80vw;
        padding: 5.333333333333334vw 0;
    }

    .p-onward__button a {
        width: 80vw;
        height: 16vw;
        font-size: var(--font-medium);
        border: 1.0666666666666667vw solid #fff;
        border-radius: 26.666666666666668vw;
    }

    /* footer */
    .l-footer {
        padding: 13.333333333333334vw 0 16vw;
    }

    .l-footer__logo img {
        width: 65.86666666666666vw;
    }

    .l-footer__cgworld {
        font-size: 5.333333333333334vw;
        padding: 5.333333333333334vw 0 9.066666666666666vw;
    }

    .l-footer__sns img {
        margin: 0 5.333333333333334vw;
    }

    .l-footer__facebook {
        width: 12.8vw;
    }

    .l-footer__x {
        width: 10.666666666666668vw;
    }

    .l-footer__text {
        padding: 11.466666666666667vw 0 3.2vw;
        line-height: 1.7;
        font-size: 3.2vw;
    }

    .l-footer__copyright {
        font-size: 3.2vw;
    }
}