@charset 'UTF-8';
/*=============================================================
 #wlb ワークライフバランス
=============================================================*/
/* #mainImg
================================================ */
#wlb #mainImg
{ overflow: hidden; padding: 64px 0 64px;

    background: #005bab url(../img/company/wlb/bg_main01_sp.png) no-repeat center; background-size: cover;
}
#wlb #mainImg .inner
{
    padding: 0;
}
#wlb #mainImg .box
{
    float: left; padding: 4px 25px 14px; background-color: #fff;
}
#wlb #mainImg .box .tit
{
    font-size: 1.8rem; font-weight: bold; line-height: 2.2; color: #1b1b1b;
}
#wlb #mainImg .box .tit .logo
{
    width: 170px;
}
#wlb #mainImg .box .tit span
{ font-size: 1.5rem; line-height: .96667;

    padding-left: 4px;
}

@media screen and (min-width: 600px) and (max-width: 768px) {
    #wlb #mainImg
    { overflow: hidden; padding: 64px 0 64px;

        background: #005bab url(../img/company/wlb/bg_main01_pc.png) no-repeat center; background-size: cover;
    }
}

@media all and (min-width: 769px)
{
    #wlb #mainImg
    {
        height: 374px; padding: 126px 0 0; background: url(../img/company/wlb/bg_main01_pc.png) no-repeat center; background-size: auto;
    }  #wlb #mainImg .box
    {
        width: 496px; margin-left: -200%; padding: 46px 163px 50px 200%;
    }  #wlb #mainImg .box .tit
    {
        font-size: 4rem; line-height: 1.9;
    }  #wlb #mainImg .box .tit .logo
    {
        width: 450px;
    }  #wlb #mainImg .box .tit span
    { font-size: 3.5rem; line-height: .82857;

        padding-left: 10px;
    }
}
/* .leadTxt
================================================ */
.leadTxt
{ font-size: 1.3rem; line-height: 2.15385;

    padding: 22px 0 27px;
}
@media all and (min-width: 769px)
{
    .leadTxt
    { font-size: 2.4rem; line-height: 1.66667;

        padding: 71px 0 71px; text-align: center;
    }
}
/* #project
================================================ */
#project
{ padding: 0 0 45px;

    background-color: #e8eff5;
}
#project .tit
{ font-size: 2.6rem; line-height: 1.38462;

    margin-bottom: 16px; padding-top: 38px; text-align: center; letter-spacing: 1.3px; color: #005bab;
}
#project .txt
{
    font-size: 1.3rem; line-height: 2.15385;
}
#project .list
{
    margin-top: 18px;
}
#project .list .item
{ margin-bottom: 14px; padding-bottom: 16px; border-radius: 0 0 4px 4px;
    background-color: #fff;
}
#project .list .item:last-child
{
    margin-bottom: 0;
}
#project .list .item .img
{
    margin-bottom: 20px;
}
#project .list .item .areaTxt
{
    padding: 0 15px;
}
#project .list .item .areaTxt .subTit
{ font-size: 1.5rem; line-height: 1.06667;

    margin-bottom: 6px; text-align: center; color: #005bab;
}
#project .list .item .areaTxt .txt
{
    font-size: 1.3rem; line-height: 2.15385; text-align: left;
}
@media all and (min-width: 769px)
{
    #project
    {
        padding-bottom: 79px;
    }  #project .tit
    { font-size: 3.6rem; line-height: 1.66667; margin-bottom: 17px;
        padding-top: 64px; text-align: center; letter-spacing: 1.8px;
    }  #project .txt
    {
        font-size: 1.6rem; line-height: 2; text-align: center;
    }  #project .list
    { overflow: hidden;

        margin-top: 60px;
    }  #project .list .item
    { float: left;

        width: 374px; margin-right: 39px; margin-bottom: 0; padding-bottom: 28px; border-radius: 0 0 3px 3px;
    }  #project .list .item:last-child
    {
        margin-right: 0;
    }  #project .list .item .img
    {
        margin-bottom: 38px;
    }  #project .list .item .areaTxt
    {
        padding: 0 40px;
    }  #project .list .item .areaTxt .subTit
    { font-size: 2.4rem;

        margin-bottom: 14px;
    }  #project .list .item .areaTxt .txt
    {
        font-size: 1.6rem; line-height: 2.1; text-align: left;
    }
}
/* #support
================================================ */
#support
{
    padding-bottom: 50px;
}
#support #intro
{ margin-bottom: 45px; padding: 0 0 46px;

    background-image: url(../img/common/bg_bnr01.png); background-position: 50% 0;
}
#support #intro .tit
{ font-size: 2.6rem; line-height: 1.38462;

    margin-bottom: 16px; padding-top: 38px; text-align: center; letter-spacing: 1.3px; color: #005bab;
}
#support #intro .txt
{
    font-size: 1.3rem; line-height: 2.15385;
}
#support #intro .list
{
    margin-top: 18px;
}
#support #intro .list .item
{ margin-bottom: 14px; padding-bottom: 16px; border-radius: 0 0 4px 4px;
    background-color: #005bab;
}
#support #intro .list .item:last-child
{
    margin-bottom: 0;
}
#support #intro .list .item .img
{
    margin-bottom: 20px;
}
#support #intro .list .item .areaTxt
{
    padding: 0 15px;
}
#support #intro .list .item .areaTxt .subTit
{ font-size: 1.5rem; line-height: 1.06667;

    margin-bottom: 6px; text-align: center; color: #005bab; color: #fff;
}
#support #intro .list .item .areaTxt .txt
{
    font-size: 1.3rem; line-height: 2.15385; text-align: left; color: #fff;
}
#support .secStaff
{
    margin-bottom: 40px;
}
#support .secStaff:first-child
{
    padding-top: 45px;
}
#support .secStaff:last-of-type
{
    margin-bottom: 0;
}
#support .secStaff .inner
{
    padding: 0;
}
#support .secStaff .inner .areaTxt
{ padding: 16px 15px 12px;

    background: #005bab;
}
#support .secStaff .inner .areaTxt .subTit
{ font-size: 2.2rem; left: 1.13636;

    margin-bottom: -1px; letter-spacing: 1px; color: #fff;
}
#support .secStaff .inner .areaTxt .cat
{ font-size: 1.4rem;

    display: inline-block; padding: 0 13px; text-align: center; letter-spacing: .2px; color: #005bab; background-color: #fff;
}
#support .secStaff .inner .areaTxt .faq
{
    margin-top: 25px;
}
#support .secStaff .inner .areaTxt .faq dt
{ font-size: 1.8rem; line-height: 1.27778;

    margin-bottom: 9px; text-align: center; letter-spacing: .2px; color: #fff;
}
#support .secStaff .inner .areaTxt .faq dd
{ font-size: 1.3rem; line-height: 2.15385;

    margin-bottom: 22px; color: #fff;
}
@media all and (min-width: 769px)
{
    #support
    {
        padding-bottom: 112px;
    }  #support #intro
    { margin-bottom: 80px;
        padding-bottom: 80px;
    }  #support #intro .tit
    { font-size: 3.6rem; line-height: 1.66667; margin-bottom: 19px;
        padding-top: 64px; text-align: center; letter-spacing: 1.8px;
    }  #support #intro .txt
    {
        font-size: 1.6rem; line-height: 2; text-align: center;
    }  #support #intro .list
    { overflow: hidden;

        margin-top: 60px;
    }  #support #intro .list .item
    { float: left;

        width: 374px; margin-right: 39px; margin-bottom: 0; padding-bottom: 26px; border-radius: 0 0 3px 3px;
    }  #support #intro .list .item:last-child
    {
        margin-right: 0;
    }  #support #intro .list .item .img
    {
        margin-bottom: 38px;
    }  #support #intro .list .item .areaTxt
    {
        padding: 0 40px;
    }  #support #intro .list .item .areaTxt .subTit
    { font-size: 2.4rem;

        margin-bottom: 15px;
    }  #support #intro .list .item .areaTxt .txt
    {
        font-size: 1.6rem; line-height: 2.05; text-align: left;
    }  #support .secStaff
    {
        margin-bottom: 80px;
    }  #support .secStaff:first-of-type
    {
        padding-top: 80px;
    }  #support .secStaff.reverse .inner .areaTxt
    {
        float: right; margin-right: -200%; margin-left: auto; padding: 49px 200% 70px 70px;
    }  #support .secStaff.reverse .inner .img
    {
        float: left;
    }  #support .secStaff .inner .areaTxt
    { float: left;

        width: 530px; margin-left: -200%; padding: 47px 70px 35px 200%;
    }  #support .secStaff .inner .areaTxt .subTit
    { font-size: 3.6rem; left: 1.66667;

        margin-bottom: 0;
    }  #support .secStaff .inner .areaTxt .cat
    { font-size: 1.8rem;

        padding: 2px 23px; text-align: center;
    }  #support .secStaff .inner .areaTxt .faq
    {
        margin-top: 32px;
    }  #support .secStaff .inner .areaTxt .faq dt
    { font-size: 2.4rem; line-height: 1.54;

        margin-bottom: 11px; text-align: left; letter-spacing: 2.4px;
    }  #support .secStaff .inner .areaTxt .faq dd
    { font-size: 1.6rem; line-height: 2;

        margin-bottom: 30px;
    }  #support .secStaff .inner .img
    { float: right;

        width: 600px;
    }
}
/*# sourceMappingURL=maps/wlb.css.map */