.free_content{
    padding:4.4vw 4%;
}
.freecalss_wrap{
    padding:0 4%;
    margin-bottom:5.3333vw;
    overflow:hidden;
}
.list-total{
    margin: 1.8667vw 0 2.333vw;
    font-size: 3.2vw;
    font-weight: 900;
}
.freecalss_wrap > * {
}
.freecalss_wrap .freeclass_menu  p{
    font-size:2.6667vw;
    margin:1.3333vw 0;
    color: #4057b7;
    font-weight:900;
}
.freecalss_wrap .freeclass_menu ul{
    width:100%;
    border-bottom:0.2667vw solid #000;;
    border-top:0.2667vw solid #000;;
    overflow:hidden;
}
.freecalss_wrap .freeclass_menu li {
    vertical-align:middle;
    text-align:left;
    border-bottom:0.1333vw solid #c8c8c8;
    padding:3% 0 3% 3.3333vw;
    position:relative;
    float:none;
}
.freecalss_wrap .freeclass_menu li:after{
    position:absolute;
    left:0.6667vw;
    top:calc(50% - 1.0000vw);
    width:2.0000vw;
    height:2.0000vw;
    border-radius:50%;
    border:0.1333vw solid #000;
    display:block;
    content:'';
}
.freecalss_wrap .freeclass_menu li a {
    display:inline-block;
    width:auto;
    height:4.6667vw;
    line-height:4.6667vw;
    font-size:2.1333vw;
    word-break:keep-all;
}
.freecalss_wrap .freeclass_menu li.selected a{
    /*  color: #3c4d95;
        border-bottom: 0.8000vw solid #3c4d95;
        font-weight: 600;
        box-sizing: content-box;
        font-weight:900*/
}
.freecalss_wrap .freeclass_menu li.selected:after{
    /*background:#000;*/
}
.freecalss_wrap .tab_cont{
    position:fixed;
    left:0;
    top:0;
    background:#fff;
    width:100%;
    height:100%;
    z-index:99;
    padding:3%;
    display:none;
}
.freecalss_wrap .select_list_deps3{
    margin:1.3333vw auto;
    overflow:hidden;
}
.freecalss_wrap .select_list_deps3 li {
    display:table;
    width:100%;
    border:0.1333vw solid #c8c8c8;
    border-bottom:none;
    width:100%;
    float:none;
}
.freecalss_wrap .select_list_deps3 li:last-child{
    border-bottom:0.1333vw solid #c8c8c8;;
}
.freecalss_wrap .select_list_deps3 li a{
    display:table-cell;
    vertical-align:middle;
    width:33.33%;
    padding:3% 0;
    font-size:2.6667vw;
    text-align:center;
    border-right:0.1333vw solid #c8c8c8;
}
.freecalss_wrap .select_list_deps3 li a:last-child{
    border-right:none;
}
.freecalss_wrap .select_list_deps3 li a.selected{
    background: #484e67;
    color: #fff;
}
.freecalss_wrap .tab_cont dl{
    display:none;
    width:100%;
    height:calc(100% - 20.0000vw);
    overflow:auto;
    margin-top:2.6667vw;
}
.freecalss_wrap .tab_cont dl.selected{
    display:block;
}
.freecalss_wrap .tab_cont dl dd{
    width:100%;
    border-bottom:0.1333vw solid #c8c8c8;
    position:relative;
}
.freecalss_wrap .tab_cont dl dd:after{
    position:absolute;
    width:2.0000vw;
    height:2.0000vw;
    border:0.1333vw solid #000;
    border-radius:50%;
    display:block;
    left:0;
    top:calc(50% - 1.0000vw);
    content:'';
}
.freecalss_wrap .tab_cont dl dd a{
    padding:2.0000vw 0 2.0000vw 3.3333vw;
    display:inline-block;
    width:100%;
    font-size:2.1333vw;
}
.freecalss_wrap .tab_cont dl dd.selected{
    color:#df1a23;
    font-weight:900;
}
.freecalss_wrap .tab_cont dl dd.selected:after{
    background:#000;
}
.tab_cont_top{
    padding:0 0 1.3333vw;
    border-bottom:0.2667vw solid #000;
    position:relative;
}
.tab_cont_top .tab_cont_close{
    position:absolute;
    right:3%;
    bottom:1.3333vw;
    display:block;
    color:#000;
    font-size:3.3333vw;
    text-align:center;
    z-index:99;
}
.tab_cont_top .tab_cont_close i{
    transform:rotate(45deg);
}
.tab_cont_top  .wrap_title{
    font-size:4.0000vw;
    font-weight:600;
    color:#000;
    letter-spacing: -0.1200vw;
    font-family:'noto6';
    margin:0 !important;
}
.freecalss_wrap .detail_cont{
    margin-top:4.0000vw;
}
.freecalss_wrap .location_wrap{
    width:100%;;
    margin:2.6667vw 0;
    display:table;
    overflow:hidden;
}
.freecalss_wrap .location_wrap li{
    display:table-cell;
    vertical-align:middle;
    padding: 0 2.6667vw 0 0;
    font-size:2.5333vw;
    font-weight:900;
    position:relative;
    float:none
}
.freecalss_wrap .location_wrap li:after{
    content:'>';
    right:0.6667vw;
    position:absolute;
}
.freecalss_wrap .location_wrap li:last-child:after{
    display:none;
}
.special_lec_list{
    /*border-top:0.1333vw solid #000;*/
}
.special_lec_list li{
    display:flex;
    justify-content: space-between;
    align-items:center;
    width:100%;
    padding: 3% 0;
    float:none;
    border-bottom:0.1333vw solid #c8c8c8;
}
.special_lec_list li:last-child{
    border-bottom:none;
}
.special_lec_list li > .info_txt{
    width:70%;
    padding:0 0 0 1%;
}
.special_lec_list li > .info_txt .list_tit{
    font-size: 3.588vw;
    line-height:120%;
    word-break:keep-all;
    font-family:"noto5";
    margin:0 0 2%;
}
.special_lec_list li > .info_txt .add{
    width:100%;
}
.special_lec_list li > .info_txt p{
    font-size: 2.9667vw;
    margin:0;
    line-height:120%;
    width:100%;
}
.special_lec_list li > .info_txt p.teacher_name_text{
    overflow:hidden;
}

.special_lec_list li > .info_txt p.teacher_name_text span{
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    box-sizing:border-box;
}
.special_lec_list li > .info_txt p > span{
    width:100%;
    margin:0 0.6667vw 0 0
}
.special_lec_list li > .info_txt p .red{
    color:#cc3f3f;
    padding:2% 0 0 0;
}
.special_lec_list .btn_new{
    font-size:0;
}
.special_lec_list .btn_new a{
    border: 0.1333vw #545454 solid;
    width: auto;
    display: inline-block;
    text-align: center;
    font-size: 2.8867vw;
    background: #545454;
    color: #fff;
    padding: 1.1vw 1.3333vw;
}