@charset "UTF-8";

.w-100{
    width:100%;
}
.ph-none{
    display:block;
}
.pc-none{
    display:none;
}
.d-flex{
    display:flex;
}

.course .midashi{
    padding-top:48px;
    color:dodgerblue;
    font-size:28px;
    text-align:center;
}

#page-ttl{
    margin:5rem 0;
}
.koumoku{
    overflow-x:hidden;
}
.koumoku ul li{
    margin-bottom:48px;
}

.koumoku ul li h1,h1.list_midashi {
    color: #068;
    font-size: 24px;
    margin-bottom: 16px;
}

.koumoku .progra_math ul li{
    margin-bottom:0;
}

.koumoku figure img{
    width:250px;
    margin: 0 16px;
}

/*WEBクリエイター科*/
#web{
    background:#fff;
}
#web #key-visual{ 
    background-image:url("../images/renewal/web_kyouka_visual2.png");
    background-color:#f0f0f0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    border: 15px solid #fff;
}
#female{ margin:0 3rem 0 0; }
#web_curriculum{ height:135px; }
#web_curriculum span{ color:blue; font-weight:600; }
#works_img{ margin-left:16px; }
#html5 { margin-left:16px; }
#html_aowaku{ display:flex; flex-direction:column; justify-content:space-evenly; }
.web_sec01{ display:flex; }
.oshima2{ display:flex; }
.senryoku{ color:red; font-size:20px; margin:15px 0; }
.aowaku{ border:5px solid #7be5ff; font-size: 14px; border-radius:10px; background-color:#effdfe; padding:10px 10px 10px 20px; margin-top:16px; }
#sotugyousei{ color:#fd0d24; font-weight:bold; margin-left:16px; margin-bottom:16px; }

/*プログラマー科*/
#progra #key-visual{ 
    background-image:url("../images/renewal/progra_visual.png");
    background-color:#f0f0f0;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.progra_math h2{
    color:red;
    font-size:16px;
    font-weight:normal;
    margin:16px 0;
}
.progra_math ul{
    margin-bottom:16px;
}
.progra_math ul li{
    color:red;
    margin-left:16px;
}
.junior_message span{
    margin-bottom:24px;
    display:inline-block;
}
.level{
    display:flex;
    margin-top:32px;
}
.level_inner{
    margin:0 auto;
}
.level_inner dl dt{
    font-weight:bold;
    font-size:20px;
}
.level_inner dl dd{
    margin-bottom:32px;
}
.level_inner h2{
    color:red;
    margin: 10px 0;
}


/*レスポンシブ 768px*/
@media screen and (max-width:768px){
    .responsive-text-center-wrap{
        text-align:center;
    }
    .kesu{
        display:none;
    }
    .koumoku dl{
        margin-bottom:10px; 
    }
    .d-flex.column{
        flex-direction:column;
    }

    .course .midashi{
        font-size:24px;
    }
    
    .koumoku ul li h1{
        font-size:20px;
    }

    /*WEBクリエイター科*/
    #web_curriculum{ height:auto; }
    .senryoku{ margin:16px auto; }
    #female{ width:80px; }
    #works_img{ display:none; }
    #web #key-visual{ 
        background-position:right bottom;
        height:60vw;
    }
    .web_sec01{
        flex-direction:column;
        align-items:center;      
    }
    .pc-none{
        display:block;
    }
    #sotugyousei{
        margin-left:0;
        text-align:left;
    }
    .parag.oshima{
        font-size:18px;
        text-align:left;
        line-height:2.5;
    }
    .oshima2{
        flex-direction:column;
        justify-content:center;
    }

    /*プログラマー科*/
    .level{ flex-direction:column; }
    .level_inner h2{
        margin-bottom:10px;
        font-size:20px;
    }
    .level_inner dl dd{
        margin-bottom:16px;
    }
}

/*レスポンシブ 480px*/
@media screen and (max-width:480px){
    .ph-none{
        display:none;
    }
    .course .midashi{
        font-size:20px;
    }
    
    .koumoku ul li h1{
        font-size:18px;
    }

    /*プログラマー科*/
    .level{ flex-direction:column; }
    .level_inner h2{
        margin-bottom:10px;
        font-size:18px;
    }
}