@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: 5.069444444444445vw 10.416666666666668vw 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 img{
    width: 29.583333333333332vw;
}
.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: #00D152;
    border: 0.2777777777777778vw solid #00D152;
}
.c-button__bullseye{
    color: #3296FF;
    border: 0.2777777777777778vw solid #3296FF;
}
.c-button__bopeep{
    color: #FF5C76;
    border: 0.2777777777777778vw solid #FF5C76;
    margin-top: 0.6944444444444444vw;
    float: right;
}

.c-button::before{
    position: absolute;
    content: "\\ 先着130名限定 /";
    top: -2.638888888888889vw;
    right: 0;
    left: -0.2777777777777778vw;
    width: 10.416666666666668vw;
    font-weight: 600;
}
.c-button__buzz::before{
    color: #00D152;
}
.c-button__bullseye::before{
    color: #3296FF;
}
.c-button__bopeep::before{
    color: #FF5C76;
}

/* 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: 47.708333333333336vw;
}

/* 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: 32.15277777777778vw;
    padding-bottom: 2.7777777777777777vw;
}

/* instructor */
.p-instructor{
    background-color: #fff;
    color: #000;
    padding: 9.027777777777777vw 0;
}
.p-instructor__inner{
    width: 70.13888888888889vw;
    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: 0.6944444444444444vw;
}
.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;
}
.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
    {
        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: 82.13333333333334vw;
        margin: 0 auto;
    }
    .p-time img{
        width: 82.13333333333334vw;
    }
    .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 #00D152;
    }
    .c-button__bullseye{
        border: 1.0666666666666667vw solid #3296FF;
    }
    .c-button__bopeep{
        border: 1.0666666666666667vw solid #FF5C76;
        margin-top: 8.799999999999999vw;
        float: none;
    }

    .c-button::before{
        width: 45.33333333333333vw;
        top: -10.133333333333333vw;
        left: -3.733333333333334vw;
    }

    /* 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: 80.53333333333333vw;
        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: 81.06666666666666vw;
    }

    /* 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{
        display: block;
    }
    .p-instructor__name img{
        width: 82.13333333333334vw;
    }
    .p-instructor__nameJp{
        font-size: 4vw;
        padding-top: 2.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: initial;
        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;
    }
    .p-onward__title{
        font-size: 6.4vw;
    }
    .p-onward__text{
        width: initial;
        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;
    }
}