@charset "UTF-8";


#leftColumn {
    padding: 0 0 10px;
}

/* ---------------------------------------------
*  本文
--------------------------------------------- */
#elearning h1 > span{
    line-height:75%;
    height:1.0em!important;
    color:#012169;
    padding-left:45px;
}


#courseData{
    display:block;
    overflow:hidden;
    padding:50px 0 50px;
    position:relative;
}

.copyTxt{
    color:#002269;
    font-size:2.2rem;
    line-height:155%;
    text-align:center;
    margin:50px 0;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    #elearning h1 > span{
        padding-left:20px;
    }
}



/* ---------------------------------------------
*  受講ボタン
--------------------------------------------- */
a.orderBtn{
    padding:1em 2em;
    font-size:2.0rem;
    color:#ffffff;
    background-color:#fc9b5f;
    border:none;

    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}



/* ---------------------------------------------
*  二段リスト
--------------------------------------------- */
.twinList{
    display:block;
    overflow:hidden;
    background-color:#f7f7f7;
    padding:1em 0;
}
.twinList > ul{
    width:50%;
    padding:0 2em;
    color:#002269;
    float:left;
}

.twinList > ul > li{
    font-size:1.6rem;
    line-height:155%;
    padding:0.5em;
}
.twinList > ul:nth-child(2){
    border-left:1px solid #cccccc;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    .twinList{
        padding:1em 1em;
    }

    .twinList > ul{
        width:100%;
        padding:0 0;
        float:none;
        /*margin:1em 0 1em;*/
    }

    .twinList > ul:nth-child(2){
        /*border-top:1px solid #cccccc;*/
        border-left:none;
        /*padding-top:1em;*/
    }

    .twinList > ul > li{
        font-size:1.4rem;
    }
            
}

/* ---------------------------------------------
*  受付終了
--------------------------------------------- */
#endColver{
    /*display:none;*/
    overflow:hidden;
    width:100%;
    height:calc(100% - 20px);

    position:absolute;
    top:10px;
    left:0;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: rgba(0,0,0,0.75);

    color:#ffffff;
    text-align:center;
}

#endColver > .innerFrame{
    display:inline-block;
    overflow:hidden;
    width:100%;
    position:absolute;
    top:20%;
    left:0;
    /*-webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
}

#endColver h3{
    font-size:2.1rem;
    margin:2em 0;
    line-height:155%;
}

#endColver p{
    font-size:1.6rem;
    line-height:175%;
}

.norecept #endColver{
    display:block;
}