@charset 'UTF-8';
/*=============================================================
 #keywords キーワードで知るタカラ
=============================================================*/
/* #mainImg
================================================ */
#keywords #mainImg
{ padding: 77px 25px 117px; 

    background: url(../img/company/keywords/bg_main01_sp.png) no-repeat center; background-size: cover;
}
#keywords #mainImg .box
{ position: relative; padding: 19px 20px 11px; 

    background-color: rgba(255, 255, 255, .9);
}
#keywords #mainImg .box:before
{ position: absolute; bottom: -15px; left: 50%; 

    display: block; width: 0; height: 0; margin-left: -23px; content: ''; border-width: 15px 11.5px 0 11.5px; border-style: solid; border-color: rgba(255, 255, 255, .9) transparent transparent transparent;
}
#keywords #mainImg .box:after
{ position: absolute; bottom: 40px; left: 0; 

    display: block; width: 100%; height: 1px; content: ''; border-bottom: 1px solid #eeeff0;
}
#keywords #mainImg .box .tit
{ font-size: 2.6rem; font-weight: bold; line-height: 1.19231; 

    margin-bottom: 26px; text-align: center; color: #313131;
}
#keywords #mainImg .box .tit span
{
    color: #005bab;
}
#keywords #mainImg .box .txt
{
    font-size: 1rem; color: #313131;
}

@media screen and (min-width: 600px) and (max-width: 768px) {
    #keywords #mainImg
    { padding: 77px 25px 117px; 

        background: url(../img/company/keywords/bg_main01_pc.png) no-repeat center; background-size: cover;
    }
}

@media all and (min-width: 769px)
{
    #keywords #mainImg
    {
        height: 561px; padding: 271px 0 0; background: url(../img/company/keywords/bg_main01_pc.png) no-repeat center; background-size: auto;
    }  #keywords #mainImg .box
    {
        width: 530px; margin: 0 auto; padding: 78px 40px 25px;
    }  #keywords #mainImg .box:before
    { bottom: -29px; 

        width: 0; height: 0; border-width: 29px 28.5px 0 28.5px; border-style: solid;
    }  #keywords #mainImg .box:after
    {
        bottom: 87px;
    }  #keywords #mainImg .box .tit
    { font-size: 4.6rem; line-height: 1.08696; 

        margin-bottom: 90px;
    }  #keywords #mainImg .box .txt
    {
        font-size: 1.8rem; text-align: center; letter-spacing: 1.4px;
    }
}
/* .list
================================================ */
.anchorList
{
    background-color: #e8f0f6;
}
.anchorList .list
{
    overflow: hidden; padding: 0 10px;
}
.anchorList .list .item
{ float: left; 

    width: 32.44%; margin-right: 4px; margin-bottom: 4px; background-color: #005bab;
}
.anchorList .list .item:nth-child(3n)
{
    margin-right: 0;
}
.anchorList .list .item:last-child
{
    margin-bottom: 0;
}
.anchorList .list .item a
{
    display: block; padding: 2px 0 9px 0; text-align: center; text-decoration: underline; color: #fff;
}
.anchorList .list .item a span
{ font-size: 1.1rem; position: relative; 

    padding-left: 12px;
}
.anchorList .list .item a span:before
{ position: absolute; top: 50%; left: 0; 

    display: block; width: 0; height: 0; margin-top: -4px; content: ''; border-width: 9px 5px 0 5px; border-style: solid; border-color: #fff transparent transparent transparent;
}
@media all and (min-width: 769px)
{
    .anchorList .list
    {
        width: 1200px; margin: 0 auto; padding: 0;
    }  .anchorList .list .item
    {
        width: 169px; margin-right: 2px; margin-bottom: 0;
    }  .anchorList .list .item:nth-child(3n)
    {
        margin-right: 2px;
    }  .anchorList .list .item a
    {
        padding: 16px 10px 22px 13px; transition: all .3s ease;
    }  .anchorList .list .item a:hover
    {
        text-decoration: none;
    }  .anchorList .list .item a span
    { font-size: 1.6rem; 

        padding-left: 17px;
    }  .anchorList .list .item a span:before
    {
        margin-top: -6px; border-width: 12px 6.5px 0 6.5px;
    }
}
/* #keywords01～#keywords07
================================================ */
#keywords01 .keywordsImg
{
    background: url(../img/company/keywords/bg_keywords01_pc.png) no-repeat center; background-size: cover;
}
#keywords01 .keywordsImg .areaTit .jp
{
    font-size: 1.5rem;
}
@media all and (min-width: 769px)
{
    #keywords01 .keywordsImg .areaTit .jp
    {
        font-size: 3rem;
    }
}
#keywords02 .keywordsImg
{
    background: url(../img/company/keywords/bg_keywords02_pc.png) no-repeat center; background-size: cover;
}
#keywords02 .keywordsImg .areaTit .jp
{
    font-size: 3rem; line-height: .5;
}
#keywords02 .img
{
    margin: 19px -11px 17px;
}
@media all and (min-width: 769px)
{
    #keywords02 .keywordsImg .areaTit .jp
    {
        font-size: 6rem;
    }  #keywords02 .img
    {
        width: 737px; margin: 78px auto 62px;
    }
}
#keywords03 .keywordsImg
{
    background: url(../img/company/keywords/bg_keywords03_pc.png) no-repeat center; background-size: cover;
}
#keywords03 .keywordsImg .areaTit .jp
{
    font-size: 1.5rem;
}
@media all and (min-width: 769px)
{
    #keywords03 .keywordsImg .areaTit .jp
    {
        font-size: 3rem;
    }
}
#keywords04 .keywordsImg
{
    background: url(../img/company/keywords/bg_keywords04_pc.png) no-repeat center; background-size: cover;
}
#keywords04 .keywordsImg .areaTit .jp
{
    font-size: 2.6rem; line-height: .57692;
}
@media all and (min-width: 769px)
{
    #keywords04 .keywordsImg .areaTit .jp
    {
        font-size: 5rem;
    }
}
#keywords05 .keywordsImg
{
    background: url(../img/company/keywords/bg_keywords06_pc.png) no-repeat center; background-size: cover;
}
#keywords05 .keywordsImg .areaTit .jp
{
    font-size: 2rem; line-height: .75;
}
@media all and (min-width: 769px)
{
    #keywords05 .keywordsImg .areaTit .jp
    {
        font-size: 4rem;
    }
}
#keywords06 .keywordsImg
{
    background: url(../img/company/keywords/bg_keywords05_pc.png) no-repeat center; background-size: cover;
}
#keywords06 .keywordsImg .areaTit .jp
{
    font-size: 2.5rem; line-height: .6;
}
@media all and (min-width: 769px)
{
    #keywords06 .keywordsImg .areaTit .jp
    {
        font-size: 5rem;
    }
}
#keywords07
{
    margin-bottom: 45px;
}
#keywords07 .keywordsImg
{
    background: url(../img/company/keywords/bg_keywords07_pc.png) no-repeat center; background-size: cover;
}
#keywords07 .keywordsImg .areaTit .jp
{
    font-size: 2.5rem; line-height: .6;
}
@media all and (min-width: 769px)
{
    #keywords07
    {
        margin-bottom: 90px;
    }  #keywords07 .keywordsImg .areaTit .jp
    {
        font-size: 5rem;
    }
}
/* .secKeywords
================================================ */
.secKeywords
{
    margin-top: 46px;
}
.secKeywords:first-of-type
{
    margin-top: 30px;
}
.secKeywords .keywordsImg
{
    margin-bottom: 29px; padding: 69px 0;
}
.secKeywords .keywordsImg .areaTit
{
    width: 137px; height: 106px; margin: 0 auto; padding: 32px 0 0; background-color: #005bab;
}
.secKeywords .keywordsImg .areaTit .en
{ font-size: 1.2rem; 

    margin-bottom: 18px; text-align: center; letter-spacing: 1.6px; color: #fff;
}
.secKeywords .keywordsImg .areaTit .jp
{
    font-size: 1.5rem; line-height: 1; text-align: center; color: #fff;
}
.secKeywords .copy
{ font-size: 2.1rem; font-weight: bold; line-height: 1.38462; 

    margin-bottom: 15px; text-align: center; color: #005bab;
}
.secKeywords .txt
{
    font-size: 1.3rem; line-height: 2.2;
}
.secKeywords .img
{
    margin: 26px -15px 16px;
}
.secKeywords .note
{ font-size: 1.1rem; 

    display: block; margin-top: 4px;
}
.secKeywords .arealLink
{ margin-top: 11px; padding: 8px 21px; 

    background-color: #eee;
}
.secKeywords .arealLink a
{ font-size: 1.2rem; 

    position: relative; padding-right: 19px; text-decoration: none; color: #005bab;
}
.secKeywords .arealLink a:after
{ position: absolute; top: 50%; right: 0; 

    display: block; width: 10px; height: 10px; margin-top: -5px; content: ''; background: no-repeat left; background-image: url(../img/common/ico_blank01.png); background-size: 100%;
}
@media all and (min-width: 769px)
{
    .secKeywords
    {
        margin-top: 97px;
    }  .secKeywords:first-of-type
    {
        margin-top: 0;
    }  .secKeywords .keywordsImg
    {
        margin-bottom: 67px; padding: 137px 0 138px;
    }  .secKeywords .keywordsImg .areaTit
    {
        width: 277px; height: 158px; padding: 59px 0;
    }  .secKeywords .keywordsImg .areaTit .en
    { font-size: 2.4rem; 

        margin-bottom: 34px; letter-spacing: 2px;
    }  .secKeywords .keywordsImg .areaTit .jp
    {
        font-size: 6rem;
    }  .secKeywords .copy
    { font-size: 5.2rem; font-weight: normal; line-height: .96154; 

        margin-bottom: 70px;
    }  .secKeywords .txt
    { font-size: 1.8rem; line-height: 2.22222; 

        padding: 0 237px;
    }  .secKeywords .img
    {
        margin: 54px 0 37px;
    }  .secKeywords .note
    { font-size: 1.6rem; 

        margin-top: 22px;
    }  .secKeywords .arealLink
    {
        width: 723px; margin: 31px auto 0; padding: 8px 0 18px;
    }  .secKeywords .arealLink a
    { font-size: 1.6rem; 

        margin-left: 27px; padding-right: 28px;
    }  .secKeywords .arealLink a:after
    {
        width: 14px; height: 14px; margin-top: -7px; background-size: 100%;
    }  .secKeywords .arealLink a:hover
    {
        text-decoration: underline;
    }
}
/*# sourceMappingURL=maps/keywords.css.map */