/* media only screen smartphone */
@media only screen and (max-width: 500px) {
    .spsc__title h2.studio_detail_no_json_title {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 6.4vw;
        font-weight: 600;
        text-align: center;
        margin: 11px auto 0;
        letter-spacing: normal;
    }
    .eys_access_studio a {
        text-decoration: none;
    }
    .eys_access_studio {
        overflow-x: hidden;
        scroll-behavior: smooth;
    }
    .first_slide_image_container_sp figure > img {
        vertical-align: middle;
        width: 100%;
    }
    .form_section_container {
        padding-top: 17vw;
        margin: 0;
        background: #ffffff;
    }
    .daikanyama_sp_campaign_container > .camp-frame.camp-sp{
        margin: 5.5% 0 10% 0;
    }

    /* Slideshow container */
    .swiper-container{
        width: 100%;
    }
    .slide_sp_container {
        position: relative;
    }
    .slide_sp_container > .swiper-container > .swiper-pagination-line {
        bottom: 30px;
    }

    .swiper-pagination-line {
        position: relative;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0,0,0);
        z-index: 10;
    }
    .slide_pc_container > .swiper-container-horizontal>.swiper-pagination-line > .swiper-pagination-bullet-active {
        background-color: #FFFFFF;
    }

    .swiper-pagination-line > .swiper-pagination-bullet{
        width: 8vw;
        height: 2px;
        display: inline-block;
        border-radius: unset;
        background: #FFFFFF;
    }

    .slide_pc_container > .swiper-container-horizontal>.swiper-pagination-line > .swiper-pagination-bullet{
        margin: 0 0 0 10px;
    }
    #spsc_main *,
    #spsc_main *:before,
    #spsc_main *:after {
        box-sizing: border-box;
    }
    .course_item_title {
        font-size: 3.7333333vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        letter-spacing: 0.1em;
        line-height: 1.4;
        text-align: center;
    }
    .news_event_link{
        color: #222222;
    }
    .news_event_slide_container > .swiper-slide{
        height: 370px;
    }

    /* The bullets/indicators */
    .pag_line {
        margin: 0 2px;
        display: inline-block;
        transition: background-color 0.6s ease;
        width: 8.5vw;
        height: 0.54vw;
        background-color: #aaaaaa;
        border-radius: 0;
    }
    .pagination {
        text-align: center;
        position: absolute;
        margin: -6vw 39vw;
    }
    .slide_title {
        color: #ffffff;
        letter-spacing: 0.1em;
        font-size: 8vw;
        bottom: 76vw;
        position: absolute;
        font-family: Kokonor;
        font-weight: 400;
        width: 100%;
        text-align: center;
    }
    .slide_line {
        position: absolute;
        bottom: 71vw;
        width: 20px;
        border: 1px solid #ffffff;
        text-align: center;
        margin: 0vw 48vw;
        background-color: #ffffff;
    }
    .slide_text {
        position: absolute;
        font-family: "Hiragino Sans", sans-serif;
        font-size: 3.73vw;
        font-weight: 600;
        line-height: 1.36;
        bottom: 61vw;
        color: #ffffff;
        letter-spacing: 0.1em;
        margin: 0vw 27vw;
    }
    .app_form_title_1 {
        position: relative;
        margin: -27px auto 9px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    }
    .app_form_title_2 {
        position: relative;
        margin: -28px auto 10px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    }

    .active {
        background-color: #ffffff;
    }

    /* Fading animation */
    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }

    @-webkit-keyframes fade {
        from {
            opacity: 0.4;
        }
        to {
            opacity: 1;
        }
    }

    @keyframes fade {
        from {
            opacity: 0.4;
        }
        to {
            opacity: 1;
        }
    }
    .design_course_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }
    /* campaign */
    .full-width {
        margin-top: -20px;
    }
    .feature_title_box {
        padding: 10px 7px 0;
    }
    .feature_title_box .studio_h1_title {
        text-align: center;
        font-family: "termina", sans-serif;
        font-weight: 400;
        font-size: 4.8vw;
        letter-spacing: 0.3em;
        color: #222222;
    }
    .daikanyama_sp_campaign {
        margin-top: -18px;
    }
    .feature_title_box .studio_sub_title {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 6.4vw;
        font-weight: 600;
        text-align: center;
        margin: 17px auto 0;
    }
    .design_room_intro {
        border-style: solid;
        border-width: 5px;
        color: #ffffff;
    }
    .features_section {
        margin: 55px auto 54px;
        text-align: center;
    }
    #spsc_main .features_section .studio_title_box .studio_h1_title {
        text-align: center;
        font-family: "termina", sans-serif;
        font-weight: 400;
        font-size: 4.8vw;
        letter-spacing: 0.3em;
        color: #222222;
    }
    #spsc_main .features_section .studio_title_box .studio_sub_title {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 6.4vw;
        font-weight: 600;
        text-align: center;
        margin: 20px auto 0;
    }
    main#spsc_main .contents-box .contents-inner {
        width: 89.33333%;
        margin: 0 auto;
    }
    main#spsc_main .contents-box.about .list01 {
        margin-top: 10px;
    }
    main#spsc_main .contents-box.about .list01 > div {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
    main#spsc_main .contents-box.about .list01 > div:nth-of-type(1) .number {
        top: 40vw;
        left: 3.2vw;
    }
    main#spsc_main .contents-box.about .list01 > div:nth-of-type(2) .number {
        top: 40vw;
        left: 68.2vw;
    }
    main#spsc_main .contents-box.about .list01 > div:nth-of-type(3) .number {
        top: 40vw;
        left: 3.2vw;
    }
    main#spsc_main .contents-box.about .list01 > div .number {
        position: absolute;
        left: -10px;
    }
    main#spsc_main .contents-box.about .list01 > div .number > img {
        width: 65%;
        vertical-align: middle;
    }
    main#spsc_main .contents-box.about .list01 > div .thumbnail img {
        width: 100%;
        vertical-align: middle;
    }
    main#spsc_main .contents-box.about .list01 > div .inner {
        padding: 1.33vw 2.66vw 2.66vw;
        background-color: #fff;
        text-align: center;
    }
    main#spsc_main .contents-box.about .list01 > div .inner .item-title {
        font-size: 5.33vw;
        font-family: "Hiragino Sans", sans-serif;
        font-weight: 600;
        letter-spacing: 0.1em;
        line-height: 1.5;
    }
    main#spsc_main .contents-box.about .list01 > div .inner p {
        margin-top: 30px;
        font-size: 12px;
        line-height: 1.8;
    }
    main#spsc_main .contents-box.about .list01 > div .inner .btn {
        margin-top: 17px;
        text-align: center;
    }
    main#spsc_main .contents-box.about .list01 > div .inner .btn a {
        font-weight: 300;
        padding: 12.5px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 3.73vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 95%;
    }
    main#spsc_main .contents-box.about .list01 > div .inner .btn a.lazyloaded {
        background-image: url(/access/images/daikanyama_lp/arrow_feature.svg);
    }
    .features_section_bg {
        margin-top: 20px;
    }
    .features_section_bg > img {
        width: 100%;
    }
    .first_item_bg {
        margin-top: 46vw;
    }
    .design_title_box {
        padding: 2vw 3vw 0;
    }
    .design_h1_title {
        text-align: center;
        font-family: termina, sans-serif;
        font-weight: 500;
        font-size: 4.8vw;
        letter-spacing: 0.3em;
        color: #222222;
        line-height: 1.33;
    }
    .design_sub_title {
        font-size: 6.4vw;
        margin: 2.93333vw auto 3.8666vw;
        text-align: center;
        font-weight: 600;
        line-height: 1.25;
        font-family: "Hiragino Sans", sans-serif;
    }
    .design_h3_title {
        width: 100%;
        margin: 0px auto 20px;
        text-align: center;
        font-family: "Hiragino Sans", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1em;
        line-height: 1.35;
    }
    .lesson_room_section {
        margin-top: 32px;
    }
    .design_course_col_1 > a > .instrument_image {
        height: 89vw;
    }
    .course_col_2 > a > .instrument_image {
        height: 43.2vw;
    }
    .design_course_col_2 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 43.2vw;
    }
    .design_course_col > a {
        display: block;
        position: relative;
        color: #fff;
    }
    .design_course_col > div {
        display: block;
        position: relative;
    }
    .piano_room > img {
        width: 100%;
    }
    .lesson_room_description {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 49.85%;
        background-color: #ffffff;
        height: 36vw;
    }
    .lesson_room_description_container {
        margin-left: 3.2vw;
        margin-top: 1vw;
    }
    .sp_design_parenthesis {
        padding: 3.2vw 3.7vw;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        color: #222222;
    }
    .sp_design_parenthesis::before,
    .sp_design_parenthesis::after {
        width: 11vw;
        height: 4vw;
        position: absolute;
        content: "";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .sp_design_parenthesis::before {
        top: 0;
        left: 0;
        border-top: 1px solid #555;
        border-left: 1px solid #555;
    }
    .sp_design_parenthesis::after {
        bottom: 0;
        right: 0;
        border-bottom: 1px solid #555;
        border-right: 1px solid #555;
    }
    .sp_design_parenthesis p {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 3.73333vw;
        letter-spacing: 0.1em;
        text-align: center;
        line-height: 1.5;
    }
    .sp_access_parenthesis {
        padding: 3.2vw 1.8vw;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        color: #222222;
    }
    .sp_access_parenthesis::before,
    .sp_access_parenthesis::after {
        width: 11vw;
        height: 4vw;
        position: absolute;
        content: "";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .sp_access_parenthesis::before {
        top: 0;
        left: 0;
        border-top: 1px solid #555;
        border-left: 1px solid #555;
    }
    .sp_access_parenthesis::after {
        bottom: 0;
        right: 0;
        border-bottom: 1px solid #555;
        border-right: 1px solid #555;
    }
    .sp_access_parenthesis p {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 3.73333vw;
        letter-spacing: 0.1em;
        text-align: center;
        line-height: 1.5;
    }
    .lesson_room_img_container {
        width: 50.15%;
    }
    .lesson_room_title {
        font-family: "termina", sans-serif;
        font-size: 2.8vw;
        font-weight: 400;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #666666;
        margin: 3vw 0;
    }
    .lesson_room_line {
        width: 8vw;
        border: 1px solid #707070;
        background-color: #888888;
        margin-left: 0;
        border-bottom: 1px;
    }
    .lesson_room_text {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 2.4vw;
        line-height: 1;
        letter-spacing: 0.1em;
        font-weight: 600;
        margin: 3vw 0;
    }
    .lesson_room_text_2 {
        font-family: "Hiragino Kaku Gothic ProN", sans-serif;
        font-size: 2.4vw;
        line-height: 1.45;
        font-weight: 300;
        letter-spacing: 0.1em;
    }
    .lesson_room_section_lesson_room {
        width: 89.333333%;
        margin: 0 auto;
        display: flex;
        margin-bottom: 2.7vw;
    }
    .full_latest {
        width: 89.333333%;
        margin: -3px auto;
        background: #ffffff;
    }
    .full_latest_text {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 3.47vw;
        font-weight: 300;
        line-height: 1.85;
        letter-spacing: 0.2em;
        text-align: center;
    }
    .full_latest_big_container {
        padding: 17px 0 0;
    }
    .full_latest_image_container > img {
        width: 100%;
        margin: 0 auto;
    }
    .latest_rooms {
        display: flex;
        flex-wrap: wrap;
        width: 94%;
        margin: 0 auto;
        justify-content: space-between;
    }
    .latest_room_container {
        width: 50%;
        margin-top: 3vw;
        width: 49%;
    }
    .latest_room_img {
        display: flex;
    }
    .latest_room_img > img {
        width: 100%;
        height: 40vw;
        object-fit: cover;
        object-position: center;
    }
    .latest_room_title {
        font-family: "termina", sans-serif;
        font-size: 2.8vw;
        font-weight: normal;
        letter-spacing: 0.1em;
        color: #666666;
        text-align: center;
        line-height: 2.27;
    }
    .latest_room_line {
        width: 8vw;
        border: 1px solid #707070;
        background-color: #888888;
        text-align: center;
        margin: 2px auto;
        border-bottom: 1px;
    }
    .latest_room_text {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 2.4vw;
        line-height: 2.27;
        letter-spacing: 0.1em;
        font-weight: normal;
        text-align: left;
    }
    .latest_room_text span {
        display: block;
        text-align: center;
    }
    .latest_room_desc {
        margin: 3px 0vw;
    }
    .access {
        margin-top: 58px;
    }
    .access_container {
        padding: 2vw 3vw 0;
    }
    .course_container {
        padding: 2vw 3vw 0;
    }
    .access_location {
        width: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .course {
        margin-top: 58px;
    }
    .news {
        margin-top: 20px;
    }
    .course_section_bg {
        position: absolute;
        margin-top: -10px;
    }
    .event_mbot {
        margin-top: 3px;
    }
    .course_section_bg > img {
        width: 100%;
    }
    .course_inner {
        padding: 0px 0px 10px;
        background-color: #fff;
        text-align: center;
    }
    .course_item-title {
        font-size: 2.93vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        line-height: 1.63;
        margin: 0 10px;
    }
    .course_btn {
        margin: 21px 10px 0px;
        text-align: center;
    }
    .course_btn a {
        font-weight: 300;
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 3.7333vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 95%;
    }
    .course_btn a.lazyloaded {
        background-image: url(/pc/images/common/btn-arrow.png);
    }
    .staff_course_btn {
        margin: 21px 0px 0px;
        text-align: center;
    }
    .staff_course_btn a {
        font-weight: 300;
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 3.7333vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 95%;
    }
    .staff_course_btn a.lazyloaded {
        background-image: url(/pc/images/common/btn-arrow.png);
    }
    .course_station {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 16px auto;
    }
    .course_station_container {
        margin-top: 3vw;
        width: 33.33333%;
    }
    .course_station_container > img {
        width: 100%;
    }
    .course_sub_title {
        font-size: 2.93vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        text-align: center;
        line-height: 1.6;
        margin: 5px auto 8px;
    }
    .circle_course_station {
        display: flex;
        flex-wrap: wrap;
        margin: 0px 17px;
        justify-content: space-between;
    }
    .circle_course_station_container {
        width: 30.5%;
    }
    .circle_course_station_container > img {
        border-radius: 50%;
        width: 100%;
    }
    .course_slide_1 {
        position: relative;
        margin: 0vw auto 14px;
        box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.3);
    }
    .course_slide_1_thumbnail > img {
        width: 100%;
    }
    .course_slide_1_thumbnail {
        display: flex;
    }
    .news_slide_1_thumbnail > img {
        width: 100%;
    }
    .news_slide_1_thumbnail {
        margin-bottom: -4px;
    }
    .mlc_present_slider_b_container {
        padding-bottom: 10px;
    }
    .course_slide_cont {
        margin: 46vw auto 0;
        height: max-content;
    }
    .course_btn_big {
        margin: -4px 5.33vw 0px;
        text-align: center;
    }
    .course_btn_big a {
        font-weight: 300;
        height: 45px;
        padding: 15px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 3.73333vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-size: 10.86px 20px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 95%;
    }
    .course_btn_big a.lazyloaded {
        background-image: url(/pc/images/common/btn-arrow.png);
    }
    .staff_container {
        padding: 2vw 2vw 0vw;
    }
    .staff_section_bg {
        position: absolute;
        margin: -3.2vw 0vw 0px -7.2vw;
        width: 107%;
    }
    .staff_section_bg > img {
        width: 100%;
    }
    .staff_slide_1_thumbnail {
        margin-bottom: -4px;
        background: #ffffff;
        padding-top: 5.33vw;
    }
    .staff_slide_1_thumbnail > img {
        display: block;
        border-radius: 50%;
        width: 80px;
        margin: 0 auto;
    }
    .staff_inner {
        padding: 2.1vw 2.6vw 2.6vw;
        background-color: #fff;
        text-align: center;
    }
    .staff_item_title {
        font-weight: 300;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 2.66vw;
        line-height: 1.63;
        text-align: center;
        margin-bottom: 1vw;
    }
    .staff_item_sub_title {
        font-weight: 600;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 3.46vw;
        text-align: center;
        margin-bottom: 2.4vw;
    }
    .staff-item_line {
        height: 1px;
        width: 8vw;
        border: 1px solid #707070;
        background-color: #888888;
        margin-bottom: 2.6666vw;
        margin-top: 2.444444vw;
    }
    .staff_item_text {
        font-weight: 300;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 2.93vw;
        line-height: 1.6;
    }
    .staff_item-second_title {
        font-weight: 600;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 2.93vw;
        line-height: 1.6;
        text-align: center;
        margin: 6vw 0 4.2vw;
    }
    .staff_item_about {
        margin: 0 auto;
        display: flex;
        margin-bottom: 5.33vw;
    }
    .staff_item_about_image_container {
        width: 28%;
    }
    .staff_item_about_description {
        width: 72%;
    }
    .staff_item_date {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        font-size: 2.1vw;
        margin-bottom: 1.86vw;
        text-align: initial;
    }
    .staff_item_text_2 {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        font-size: 2.93333vw;
        margin-bottom: 1.86vw;
        text-align: initial;
    }
    .staff_item_text_3 {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        font-size: 2.933333vw;
        margin-bottom: 1.8vw;
        text-align: initial;
    }
    .staff_item_separator {
        width: 100%;
        border: 1px solid #707070;
        background-color: #dddddd;
        margin-bottom: 2.4vw;
        margin-top: 2.4vw;
        opacity: 20%;
        height: 1px;
    }
    .daikanyama_lp_banner {
        width: 100%;
        background: #dddddd;
        margin: 5.33vw auto 0;
        padding: 5.33vw 0;
    }
    .daikanyama_lp_banner_background {
        width: 89.3333333%;
        margin: 0 auto;
        background: #ffffff;
        padding: 4.5vw 0vw 2.66vw;
    }
    .daikanyama_lp_banner_background_image {
        background: #ffffff;
    }
    .daikanyama_lp_banner_background_image > img {
        width: 100%;
    }
    .daikanyama_lp_banner_text {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 4vw;
        letter-spacing: 0.1em;
        line-height: 1.33;
        font-weight: 600;
        text-align: center;
        margin: 0 0 4.5vw;
    }
    .daikanyama_lp_banner_image_title {
        background: #000000;
        width: 70%;
        padding: 1.86vw 7vw;
        color: #ffffff;
        font-size: 3vw;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        position: absolute;
        text-align: center;
        margin: -31.5vw 11vw;
        opacity: 80%;
    }
    .daikanyama_lp_banner_sub_title_container {
        margin: 0 auto;
        display: flex;
        margin-bottom: 9px;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
        width: 94.02%;
        background: #ffffff;
        position: relative;
        height: 60px;
    }
    .daikanyama_lp_banner_sub_title_container_number {
        width: 15%;
    }
    .daikanyama_lp_banner_sub_title_container_desc {
        width: 85%;
    }
    .daikanyama_lp_banner_sub_title_container_desc_container {
        margin-top: 2vw;
    }
    .daikanyama_lp_banner_sub_title_container_desc_text_2 {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        font-size: 4.26vw;
        line-height: 1.375;
    }
    .daikanyama_lp_banner_sub_title_number {
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        font-size: 8vw;
        line-height: 1.5;
        color: #cc0000;
        text-align: center;
    }
    .daikanyama_lp_banner_sub_title_container_desc_text_1 {
        font-size: 2.66vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        line-height: 1.4;
    }
    .daikanyama_lp_banner_sub_title_container_first {
        margin-top: -5vw;
    }
    .course_btn_banner {
        width: 93.73%;
        margin: 3vw auto 0px;
        text-align: center;
    }
    .course_btn_banner a {
        padding: 13px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 3.73vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-size: 3.5vw;
        background-position-y: 11px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 97%;
    }
    .course_btn_banner a.lazyloaded {
        background-image: url(/access/images/daikanyama_lp/google_arrow_icon_black.svg);
    }
    .students_container {
        padding: 2vw 2vw 0;
    }
    .students_slide_1 {
        position: relative;
        width: 65%;
        margin: 0vw auto 14px;
        box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.3);
    }
    .students_slide_thumbnail > img {
        width: 112%;
        margin-left: -4vw;
    }
    .students_inner {
        padding: 0 0px 20px;
        background-color: #fff;
        text-align: center;
        margin-top: -24px;
    }
    .message_text {
        width: 90%;
        min-height: 90px;
        font-size: 2.93vw;
        font-weight: 300;
        line-height: 1.6;
        text-align: justify;
        margin: -31vw auto 0;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    }
    .students_profile > img {
        width: 80px;
        height: 80px;
        object-fit: cover;
        border-radius: 50%;
    }
    .students_profile {
        width: 34.2%;
        margin: 8vw auto 0vw;
        padding-top: 5vw;
    }
    .student_profile_text_1 {
        font-size: 2.66vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        margin: 8px auto 2px;
    }
    .student_profile_text_2 {
        font-size: 3.46vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        margin: 6px auto 9px;
    }
    .student_profile_text_3 {
        font-size: 2.4vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        margin: 8px auto 2px;
    }
    .news_inner_container {
        width: 91.5%;
        margin: 12px auto;
    }
    .news_inner_date {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 2.66vw;
        font-weight: 300;
        line-height: 1.8;
    }
    .news_inner_title {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 3.46vw;
        font-weight: 600;
        line-height: 1.38;
        margin: 8px 0px 20px 0px;
    }
    .news_inner_text > p {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 2.93vw;
        font-weight: 300;
        padding-bottom: 20px;
        line-height: 1.6;
        margin: -17px 0px 0;
    }
    .news_slide_1 {
        position: relative;
        margin: 37.6vw auto 14px;
        box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.3);
        background: #ffffff;
        height: 95vw
    }
    .course_btn_news {
        padding-top: 15px;
        padding-bottom: 9px;
    }
    .course_btn_news > a {
        font-weight: 300;
        background-size: 6.79px 12px;
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 3.46vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 95%;
    }
    .course_btn_news > a.lazyloaded {
        background-image: url(/pc/images/common/btn-arrow.png);
    }
    .course_slide_cont_news {
        height: max-content;
        margin: 44vw auto 0;
    }
    .parallelogram_1 {
        width: 65%;
        height: 40px;
        transform: skew(-20deg);
        background: #88ccdd;
        margin: 60px auto 0px;
        color: #ffffff;
        font-size: 4.8vw;
        font-weight: 600;
        text-align: center;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        padding-top: 3.5vw;
    }
    .parallelogram_2 {
        width: 100%;
        height: 40px;
        background: #88ccdd;
        color: #ffffff;
        font-size: 4.8vw;
        font-weight: 600;
        text-align: center;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        padding-top: 3.5vw;
    }
    .form_app_background {
        height: 207.3vw;
        width: 100%;
        background: #ffffff;
    }
    .form_app_buble > img {
        width: 100%;
    }
    .form_app_buble > img {
        width: 100%;
    }
    .form_app_buble {
        position: absolute;
        margin: -21vw auto;
    }
    .course_btn_top {
        margin: 100px 5vw 43px;
        text-align: center;
    }
    .course_btn_top > a {
        padding: 13px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 3.46vw;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 5%;
    }
    .course_btn_top > a.lazyloaded {
        background-image: url(/access/images/daikanyama_lp/arrow_back.svg);
    }
    .form_app_bg_text {
        margin: 76vw 27vw;
        font-family: "Hiragino Sans", sans-serif;
        font-size: 4.8vw;
        letter-spacing: 0.1em;
        font-weight: 600;
        color: #999999;
    }
    .swiper-container-students {
        width: 100%;
        margin-left: -13.2vw;
    }
    .swiper-slide:nth-child(n) {
        width: 62.67vw;
    }
    .news_swiper {
        height: 139.5vw; 
    }
    .course_name_wdth {
        width: 23vw;
    }
    .form_app_container > img{
        width: 100%;
    }
}

@media only screen and (min-width: 500px){
    .spsc__title h2.studio_detail_no_json_title {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 26px;
        font-weight: 600;
        text-align: center;
        margin: 20px auto 0;
        letter-spacing: normal;
    }
    .eys_access_studio {
        overflow-x: hidden;
    }
    .eys_access_studio a {
        text-decoration: none;
    }
    .swiper-container-students {
        width: 100%;
        margin-left: -80px;
    }
    .swiper-slide:nth-child(n) {
        width: 300px;
    }
    .daikanyama_sp_campaign_container {
        margin-top: -20px;
    }
    .to-top {
        display: none;
        position: fixed;
        bottom: 71px;
        right: 101px;
    }
    .to-top > a > img {
        width: 70%;
    }
    #eys-form-step-image,
    .eys-form-free-dial {
        display: none;
    }
    .form_section_container {
        padding-top: 120px;
        margin: -144px 0 0 0;
        background: #ffffff;
    }
    .sp_design_parenthesis {
        padding: 12px 14px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        color: #222222;
    }
    .design_course_col_2 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .sp_design_parenthesis::before,
    .sp_design_parenthesis::after {
        width: 40px;
        height: 20px;
        position: absolute;
        content: "";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .app_form_title_1 {
        position: relative;
        margin: -34px auto 11px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    }
    .app_form_title_2 {
        position: relative;
        margin: -35px auto 14px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    }
    .sp_design_parenthesis::before {
        top: 0;
        left: 0;
        border-top: 1px solid #555;
        border-left: 1px solid #555;
    }
    .sp_design_parenthesis::after {
        bottom: 0;
        right: 0;
        border-bottom: 1px solid #555;
        border-right: 1px solid #555;
    }
    .sp_design_parenthesis p {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 14px;
        letter-spacing: 0.1em;
        text-align: center;
        line-height: 1.5;
    }
    .sp_access_parenthesis {
        padding: 12px 14px;
        position: relative;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        color: #222222;
    }
    .sp_access_parenthesis::before,
    .sp_access_parenthesis::after {
        width: 40px;
        height: 20px;
        position: absolute;
        content: "";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .sp_access_parenthesis::before {
        top: 0;
        left: 0;
        border-top: 1px solid #555;
        border-left: 1px solid #555;
    }
    .sp_access_parenthesis::after {
        bottom: 0;
        right: 0;
        border-bottom: 1px solid #555;
        border-right: 1px solid #555;
    }
    .sp_access_parenthesis p {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 14px;
        letter-spacing: 0.1em;
        text-align: center;
        line-height: 1.5;
    }
    .daikanyama_sp_campaign {
        margin-top: -30px;
    }
    .feature_title_box {
        padding: 10px 7px 0;
    }
    .feature_title_box .studio_h1_title {
        text-align: center;
        font-family: "termina", sans-serif;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0.3em;
        color: #222222;
    }
    .feature_title_box .studio_sub_title {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        margin: 17px auto 0;
    }
    .design_course_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }
    .design_course_col_1 > a > .instrument_image {
        height: 490px;
    }
    .first_slide_image_container_sp {
        display: block;
    }
    .banner {
        width: 100%;
    }
    ol,
    ul {
        list-style: none;
    }
    .first_slide_image_container_sp figure > img {
        vertical-align: middle;
        width: 100%;
    }
    .swiper-container{
        width: 100%;
    }
    .slide_sp_container {
        position: relative;
    }
    .swiper-pagination-line {
        position: absolute;
        text-align: center;
        transition: .3s opacity;
        transform: translate3d(0,0,0);
        z-index: 10;
    }
    .slide_pc_container > .swiper-container-horizontal>.swiper-pagination-line > .swiper-pagination-bullet-active {
        background-color: #FFFFFF;
    }

    .swiper-pagination-line > .swiper-pagination-bullet{
        width: 30px;
        height: 2px;
        display: inline-block;
        border-radius: unset;
        background: #FFFFFF;
    }

    .slide_pc_container > .swiper-container-horizontal>.swiper-pagination-line > .swiper-pagination-bullet{
        margin: 0 0 0 10px;
    }

    /* The bullets/indicators */
    .pag_line {
        margin: 0 2px;
        display: inline-block;
        transition: background-color 0.6s ease;
        width: 32px;
        height: 2px;
        background-color: #aaaaaa;
        border-radius: 0;
    }
    .pagination {
        text-align: center;
        position: absolute;
        margin: -22.5px 211px;
    }
    .slide_title {
        color: #ffffff;
        letter-spacing: 0.1em;
        font-size: 30px;
        bottom: 363px;
        position: absolute;
        font-family: Kokonor;
        font-weight: 400;
        width: 100%;
        text-align: center;
    }
    .slide_line {
        position: absolute;
        bottom: 350px;
        width: 20px;
        border: 1px solid #ffffff;
        text-align: center;
        margin: 0px 240px;
        background-color: #ffffff;
    }
    .slide_text {
        position: absolute;
        font-family: "Hiragino Sans", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.36;
        bottom: 316px;
        color: #ffffff;
        letter-spacing: 0.1em;
        margin: 0px 165px;
    }

    .active {
        background-color: #ffffff;
    }
    .news_event_link{
        color: #222222;
    }

    /* Fading animation */
    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }

    @-webkit-keyframes fade {
        from {
            opacity: 0.4;
        }
        to {
            opacity: 1;
        }
    }

    @keyframes fade {
        from {
            opacity: 0.4;
        }
        to {
            opacity: 1;
        }
    }
    /* campaign */
    .full-width {
        margin-top: -30px;
    }
    .features_section {
        margin: 56px auto 36px;
        text-align: center;
    }
    #spsc_main .features_section .studio_title_box .studio_h1_title {
        text-align: center;
        font-family: "termina", sans-serif;
        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0.3em;
        color: #222222;
    }
    #spsc_main .features_section .studio_title_box .studio_sub_title {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 24px;
        font-weight: 600;
        text-align: center;
        margin: 20px auto 0;
    }
    main#spsc_main .contents-box .contents-inner {
        width: 90%;
        margin: 0 auto;
    }
    main#spsc_main .contents-box.about .list01 {
        margin-top: 10px;
    }
    main#spsc_main .contents-box.about .list01 > div {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
    main#spsc_main .contents-box.about .list01 > div:nth-of-type(1) .number {
        top: 210px;
        left: 12px;
    }
    main#spsc_main .contents-box.about .list01 > div:nth-of-type(2) .number {
        top: 208px;
        left: 369px;
    }
    main#spsc_main .contents-box.about .list01 > div:nth-of-type(3) .number {
        top: 213px;
        left: 5px;
    }
    .features_top {
        margin-top: -227px;
    }
    main#spsc_main .contents-box.about .list01 > div .number {
        position: absolute;
        left: -10px;
    }
    main#spsc_main .contents-box.about .list01 > div .number > img {
        width: 65%;
        vertical-align: middle;
    }
    main#spsc_main .contents-box.about .list01 > div .thumbnail img {
        width: 100%;
        vertical-align: middle;
    }
    main#spsc_main .contents-box.about .list01 > div .inner {
        padding: 5px 20px 10px;
        background-color: #fff;
        text-align: center;
    }
    main#spsc_main .contents-box.about .list01 > div .inner .item-title {
        font-size: 20px;
        font-family: "Hiragino Sans", sans-serif;
        font-weight: 600;
        letter-spacing: 0.1em;
        line-height: 1.5;
    }
    main#spsc_main .contents-box.about .list01 > div .inner p {
        margin-top: 30px;
        font-size: 12px;
        line-height: 1.8;
    }
    main#spsc_main .contents-box.about .list01 > div .inner .btn {
        margin-top: 14px;
        text-align: center;
    }
    main#spsc_main .contents-box.about .list01 > div .inner .btn a {
        padding: 15px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 14px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 95%;
    }
    main#spsc_main .contents-box.about .list01 > div .inner .btn a.lazyloaded {
        background-image: url(/access/images/daikanyama_lp/arrow_feature.svg);
    }
    .features_section_bg {
        margin-top: 20px;
    }
    .features_section_bg > img {
        width: 100%;
    }
    .first_item_bg {
        margin-top: 172px;
    }
    .design_title_box {
        padding: 7px 11px 0;
    }
    .design_h1_title {
        text-align: center;
        font-family: termina, sans-serif;
        font-weight: 500;
        font-size: 18px;
        letter-spacing: 0.3em;
        color: #222222;
        line-height: 1.33;
    }
    .design_sub_title {
        font-size: 24px;
        margin: 16px auto;
        text-align: center;
        font-weight: 600;
        line-height: 1.25;
        font-family: "Hiragino Sans", sans-serif;
    }
    .design_h3_title {
        width: 100%;
        margin: 1.5rem auto 1.8rem;
        text-align: center;
        font-family: "Hiragino Sans", sans-serif;
        font-weight: 300;
        letter-spacing: 0.1em;
        line-height: 1.35;
    }
    .lesson_room_section {
        margin-top: 57.5px;
    }
    .design_course_col_2 > a > .instrument_image {
        height: 242.25px;
    }
    .piano_room > img {
        width: 100%;
    }
    .lesson_room_description {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 50%;
        background-color: #ffffff;
        height: 180px;
    }
    .lesson_room_description_container {
        margin: 8px 15px;
    }
    .lesson_room_img_container {
        width: 50%;
    }
    .lesson_room_title {
        font-family: "termina", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.1em;
        line-height: 1;
        color: #666666;
        margin: 10px 0;
    }
    .lesson_room_line {
        width: 30px;
        border: 1px solid #707070;
        background-color: #888888;
        margin-left: 0;
    }
    .lesson_room_text {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 12px;
        line-height: 1;
        letter-spacing: 0.1em;
        font-weight: 600;
        margin: 15px 0 10px;
    }
    .lesson_room_text_2 {
        font-family: "Hiragino Kaku Gothic ProN", sans-serif;
        font-size: 10px;
        line-height: 1.45;
        font-weight: 300;
        letter-spacing: 0.1em;
    }
    .lesson_room_section_lesson_room {
        width: 90%;
        margin: 0 auto;
        display: flex;
        margin-bottom: 10px;
    }
    .full_latest {
        width: 90%;
        margin: -3px auto;
        background: #ffffff;
    }
    .full_latest_title {
        text-align: center;
        font-size: 20px;
        font-family: "Hiragino Sans", sans-serif;
        letter-spacing: 0.1em;
        font-weight: 600;
        line-height: 1.35;
        width: 60%;
        margin: 0 auto;
    }
    .full_latest_text {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 13px;
        font-weight: 300;
        line-height: 1.85;
        letter-spacing: 0.2em;
        text-align: center;
    }
    .full_latest_big_container {
        padding: 17px 0 0;
    }
    .full_latest_image_container > img {
        width: 100%;
        margin: 0 auto;
    }
    .latest_rooms {
        display: flex;
        flex-wrap: wrap;
        width: 94%;
        margin: 0 auto;
        justify-content: space-between;
    }
    .latest_room_container {
        width: 50%;
        margin-top: 3px;
        width: 49%;
    }
    .latest_room_img {
        display: flex;
    }
    .latest_room_img > img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        object-position: center;
    }
    .latest_room_title {
        font-family: "termina", sans-serif;
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 0.1em;
        color: #666666;
        text-align: center;
        line-height: 2.27;
    }
    .latest_room_line {
        width: 30px;
        border: 1px solid #707070;
        background-color: #888888;
        text-align: center;
        margin: 3px auto;
    }
    .latest_room_text {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 12px;
        line-height: 2.27;
        letter-spacing: 0.1em;
        font-weight: normal;
        text-align: left;
    }
    .latest_room_text span {
        display: block;
        text-align: center;
    }
    .latest_room_desc {
        margin: 8px 0px;
    }
    .access {
        margin-top: 58px;
    }
    .access_container {
        padding: 2px 3px 0;
    }
    .course_container {
        padding: 2px 3px 0;
    }
    .access_location {
        width: 100%;
        margin: 0 auto;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .course {
        margin-top: 58px;
    }
    .news {
        margin-top: 20px;
    }
    .course_section_bg {
        margin-top: -10px;
    }
    .event_mbot {
        margin-top: 3px;
    }
    .course_section_bg > img {
        width: 100%;
    }
    .course_inner {
        padding: 0px 0px 10px;
        background-color: #fff;
        text-align: center;
    }
    .course_item_title {
        font-size: 14px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        letter-spacing: 0.1em;
        line-height: 1.4;
        text-align: center;
    }
    .course_item-title {
        font-size: 11px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        line-height: 1.63;
        margin: 0 10px;
    }
    .course_btn {
        margin: 14px 10px 0px;
        text-align: center;
    }
    .course_btn a {
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 13px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-size: 6.79px 12px;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 95%;
    }
    .course_btn a.lazyloaded {
        background-image: url(/pc/images/common/btn-arrow.png);
    }
    .staff_course_btn {
        margin: 14px 0px 0px;
        text-align: center;
    }
    .staff_course_btn a {
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 13px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-repeat: no-repeat;
        background-position: 95%;
        background-color: #fff;
        background-size: 6.79px 12px;
    }
    .staff_course_btn a.lazyloaded {
        background-image: url(/pc/images/common/btn-arrow.png);
    }
    .course_station {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 19px auto;
    }
    .course_station_container {
        margin-top: 11px;
        width: 33.33333%;
    }
    .course_station_container > img {
        width: 100%;
    }
    .course_sub_title {
        font-size: 11px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        text-align: center;
        line-height: 1.6;
        margin: 5px auto;
    }
    .circle_course_station {
        display: flex;
        flex-wrap: wrap;
        margin: 0px 25px;
        justify-content: space-between;
    }
    .circle_course_station_container {
        width: 30.5%;
    }
    .circle_course_station_container > img {
        border-radius: 50%;
        width: 100%;
    }
    .course_slide_1 {
        position: relative;
        margin: 0vw auto 14px;
        box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.3);
    }
    .course_slide_1_thumbnail > img {
        width: 100%;
    }
    .course_slide_1_thumbnail {
        display: flex;
    }
    .news_slide_1_thumbnail > img {
        width: 100%;
    }
    .news_slide_1_thumbnail {
        margin-bottom: -4px;
    }
    .mlc_present_slider_b_container {
        padding-bottom: 10px;
    }
    .course_slide_cont {
        margin: -53px auto 0;
        height: max-content;
    }
    .course_btn_big {
        margin: 8px 20px 0px;
        text-align: center;
    }
    .course_btn_big a {
        padding: 13px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 13px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 95%;
    }
    .course_btn_big a.lazyloaded {
        background-image: url(/pc/images/common/btn-arrow.png);
    }
    .staff_container {
        padding: 7px 7px 0vw;
    }
    .staff_section_bg {
        margin: -18px 0vw 0px -35.2px;
        width: 107%;
    }
    .staff_section_bg > img {
        width: 100%;
    }
    .staff_slide_1_thumbnail {
        margin-bottom: -4px;
        background: #ffffff;
        padding-top: 20px;
    }
    .staff_slide_1_thumbnail > img {
        display: block;
        width: 34%;
        border-radius: 50%;
        margin: 0 auto;
    }
    .staff_inner {
        padding: 7px 9px 9px;
        background-color: #fff;
        text-align: center;
    }
    .staff_item_title {
        font-weight: 600;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 11px;
        line-height: 1.63;
        text-align: center;
        margin-bottom: 4px;
    }
    .staff_item_sub_title {
        font-weight: 600;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 13px;
        text-align: center;
        margin-bottom: 9px;
    }
    .staff-item_line {
        width: 30px;
        border: 1px solid #707070;
        background-color: #888888;
        margin-bottom: 10px;
        margin-top: 9px;
    }
    .staff_item_text {
        font-weight: 300;
        font-family: "Hiragino Kaku Gothic Pro";
        font-size: 11px;
        line-height: 1.6;
    }
    .staff_item-second_title {
        font-weight: 600;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 11px;
        line-height: 1.6;
        text-align: center;
        margin: 26px 0 16px;
    }
    .staff_item_about {
        margin: 0 auto;
        display: flex;
        margin-bottom: 20px;
    }
    .staff_item_about_image_container {
        width: 28%;
    }
    .staff_item_about_description {
        width: 72%;
    }
    .staff_item_date {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        font-size: 8px;
        margin-bottom: 10px;
        text-align: initial;
    }
    .staff_item_text_2 {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        font-size: 9px;
        margin-bottom: 10px;
        text-align: initial;
    }
    .staff_item_text_3 {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        font-size: 11px;
        margin-bottom: 7px;
        text-align: initial;
    }
    .staff_item_separator {
        width: 100%;
        border: 1px solid #707070;
        background-color: #dddddd;
        margin-bottom: 2.4vw;
        margin-top: 2.4vw;
        opacity: 20%;
    }
    .daikanyama_lp_banner {
        width: 100%;
        background: #dddddd;
        margin: 20px auto 0;
        padding: 20px 0;
    }
    .daikanyama_lp_banner_background {
        width: 90%;
        margin: 0 auto;
        background: #ffffff;
        padding: 17px 0px;
    }
    .daikanyama_lp_banner_background_image {
        background: #ffffff;
    }
    .daikanyama_lp_banner_background_image > img {
        width: 100%;
    }
    .daikanyama_lp_banner_text {
        font-family: "Hiragino Sans", sans-serif;
        font-size: 15px;
        letter-spacing: 0.1em;
        line-height: 1.33;
        font-weight: 600;
        text-align: center;
        margin: 0 0 17px;
    }
    .daikanyama_lp_banner_image_title {
        background: #000000;
        width: 70%;
        padding: 1.86vw 7vw;
        color: #ffffff;
        font-size: 3vw;
        font-family: "Roboto", sans-serif;
        font-weight: 300;
        position: absolute;
        text-align: center;
        margin: -31.5vw 11vw;
        opacity: 80%;
        display: none;
    }
    .daikanyama_lp_banner_sub_title_container {
        margin: 0 auto;
        display: flex;
        margin-bottom: 9px;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
        width: 94.02%;
        background: #ffffff;
        position: relative;
        height: 60px;
    }
    .daikanyama_lp_banner_sub_title_container_number {
        width: 15%;
    }
    .daikanyama_lp_banner_sub_title_container_desc {
        width: 85%;
    }
    .daikanyama_lp_banner_sub_title_container_desc_container {
        margin-top: 7px;
    }
    .daikanyama_lp_banner_sub_title_container_desc_text_2 {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        font-size: 16px;
        line-height: 1.375;
    }
    .daikanyama_lp_banner_sub_title_number {
        font-weight: 400;
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 1.5;
        color: #cc0000;
        text-align: center;
    }
    .daikanyama_lp_banner_sub_title_container_desc_text_1 {
        font-size: 10px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        line-height: 1.4;
    }
    .daikanyama_lp_banner_sub_title_container_first {
        margin-top: -19px;
    }
    .course_btn_banner {
        width: 95%;
        margin: 15px auto 0px;
        text-align: center;
    }
    .course_btn_banner a {
        padding: 13px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 13px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-size: 13px;
        background-position-y: 11px;
        background-repeat: no-repeat;
        background-position: 97%;
        background-color: #fff;
    }
    .course_btn_banner a.lazyloaded {
        background-image: url(/access/images/daikanyama_lp/google_arrow_icon_black.svg);
    }
    .students_container {
        padding: 8px 8px 0;
    }
    .students_slide_1 {
        position: relative;
        width: 62.666666667%;
        margin: 0vw auto 14px;
        box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.3);
    }
    .students_slide_thumbnail > img {
        width: 112%;
        margin-left: -19px;
    }
    .students_inner {
        padding: 0 0px 20px;
        background-color: #fff;
        text-align: center;
        margin-top: -24px;
    }
    .message_text {
        width: 90%;
        min-height: 80px;
        font-size: 12px;
        font-weight: 300;
        line-height: 1.6;
        text-align: justify;
        margin: -144px auto 62px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
    }
    .students_profile > img {
        width: 90px;
        height: 90px;
        object-fit: cover;
        border-radius: 50%;
    }
    .students_profile {
        width: 30%;
        margin: 34px auto 8px;
        padding-top: 19px;
    }
    .student_profile_text_1 {
        font-size: 10px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        margin: 8px auto 2px;
    }
    .student_profile_text_2 {
        font-size: 13px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 600;
        margin: 6px auto 9px;
    }
    .student_profile_text_3 {
        font-size: 10px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-weight: 300;
        margin: 8px auto 2px;
    }
    .news_inner_container {
        width: 90%;
        margin: 8px auto;
    }
    .news_inner_date {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 10px;
        font-weight: 300;
        line-height: 1.8;
    }
    .news_inner_title {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.38;
        margin: 8px 0px 20px 0px;
    }
    .news_inner_text > p {
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        font-size: 11px;
        font-weight: 300;
        line-height: 1.6;
        margin: -20px 0px 0;
        padding-bottom: 20px;
    }
    
    .news_slide_1 {
        margin: -56px auto 14px;
        box-shadow: 2px 2px 5px rgb(0, 0, 0, 0.3);
        background: #ffffff;
        height: 390px;
    }
    .course_btn_news {
        padding-top: 15px;
        padding-bottom: 9px;
    }
    .course_btn_news > a {
        padding: 10px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 13px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-position: 95%;
        background-repeat: no-repeat;
        background-color: #fff;
    }
    .course_btn_news > a.lazyloaded {
        background-image: url(/pc/images/common/btn-arrow.png);
    }
    .course_slide_cont_news {
        height: max-content;
        margin: -53px auto 0;
    }
    .parallelogram_1 {
        width: 65%;
        height: 40px;
        transform: skew(-20deg);
        background: #88ccdd;
        margin: 60px auto 1px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        padding-top: 13px;
    }
    .parallelogram_2 {
        width: 100%;
        height: 40px;
        background: #88ccdd;
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        padding-top: 13px;
    }
    .form_app_background {
        height: 900px;
        width: 100%;
        background: #ffffff;
    }
    .form_app_background > img {
        width: 100%;
    }
    .form_app_buble > img {
        width: 100%;
    }
    .form_app_buble {
        margin: -91px auto 0px;
    }
    .course_btn_top {
        margin: 100px 10px 43px;
        text-align: center;
    }
    .course_btn_top > a {
        padding: 13px 0;
        display: inline-block;
        width: 100%;
        border: 1px solid #000;
        font-size: 13px;
        font-family: "Hiragino Kaku Gothic Pro", sans-serif;
        text-decoration: none;
        color: #000;
        text-align: center;
        background-position: 5%;
        background-repeat: no-repeat;
        background-color: #fff;
    }
    .course_btn_top > a.lazyloaded {
        background-image: url(/access/images/daikanyama_lp/arrow_back.svg);
    }
    .form_app_bg_text {
        margin: 247px 170px;
        font-family: "Hiragino Sans", sans-serif;
        font-size: 18px;
        letter-spacing: 0.1em;
        font-weight: 600;
        color: #999999;
    }
    .design_room_intro {
        border-style: solid;
        border-width: 5px;
        color: #ffffff;
    }
    .form_app_container > img{
        width: 100%;
    }
}

.design_room_intro {
    display: flex;
    margin: 5px;
}
.design_course_row .course_col_design {
    flex: 1;
}

.design_room_intro > img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.lesson_coursesContainer {
    position: relative;
}
.lesson_coursesContainer .women_buble {
    position: absolute;
    width: 57%;
}
.lesson_coursesContainer .women_buble img {
    width: 100%;
}
.lesson_coursesContainer .women_buble.women_buble2_container {
    right: 0;
    bottom: 0;
}
.course_col > div {
    display: block;
    position: relative;
    height: 180px;
}
.course_col > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.first_slide_image_container_sp figure {
    position: relative;
}
.first_slide_image_container_sp figure figcaption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 40px;
    background: rgba(0,0,0,0.25);
}
.first_slide_image_container_sp figure figcaption span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    white-space: nowrap;
}
@media only screen and (max-width: 500px) {
    .design_course_col_1 .design_room_intro {
        height: calc(90vw - 10px);
    }
    .design_course_col_2 .design_room_intro {
        height: calc(45vw - 10px);
    }
    .lesson_coursesContainer .women_buble.women_buble1_container {
        left: -6vw;
        top: -12vw;
    }
    .course_col > div {
        height: 36vw;
    }
    .first_slide_image_container_sp figure figcaption {
        padding: 10.6vw;
    }
    .first_slide_image_container_sp figure figcaption > img {
        width: 32.8vw;
    }
    .first_slide_image_container_sp figure figcaption span {
        font-size: 3.2vw;
    }
}
@media only screen and (min-width: 500px) {
    .design_course_col_1 .design_room_intro {
        height: 480px;
    }
    .design_course_col_2 .design_room_intro {
        height: 230px;
    }
    .lesson_coursesContainer .women_buble.women_buble1_container {
        left: -30px;
        top: -60px;
    }
}

#spsc_main .studio_and_course_list {
    margin-top: 30px;
}
.studio_and_course_list {
    display: none;
    padding: 0 20px;
}
.studio_and_course_list > p {
    font-weight: 600;
    color: #000000;
    margin-bottom: 10px;
}

.studio_and_course_list ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 10px 20px;
    background-color: #ffffff;
}
.studio_and_course_list ul li {
    width: 50%;
    font-size: 16px;
    font-weight: 300;
    margin-top: 7px;
    margin-bottom: 7px;
}
.studio_and_course_list ul li a {
    text-decoration: underline;
    color: rgb(34, 34, 34);
}

@media only screen and (max-width: 500px) {    
    .studio_and_course_list ul li {
        font-size: 4vw;
    }
}
  .features_section .c-aboutListSp {
    margin-top: 20px;
    position: relative;
    z-index: 1;
  }
  .features_section .c-aboutListSp.mt_minus80px {
    margin-top: -80px;
  }
  .features_section .c-aboutListSp__item::after {
    content: none;
  }
  .c-aboutListSp {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 40px;
  }
  
  .c-aboutListSp__item {
    position: relative;
    background-color: #ffffff;
    width: calc(100% - 40px);
    box-sizing: border-box;
  }
  .c-aboutListSp__item::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 15px;
    top: 15px;
    background-color: #000000;
    z-index: -1;
    -webkit-box-shadow: 2px 2px 15px 2px rgb(0 0 0 / 15%);
    box-shadow: 2px 2px 15px 2px rgb(0 0 0 / 15%);
  }
  .c-aboutListSp__item:nth-child(even)::after {
    left: -15px;
  }
  .c-aboutListSp__item:nth-child(1)::after {
    background-color: #EEAAAA;
  }
  .c-aboutListSp__item:nth-child(2)::after {
    background-color: #88DDBB;
  }
  .c-aboutListSp__item:nth-child(3)::after {
    background-color: #88CCDD;
  }
  .c-aboutListSp__item:nth-child(4)::after {
    background-color: #8888DD;
  }
  .c-aboutListSp__item:nth-child(5)::after {
    background-color: #88CC22;
  }
  .c-aboutListSp__item:not(:first-of-type) {
    margin-top: 40px;
  }
  .c-aboutListSp__itemNumber {
    position: absolute;
    bottom: 30%;
    z-index: 1;
  }
  .c-aboutListSp__item:nth-child(odd) .c-aboutListSp__itemNumber {
    left: 4%;
  }
  .c-aboutListSp__item:nth-child(even) .c-aboutListSp__itemNumber {
    right: 4%;
  }
  .c-aboutListSp__item figure {
  
  }
  .c-aboutListSp__item figure img {
    width: 100%;
    height: 232px;
    object-fit: cover;
    object-position: center;
    clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 32px), 0 100%);
  }
  .c-aboutListSp__item:nth-child(even) figure img {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 calc(100% - 32px));
  }
  .c-aboutListSp__item figcaption {
    background-color: #ffffff;
    text-align: center;
    padding: 20px;
  }
  .c-aboutListSp__item figcaption h4 {
    position: relative;
    font-family: termina, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #666666;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .c-aboutListSp__item figcaption h4::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 1px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background-color: #888888;
  }
  .c-aboutListSp__item figcaption h5 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.39;
    color: #222222;
  }

  .pc-only {
    display:none;
  }