.lesson .main-right * {
    font-family: "Hiragino Sans W6", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ｺﾞｼｯｸM-PRO, HGMaruGothicMPRO, sans-serif;
}
.lesson .header {
    display: none;
}
.lesson .main {
    padding-top: 0;
}
.lesson .main_bg {
    position: relative;
    display: flex;
    flex-direction: column;
}
.lesson .main_bg2-img, .main_bg3-img , .main_bg4-img , .main_bg-img{
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-left: -20.2rem;
    top: 7.8rem;
}
.lesson .k_lesson-main-img {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-top: 47px;
}
.lesson .c-campaign-pc {
    margin-top: 11px;
}
.lesson .eys-acc-row {
    width: 740px;
    margin-left: auto;
    margin-right: auto;
}
.lesson .eys-acc-tab-child {
    margin-top: -5px;
}
.lesson .eys-acc-tab .k_bor_tr {
    margin-left: 20px;
}
.lesson .k_bor_tr, .k_bor_tl {
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, .16));
    transform: translateZ(0);
    -webkit-filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, .16));
}
.lesson .k_bor_tl .listing {
    margin-top: -74px;
    opacity: 0.55;
    font-family: "Square721 Ex BT", Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    position: absolute;
    left: 77px;
    color: #fff;
}
.lesson .k_bor_tr .keyword {
    margin-top: -74px;
    left: 40px;
    font-family: "Square721 Ex BT", Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    position: absolute;
    color: #fff;
}
.lesson .cl_3_1 .pc_course_lc {
    margin-top: 6px;
}
.lesson .cl_3_2 .pc_course_lc2 {
    margin-top: 6px;
}
.lesson .cl_3_3 .pc_course_lc3 {
    margin-top: 6px;
}
.lesson .cl_3_4 .pc_course_lc4 {
    margin-top: 6px;
}
.lesson .cl_3_5 .pc_course_lc5 {
    margin-top: 6px;
}
.lesson .cl_3_6 .pc_course_lc6 {
    margin-top: 6px;
}
.lesson .cl_3_7 .pc_course_lc7 {
    margin-top: 6px;
}
.lesson .eys-acc-tab-child .blue-bg-acc:after {
    content: "";
    background: url(/art-college/music/assets/img/pages/tonmana/pc/course/accerdion_arrow_blue.svg) no-repeat 6px 5px;
    background-color: #fff;
    position: absolute;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: rotate(180deg);
    margin-top: -44px;
    left: 50%;
    margin-left: 390px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .16));
    transform: translateZ(0);
    -webkit-filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .16));
}
.lesson .eys-acc-tab-child .yellow-bg-acc:after {
    content: "";
    background: url(/art-college/music/assets/img/pages/tonmana/pc/course/accerdion_arrow_yellow.svg) no-repeat 6px 5px;
    background-color: #fff;
    position: absolute;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: rotate(180deg);
    margin-top: -44px;
    left: 50%;
    margin-left: 390px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .16));
    transform: translateZ(0);
    -webkit-filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .16));
}
.lesson .eys-acc-tab-child input[type="checkBox"] {
    position: absolute;
    left: -9999px;
}
.lesson .eys-acc-tab-child input[type="checkbox"]:checked+label:after {
    transform: rotate(0deg);
}
.lesson .eys-acc-tab-child label::after {
    content: "";
    background: url(/art-college/music/assets/img/pages/tonmana/pc/course/accerdion_arrow_green.svg) no-repeat 6px 5px;
    background-color: #fff;
    position: absolute;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: rotate(180deg);
    margin-top: -44px;
    left: 50%;
    margin-left: 390px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .16));
    transform: translateZ(0);
    -webkit-filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .16));
}
.lesson .cl_2_1 label::after, .lesson .cl_2_2 label::after {
    content: "";
    background: url(/art-college/music/assets/img/pages/tonmana/pc/course/arrow-up-blue.svg) no-repeat;
    position: absolute;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    left: 50%;
    margin-top: -27px;
    transform: rotate(0deg);
    margin-left: -7.5rem;
}
.lesson .cl_2_1 input[type="checkbox"]:checked+label:after, .lesson .cl_2_2 input[type="checkbox"]:checked+label:after {
    transform: rotate(180deg);
    left: 50%;
    margin-top: -44px;
    margin-left: -8.27rem;
}
.lesson .pc_lesson_ic li img {
    width: 90px;
    height: 80px;
    float: left;
}
.lesson .pc_lesson_ic li {
    width: 200px;
    height: 80px;
    filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .35));
    transform: translateZ(0);
    -webkit-filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .35));
    background-color: #ffffff;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    cursor: pointer;
}
.lesson .pc_lesson_ic li span {
    position: relative;
}
.lesson .pc_lesson_ic li p {
    font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    white-space: nowrap;
    margin-top: 21px;
}
.lesson .kid-pc .img_box {
margin: auto;
position: relative;
}
.lesson .kid-pc .img_cont_50 {
display: inline-block;
position: relative;
}
.lesson .kid-pc .img_cont_50 img {
width: 50%;
}
.lesson .kid-pc .img_box.w_90 {
width: 90%;
}
.lesson .kid-pc .img_box.w_85 {
width: 85%;
}
.lesson .kid-pc .img_box.w_50 {
width: 50%;
}
.main-right {
text-align: center;
}
.kid-pc .k_inner_section {
width: 706px;
margin: auto;
}
.lesson .inner-les {
    width: 880px;
    margin: -60px auto 0;
}
.kid-pc .k_p25 {
padding: 25px;
}
.kid-pc .k_p20 {
padding: 20px;
}
.kid-pc .k_p15 {
padding: 15px;
}
.kid-pc .k_p10 {
padding: 10px;
}
.kid-pc .k_ph10 {
padding: 0 10px;
}
.kid-pc .k_pv10 {
padding: 10px 0;
}
.kid-pc .k_pv20 {
padding: 20px 0;
}
.kid-pc .k_nmt10 {
margin-top: -10px;
}
.kid-pc .k_nmt24 {
margin-top: -24px;
}
.kid-pc .k_nmt25 {
margin-top: -25px;
}
.kid-pc .k_m0 {
margin: 0;
}
.kid-pc .k_mv15 {
margin: 15px 0;
}
.kid-pc .k_mt0 {
margin-top: 0;
}
.kid-pc .k_mt5 {
margin-top: 5px;
}
.kid-pc .k_mt10 {
margin-top: 10px;
}
.kid-pc .k_mt15 {
margin-top: 15px;
}
.kid-pc .k_mt20 {
margin-top: 20px;
}
.kid-pc .k_mt25 {
margin-top: 25px;
}
.kid-pc .k_mt30 {
margin-top: 30px;
}
.kid-pc .k_mt35 {
margin-top: 35px;
}
.kid-pc .k_mt40 {
margin-top: 40px;
}
.kid-pc .k_mt50 {
margin-top: 50px;
}
.kid-pc .k_mt55 {
margin-top: 55px;
}
.kid-pc .k_mt60 {
margin-top: 60px;
}
.kid-pc .k_mt70 {
margin-top: 70px;
}
.kid-pc .k_mt95 {
margin-top: 95px;
}
.k_mr10 {
margin-right: 10px;
}
.k_mr15 {
margin-right: 15px;
}
.k_mr20 {
margin-right: 20px;
}
.k_ml10 {
margin-left: 10px;
}
.kid-pc .k_mb0 {
margin-bottom: 0;
}
.kid-pc .k_mb10 {
margin-bottom: 10px;
}
.kid-pc .k_mb15 {
margin-bottom: 15px;
}
.kid-pc .k_mb20 {
margin-bottom: 20px;
}
.kid-pc .k_mb25 {
margin-bottom: 25px;
}
.kid-pc .k_mb30 {
margin-bottom: 30px;
}
.kid-pc .k_mb35 {
margin-bottom: 35px;
}
.kid-pc .k_p0 {
padding: 0;
}
.kid-pc .k_pz2 {
    margin-top: 6px;
}
.kid-pc .k_pt10 {
padding-top: 17px;
}
.kid-pc .k_pt20 {
padding-top: 20px;
}
.kid-pc .k_pt25 {
padding-top: 25px;
}
.kid-pc .k_pt30 {
padding-top: 30px;
}
.kid-pc .k_pt40 {
padding-top: 40px;
}
.kid-pc .k_pt50 {
padding-top: 50px;
}
.kid-pc .k_pt80 {
padding-top: 80px;
}
.kid-pc .k_pb40 {
padding-bottom: 40px;
}
.kid-pc .k_pb30 {
padding-bottom: 30px;
}
.kid-pc .k_pb20 {
padding-bottom: 20px;
}
.kid-pc .k_pb15 {
padding-bottom: 15px;
}
.kid-pc .k_pb5 {
padding-bottom: 5px;
}
.kid-pc .k_pl10 {
padding-left: 10px;
}
.kid-pc .k_pl20 {
padding-left: 20px;
}
.kid-pc .k_pl30 {
padding-left: 30px;
}
.kid-pc .k_pr10 {
padding-right: 10px;
}
.kid-pc .k_pr15 {
padding-right: 15px;
}
.kid-pc .k_pl10 {
padding-left: 10px;
}
.kid-pc .k_pl15 {
padding-left: 15px;
}
.kid-pc .k_lh1 {
line-height: 1;
}
.kid-pc .k_lh1h {
line-height: 1.5;
}
.k_lh1_6 {
line-height: 1.6;
}
.kid-pc .k_lh2 {
line-height: 2;
}
.kid-pc .k_nls1 {
letter-spacing: -1px;
}
.kid-pc .k_nls0h {
letter-spacing: -0.5px;
}
.kid-pc .k_ls0 {
letter-spacing: 0;
}
.kid-pc .k_ls0h {
letter-spacing: 0.5px;
}
.kid-pc .k_ls1 {
letter-spacing: 1px;
}
.kid-pc .k_ls1h {
letter-spacing: 1.5px;
}
.kid-pc .k_ls2 {
letter-spacing: 2px;
}
.kid-pc .k_common_14 {
font-size: 1.4rem;
text-align: left;
letter-spacing: -0.5px;
}
.kid-pc .k_common_15 {
font-size: 1.5rem;
text-align: left;
}
.kid-pc .k_common_16 {
font-size: 18px;
text-align: left;
letter-spacing: 1.2px;
}
.kid-pc .k_common_18 {
font-size: 1.8rem;
text-align: left;
}
.kid-pc .k_common_20 {
font-size: 2rem;
text-align: left;
letter-spacing: -0.5px;
}
.kid-pc .k_common_24 {
font-size: 2.4rem;
text-align: left;
}
.kid-pc .k_common_30 {
font-size: 3rem;
text-align: left;
letter-spacing: 0;
}
.kid-pc .k_blue {
color: var(--kid-blue);
}
.kid-pc .k_red {
color: var(--kid-red);
}
.kid-pc .k_skin_blue {
color: var(--kid-skin_blue);
}
.kid-pc .k_purple {
color: var(--kid-purple);
}
.kid-pc .k_bold {
font-weight: bold;
}
.kid-pc .k_bold_600 {
font-weight: 600;
}
.kid-pc .k_center {
text-align: center;
}
.kid-pc .k_va_middle {
vertical-align: middle;
}
.kid-pc .k_mc {
margin-left: auto;
margin-right: auto;
}
.kid-pc .k_left {
text-align: left;
}
.kid-pc .k_right {
text-align: right;
}
.kid-pc .k_justify {
text-align: justify;
}
.kid-pc .k_clearfix {
display: block;
content: "";
clear: both;
}
.kid-pc .k_block {
display: block;
}
.kid-pc .k_row {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.kid-pc .k_row .k_col_2_1 {
width: 50%;
display: block;
}
.kid-pc .k_row .k_col_3_2 {
width: calc(100%/3*2);
display: block;
}
.kid-pc .k_row .k_col_3_1 {
width: 30%;
display: block;
}
.kid-pc .bg_gradient_top.lazyloaded {
background: url("/img/top_pc/price/bg_top_gradient.png") repeat-x;
}
.kid-pc .bg_gradient_top_v2.lazyloaded {
background: url("/img/top_pc/enjoy/gradient_bg_top.png") repeat-x;
background-size: 1px 98px;
}
.kid-pc .bg_white {
background-color: #ffffff;
}
.kid-pc .go_page_top.remaining_pages img {
top: 10px;
}
.kid-pc .k_w_90 {
width: 90%;
}
.kid-pc .k_bor_rad {
border-radius: 10px;
}
.kid-pc .k_bor_tl {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.kid-pc .k_bor_tr {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.kid-pc .k_bor_rad.no_rside {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.kid-pc .k_bor_rad.no_lside {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.k_collapse_v1 {
border: 1px solid var(--kid-blue);
}
.k_collapse_v1_toggle {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1px solid var(--kid-blue);
width: 100%;
padding: 30px 20px 27px 20px;
cursor: pointer;
}
.k_collapse_v1_toggle .k_collapse_v1_title {
font-size: 2rem;
font-weight: bold;
letter-spacing: 1.5px;
color: var(--kid-blue);
margin: 0;
}
.lesson .k_collapse_v1_title .u-text {
font-size: 3.6rem;
margin: 0 15px;
line-height: 0;
position: relative;
}
.lesson .k_collapse_v1_title .u-text::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 18px;
background-color: #FEFF8C;
z-index: -1;
}
.lesson .k_collapse_v1_toggle .k_collapse_v1_toggle_btn {
position: relative;
font-size: 1.6rem;
font-weight: 600;
color: var(--kid-blue);
margin: 0 49px 0 0;
padding-top: 4px;
letter-spacing: 1px;
}
.lesson .k_collapse_v2_toggle {
position: relative;
letter-spacing: 1.5px;
padding: 16px 20px;
text-align: left;
cursor: pointer;
}
.lesson .pc_lesson_ic li span {
    display: grid;
}
.lesson .cl_2_1-gr {
    background-image: linear-gradient(to bottom, #b8e050, #96da5c);
    height: 60px;
}
.lesson .cl_2_2-bl {
    background-image: linear-gradient(0deg, #7891f7 0%, #77d4fd 100%);
    height: 60px;
}
.lesson .cl_2_3-or {
    background-image: linear-gradient(to bottom, #ffbb11, #ffaa44);
    height: 60px;
}
.lesson .k_collapse_v2_toggle .k_collapse_v2_title {
font-size: 18px;
font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
color: #fff;
}
.lesson .k_collapse_v3_toggle {
position: relative;
width: 360px;
height: 40px;
padding: 11px 26px 11px 23.5px;
border-radius: 20px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border: solid 1px #7799ff;
background-color: #ffffff;
text-align: left;
line-height: 15px;
margin-top: 27px;
cursor: pointer;
}
.lesson .k_collapse_v3_toggle .k_collapse_v3_title {
font-size: 18px;
font-family: "Hiragino Sans W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #7799FF;
font-weight: 600;
letter-spacing: 1.8px;
text-align: left;
}
.lesson .kid-pc .k_btn_more {
position: relative;
font-size: 1.4rem;
font-weight: bold;
background-color: var(--kid-white);
padding: 5px 30px 5px 50px;
border-radius: 25px;
border: 1px solid #000000;
color: #000000;
}
.lesson .kid-pc .k_btn_more::before {
content: "";
display: block;
position: absolute;
left: 32px;
top: 50%;
-webkit-transform: translate(0, -50%) rotate(45deg);
-ms-transform: translate(0, -50%) rotate(45deg);
transform: translate(0, -50%) rotate(45deg);
width: 7px;
height: 7px;
border-top: 5px solid #000000;
border-right: 5px solid #000000;
}
.kid-pc ul {
list-style-type: none;
}
.k_faq_list {
padding: 0;
}
.lesson .k_faq_list .faq_q {
font-size: 1.8rem;
font-weight: 300;
letter-spacing: 1.6px;
line-height: 1.5;
text-align: left;
color: var(--kid-blue);
border-bottom: 1px solid #e4e4e4;
padding: 17px 45px 15px 39px;
position: relative;
cursor: pointer;
}
.faq_q p, .faq_a p {
margin: 0;
}
.k_faq_list .faq_q:first-child {
border-top: 1px solid #e4e4e4;
}
.lesson .faq_q.lazyloaded {
background: url("/img/top_pc/enjoy/icon_question.png") no-repeat;
background-size: 30px 30px;
background-position: 0 calc(50% - 1px);
}
.k_faq_list .faq_q .faq_toggle_btn__container {
position: absolute;
width: 22px;
height: 22px;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
right: 20px;
}
.k_faq_list .faq_a {
position: relative;
font-size: 1.6rem;
text-align: left;
border-bottom: 1px solid #e4e4e4;
padding: 27px 0;
}
.k_faq_list .faq_a p {
padding: 0 60px;
letter-spacing: 0.9px;
}
.faq_a__icon.lazyloaded {
background: url("/img/top_pc/enjoy/icon_answer.png") no-repeat;
background-size: 30px 30px;
background-position: 15px 1px;
}
.faq_a__icon {
position: relative;
}
.faq_a__icon::after {
content: "";
position: absolute;
top: 6px;
right: 23px;
width: 15px;
height: 15px;
border-top: 2px solid #ff90c7;
border-right: 2px solid #ff90c7;
transform: rotate(-45deg);
}
.faq_phone {
color: var(--kid-dark_yellow);
text-decoration: underline;
}
.k_faq_tooltip {
position: relative;
font-size: 2.4rem;
letter-spacing: 1.6px;
line-height: 50px;
color: #ffffff;
background-color: var(--kid-dark_green);
border-radius: 25px;
}
.k_faq_tooltip::after {
content: "";
position: absolute;
bottom: -12.5px;
left: 50%;
transform: translate(-50%, 0) rotate(45deg);
-moz-transform: translate(-50%, 0) rotate(45deg);
-webkit-transform: translate(-50%, 0) rotate(45deg);
width: 25px;
height: 25px;
background-color: inherit;
z-index: -1;
}
.k_faq_tooltip--green {
background-color: #9ed084;
}
.k_faq_tooltip--green-2 {
background-color: #a2e3ca;
}
.k_faq_tooltip--blue {
background-color: #9FDBEA;
}
.k_faq_tooltip--blue-2 {
background-color: #9FB9EA;
}
.k_faq_tooltip--blue-3 {
background-color: #C7B6F7;
}
.k_faq_tooltip--pink {
background-color: #D09FEA;
}
.k_faq_tooltip--pink-2 {
background-color: #EA9FB6;
}
.k_faq_tooltip--yellow {
background-color: #EAC79F;
}

.k_lesson_section .eys-acc-tab {
display: flex;
margin-bottom: 50px;
}

.k_lesson_section .eys-acc-tab > label {
position: relative;
width: 50%;
height: 80px;
font-size: 20px;
font-weight: 600;
color: #FF88CC;
background-color: #fff;
line-height: 2;
letter-spacing: 1px;
padding: 20px;
cursor: pointer;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.k_lesson_section .eys-acc-tab > label.selected p {
    color: #FF88CC;
}
.k_lesson_section .eys-acc-tab > label.selected {
background-color: #FF88CC;
color: #ffffff;
}
.lesson .k_lesson_section .eys-acc-tab > label.selected::after {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: -10px;
left: 50%;
background-color: #FF88CC;
z-index: 3;
-webkit-transform: translate(-50%, 0) rotate(45deg);
-ms-transform: translate(-50%, 0) rotate(45deg);
transform: translate(-50%, 0) rotate(45deg);
}
.lesson .pc_lesson_ic {
    display: flex;
    flex-wrap: wrap;
    margin-top: 21px;
    margin-left: 7.5px;
}
.lesson .pc_lesson_ic > li {
    margin: 6px 7.5px;
}
.pc_lesson_ic::after {
    content: "";
    width: calc(100%/3);
}
.lesson .to-pl-2, .to-pl-3, .to-pl-4 , .to-pl-5, .to-pl-6, .to-pl-7, .to-pl-8{
    visibility: hidden;
}
.lesson .icon-list {
display: inline-block;
width: 27px;
height: 18px;
background-image: url(/common/images/lesson/list.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 23px;
}
.lesson .icon-list-off {
display: inline-block;
width: 27px;
height: 18px;
background-image: url(/art-college/music/assets/img/pages/tonmana/pc/course/burger_menu_sp.svg) !important;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 23px;
}
.lesson .icon-search {
display: inline-block;
vertical-align: text-bottom;
width: 25px;
height: 25px;
background-image: url(/common/images/lesson/search.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
}
.lesson .icon-search-off {
display: inline-block;
vertical-align: text-bottom;
width: 25px;
height: 25px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
background-image: url(/art-college/music/assets/img/pages/tonmana/pc/course/search_icon_sp.svg) !important;
}
.lesson .icon-search-blue {
display: inline-block;
vertical-align: text-bottom;
width: 38px;
height: 38px;
margin-right: 3px;
}
.lesson .icon-search-blue.lazyloaded {
background-image: url(/art-college/music/assets/img/pages/tonmana/pc/course/search_blue.svg) !important;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
margin-left: -25rem;
margin-top: -9px;
}
.lesson .eys-acc-value {
display: inline-flex;
width: 880px;
height: 80px;
}
.lesson .eys-acc-search-input {
width: 880px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border: solid 1px #7799ff;
background-color: #ffffff;
padding: 16px;
outline: none;
padding-left: 80px;
font-size: 18px;
font-family: "Hiragino Sans W4", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", ヒラギノ角ゴシック, Meiryo, メイリオ, Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
.lesson .eys-acc-search-button {
color: #fff;
width: 140px;
font-size: 20px;
font-weight: 600;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
margin-left: -151px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
    background-image: linear-gradient(
89deg
, #8eb8ea 5%, #949ff0 36%, #b591f5 71%);
height: 60px;
margin-top: 10px;
}
.lesson .k_lesson_radio {
display: inline-flex;
width: 200px;
height: 80px;
margin-right: 15px;
filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .35));
transform: translateZ(0);
-webkit-filter: drop-shadow(0px 3px 7px rgba(0, 0, 0, .35));
cursor: pointer;
}
.lesson .k_lesson_radio__input {
    display: none;
}
.lesson .k_lesson-main {
    margin-top: 30px;
    width: 100%;
    background-color: rgba(255, 136, 204, 0.3);
    height: 240px;
}
.lesson .radio__text {
position: relative;
color: #333333;
font-size: 1.3rem;
letter-spacing: 0;
line-height: 1.6;
text-align: left;
padding: 11px;
width: 100%;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
.lesson .k_radio_lst {
padding: 20px 18px 30px;
font-size: 18px;
}
.lesson .k_radio_lst p {
    margin-left: -36rem;
    margin-top: 50px;
    margin-bottom: 30px;
}
.lesson .k_radio_lst ul {
list-style-type: none;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin: 0;
padding: 0;
}
.lesson .k_radio_lst ul li {
width: calc(50% - 25px);
margin-bottom: 10px;
}
.lesson .k_collapse_v3:last-of-type {
    margin-bottom: 30px;
}
.lesson .pc_course_lc li p {
    font-family: HiraginoSans-W6;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 20px;
    letter-spacing: normal;
    text-align: center;
    color: #333333;
    white-space: nowrap;
    margin-top: 30px;
}
.lesson .eys-acc-value button span {
    content: "";
    background: url(/art-college/music/assets/img/pages/tonmana/pc/course/line_arrow_1.svg) no-repeat;
    width: 38px;
    height: 25px;
    position: absolute;
    margin-top: -25px;
    margin-left: 15px;
}
.lesson .eys-acc-value button p {
    text-align: left;
    margin-left: 31px;
}
.lesson .sec-acc-lc2 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.lesson .k_radio_lst__count .mid-let {
    color: #FF88CC;
    margin-left: 10px;
    margin-right: 5px;
    font-size: 42px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.lesson .pc_course_lc li:nth-child(7) p {
    padding-top: 0;
}
.lesson .pc_course_lc li:nth-child(10) p {
    padding-top: 0;
}
.lesson .pc_course_lc2 li p {
    padding-top: 9px;
}
.lesson .pc_course_lc3 li p {
    padding-top: 9px;
}
.lesson .pc_course_lc4 li:not(:nth-child(2)) p {
    padding-top: 9px;
}
.lesson .pc_course_lc5 li:not(:last-child) p {
    padding-top: 9px;
}
.lesson .pc_course_lc6 li p {
    padding-top: 9px;
}
.lesson .pc_course_lc7 li p {
    padding-top: 9px;
}
.lesson .pc_course_lc8 li:not(:nth-child(2)) p {
    padding-top: 9px;
}
.lesson .k_collapse_v2 {
    position: relative;
}
.lesson .Exclusion-img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-left: -17.8rem;
    top: -3rem;
}
.lesson .pol-li-cr {
    position: relative;
}
.lesson .Polygon-img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-left: 25rem;
    top: -5.5rem;
}