@charset "utf-8";

#learning *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
}

#learning{
padding:0 1% 5%;
}

#learning img{
    vertical-align: bottom;
}

#learning .leaningTime{
    font-size: 0.8rem;
    padding: 2% 0;
    text-align: right;
}

#learning .mvTxt{
    font-size: 1rem;
    line-height: 1.6;
}

#learning h2{
    font-size: 1.3rem;
    background: #f2f2f2;
    padding: 1% 2%;
    margin: 8% 0 2%;
}

#learning h3{
    font-size: 1.2rem;
    margin-top: 3%;
    padding-left: 1%;
    border-left: #bf0000 10px solid;
}

#learning .contentsTxt{
    font-size: 0.9rem;
    line-height: 1.6;
}

#learning .txtRed{
    color: #bf0000;
    font-weight: bold;
}

#learning .txtBold{
    font-weight: bold;
}

#learning .txtC{
    text-align: center;
}

#learning .contentsImg{
    text-align: center;
    margin: 3% 0 5%;
}

#learning .tableWrap{
    overflow-x: scroll;
}

#learning table{
    border: 1px #000 solid;
    padding: 0;
    margin: 3% 0 5%;
    border-collapse: collapse;
}

#learning table th{
    border: 1px #000 solid;
    white-space: nowrap;
    padding: 1%;
    margin: 0;
    background: #bf0000;
    color: #fff;
}

#learning table.rem7 th{
    min-width: 7rem;
}

#learning table td{
    border: 1px #000 solid;
    padding: 1%;
    margin: 0;
}

#learning ul,
#learning ol{
    margin-left: 1rem;
}

#learning li{
    margin-bottom: 1%;
}

#learning dd{
    margin: 0.5% 0 2%;
}

#learning .cta{
    margin: 5% 0;
    text-align: center;
    font-size: 1.3rem;
    letter-spacing: 0.1rem;
}

#learning .cta div{
    margin-bottom: 0.5%;
}

#learning .cap{
    width: 80%;
    margin: 0 auto;
}

#learning .pageLink a{
    text-align: center;
    margin: 5% auto;
    padding: 2% 0;
    font-size: 1rem;
    width: 10rem;
    display: block;
    background: #bf0000;
    color: #fff;
}

#learning .pageLink a{
    text-decoration: none;
}

#learning .pageLink a:hover{
    text-decoration: underline;
}

@media screen and (max-width:480px) {
    #learning h2{
        margin-top: 15%;
    }
    #learning h3{
        margin-top: 8%;
    }
    #learning table.rem7 th{
        min-width: 5rem;
    }
    #learning .cta img{
        max-width: 80%;
    }
}