/*=============================================================
 #home HOME
=============================================================*/
/* .incBnrs
================================================ */
.incBnrs
{
    background: #fff;
}
.incBnrs .inner
{
    padding-top: 25px;
}
@media all and (min-width: 769px)
{
    .incBnrs
    {
        background-image: url(../img/common/bg_bnr01.png); background-position: 50% 0;
    }  .incBnrs .inner
    {
        padding-top: 100px;
    }
}
/* #about
================================================ */
#about
{
    background: #1b1b1b;
}
#about .head
{
    padding: 25px 0 30px; background: url(../img/home/bg_about01.png) no-repeat 50% 50%; background-size: cover;
}
#about .head .tit
{ font-size: 1rem; line-height: 1.2;

    width: 186px; margin: 0 auto; padding: 21px 0 25px; text-align: center; color: #fff; background: #1b1b1b;
}
#about .head .tit .txt
{
    display: block; margin-bottom: 6px; letter-spacing: .3em;
}
#about .head .tit .logo
{
    display: block; width: 126px; margin: 0 auto;
}
#about .inner
{
    padding: 25px 5px 20px;
}
#about .inner .list
{
    overflow: hidden;
}
#about .inner .list .item
{
    float: left; box-sizing: border-box; width: 33.3333%; padding: 0 2px;
}
#about .inner .list .item a
{ overflow: hidden; border-radius: 1px 1px 0 0;
    background: #fff;
}
#about .inner .list .item a .picWrap
{
    padding: 23px 0 12px; text-align: center; color: #fff; background-position: 50% 50%; background-size: cover;
}
#about .inner .list .item a .picWrap .tit
{ font-size: 1.3rem; font-weight: 500; line-height: 1.53846;

    margin-bottom: 1px; letter-spacing: .1em;
}
#about .inner .list .item a .picWrap .en
{
    font-size: 1rem; font-weight: 700; line-height: 1.4; letter-spacing: .1em;
}
#about .inner .list .item a .txt
{ font-size: 1.2rem; line-height: 1.41667;

    padding: 10px 10px 12px;
}
#about .inner .list .item:nth-child(1) a .picWrap
{
    background-image: url(../img/home/pic_about01.png);
}
#about .inner .list .item:nth-child(2) a .picWrap
{
    background-image: url(../img/home/pic_about02.png);
}
#about .inner .list .item:nth-child(3) a .picWrap
{
    background-image: url(../img/home/pic_about03.png);
}
@media all and (min-width: 769px)
{
    #about .head
    {
        padding: 92px 0 315px;
    }  #about .head .tit
    { font-size: 1.6rem;

        width: 614px; padding: 73px 0 81px;
    }  #about .head .tit .txt
    { font-size: 3.2rem; line-height: 1.25;

        margin-bottom: 18px;
    }  #about .head .tit .logo
    {
        width: 418px;
    }  #about .inner
    {
        margin-top: -180px; padding: 0 0 50px;
    }  #about .inner .list .item
    { overflow: hidden;

        width: 398px; padding: 0; border-radius: 3px; background: #fff;
    }  #about .inner .list .item + .item
    {
        margin-left: 3px;
    }  #about .inner .list .item a
    {
        border-radius: 3px;
    }  #about .inner .list .item a .picWrap
    {
        padding: 105px 0 54px;
    }  #about .inner .list .item a .picWrap .tit
    { font-size: 3rem; line-height: 1.2;

        margin-bottom: 14px;
    }  #about .inner .list .item a .picWrap .en
    {
        font-size: 1.8rem; line-height: 1.22222;
    }  #about .inner .list .item a .txt
    { font-size: 1.8rem; line-height: 2;

        padding: 38px 40px 50px;
    }
}
/* #career
================================================ */
#career
{
    background: #fff;
}
#career .inner
{
    padding: 24px 0 45px;
}
#career .tit
{ font-size: 2.2rem; font-weight: 700; line-height: 1.18182;

    margin-bottom: 25px; text-align: center; letter-spacing: .1em;
}
#career .tit .min
{
    font-size: 1.1rem; font-weight: normal; display: inline-block; margin-top: 8px;
}
#career .slider .slick-list
{
    overflow: visible;
}
#career .slider .slick-slide
{
    margin: 0 -4px; transition: all .3s ease; transform: scale(.86325);
}
#career .slider .slick-slide.slick-active
{
    transform: scale(1);
}
#career .slider .slide
{
    background: #fff;
}
#career .slider .slide a
{
    position: relative;
}
#career .slider .slide a .name
{ font-size: 1.2rem; line-height: 1.5;
  text-shadow: 1px 1px 10px #fff, -1px 1px 10px #fff,1px -1px 10px #fff, -1px -1px 10px #fff,1px 1px 5px #fff, -1px 1px 5px #fff,1px -1px 5px #fff, -1px -1px 5px #fff;
  -moz-text-shadow: 1px 1px 10px #fff, -1px 1px 10px #fff,1px -1px 10px #fff, -1px -1px 10px #fff,1px 1px 5px #fff, -1px 1px 5px #fff,1px -1px 5px #fff, -1px -1px 5px #fff;
  -webkit-text-shadow: 1px 1px 10px #fff, -1px 1px 10px #fff,1px -1px 10px #fff, -1px -1px 10px #fff,1px 1px 5px #fff, -1px 1px 5px #fff,1px -1px 5px #fff, -1px -1px 5px #fff;
  position: absolute; bottom: 85px; left: 11px;
}
#career .slider .slide a .name.right
{ right: 11px;
    left: auto;
}
#career .slider .slide a .name span
{
    font-size: 1rem; padding-right: 11px;
}
#career .slider .slide a .txt
{ font-size: 1.3rem; line-height: 1.38462;

    position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%; height: 82px; padding: 15px 16px; color: #fff; background: rgba(0, 16, 31, .5);
}
@media all and (min-width: 769px)
{
    #career .inner
    {
        min-height: 550px; padding: 95px 0 154px;
    }  #career .tit
    { font-size: 6rem; line-height: 1.2;

        margin-bottom: 40px;
    }  #career .tit .min
    {
        font-size: 2.4rem; position: relative; top: -25px; margin-top: 0; letter-spacing: 0;
    }  #career .slider .slick-slide
    {
        margin: 0 -15px; transform: scale(.84351);
    }  #career .slider .slide a .name
    { font-size: 1.8rem; bottom: 258px;
        left: 32px;
    }  #career .slider .slide a .name.right
    {
        right: 32px;
    }  #career .slider .slide a .name span
    {
        font-size: 1.6rem;
    }  #career .slider .slide a .txt
    { font-size: 4rem; line-height: 1.2;

        height: 243px; padding: 46px 50px;
    }
}
/* #number
================================================ */
#number .inner
{
    padding-top: 26px; padding-bottom: 30px;
}
#number .tit
{ font-size: 2.5rem;

    margin-bottom: 10px; text-align: center;
}
#number .tit span
{
    color: #005bab;
}
#number .box
{ box-sizing: border-box;
    height: 182px; margin-bottom: 13px; padding: 11px 15px 0; color: #fff; background: #1b1b1b;
}
#number .box .copy01
{ font-size: 1.3rem; line-height: 1.53846;

    margin-bottom: 3px;
}
#number .box .copy02
{
    font-size: 1.8rem; line-height: 1.27778;
}
#number .box .copy03
{ font-size: 2.9rem; font-weight: 700;

    margin: -3px 0 -1px; text-align: center;
}
#number .box .copy03 .num
{
    font-size: 7.8rem; line-height: 1.02564;
}
#number .box .copy03 .unit
{
    position: relative; top: 14px;
}
#number .box .copy04
{ font-size: 1.3rem; line-height: 1.38462;

    width: 162px; margin: 0 auto; text-align: center; background: #323232;
}
#number .txt
{ font-size: 1.3rem; line-height: 1.76923;

    margin-bottom: 24px;
}
@media all and (min-width: 769px)
{
    #number
    {
        margin-top: 50px; margin-bottom: 48px;
    }  #number .inner
    {
        position: relative; overflow: hidden; min-height: 550px; padding-top: 0; padding-right: 600px; padding-bottom: 0;
    }  #number .tit
    { font-size: 5rem;

        padding-top: 68px; text-align: left;
    }  #number .box
    {
        position: absolute; top: 0; right: 0; width: 600px; height: 550px; margin-bottom: 0; padding: 52px 42px 0; border-radius: 3px;
    }  #number .box .copy01
    { font-size: 2.4rem; line-height: 1.25;

        margin-bottom: 17px;
    }  #number .box .copy02
    {
        font-size: 3.4rem; line-height: 1.47059;
    }  #number .box .copy03
    { font-size: 10rem;

        margin: -9px 0 0;
    }  #number .box .copy03 .num
    {
        font-size: 26rem; line-height: 1.07692; letter-spacing: -.05em;
    }  #number .box .copy03 .unit
    {
        top: 44px; left: -5px;
    }  #number .box .copy04
    { font-size: 2.4rem; line-height: 1.5;

        width: 480px;
    }  #number .txt
    { font-size: 1.8rem; line-height: 2;

        width: 532px; margin-bottom: 60px;
    }
}
/* #keywords
================================================ */
#keywords .inner
{
    padding-top: 4px; padding-bottom: 44px;
    padding-top: 30px;
}
#keywords .tit
{ font-size: 2.5rem;

    margin-bottom: 10px; text-align: center;
}
#keywords .tit span
{
    color: #005bab;
}
#keywords .box
{ box-sizing: border-box;
    height: 172px; margin-bottom: 13px; padding: 11px 15px 0; color: #fff; background: #1b1b1b;
}
#keywords .box .copy01
{ font-size: 1.3rem; line-height: 1.53846;

    margin-bottom: 3px;
}
#keywords .box .copy02
{ font-size: 1.8rem; line-height: 1.27778;

    margin-bottom: 5px;
}
#keywords .box .copy03
{
    font-size: 6.6rem; font-weight: 700; line-height: 1.06061; text-align: center;
}
#keywords .txt
{ font-size: 1.3rem; line-height: 1.76923;

    margin-bottom: 24px;
}
@media all and (min-width: 769px)
{
    #keywords
    {
        margin-top: 50px;
        margin-bottom: 124px;
    }  #keywords .inner
    {
        position: relative; min-height: 550px; padding-top: 0; padding-bottom: 0; padding-left: 650px;
    }  #keywords .tit
    { font-size: 5rem;

        margin-bottom: 4px; padding-top: 139px; text-align: left;
    }  #keywords .box
    {
        position: absolute; top: 0; left: 0; width: 600px; height: 550px; margin-bottom: 0; padding: 52px 42px 0; border-radius: 3px;
    }  #keywords .box .copy01
    { font-size: 2.4rem; line-height: 1.25;

        margin-bottom: 17px;
    }  #keywords .box .copy02
    {
        font-size: 3.4rem; line-height: 1.47059;
    }  #keywords .box .copy03
    { font-size: 15rem; line-height: 1.2;

        margin-top: 68px;
    }  #keywords .txt
    { font-size: 1.8rem; line-height: 2;

        width: 532px; margin-bottom: 60px;
    }
}
/* #brand
================================================ */
#brand
{
    background: #020001 url(../img/home/bg_brand01_sp.png) no-repeat 50% 0; background-size: cover;
}
#brand .inner
{
    padding-top: 32px; padding-bottom: 27px; color: #fff;
}
#brand .tit
{ font-size: 3rem; line-height: 1.2;

    margin-bottom: 12px; text-shadow: 0 0 5px rgba(2, 0, 1, .89);
}
#brand .txt
{ font-size: 1.3rem; line-height: 1.76923;

    margin-bottom: 15px;
}
@media all and (min-width: 769px)
{
    #brand
    {
        background-image: url(../img/home/bg_brand01_pc.png); background-position: 50% 50%;
    }  #brand .inner
    {
        padding-top: 147px; padding-bottom: 152px; padding-left: 600px;
    }  #brand .tit
    { font-size: 5rem; line-height: 1.47059;

        margin-bottom: 22px;
    }  #brand .txt
    { font-size: 1.8rem; line-height: 2;

        margin-bottom: 76px;
    }
}
/*# sourceMappingURL=maps/home.css.map */
