/* COMMON */

body {
    background-color: #EEEEEF;
}

#spsc_main .for-pc {
    display: none;
}

#spsc_main {
    overflow: hidden;
}
.spsc__innerContainer {
    padding: 0 20px;
    margin: 0 auto;
}


/* --/.COMMON */

/* sc__about */
.spsc__about {
    margin-top: 60px;
}

.spsc__aboutList {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    padding-bottom: 30px;
}
.spsc__aboutListItem {
    position: relative;
    width: 100%;
    margin-top: 30px;
    box-sizing: border-box;
}
.spsc__aboutListItem--narrow:nth-child(odd) {
    transform: translate(0, 20px);
}
.spsc__aboutListItem > figure {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    background-color: #ffffff;
}
.spsc__aboutListItem::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 10px;
    top: 10px;
    background-color: #000000;
    z-index: -1;
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.15);
}
.spsc__aboutListItem--narrow::after {
    left: 5px;
    top: 5px;
}
.spsc__aboutListItem--color1::after {
    background-color: #EEAAAA;
}
.spsc__aboutListItem--color2::after {
    background-color: #88DDBB;
}
.spsc__aboutListItem--color3::after {
    background-color: #88CCDD;
}
.spsc__aboutListItem--color4::after {
    background-color: #8888DD;
}
.spsc__aboutListItem--color5::after {
    background-color: #88CC22;
}
.spsc__aboutListItem--color6::after {
    background-color: #FFCC33;
}
.spsc__aboutListItem--color7::after {
    background-color: #EEAA77;
}
.spsc__aboutListItemNumber {
    content: "";
    position: absolute;
    left: 25%;
    top: 0;
    z-index: 2;
    transform: translate(-100%, 0);
    width: 30%;
    text-align: right;
    padding: 5px;
}
.spsc__aboutListItem--wide {
    width: 100%;
}
.spsc__aboutListItemNumber > img {
    width: 30%;
}

.spsc__aboutListItem figure > img {
    width: 25%;
    min-width: 25%;
    height: 80px;
    object-fit: cover;
    object-position: top;
}
.spsc__aboutListItem--wide figure > img {
    width: 100%;
    height: 50.67vw;
    max-height: 260px;
    object-fit: cover;
    object-position: top;
    clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 30px), 0 100%);
}
.spsc__aboutListItem figure > figcaption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
    padding: 8px 20px;
}
.spsc__aboutListItem figure > figcaption > h4 {
    position: relative;
    font-family: termina, sans-serif;
    font-size: max(8px, min(3vw, 14px));
    text-transform: uppercase;
    color: #666666;
    padding-bottom: 8px;
}
.spsc__aboutListItem figure > figcaption > h4::after {
    content: none;
    position: absolute;
    width: 15px;
    height: 1px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #888888;
}
.spsc__aboutListItem.spsc__aboutListItem--narrow figure > figcaption > h4 {
    display: none;
}
.spsc__aboutListItem figure > figcaption > h5 {
    font-size: max(10px, min(3.2vw, 18px));
    font-weight: 600;
    line-height: 1.39;
    color: #222222;
}
.spsc__aboutListItem figure > figcaption .spsc__linkButton {
    margin: 0;
    width: 100%;
}

.spsc__about .spsc__buttonContainer {
    margin-top: 20px;
}
.spsc__aboutListItem figure > figcaption a.spsc__linkButton {
    line-height: 1.5;
}
.spsc__aboutListItem figure > figcaption a.spsc__linkButton p {
    width: calc(100% - 30px);
    padding: 5px 0;
}

@media only screen and (max-width: 500px) {
    .spsc__aboutListItem figure > figcaption a.spsc__linkButton p {
      font-size: 2.8vw;
      padding: 8px 0;
    }
    .spsc__aboutListItem figure > figcaption {
        padding: 0 10px;
    }
}

/* --/.spsc__about */


/* spsc__studio */

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --/.spsc__studio */



/* sectiom.access */



/* --/.sectiom.access */

/* FRIENDS */

.spsc__friends {
    margin-top: 106px;
}
.spsc__friends .spsc__buttonContainer {
    margin-top: 40px;
}
.spsc__friendsSlider {
    margin-top: -53px;
}
.spsc__friends .staff_course_btn {
    width: 100%;
    margin-top: 26.5px;
}
.spsc__friends .staff_course_btn > img {
    width: 100%;
}
.spsc__friendsSliderWrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: max-content;
}
.spsc__friendsSliderItem {
    background-color: #ffffff;
    max-width: 235px;
    width: 62.67vw;
}
.spsc__friendsSliderItem .message_text {
    position: relative;
    width: 104.25%;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6;
    font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    background-color: #ffffff;
    min-height: 140px;
    padding: 20px 16px;
    border-radius: 13px;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3));
    filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.3));
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.spsc__friendsSliderItem .message_text::after {
    content: "";
    position: absolute;
    width: 53px;
    height: 53px;
    bottom: -7px;
    left: 50%;
    background-color: #ffffff;
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
}
.spsc__friendsSliderItem .students_inner {
    width: 100%;
    padding: 26.65px 0;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
}
.spsc__friendsSliderItem .students_profile > img {
    width: 34.05%;
    height: 80px;
    object-fit: cover;
    border-radius: 100px;
}
.spsc__friendsSliderItem .students_profile .student_profile_text_1 {
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: 300;
    margin: 8px auto 2px;
}
.spsc__friendsSliderItem .students_profile .student_profile_text_2 {
    font-size: 17px;
    font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: 600;
    margin: 6px auto 9px;
}
.spsc__friendsSliderItem .students_profile .student_profile_text_3 {
    font-size: 12px;
    font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: 300;
    margin: 5px auto 2px;
}

@media only screen and (max-width: 500px) {
    .spsc__friends {
        margin-top: 21.33vw;
    }
    .spsc__friends .spsc__buttonContainer {
        margin-top: 8vw;
    }
    .spsc__friendsSlider {
        margin-top: -10.67vw;
    }
    .spsc__friends .staff_course_btn {
        margin-top: 5.34vw;
    }
    .spsc__friends .staff_course_btn > img {
        width: 100%;
    }
    .spsc__friendsSliderItem {
        width: 62.67vw;
    }
    .spsc__friendsSliderItem .message_text {
        font-size: 2.93vw;
        min-height: 28vw;
        padding: 4vw 3.2vw;
        border-radius: 2.67vw;
    }
    .spsc__friendsSliderItem .message_text::after {
        width: 10.67vw;
        height: 10.67vw;
        bottom: -1.33vw;
    }
    .spsc__friendsSliderItem .students_inner {
        padding: 5.33vw 0;
    }
    .spsc__friendsSliderItem .students_profile .student_profile_text_1 {
        font-size: 2.67vw;
    }
    .spsc__friendsSliderItem .students_profile .student_profile_text_2 {
        font-size: 3.47vw;
    }
    .spsc__friendsSliderItem .students_profile .student_profile_text_3 {
        font-size: 2.4vw;
    }
}

/* --/.FRIENDS */

/* INSTRUCTORS */

.eys_music_stylist_head,
.eys_music_stylist_search_title,
.eys_music_stylist_search_condition {
    display: none;
}

/* --/.INSTRUCTORS */


#mlc_guitar_b .mlc_present_slider .mlc_present_slides .mlc_details_box .mlc_popup {
    height: auto;
}

/* section parts for 10 reasons summary */
:root:has(main#spsc_main.has10reasons) {
    scroll-padding-top: calc(18.9vw + 30px);
}

main#spsc_main.has10reasons .spsc__title {
    display: none;
}
main#spsc_main.has10reasons .eys_title_box {
    display: none;
}
main#spsc_main.has10reasons .spsc__about .spsc__innerContainer {
    padding: 0;
}
main#spsc_main.has10reasons .spsc__about .spsc__innerContainer > ul > li {
    margin: 0 7px 3px 10px;
}
main#spsc_main.has10reasons .spsc__about img {
    width: 100%;
}
main#spsc_main.has10reasons .section_radius {
    width: min(95vw, 475px);
    margin: 20px auto;
    padding: 2px 2px 20px;
    text-align: center;
    font-weight: 700;
    background-color: #ffffff;
    border-radius: 20px;
    overflow: hidden;
}
main#spsc_main.has10reasons .section_radius img {
    max-width: 100%;
}
main#spsc_main.has10reasons .section_header__number {
    color: #666666;
    font-size: 14px;
    height: 56px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
main#spsc_main.has10reasons .section_header__number span {
    position: relative;
    top: -14px;
}
main#spsc_main.has10reasons .section_header__number svg {
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-top: 7px;
    margin-left: 10px;
}
main#spsc_main.has10reasons .section_header .section_header__description {
    color: #222222;
    font-weight: 600;
    font-size: 14px;
    padding: 22px 18px 20px;
}
main#spsc_main.has10reasons .section_header .section_header__description__lead {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    margin: -2px auto 13px;
}
main#spsc_main.has10reasons .section_header .section_header__description__lead > * {
    vertical-align: middle;
}
main#spsc_main.has10reasons .section_header .section_header__description__lead + p {
    line-height: 24px;
    margin-top: -5px;
    margin-bottom: -5px;
}
main#spsc_main.has10reasons .section_header strong {
    font-weight: 800;
    font-size: 24px;
    line-height: 28px;
    color: #E22604;
}
main#spsc_main.has10reasons .section_header br + strong {
    display: inline-block;
    margin-top: 1px;
}
main#spsc_main.has10reasons .section_header span + strong {
    margin-left: 2px;
}
main#spsc_main.has10reasons .section_header strong:has(+ span) {
    margin-right: 2px;
}

main#spsc_main.has10reasons .section-title, main#sc_main.has10reasons .lead-text, main#sc_main.has10reasons .sub-title {
    display: none;
}

main#spsc_main.has10reasons .cv_btn {
    padding: 0;
    text-align: center;
}

main#spsc_main.has10reasons .cv_btn img {
    margin: 0 -30px -31px;
    width: fit-content;
    max-width: calc(100% + 30px);
}

main#spsc_main.has10reasons #reason1.section_radius {
    margin-top: 27px;
}

main#spsc_main.has10reasons #reason1.section_radius .spsc__studio,
main#spsc_main.has10reasons #reason1.section_radius .access_bg_container {
    text-align: initial;
}

main#spsc_main.has10reasons #reason2.section_radius .mlc_img_box.down {
    transform: translate(-50%, -62.5%);
}

main#spsc_main.has10reasons #reason3 #music_stylist {
    background-color: unset;
    overflow: unset;
    text-align: left;
}

main#spsc_main.has10reasons #reason4 .price_head {
    margin-right: unset;
    margin-top: unset;
    margin-left: auto;
    width: 89.4vw;
}

main#spsc_main.has10reasons #reason6 .mlc_lesson_courses {
    width: 90vw;
}
main#spsc_main.has10reasons #reason6 .mlc_img_box.large_right img {
    right: 0;
}
main#spsc_main.has10reasons #reason6 .mlc_bg_box,
main#spsc_main.has10reasons #reason7 .dark_gray_bg_box {
    margin-left: -2px;
    margin-right: -2px;
}
main#spsc_main.has10reasons #reason6 #mlc_guitar_b .steps {
    margin-bottom: 0;
}

main#spsc_main.has10reasons #reason6.section_radius,
main#spsc_main.has10reasons #reason7.section_radius,
main#spsc_main.has10reasons #reason10.section_radius {
    padding-bottom: 0;
}