@charset 'UTF-8';
/*=============================================================
 #relationship 職種のつながり
=============================================================*/
/* #info
================================================ */
#info
{ margin-bottom: 30px; padding-bottom: 1px;

    border-bottom: 2px solid  #e6e6e6;
}
#info .leadTxt .tit
{
    font-weight: bold;
}
@media all and (min-width: 769px)
{
    #info
    {
        margin-bottom: 118px; padding-bottom: 31px;
    }  #info .leadTxt .tit
    {
        margin-bottom: 39px;
    }
}
/* #relation
================================================ */
#relation
{
    margin-bottom: 52px;
}
@media all and (min-width: 769px)
{
    #relation
    {
        margin-bottom: 59px;
    }
}

/* #career
================================================ */
#career
{
    margin-bottom: 51px;
}
#career .leadTxt
{
    margin-top: 50px;
}
#career .leadTxt .en
{
    margin-bottom: 8px; letter-spacing: 1.8px;
}
#career .list .item
{
    position: relative;
}
#career .list .item:nth-child(1) .box .areaTxt .name
{
    padding-left: 48px;
}
#career .list .item:nth-child(2) .box .areaTxt .name
{
    padding-left: 25px;
}
#career .list .item .img
{
    position: relative;
}
#career .list .item .box
{
    position: absolute; z-index: 2; top: 50%; right: 0; margin-top: -49px;
}
#career .list .item .box .areaTxt
{
    width: 217px;
}
#career .list .item .box .areaTxt .name
{ font-size: 1.1rem; margin-bottom: 5px;
    padding-left: 21px;
}
#career .list .item .box .areaTxt .copy
{ font-size: 1.5rem; line-height: 1.95;

    display: inline; float: right; margin-bottom: 4px; padding-right: 2px; padding-bottom: 3px; padding-left: 16px; color: #fff; background-color: #005bab;
}
#career .list .item .box .areaTxt .copy:last-of-type
{
    margin-bottom: 0;
}
@media all and (min-width: 769px)
{
    #career
    {
        margin-bottom: 135px;
    }  #career .leadTxt
    {
        margin-top: 45px; margin-bottom: 16px;
    }  #career .leadTxt .en
    {
        margin-bottom: 18px; letter-spacing: 4.4px;
    }  #career .leadTxt .tit
    {
        letter-spacing: 1.3px;
    }  #career .list
    {
        overflow: hidden;
    }  #career .list .item
    {
        display: table; float: left; width: 600px; height: 450px; padding: 0;
    }  #career .list .item:nth-child(1) .box .areaTxt .name
    {
        padding-left: 81px;
    }  #career .list .item:nth-child(2) .box .areaTxt .name
    {
        padding-left: 60px;
    }  #career .list .item .box
    {
        margin-top: -80px;
    }  #career .list .item .box .areaTxt
    { float: right;

        width: 385px;
    }  #career .list .item .box .areaTxt .name
    {
        font-size: 1.8rem; margin-bottom: 9px; padding-left: 44px;
    }  #career .list .item .box .areaTxt .copy
    { font-size: 2.7rem; line-height: 1.85; margin-bottom: 8px;
        padding: 0 1px 4px 20px;
    }  #career .list .item .box .areaTxt .copy:last-of-type
    {
        margin-bottom: 0;
    }
}

/* #interviewList
================================================ */
#interviewList { padding: 40px 0 45px; background: url("../img/interview/bg_stripe01.png"); background-size: 8px; }
#interviewList .head { padding: 0 0 18px 22px; }
#interviewList .head .secTit { font-size: 2.3rem; font-weight: bold; line-height: 1.4; letter-spacing: 2px; margin-bottom: 4px; }
#interviewList .head .lead { font-size: 1.2rem; font-weight: 500; }
#interviewList .list .item { position: relative; }
#interviewList .list .item.nolink:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; z-index: 3; }
#interviewList .list .item.nolink a { pointer-events: none; }
#interviewList .list .item a { display: block; }
#interviewList .list .item .txtBox { position: absolute; width: 100%; bottom: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
#interviewList .list .item .txtBox .name { display: table; font-size: 1.4rem; font-weight: 500; text-align: right; line-height: 1.3; position: relative; margin: 0 17px 10px auto; }
#interviewList .list .item .txtBox .name:before { content: ""; display: block; width: 100%; height: 90%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; opacity: .4; z-index: 1; border-radius: 50%; box-shadow: 5px 5px 20px #fff,-5px 5px 20px #fff,-5px -5px 20px #fff,-5px -5px 20px #fff; }
#interviewList .list .item .txtBox .name span { position: relative; z-index: 1; }
#interviewList .list .item .txtBox .txt { min-height: 96px; color: #fff; font-size: 1.6rem; line-height: 1.4; padding: 15px 22px 13px; background: rgba(49, 49, 49, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 375px) { #interviewList .list .item .txtBox .txt { padding-left: 10px; padding-right: 5px; } }
@media screen and (min-width: 769px) { #interviewList { padding: 85px 0 100px; }
  #interviewList .head { padding: 0 0 50px 0; }
  #interviewList .head .secTit { font-size: 4.8rem; letter-spacing: 2.5px; }
  #interviewList .head .lead { font-size: 2.4rem; letter-spacing: 1px; }
  #interviewList .list .item { width: 50%; float: left; }
  #interviewList .list .item .img { transition: all 0.3s ease; }
  #interviewList .list .item .txtBox .name { font-size: 1.8rem; margin: 0 31px 16px auto; }
  #interviewList .list .item .txtBox .txt { min-height: 166px; font-size: 2.7rem; line-height: 1.5; padding: 24px 40px 22px; } }

  #relationship .mod_lead01 .txt span.viewPc {

  }
  @media screen and (min-width: 769px) {
    #relationship .mod_lead01 .txt span.viewPc {
      display: inline-block;
    }
  }

/*# sourceMappingURL=maps/relationship.css.map */