@charset "utf-8";

.lesson-view {
    height: calc(100vh - 148px);
    background-image: url(../images/nara_wakaba_piano_lesson_ip.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    display: none;
}

.concept ul {
    line-height: 2;
    margin-bottom: 73px;
    padding-left: 16px;
}

.concept li {
    list-style-image: url(../images/onnpu_icon_anime.png);
    font-size: 24px;
}

.apng-image {
    margin-bottom: 48px;
    padding-left: 24px;
}

.try li {
    list-style-image: url(../images/nara_wakaba_piano_daiya_icon_anime.png);
    font-size: 26px;
    line-height: 1;
}

@media (max-width: 800px) {
    .lesson-view {
        display: block;
        height: calc(55vh - 73px);
    }

    .concept li {
        font-size: 4vw;
    }

    .try li {
        font-size: 4vw;
        line-height: 2em;
    }
}


/* lesson.css */
#lessonmain ul,
ol {
    list-style-type: decimal;
    list-style-position: inside;
    line-height: 2;
    padding-bottom: 32px;
    text-indent: -1em;
    padding-left: 2em;
}

#lessonmain ul li {
    color: #f7c8d6;
    list-style-type: disc;
}

#lessonmain ul li span {
    color: #707070;
}

.icon_anime2 {
    top: -2em;
    left: 25%;
}

@media (max-width: 800px) {
    .icon_anime2 {
        left: 0;
    }
}