/*** for PC Browser ***/
@media (min-width:401px)
{
.reskilling_banner
{
    width: 1060px;
    margin: 0 auto 20px;
    padding: 0;
    background: #EEA6BC;
    position: relative;
}

.reskilling_banner h2
{
    background: #DC7497;
    padding: 10px 10px 5px;
    font-size: 250%;
    color: #ffffff;
    text-shadow: 0px 0px 5px #673847, 0px 0px 5px #673847, 0px 0px 5px #673847, 0px 0px 5px #673847, 0px 0px 5px #673847;
}

.reskilling_banner h2 > span
{
    z-index: 2;
    position: relative;
}

.reskilling_inner
{
    padding: 10px 20px;
    width: 500px;
    font-size: 110%;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
    background: #EEA6BC;
}

.reskilling_banner a
{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 3;
}

.reskilling_banner .mask
{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../../../images/reskilling/jigyo_bg.png) no-repeat right 0 top 20%;
    background-size: auto 150%;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.reskilling_banner
{
    width: 100%;
    margin: 0 auto 20px;
    padding: 0;
    background: #EEA6BC;
    position: relative;
}

.reskilling_banner h2
{
    background: #DC7497;
    padding: 10px 10px 5px;
    font-size: 120%;
    color: #ffffff;
    text-shadow: 0px 0px 5px #673847, 0px 0px 5px #673847, 0px 0px 5px #673847, 0px 0px 5px #673847, 0px 0px 5px #673847;
}

.reskilling_inner
{
    padding: 10px 20px;
    width: 100%;
    font-size: 100%;
    box-sizing: border-box;
}

.reskilling_banner a
{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
}
}