@charset "utf-8";



.banner_area{
    display:flex;
    justify-content:space-between;
    justify-content: end;
    align-items: center;
    margin:3rem auto 0;
}
.banner_area img{
    max-width:50rem;
}
.banner_area a:hover img{
    opacity: 0.7;
}
.banner_area .scene-link.btn{
    display:flex;
}
.banner_area .scene-link.btn li{
    margin-left:3rem;
}

.lnav{
    margin:0;
}

.course_text{
    text-align:center;
    font-size:18px;
    line-height:22pt;
    font-size:1.8rem;
    line-height:1.7;
    margin:0 0 4rem 0;
}


/*--いったんけし---*/
.l-fixNavi{
    display:none;
}
.l-main__aside{
    display:none;
}

.onlyPC{
    display:block;
}
.onlySP{
    display:none;
}

/*--------------------タイトル回り------------------*/
.new_block_ttl{
    color:#FFF;
    background: rgba(35,43,77,);
    background: linear-gradient(90deg, rgba(35,43,77,1) 0%, rgba(43,89,125,1) 25%, rgba(114,106,115,1) 50%, rgba(117,130,90,1) 75%, rgba(169,124,79,1) 100%);
    padding-left: 5rem;
}
.new_block_ttl .skill_ttl{
    background-image:url(../img/skill/bg_img_01.png);
    background-size:50% auto;
    background-repeat: no-repeat;
    background-position: right 0 center;
    padding-top:4rem;
    padding-bottom:4rem;
}
.new_block_ttl .skill_ttl div{
    font-size:2.8rem;
    max-width:1250px;
    margin:auto;
}
/*--------------------タイトル回り------------------*/

.under_new_block{
    padding-left: 5rem;
    padding-right: 5rem;
}
.under_new_block .under_new_area{
    padding-top:8rem;
    max-width:1100px;
    margin:auto;
    /*
    display:flex;
    justify-content: space-between;
    */
}
.under_new_block.extra_margin .under_new_area{
    padding-top:5rem;
}
.under_new_block .under_new_area.last{
    margin:0 auto 10rem;
}
.under_new_block:last-of-type{
    margin-bottom: 11rem;
}

h2.skill_01{
    background:#839166;
    color:#FFF;
    /*
    font-size:2.4rem;
    line-height:1.5;
    */
    font-size:24px;
    line-height:27pt;
    padding:1.5rem 3rem;
    font-weight:bold;
}
h2.skill_02{
    background:#6B92B4;
    color:#FFF;
    font-size:24px;
    line-height:27pt;
    padding:1.5rem 3rem;
    font-weight:bold;
}
h2.skill_03{
    background:#B5814D;
    color:#FFF;
    font-size:24px;
    line-height:27pt;
    padding:1.5rem 3rem;
    font-weight:bold;
}
h2.skill_04{
    background:#B87A90;
    color:#FFF;
    font-size:24px;
    line-height:27pt;
    padding:1.5rem 3rem;
    font-weight:bold;
}
h2.skill_05{
    background:#be74a8;
    color:#FFF;
    font-size:24px;
    line-height:27pt;
    padding:1.5rem 3rem;
    font-weight:bold;
}

.areas{
    margin:10px 0 0 0;
    background:#F5F5F5;
    padding:3rem;
}


h3.skill_01{
    color:#000;
    /*
    font-size:1.8rem;
    line-height:1.6;
    */
    font-size:19px;
    line-height:1.5;
    font-weight:bold;
    position:relative;
    /*
    padding:0 0 20px 0;
    */
    height:47px;
    margin:0 0 1rem 0;
}

h3.skill_01 span{
    position:relative;
    padding:0 0 0px 0;
    z-index:1;
    height: 47px;
    display: inline-block;
}
h3.skill_01 span:after{
    content:"";
    width:100%;
    background-color:#839166;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}

h3.skill_01 em:after{
    content:"";
    width:100%;
    background-color:#C9C9C9;
    height:3px;
    position:absolute;
    left:0;
    bottom:0;
}




h3.skill_02{
    color:#000;
    /*
    font-size:1.8rem;
    line-height:1.6;
    */
    font-size:18px;
    line-height:1.5;
    font-weight:bold;
    position:relative;
    /*
    padding:0 0 20px 0;
    */
    height:47px;
    margin:0 0 1rem 0;
}
h3.skill_02 span{
    position:relative;
    padding:0 0 0px 0;
    z-index:1;
    height: 47px;
    display: inline-block;
}
h3.skill_02 span:after{
    content:"";
    width:100%;
    background-color:#6B92B4;
    height:3px;
    position:absolute;
    left:0;
    bottom:-0px;
}
h3.skill_02 em:after{
    content:"";
    width:100%;
    background-color:#C9C9C9;
    height:3px;
    position:absolute;
    left:0;
    bottom:0;
}



h3.skill_03{
    color:#000;
    /*
    font-size:1.8rem;
    line-height:1.6;
    */
    font-size:19px;
    line-height:1.5;
    font-weight:bold;
    position:relative;
    /*
    padding:0 0 20px 0;
    */
    height:47px;
    margin:0 0 1rem 0;
}
h3.skill_03 span{
    position:relative;
    padding:0 0 0px 0;
    z-index:1;
    height: 47px;
    display: inline-block;
}
h3.skill_03 span:after{
    content:"";
    width:100%;
    background-color:#B5814D;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}
h3.skill_03 em:after{
    content:"";
    width:100%;
    background-color:#C9C9C9;
    height:3px;
    position:absolute;
    left:0;
    bottom:0;
}




h3.skill_04{
    color:#000;
    /*
    font-size:1.8rem;
    line-height:1.6;
    */
    font-size:19px;
    line-height:1.5;
    font-weight:bold;
    position:relative;
    /*
    padding:0 0 20px 0;
    */
    height:47px;
    margin:0 0 1rem 0;
}
h3.skill_04 span{
    position:relative;
    padding:0 0 0px 0;
    z-index:1;
    height: 47px;
    display: inline-block;
}
h3.skill_04 span:after{
    content:"";
    width:100%;
    background-color:#B87A90;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}
h3.skill_04 em:after{
    content:"";
    width:100%;
    background-color:#C9C9C9;
    height:3px;
    position:absolute;
    left:0;
    bottom:0;
}





h3.skill_05{
    color:#000;
    /*
    font-size:1.8rem;
    line-height:1.6;
    */
    font-size:19px;
    line-height:1.5;
    font-weight:bold;
    position:relative;
    /*
    padding:0 0 20px 0;
    */
    height:47px;
    margin:0 0 1rem 0;
}
h3.skill_05 span{
    position:relative;
    padding:0 0 0px 0;
    z-index:1;
    height: 47px;
    display: inline-block;
}
h3.skill_05 span:after{
    content:"";
    width:100%;
    background-color:#be74a8;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}
h3.skill_05 em:after{
    content:"";
    width:100%;
    background-color:#C9C9C9;
    height:3px;
    position:absolute;
    left:0;
    bottom:0;
}










ul.skill_link_area li a{
    background:#FFF;
    filter: drop-shadow(10px 10px 10px rgba(62,62,62,0.0));
    display:inline-block;
    padding:2rem;
    position:relative;
    margin:10px 0 0 0;
    transition: all .3s ease;
    width:100%;
}
ul.skill_link_area li a:hover{
    /*
    background:#2B597D;
    */
    filter: drop-shadow(10px 10px 10px rgba(62,62,62,0.1));
    /*
    color:#FFF;
    */
}
ul.skill_link_area li a:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 3px solid #FFF;
    transition: all 0.3s;
}
ul.skill_link_area li a:hover:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border: 3px solid #2B597D;
}

ul.skill_link_area li a p{
    font-weight:bold;
    /*
    font-size:1.6rem;
    line-height:1.5;
    */
    font-size:16px;
    line-height:20pt;
    color:#232B4D;
    line-height:20pt;
    background:url(../img/icon01.svg) left 12px no-repeat;
    background-size:6px 6px;
    padding:0 0 0 2rem;
    margin:0 0 1rem 0;
}
ul.skill_link_area li a:hover p{

    text-decoration:underline;
/*
    color:#FFF;

    background:url(../img/icon08.svg) left 12px no-repeat;
    background-size:6px 6px;
            */
}
ul.skill_link_area li a .hot_onlyPC{
    position:absolute;
    display:inline-block;
    background:#E6253F;
    color:#FFF9C2;
    font-size:10px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding:5px 1px;
    width:21px;
    left:-21px;
    top:0;
    border-radius: 4px 0px 0 4px;
}
ul.skill_link_area li .hot_onlySP{
    display:none;
}


ul.skill_link_area .sub_boxs{
    display:flex;
    justify-content: space-between;
}

ul.skill_link_area .sub_boxs ul li.fresh{
    display:inline-block;
    margin-right:2px;
    background:#FFF;
    color:#998095;
    border:1px solid #998095;
    font-size:10px;
    line-height:10pt;
    padding:5px 10px;
    border-radius: 100px;
}
ul.skill_link_area .sub_boxs ul li.young{
    display:inline-block;
    margin-right:2px;
    background:#FFF;
    color:#61765A;
    border:1px solid #61765A;
    font-size:10px;
    line-height:10pt;
    padding:5px 10px;
    border-radius: 100px;
}
ul.skill_link_area .sub_boxs ul li.middle{
    display:inline-block;
    margin-right:2px;
    background:#FFF;
    color:#5AA1B2;
    border:1px solid #5AA1B2;
    font-size:10px;
    line-height:10pt;
    padding:5px 10px;
    border-radius: 100px;
}
ul.skill_link_area .sub_boxs ul li.leader{
    display:inline-block;
    margin-right:2px;
    background:#FFF;
    color:#4D8BA8;
    border:1px solid #4D8BA8;
    font-size:10px;
    line-height:10pt;
    padding:5px 10px;
    border-radius: 100px;
}
ul.skill_link_area .sub_boxs ul li.manager{
    display:inline-block;
    margin-right:2px;
    background:#FFF;
    color:#BF9755;
    border:1px solid #BF9755;
    font-size:10px;
    line-height:10pt;
    padding:5px 10px;
    border-radius: 100px;
}
ul.skill_link_area .sub_boxs ul li.chief{
    display:inline-block;
    margin-right:2px;
    background:#FFF;
    color:#be4444;
    border:1px solid #be4444;
    font-size:10px;
    line-height:10pt;
    padding:5px 10px;
    border-radius: 100px;
}





ul.skill_link_area li a:hover{
    text-decoration:none;
}

ul.skill_link_area .sub_boxs ul li{
    border-radius: 100px;
}
ul.skill_link_area .sub_boxs ul li.day1{
    display:inline-block;
    margin-left:2px;
    background:#5580A1 url(../img/icon02.svg) 10px center no-repeat;
    background-size:13px 13.5px;
    color:#FFF;
    font-size:10px;
    line-height:10pt;
    padding:6px 10px 6px 30px;
    font-weight:500;
    border:1px solid #FFF;
}
ul.skill_link_area .sub_boxs ul li.day2{
    display:inline-block;
    margin-left:2px;
    background:#2B597D url(../img/icon03.svg) 10px center no-repeat;
    background-size:13px 13.5px;
    color:#FFF;
    font-size:10px;
    line-height:10pt;
    padding:6px 10px 6px 30px;
    font-weight:500;
    border:1px solid #FFF;
}
ul.skill_link_area .sub_boxs ul li.day3{
    display:inline-block;
    margin-left:2px;
    background:#1b3d58 url(../img/icon03.svg) 10px center no-repeat;
    background-size:13px 13.5px;
    color:#FFF;
    font-size:10px;
    line-height:10pt;
    padding:6px 10px 6px 30px;
    font-weight:500;
    border:1px solid #FFF;
}
ul.skill_link_area .sub_boxs ul li.time3{
    display:inline-block;
    margin-left:2px;
    background:#60a351 url(../img/icon04.svg) 10px center no-repeat;
    background-size:13px 11.5px;
    color:#FFF;
    font-size:10px;
    line-height:10pt;
    padding:6px 10px 6px 30px;
    font-weight:500;
    border:1px solid #FFF;
}

ul.skill_link_area .sub_boxs ul li.online{
    display:inline-block;
    margin-left:2px;
    background:#CF617B;
    color:#FFF;
    font-size:10px;
    line-height:10pt;
    padding:6px 10px 6px 10px;
    font-weight:500;
    border:1px solid #FFF;
}















.course_text{
    text-align:center;

    font-size:18px;
    line-height:22pt;

    margin:0 0 40px 0;
}




.main_menu .main_nav{
    display:flex;
    justify-content: space-between;
}

.main_menu .main_nav li.first,
.main_menu .main_nav li.second,
.main_menu .main_nav li.third,
.main_menu .main_nav li.fours{
    width:18.75%;
    font-weight:500;
}

.main_menu .main_nav li.five{
    width:25%;
    font-weight:500;
}
.main_menu .main_nav li a:hover{
    text-decoration:none;
}
.main_menu .main_nav li.first a{
    color:#839166;
    width:100%;
    border-right:1px solid #FFF;
    text-align:center;
    background:#EFEFEF url(../img/icon07.svg) 95% center no-repeat;
    background-size:12px 6px;
    font-size:14px;
    line-height:18pt;
    display:inline-block;
    padding:15px 0;
    border-bottom:3px solid #839166;
}

.main_menu .main_nav li.second a{
    color:#6B92B4;
    width:100%;
    border-right:1px solid #FFF;
    text-align:center;
    background:#EFEFEF url(../img/icon07.svg) 95% center no-repeat;
    background-size:12px 6px;
    font-size:14px;
    line-height:18pt;
    display:inline-block;
    padding:15px 0;
    border-bottom:3px solid #6B92B4;
}
.main_menu .main_nav li.third a{
    color:#B47F4B;
    width:100%;
    border-right:1px solid #FFF;
    text-align:center;
    background:#EFEFEF url(../img/icon07.svg) 95% center no-repeat;
    background-size:12px 6px;
    font-size:14px;
    line-height:18pt;
    display:inline-block;
    padding:15px 0;
    border-bottom:3px solid #B47F4B;
}
.main_menu .main_nav li.fours a{
    color:#B87A90;
    width:100%;
    text-align:center;
    background:#EFEFEF url(../img/icon07.svg) 95% center no-repeat;
    background-size:12px 6px;
    font-size:14px;
    line-height:18pt;
    display:inline-block;
    padding:15px 0;
    border-bottom:3px solid #B87A90;
    border-right:1px solid #FFF;
}

.main_menu .main_nav li.five a{
    color:#be74a8;
    width:100%;
    text-align:center;
    background:#EFEFEF url(../img/icon07.svg) 95% center no-repeat;
    background-size:12px 6px;
    font-size:14px;
    line-height:18pt;
    display:inline-block;
    padding:15px 0;
    border-bottom:3px solid #be74a8;
}
/*
.main_menu .main_nav li.first a:hover{
    border-right:1px solid #FFF;
    background:#839166 url(../img/icon07on.svg) 95% center no-repeat;
    background-size:12px 6px;
    color:#FFF;
}*/
.main_menu .main_nav li.first.overlay a{
    border-right:1px solid #FFF;
    background:#839166 url(../img/icon07on.svg) 95% center no-repeat;
    background-size:12px 6px;
    color:#FFF;
}
/*
.main_menu .main_nav li.second a:hover{
    border-right:1px solid #FFF;
    background:#6B92B4 url(../img/icon07on.svg) 95% center no-repeat;
    background-size:12px 6px;
    color:#FFF;
}
*/
.main_menu .main_nav li.second.overlay a{
    border-right:1px solid #FFF;
    background:#6B92B4 url(../img/icon07on.svg) 95% center no-repeat;
    background-size:12px 6px;
    color:#FFF;
}
/*
.main_menu .main_nav li.third a:hover{
    border-right:1px solid #FFF;
    background:#B47F4B url(../img/icon07on.svg) 95% center no-repeat;
    background-size:12px 6px;
    color:#FFF;
}
*/
.main_menu .main_nav li.third.overlay a{
    border-right:1px solid #FFF;
    background:#B47F4B url(../img/icon07on.svg) 95% center no-repeat;
    background-size:12px 6px;
    color:#FFF;
}
/*
.main_menu .main_nav li.fours a:hover{
    background:#B87A90 url(../img/icon07on.svg) 95% center no-repeat;
    background-size:12px 6px;
    color:#FFF;
}
*/
.main_menu .main_nav li.fours.overlay a{
    background:#B87A90 url(../img/icon07on.svg) 95% center no-repeat;
    background-size:12px 6px;
    color:#FFF;
}
.main_menu .main_nav li.five.overlay a{
    background:#be74a8 url(../img/icon07on.svg) 95% center no-repeat;
    background-size:12px 6px;
    color:#FFF;
}
.main_menu .main_nav{
    position:relative;
}

.main_menu .main_nav li.first a:hover,
.main_menu .main_nav li.second a:hover,
.main_menu .main_nav li.third a:hover,
.main_menu .main_nav li.fours a:hover,
.main_menu .main_nav li.five a:hover{
    text-decoration:underline;
}

.main_menu .main_nav li.first.overlay .mega_menu,
.main_menu .main_nav li.second.overlay .mega_menu,
.main_menu .main_nav li.third.overlay .mega_menu,
.main_menu .main_nav li.fours.overlay .mega_menu,
.main_menu .main_nav li.five.overlay .mega_menu{
    display:block;
}

.main_menu .main_nav li.first.overlay_none .mega_menu,
.main_menu .main_nav li.second.overlay_none .mega_menu,
.main_menu .main_nav li.thirdu.overlay_none .mega_menu,
.main_menu .main_nav li.fours.overlay_none .mega_menu,
.main_menu .main_nav li.five.overlay_none .mega_menu{
    display:none;
}

.main_menu .main_nav li.first .mega_menu{
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px ;
    background-color:#839166;
    box-sizing: border-box;
    z-index:2;
}
.main_menu .main_nav li.second .mega_menu{
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px ;
    background-color:#6B92B4;
    box-sizing: border-box;
    z-index:2;
}
.main_menu .main_nav li.third .mega_menu{
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px ;
    background-color:#B47F4B;
    box-sizing: border-box;
    z-index:2;
}
.main_menu .main_nav li.fours .mega_menu{
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px ;
    background-color:#B87A90;
    box-sizing: border-box;
    z-index:2;
}
.main_menu .main_nav li.five .mega_menu{
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 5px ;
    background-color:#be74a8;
    box-sizing: border-box;
    z-index:2;
}

.main_menu .main_nav .mega_menu ul.child{
    background:#FFF;
    /*
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
 */
    padding:1.5rem 3rem;
    text-align:left;
}


.main_menu .main_nav li .mega_menu ul.child li{
    /*
    width:25%;
    */
    display:inline-block;
}
.main_menu .main_nav li .mega_menu ul.child a{
    display:inline-block;
    width:100%;
    background:none;
    color:#232B4D;
    font-size:15px;
    line-height:18pt;
    text-align:left;
    margin-right:30px;
    padding:5px 0;
    border-bottom:none;
}
.main_menu .main_nav li .mega_menu ul.child a span{
    padding:0 0px 0 15px;
    background:#FFF url(../img/icon05.svg) left center no-repeat;
    background-size:0.5rem 0.5rem;
    display:inline-block;
    font-weight:500;
}
.main_menu .main_nav li .mega_menu ul.child a:hover span{
    text-decoration:underline;
}

/*
.main_menu .main_nav li.first .mega_menu ul.child li{
    width:32%;
}
*/



.lnav__floater.is-nav-fixed{
    max-width:1100px;
    margin:auto;
    top: 5.2rem;
    left:0;
    right:0;
    border-top:1px solid #FFF;
}
.lnav__floater.is-nav-fixed .main_menu .main_nav li.first a,
.lnav__floater.is-nav-fixed .main_menu .main_nav li.second a,
.lnav__floater.is-nav-fixed .main_menu .main_nav li.third a,
.lnav__floater.is-nav-fixed .main_menu .main_nav li.fours a,
.lnav__floater.is-nav-fixed .main_menu .main_nav li.five a{
    padding:1rem 0;
    font-size: 1.3rem;
    line-height: 16pt;
}


.lnav__floater.is-nav-fixed .main_menu .main_nav li .mega_menu ul.child a{
    padding: 2px 0;
}





.bottom_banner_area{
    padding-bottom:6rem;
    text-align: center;
}
.bottom_banner_area .ttl_head{
    display:inline-block;
    background: url(../img/left_icon.png) left center no-repeat , url(../img/right_icon.png) right center no-repeat;
    background-size:3rem 3.7rem , 3rem 3.7rem ;
    padding:0 6rem;
    line-height:1.5;
}
.bottom_banner_area .ttl_head em{
    font-weight:bold;
    font-size:2.4rem;
}
.bottom_banner_area .banner{
    max-width:500px;
    width:100%;
    margin:auto;
}
.bottom_banner_area .banner a{
    display:block;
    width:100%;
}
.bottom_banner_area .banner img{
    max-width:500px;
    margin:2rem auto 0;
}
.bottom_banner_area .banner a:hover img{
    opacity:0.7 ;
}

.bottom_link_area{
    background:#F8F8F8;
    padding:4rem;
    max-width:110rem;
    margin:0 auto 11rem;
}
.bottom_link_area .ttl{
    font-size:2.1rem;
    font-weight:bold;
    line-height:1.5;
    text-align: center;
    margin:0 0 2rem 0;
}
.bottom_link_area ul{
    display:flex;
    justify-content: space-between;
}
.bottom_link_area ul li{
    max-width:32rem;
}
.bottom_link_area ul li a{
    display:flex;
    align-items: center;
    width:100%;
    flex-wrap: wrap;
}
.bottom_link_area ul li:nth-child(1) a{
    background:#60B8D4 url(../img/icon_img_02.png) 90% center no-repeat;
    background-size:1.3rem 1.0rem;
    color:#FFF;
    padding:2rem;
    font-size:1.7rem;
    line-height:1.5;
    font-weight:bold;
    position: relative;
    z-index:1;
}
.bottom_link_area ul li:nth-child(1) a:hover{
    background:#4FAAC7 url(../img/icon_img_02.png) 92% center no-repeat;
    background-size:1.3rem 1.0rem;
}
.bottom_link_area ul li:nth-child(1) a:before{
    content:"";
    background:#4FAAC7;
    display:block;
    border-radius:200px;
    width:6rem;
    height:6rem;
    position:absolute;
    left:1rem;
    top:2rem;
    bottom:2rem;
    margin:auto;
    z-index:-1;
}
.bottom_link_area ul li:nth-child(2) a{
    background:#54B3AB url(../img/icon_img_02.png) 90% center no-repeat;
    background-size:1.3rem 1.0rem;
    color:#FFF;
    padding:2rem;
    font-size:1.7rem;
    line-height:1.5;
    font-weight:bold;
    position: relative;
    z-index:1;
}
.bottom_link_area ul li:nth-child(2) a:before{
    content:"";
    background:#449D95;
    display:block;
    border-radius:200px;
    width:6rem;
    height:6rem;
    position:absolute;
    left:1rem;
    top:2rem;
    bottom:2rem;
    margin:auto;
    z-index:-1;
}
.bottom_link_area ul li:nth-child(2) a:hover{
    background:#449D95 url(../img/icon_img_02.png) 92% center no-repeat;
    background-size:1.3rem 1.0rem;
}
.bottom_link_area ul li:nth-child(3) a{
    background:#7AB781 url(../img/icon_img_02.png) 90% center no-repeat;
    background-size:1.3rem 1.0rem;
    color:#FFF;
    padding:2rem;
    font-size:1.7rem;
    line-height:1.5;
    font-weight:bold;
    position: relative;
    z-index:1;
}
.bottom_link_area ul li:nth-child(3) a:before{
    content:"";
    background:#62AC6B;
    display:block;
    border-radius:200px;
    width:6rem;
    height:6rem;
    position:absolute;
    left:1rem;
    top:2rem;
    bottom:2rem;
    margin:auto;
    z-index:-1;
}
.bottom_link_area ul li:nth-child(3) a:hover{
    background:#62AC6B url(../img/icon_img_02.png) 92% center no-repeat;
    background-size:1.3rem 1.0rem;
}
.bottom_link_area ul li a span{
    display:block;
    font-size:1.4rem;
    font-weight:normal;
}







@media screen and (max-width: 767px) {
    .under_new_block:last-of-type {
        margin-bottom: 5rem;
    }
    .bottom_banner_area div img {
        margin: 1rem auto 0;
        width: 100%;
    }
    .bottom_banner_area{
        text-align: center;
        padding:0 2rem 4rem 2rem;
    }
    .lnav__floater.is-nav-fixed {
        top: auto;
        position: relative;
    }
    .bottom_link_area ul li a span{
        font-size:1.3rem;
    }
    .bottom_link_area ul li:nth-child(1) a{
        font-size:1.6rem;
        background:#60B8D4 url(../img/icon_img_02.png) 92% center no-repeat;
        background-size:1.3rem 1.0rem;
    }
    .bottom_link_area ul li:nth-child(2) a{
        background:#54B3AB url(../img/icon_img_02.png) 92% center no-repeat;
        background-size:1.3rem 1.0rem;
        font-size:1.6rem;
    }
    .bottom_link_area ul li:nth-child(3) a{
        background:#7AB781 url(../img/icon_img_02.png) 92% center no-repeat;
        background-size:1.3rem 1.0rem;
        font-size:1.6rem;
    }

.bottom_link_area{
    padding:4rem 2rem 2rem 2rem;
    max-width:100%;
    margin:0 auto 8rem;
}
.bottom_link_area .ttl{
    font-size:1.8rem;
    margin:0 0 1rem 0;
}
.bottom_link_area ul{
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.bottom_link_area ul li{
    max-width:100%;
    margin:1rem 0 0 0;
}

    /*--いったんけし---*/
.l-fixNavi{
    display:none;
}
.l-main__aside{
    display:none;
}

.onlyPC{
    display:none;
}
.onlySP{
    display:block;
}

/*--------------------タイトル回り------------------*/
.new_block_ttl{
    padding-left: 2rem;
}
.new_block_ttl .skill_ttl{
    background-image:url(../img/skill/bg_img_01.png);
    background-size:70% auto;
    background-repeat: no-repeat;
    background-position: right 0 center;
    padding-top:2rem;
    padding-bottom:2rem;
}
.new_block_ttl .skill_ttl div{
    font-size:1.5rem;
    line-height:1.5;
}
/*--------------------タイトル回り------------------*/

.under_new_block {
    padding-left: 2rem;
    padding-right: 2rem;
}
.under_new_block .under_new_area {
    padding-top: 4rem;
    max-width: auto;/*
    display: flex;
    flex-wrap: wrap;
    */
}
.under_new_block.sp_extra{
    padding-left:0;
    padding-right:0;
}



h2.skill_01{
    font-size:1.8rem;
    line-height:1.5;
    padding:1rem 1.5rem;
}
h2.skill_02{
    font-size:1.8rem;
    line-height:1.5;
    padding:1rem 1.5rem;
}
h2.skill_03{
    font-size:1.8rem;
    line-height:1.5;
    padding:1rem 1.5rem;
}
h2.skill_04{
    font-size:1.8rem;
    line-height:1.5;
    padding:1rem 1.5rem;
}
h2.skill_05{
    font-size:1.8rem;
    line-height:1.5;
    padding:1rem 1.5rem;
}
.areas{
    padding:1.5rem;
}



h3.skill_01{
    font-size:1.6rem;
    line-height:1.5;
    padding:0 0 10px 0;
    margin:0 0 1rem 0;
    height:auto;
}

h3.skill_01 span{
    padding:0 0 5px 0;
    height:auto;
}
h3.skill_02{
    font-size:1.6rem;
    line-height:1.5;
    padding:0 0 10px 0;
    margin:0 0 1rem 0;
    height:auto;
}

h3.skill_02 span{
    padding:0 0 5px 0;
    height:auto;
}

h3.skill_03{
    font-size:1.6rem;
    line-height:1.5;
    padding:0 0 10px 0;
    margin:0 0 1rem 0;
    height:auto;
}

h3.skill_03 span{
    padding:0 0 5px 0;
    height:auto;
}
h3.skill_04{
    font-size:1.6rem;
    line-height:1.5;
    padding:0 0 10px 0;
    margin:0 0 1rem 0;
    height:auto;
}

h3.skill_04 span{
    padding:0 0 5px 0;
    height:auto;
}
h3.skill_05{
    font-size:1.6rem;
    line-height:1.5;
    padding:0 0 10px 0;
    margin:0 0 1rem 0;
    height:auto;
}

h3.skill_05 span{
    padding:0 0 5px 0;
    height:auto;
}



ul.skill_link_area li a{
    padding:2rem;
    margin:0px 0 10px 0;
    transition: all .4s ease;
}

ul.skill_link_area li a p {
    font-size: 1.5rem;
    line-height: 1.6;
    background: url(../img/icon01.svg) left 1rem no-repeat;
    background-size: 6px 6px;
    padding: 0 0 0 2rem;
}
ul.skill_link_area li a p {
    margin: 0 0 1.5rem 0;
}
ul.skill_link_area .sub_boxs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.skill_link_area .sub_boxs ul:nth-child(2){
    margin:1rem 0 0 0;
}

ul.skill_link_area .sub_boxs ul{
    width:100%;
}

ul.skill_link_area li a .hot_onlyPC{
    display:none;
}
ul.skill_link_area li .hot_onlySP{
    display:inline-block;
    background:#E6253F;
    color:#FFF9C2;
    font-size:10px;
    line-height:1;
    padding:5px 10px;
    border-radius: 4px 4px 0 0px;
}





ul.skill_link_area .sub_boxs ul li.fresh{
    margin-right:0.5rem;
    padding:0.5rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
}
ul.skill_link_area .sub_boxs ul li.young{
    margin-right:0.5rem;
    padding:0.5rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
}
ul.skill_link_area .sub_boxs ul li.middle{
    margin-right:0.5rem;
    padding:0.5rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
}
ul.skill_link_area .sub_boxs ul li.leader{
    margin-right:0.5rem;
    padding:0.5rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
}
ul.skill_link_area .sub_boxs ul li.manager{
    margin-right:0.5rem;
    padding:0.5rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
}
ul.skill_link_area .sub_boxs ul li.chief{
    margin-right:0.5rem;
    padding:0.5rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
}


h3.skill_01:after{
    content:"";
    width:100%;
    background-color:#839166;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}
h3.skill_02:after{
    content:"";
    width:100%;
    background-color:#6B92B4;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}
h3.skill_03:after{
    content:"";
    width:100%;
    background-color:#B5814D;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}
h3.skill_04:after{
    content:"";
    width:100%;
    background-color:#B87A90;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}
h3.skill_05:after{
    content:"";
    width:100%;
    background-color:#be74a8;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}
h3.skill_01 span:after,
h3.skill_02 span:after,
h3.skill_03 span:after,
h3.skill_04 span:after,
h3.skill_05 span:after{
    content:none;
}
h3.skill_01 em:after,
h3.skill_02 em:after,
h3.skill_03 em:after,
h3.skill_04 em:after,
h3.skill_05 em:after{
    content:none;
}

h3.skill_01:after{
    content:"";
    width:100%;
    background-color:#839166;
    height:3px;
    position:absolute;
    left:0;
    bottom:0px;
}







.main_menu .main_nav .mega_menu {
    position: static;
    display: none;
    padding: 20px;
}
.main_menu .main_nav .mega_menu .ttl {
    display: none;
}
.main_menu .main_nav .child {
    display: block;
}
.main_menu .main_nav .child li {
    margin-right: 0;
    text-align: left;
}
.main_menu .main_nav .child li img {
    display: none;
}
.main_menu .main_nav .child li:last-child {
    margin-right: 0;
}
.main_menu .main_nav .child li a {
    display: block;
    padding-left: 1em;
}




.course_text{
    text-align:left;
    font-size:100%;
    line-height:1.8;
    margin:0 0 2rem 0;
}



.main_menu .main_nav{
    flex-wrap: wrap;
}

.main_menu .main_nav li.first,
.main_menu .main_nav li.second,
.main_menu .main_nav li.third,
.main_menu .main_nav li.fours,
.main_menu .main_nav li.five{
    width: 100%;
}

.main_menu .main_nav li.first .mega_menu,
.main_menu .main_nav li.second .mega_menu,
.main_menu .main_nav li.third .mega_menu,
.main_menu .main_nav li.fours .mega_menu,
.main_menu .main_nav li.five .mega_menu{
    display: none;
    position: relative;
    left: auto;
    width: 100%;
    padding: 5px;
}


.main_menu .main_nav{
    margin-top:2rem;
}
.main_menu .main_nav .mega_menu ul.child {
    background: #FFF;
    padding: 1.5rem 1.5rem;
    text-align: left;
}
.main_menu .main_nav li .mega_menu ul.child li {
    width: 100%;
    display: inline-block;
}
.main_menu .main_nav li.first .mega_menu ul.child li {
    width: 100%;
}
.main_menu .main_nav li.first a,
.main_menu .main_nav li.second a,
.main_menu .main_nav li.third a,
.main_menu .main_nav li.fours a,
.main_menu .main_nav li.five a{
    border-right:none;
    transition: all .4s ease;
    text-align:left;
    padding: 12px 20px;
}

.main_menu .main_nav li.first.overlay a,
.main_menu .main_nav li.second.overlay a,
.main_menu .main_nav li.third.overlay a,
.main_menu .main_nav li.fours.overlay a,
.main_menu .main_nav li.five.overlay a{
    border-right:none;
}

.main_menu .main_nav li .mega_menu ul.child a{
    margin-right:0;
}

ul.skill_link_area .sub_boxs ul li.day2{
    padding: 0.5rem 1rem;
    font-weight:500;
    font-size: 1rem;
    line-height: 1;
}
ul.skill_link_area .sub_boxs ul li.day3{
    padding: 0.5rem 1rem;
    font-weight:500;
    font-size: 1rem;
    line-height: 1;
}
ul.skill_link_area .sub_boxs ul li.time3{
    padding: 0.5rem 1rem;
    font-weight:500;
    font-size: 1rem;
    line-height: 1;
}
ul.skill_link_area .sub_boxs ul li.online {
    padding: 0.5rem 1rem;
    font-weight:500;
    font-size: 1rem;
    line-height: 1;
}
ul.skill_link_area .sub_boxs ul li.day1 {
    padding: 0.5rem 1rem;
    font-weight:500;
    font-size: 1rem;
    line-height: 1;
}


.lnav__floater.is-nav-fixed{
    top:auto;
}
.js-floatNav{
    height:auto !important;
}


.lnav__floater.is-nav-fixed .main_menu .main_nav li.first a, .lnav__floater.is-nav-fixed .main_menu .main_nav li.second a, .lnav__floater.is-nav-fixed .main_menu .main_nav li.third a, .lnav__floater.is-nav-fixed .main_menu .main_nav li.fours a {
    padding: 12px 20px;
}




.banner_area{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 2rem auto 0;
}
.banner_area div img{
    width:100%;
    margin-bottom:1rem;
}
.banner_area ul.scene-link.btn{
    width:100%;
}
.banner_area ul.scene-link.btn li a{
    width: 100%;
}

.under_new_block.extra_margin .under_new_area{
    padding-top:4rem;
}

.banner_area .scene-link.btn li{
    margin-left:0rem;
}

}