@charset "UTF-8";

/* ---------------------------------------------
	スタッフページs
--------------------------------------------- */
.staff h2.pageTtl{
    background: url("../img/staffParts.png") no-repeat center 0;
    width: 100%;
    height: 60px;
    
}
.staff #contentAllWrap{
    padding: 10px 20px 30px;
}
#jobIntroWrap{ margin-bottom: 18px;}
#jobIntroWrap::before{
    content: "";
    display: block;
    background: url("../img/jobIcn.png") no-repeat 0 0;
    width: 133px;
    height: 133px;
    float: left;
    margin: 0 18px 0 0;
}
.job02 #jobIntroWrap::before{ background-position: 0 -140px;}
.job03 #jobIntroWrap::before{ background-position: 0 -280px;}
.job04 #jobIntroWrap::before{ background-position: 0 -420px;}
.job05 #jobIntroWrap::before{ background-position: 0 -560px;}
.job06 #jobIntroWrap::before{ background-position: 0 -700px;}
.job07 #jobIntroWrap::before{ background-position: 0 -840px;}
.job08 #jobIntroWrap::before{ background-position: 0 -980px;}
.job09 #jobIntroWrap::before{ background-position: 0 -1120px;}
.job10 #jobIntroWrap::before{ background-position: 0 -1260px;}
.job11 #jobIntroWrap::before{ background-position: 0 -1400px;}
.job12 #jobIntroWrap::before{ background-position: 0 -1540px;}
.job13 #jobIntroWrap::before{ background-position: 0 -1680px;}
.job14 #jobIntroWrap::before{ background-position: 0 -1820px;}
.job15 #jobIntroWrap::before{ background-position: 0 -1960px;}
.job16 #jobIntroWrap::before{ background-position: 0 -2520px;}
.job17 #jobIntroWrap::before{ background-position: 0 -2100px;}
.job18 #jobIntroWrap::before{ 
    background: url(../img/jobIcn_18.svg) no-repeat 0 0;
    background-size: contain;
}

#jobIntroWrap > div{
    width: 788px;
    padding: 10px;
    float: left;
    border-top: solid 5px #00909b;
}
.job02 #jobIntroWrap > div{ border-top: solid 5px #995b32;}
.job03 #jobIntroWrap > div{ border-top: solid 5px #cfc23c;}
.job04 #jobIntroWrap > div{ border-top: solid 5px #ed8980;}
.job05 #jobIntroWrap > div{ border-top: solid 5px #ce5d15;}
.job06 #jobIntroWrap > div{ border-top: solid 5px #796494;}
.job07 #jobIntroWrap > div{ border-top: solid 5px #0092bf;}
.job08 #jobIntroWrap > div{ border-top: solid 5px #c68e03;}
.job09 #jobIntroWrap > div{ border-top: solid 5px #ba457d;}
.job10 #jobIntroWrap > div{ border-top: solid 5px #42934d;}
.job11 #jobIntroWrap > div{ border-top: solid 5px #c5474c;}
.job12 #jobIntroWrap > div{ border-top: solid 5px #004573;}
.job13 #jobIntroWrap > div{ border-top: solid 5px #446f4d;}
.job14 #jobIntroWrap > div{ border-top: solid 5px #ae8972;}
.job15 #jobIntroWrap > div{ border-top: solid 5px #4075a6;}
.job16 #jobIntroWrap > div{ border-top: solid 5px #7ba847;}
.job17 #jobIntroWrap > div{ border-top: solid 5px #de6283;}
.job18 #jobIntroWrap > div{ border-top: solid 5px #56b1a9;}

#jobIntroWrap h3{
    font-size: 170%;
    line-height: 1.4;
}
#jobIntroWrap p{ line-height: 1.9;}

.cx_smartphoneview #jobIntroWrap::before{ margin: 18px 18px 0 0;}
.cx_smartphoneview #jobIntroWrap > div{ 
    width: auto;
    float: none;
}

/* -------------- インタビュー -------------- */
.staff #interviewAllWrap{ border-bottom: dotted 4px #00909b;}
.staff .job02 #interviewAllWrap{ border-bottom: dotted 4px #995b32;}
.staff .job03 #interviewAllWrap{ border-bottom: dotted 4px #cfc23c;}
.staff .job04 #interviewAllWrap{ border-bottom: dotted 4px #ed8980;}
.staff .job05 #interviewAllWrap{ border-bottom: dotted 4px #ce5d15;}
.staff .job06 #interviewAllWrap{ border-bottom: dotted 4px #796494;}
.staff .job07 #interviewAllWrap{ border-bottom: dotted 4px #0092bf;}
.staff .job08 #interviewAllWrap{ border-bottom: dotted 4px #c68e03;}
.staff .job09 #interviewAllWrap{ border-bottom: dotted 4px #ba457d;}
.staff .job10 #interviewAllWrap{ border-bottom: dotted 4px #42934d;}
.staff .job11 #interviewAllWrap{ border-bottom: dotted 4px #c5474c;}
.staff .job12 #interviewAllWrap{ border-bottom: dotted 4px #004573;}
.staff .job13 #interviewAllWrap{ border-bottom: dotted 4px #446f4d;}
.staff .job14 #interviewAllWrap{ border-bottom: dotted 4px #ae8972;}
.staff .job15 #interviewAllWrap{ border-bottom: dotted 4px #4075a6;}
.staff .job16 #interviewAllWrap{ border-bottom: dotted 4px #7ba847;}
.staff .job17 #interviewAllWrap{ border-bottom: dotted 4px #de6283;}
.staff .job18 #interviewAllWrap{ border-bottom: dotted 4px #56b1a9;}

.staff #interviewAllWrap .ttl{ position: relative;}
.staff #interviewAllWrap .ttl::before,
.staff #interviewAllWrap .ttl::after{
    content: "";
    display: block;
    width: 350px;
    height: 1px;
    border-top: dotted 4px #00909b;
    position: absolute;
    top: 50%;
    left: 0px;
}
.cx_smartphoneview.staff #interviewAllWrap .ttl::before,
.cx_smartphoneview.staff #interviewAllWrap .ttl::after{ width: 180px;}

.staff .job02 #interviewAllWrap .ttl::before,
.staff .job02 #interviewAllWrap .ttl::after{ border-top: dotted 4px #995b32;}
.staff .job03 #interviewAllWrap .ttl::before,
.staff .job03 #interviewAllWrap .ttl::after{ border-top: dotted 4px #cfc23c;}
.staff .job04 #interviewAllWrap .ttl::before,
.staff .job04 #interviewAllWrap .ttl::after{ border-top: dotted 4px #ed8980;}
.staff .job05 #interviewAllWrap .ttl::before,
.staff .job05 #interviewAllWrap .ttl::after{ border-top: dotted 4px #ce5d15;}
.staff .job06 #interviewAllWrap .ttl::before,
.staff .job06 #interviewAllWrap .ttl::after{ border-top: dotted 4px #796494;}
.staff .job07 #interviewAllWrap .ttl::before,
.staff .job07 #interviewAllWrap .ttl::after{ border-top: dotted 4px #0092bf;}
.staff .job08 #interviewAllWrap .ttl::before,
.staff .job08 #interviewAllWrap .ttl::after{ border-top: dotted 4px #c68e03;}
.staff .job09 #interviewAllWrap .ttl::before,
.staff .job09 #interviewAllWrap .ttl::after{ border-top: dotted 4px #ba457d;}
.staff .job10 #interviewAllWrap .ttl::before,
.staff .job10 #interviewAllWrap .ttl::after{ border-top: dotted 4px #42934d;}
.staff .job11 #interviewAllWrap .ttl::before,
.staff .job11 #interviewAllWrap .ttl::after{ border-top: dotted 4px #c5474c;}
.staff .job12 #interviewAllWrap .ttl::before,
.staff .job12 #interviewAllWrap .ttl::after{ border-top: dotted 4px #004573;}
.staff .job13 #interviewAllWrap .ttl::before,
.staff .job13 #interviewAllWrap .ttl::after{ border-top: dotted 4px #446f4d;}
.staff .job14 #interviewAllWrap .ttl::before,
.staff .job14 #interviewAllWrap .ttl::after{ border-top: dotted 4px #ae8972;}
.staff .job15 #interviewAllWrap .ttl::before,
.staff .job15 #interviewAllWrap .ttl::after{ border-top: dotted 4px #4075a6;}
.staff .job16 #interviewAllWrap .ttl::before,
.staff .job16 #interviewAllWrap .ttl::after{ border-top: dotted 4px #7ba847;}
.staff .job17 #interviewAllWrap .ttl::before,
.staff .job17 #interviewAllWrap .ttl::after{ border-top: dotted 4px #de6283;}
.staff .job18 #interviewAllWrap .ttl::before,
.staff .job18 #interviewAllWrap .ttl::after{ border-top: dotted 4px #56b1a9;}

.staff #interviewAllWrap .ttl::after{ left: auto; right: 0;}
.staff #interviewAllWrap h4{
    background: url("../img/staffParts.png") no-repeat 0 -100px;
    width: 214px;
    height: 40px;
    margin: 0 auto;
    text-indent: -300%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.staff .job02 #interviewAllWrap h4{ background-position: 0 -150px;}
.staff .job03 #interviewAllWrap h4{ background-position: 0 -200px;}
.staff .job04 #interviewAllWrap h4{ background-position: 0 -250px;}
.staff .job05 #interviewAllWrap h4{ background-position: 0 -300px;}
.staff .job06 #interviewAllWrap h4{ background-position: 0 -350px;}
.staff .job07 #interviewAllWrap h4{ background-position: 0 -400px;}
.staff .job08 #interviewAllWrap h4{ background-position: 0 -450px;}
.staff .job09 #interviewAllWrap h4{ background-position: 0 -500px;}
.staff .job10 #interviewAllWrap h4{ background-position: 0 -550px;}
.staff .job11 #interviewAllWrap h4{ background-position: 0 -600px;}
.staff .job12 #interviewAllWrap h4{ background-position: 0 -650px;}
.staff .job13 #interviewAllWrap h4{ background-position: 0 -700px;}
.staff .job14 #interviewAllWrap h4{ background-position: 0 -750px;}
.staff .job15 #interviewAllWrap h4{ background-position: 0 -800px;}
.staff .job16 #interviewAllWrap h4{ background-position: 0 -850px;}
.staff .job17 #interviewAllWrap h4{ background-position: 0 -900px;}

/* --------- スタッフリスト --------- */
.staffPagerList{
    margin: 10px 20px 34px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.staffPagerList li{
    flex-shrink: 0;
    margin: 0 9px 12px 9px;
}
.staffPagerList li .thumWrap{ display: flex;}
.staffPagerList li .thumWrap > div{
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background-color: rgba(200,202,199,0.52);
    overflow: hidden;
}
.staffPagerList li div img{ width: 100%; height: auto;}

.cx_smartphoneview .staffPagerList li .thumWrap > div{
    width: 120px;
    height: 120px;
}

.staffPagerList li p{
    font-size: 86%;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
}
.staffPagerList li span{ font-size: 90%;}
.staffPagerList li a{
    display: block;
    border-bottom: solid 4px #bdbdbd;
}
.job02 .staffPagerList li a:hover,
.job02 .staffPagerList li a.on{ border-bottom: solid 4px #995b32;}
.job03 .staffPagerList li a:hover,
.job03 .staffPagerList li a.on{ border-bottom: solid 4px #cfc23c;}
.job04 .staffPagerList li a:hover,
.job04 .staffPagerList li a.on{ border-bottom: solid 4px #ed8980;}
.job05 .staffPagerList li a:hover,
.job05 .staffPagerList li a.on{ border-bottom: solid 4px #ce5d15;}
.job06 .staffPagerList li a:hover,
.job06 .staffPagerList li a.on{ border-bottom: solid 4px #796494;}
.job07 .staffPagerList li a:hover,
.job07 .staffPagerList li a.on{ border-bottom: solid 4px #0092bf;}
.job08 .staffPagerList li a:hover,
.job08 .staffPagerList li a.on{ border-bottom: solid 4px #c68e03;}
.job09 .staffPagerList li a:hover,
.job09 .staffPagerList li a.on{ border-bottom: solid 4px #ba457d;}
.job10 .staffPagerList li a:hover,
.job10 .staffPagerList li a.on{ border-bottom: solid 4px #42934d;}
.job11 .staffPagerList li a:hover,
.job11 .staffPagerList li a.on{ border-bottom: solid 4px #c5474c;}
.job12 .staffPagerList li a:hover,
.job12 .staffPagerList li a.on{ border-bottom: solid 4px #004573;}
.job13 .staffPagerList li a:hover,
.job13 .staffPagerList li a.on{ border-bottom: solid 4px #446f4d;}
.job14 .staffPagerList li a:hover,
.job14 .staffPagerList li a.on{ border-bottom: solid 4px #ae8972;}
.job15 .staffPagerList li a:hover,
.job15 .staffPagerList li a.on{ border-bottom: solid 4px #4075a6;}
.job16 .staffPagerList li a:hover,
.job16 .staffPagerList li a.on{ border-bottom: solid 4px #7ba847;}
.job17 .staffPagerList li a:hover,
.job17 .staffPagerList li a.on{ border-bottom: solid 4px #de6283;}
.job18 .staffPagerList li a:hover,
.job18 .staffPagerList li a.on{ border-bottom: solid 4px #56b1a9;}


.staff .ttl + .attention{
    margin-bottom: 0.5em;
    text-align: right;
    font-size: 78%;
    line-height: 1.2;
}
.cx_smartphoneview.staff .ttl + .attention{
    text-align: center;
    margin-top: 0.2em;
    margin-bottom: 0.7em;
}
/* --------- スタッフプロフィール --------- */
.profileWrap.len2{
    display: flex;
    flex-wrap: wrap;
}
.profileWrap.len2 > div{
    flex-shrink: 0;
    width: 49%;
}
.profileWrap.len2 > div:nth-of-type(2n){
    margin-left: 2%;
}
.cx_smartphoneview .profileWrap.len2 > div{ width: 100%;}
.cx_smartphoneview .profileWrap.len2 > div:nth-of-type(2n){ margin-left: 0;}
.facePhoto{
    float: left;
    width: 200px;
    height: 236px;
    margin: 0 22px 8px 0;
}
.facePhoto img{ width: 100%; height: auto;}
#interviewAllWrap .position{
    font-weight: bold;
    line-height: 1.4;
}
#interviewAllWrap h5{
    font-size: 144%;
    line-height: 1.4;
    margin-top: 0.5em;
    margin-bottom: 10px;
}
#interviewAllWrap h5 span{ font-size: 88%;}
#interviewAllWrap h5 [data-ruby] {
    position: relative;
}
#interviewAllWrap h5 [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.2em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.4em;
    line-height: 1.0;
    width: 10em;
}
#interviewAllWrap .profile{
    font-size: 88%;
    line-height: 1.6;
    background-color: rgba(0,0,0,0.14);
    padding: 10px 10px 8px;
    margin-bottom: 36px;
}
.cx_smartphoneview #interviewAllWrap .profile{ font-size: 84%;}

/* --------- インタビュー本文 --------- */
.interviewWrap .intro{
    line-height:2.0;
    margin-bottom: 1.5em;
}
.staff #interviewAllWrap .question{
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 10px;
}
.staff #interviewAllWrap .ansWrap + .question,
.staff #interviewAllWrap .ansWrap + .ansWrap{ margin-top: 30px;}
.staff #interviewAllWrap .ansWrap p{ line-height: 2.0;}
.staff #interviewAllWrap .ansWrap a{
    font-weight: bold;
    text-decoration: underline;
    color: #e3226c;
}
.staff #interviewAllWrap .ansWrap .name{
    float: left;
    font-weight: bold;
    color: #fff;
    background-color: #00909b;
    line-height: 1.8;
    padding: 0 10px;
    border-radius: 5px;
    margin: 0 8px 0 0;
}
.job02 #interviewAllWrap .ansWrap .name{ background-color: #995b32;}
.job03 #interviewAllWrap .ansWrap .name{ background-color: #cfc23c;}
.job04 #interviewAllWrap .ansWrap .name{ background-color: #ed8980;}
.job05 #interviewAllWrap .ansWrap .name{ background-color: #ce5d15;}
.job06 #interviewAllWrap .ansWrap .name{ background-color: #796494;}
.job07 #interviewAllWrap .ansWrap .name{ background-color: #0092bf;}
.job08 #interviewAllWrap .ansWrap .name{ background-color: #c68e03;}
.job09 #interviewAllWrap .ansWrap .name{ background-color: #ba457d;}
.job10 #interviewAllWrap .ansWrap .name{ background-color: #42934d;}
.job11 #interviewAllWrap .ansWrap .name{ background-color: #c5474c;}
.job12 #interviewAllWrap .ansWrap .name{ background-color: #004573;}
.job13 #interviewAllWrap .ansWrap .name{ background-color: #446f4d;}
.job14 #interviewAllWrap .ansWrap .name{ background-color: #ae8972;}
.job15 #interviewAllWrap .ansWrap .name{ background-color: #4075a6;}
.job16 #interviewAllWrap .ansWrap .name{ background-color: #7ba847;}
.job17 #interviewAllWrap .ansWrap .name{ background-color: #de6283;}
.job18 #interviewAllWrap .ansWrap .name{ background-color: #56b1a9;}

.staff #interviewAllWrap .photoWrap{ margin-bottom: 30px;}

.staff #interviewAllWrap .photoBase1-1{ width: 100%;}
.staff #interviewAllWrap .photoBase2-1,
.staff #interviewAllWrap .photoBase4-1{
    width: 49%;
    margin: 0 2% 0 0;
    border: solid 1px #ccc;
    box-sizing: border-box;
}
.staff #interviewAllWrap .photoBase2-1.fRight{ margin: 0 0 0 2%;}

.staff #interviewAllWrap .photoWrap > .fLeft{
    width: 49%;
    margin: 0 2% 0 0;
}
.staff #interviewAllWrap .photoWrap > .fLeft:nth-of-type(2n),
.staff #interviewAllWrap .photoBase4-1:nth-of-type(2n){ margin:0;}
.staff #interviewAllWrap .photoWrap > .fLeft .photoBase2-1{
    width: 100%;
    margin: 0;
}
.staff #interviewAllWrap .photoBase4-1{ margin-bottom: 8px;}

.staff #interviewAllWrap .photoBase2-1:nth-of-type(2n){ margin: 0;}
.staff #interviewAllWrap .photoBase1-1 img,
.staff #interviewAllWrap .photoBase2-1 img,
.staff #interviewAllWrap .photoBase4-1 img{
    width: 100%;
    height: auto;
    border: solid 1px #ddd;
    box-sizing: border-box;
}
.staff #interviewAllWrap .photoBase1-1 p,
.staff #interviewAllWrap .photoBase2-1 p,
.staff #interviewAllWrap .photoBase4-1 p{
    background-color: #000;
    font-size: 94%;
    color: #fff;
    line-height: 1.4;
    padding: 3px 6px;
}

.staff #interviewAllWrap .update{
    font-size: 88%;
    margin-top: 20px;
    text-align: right;
}

.cx_smartphoneview.staff #interviewAllWrap .photoBase2-1{
    width: 100%;
    float: none;
    margin: 0 0 30px;
}

/* -------------- メンバー一覧 -------------- */
.memberAllWrap{
    border-top: dotted 4px #00909b;
    border-bottom: dotted 4px #00909b;
    padding: 2em 0 3em;
}
.member_list{
    display: flex;
    flex-wrap: wrap;
}
.member_list > li{
    flex-shrink: 0;
    width: 24.4%;
    margin-right: 0.8%;
    margin-bottom: 1em;
}
.member_list > li:nth-of-type(4n){ margin-right: 0;}
.cx_smartphoneview .member_list > li{
    width: 49.5%;
    margin-right: 1%;
}
.cx_smartphoneview .member_list > li:nth-of-type(2n){ margin-right: 0;}
.member_list > li > a{
    display: block;
    position: relative;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -webkit-transition: border-bottom 0.2s, -webkit-transform 0.2s ease-out;
    -ms-transition: border-bottom 0.2s, -ms-transform 0.2s ease-out;
    transition: border-bottom 0.2s, transform 0.2s ease-out;
    border-bottom: solid 5px rgba(255,255,255,0);
}
.member_list > li > a::after{
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    bottom: 0.2em;
    right: 0.2em;
    background-color: #aaa;
    background-image: url("../../img/arrow.svg");
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
}
#designer_shioiri > a::after{ background-color: #0c7c70;}
#designer_abeki > a::after{ background-color: #ff8349;}
#designer_suzuki > a::after{ background-color: #59cbbb;}
#designer_saida > a::after{ background-color: #e7404b;}
#designer_miyagawa > a::after{ background-color: #185aa5;}
#designer_abe > a::after{ background-color: #ec7a96;}
#designer_nagai > a::after{ background-color: #7ebbdf;}
#designer_sugiyama > a::after{ background-color: #ba3594;}
#designer_nishide > a::after{ background-color: #e6cf6c;}
#designer_kohama > a::after{ background-color: #a57eb6;}
#designer_yanagawa > a::after{ background-color: #95c51b;}
#designer_tsubota > a::after{ background-color: #fabd00;}
#designer_imanaga > a::after{ background-color: #de6a08;}
#designer_iizuka > a::after{ background-color: #2d94ba;}
#designer_murayama > a::after{ background-color: #623582;}
#designer_takenaka > a::after{ background-color: #a83b26;}
#designer_bessho > a::after{ background-color: #006790;}
#designer_ohishi > a::after{ background-color: #e84994;}
#designer_yamamoto > a::after{ background-color: #98c9a9;}
#designer_r-yamamoto > a::after{ background-color: #c9ad65;}
.cx_displaydevice .member_list > li > a:hover{
    border-bottom: solid 5px #63b6d0;
    -ms-transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
}
.cx_displaydevice #designer_shioiri > a:hover{ border-color: #0c7c70;}
.cx_displaydevice #designer_abeki > a:hover{ border-color: #ff8349;}
.cx_displaydevice #designer_suzuki > a:hover{ border-color: #59cbbb;}
.cx_displaydevice #designer_saida > a:hover{ border-color: #e7404b;}
.cx_displaydevice #designer_miyagawa > a:hover{ border-color: #185aa5;}
.cx_displaydevice #designer_abe > a:hover{ border-color: #ec7a96;}
.cx_displaydevice #designer_nagai > a:hover{ border-color: #7ebbdf;}
.cx_displaydevice #designer_sugiyama > a:hover{ border-color: #ba3594;}
.cx_displaydevice #designer_nishide > a:hover{ border-color: #e6cf6c;}
.cx_displaydevice #designer_kohama > a:hover{ border-color: #a57eb6;}
.cx_displaydevice #designer_yanagawa > a:hover{ border-color: #95c51b;}
.cx_displaydevice #designer_tsubota > a:hover{ border-color: #fabd00;}
.cx_displaydevice #designer_imanaga > a:hover{ border-color: #de6a08;}
.cx_displaydevice #designer_iizuka > a:hover{ border-color: #2d94ba;}
.cx_displaydevice #designer_murayama > a:hover{ border-color: #623582;}
.cx_displaydevice #designer_takenaka > a:hover{ border-color: #a83b26;}
.cx_displaydevice #designer_bessho > a:hover{ border-color: #006790;}
.cx_displaydevice #designer_ohishi > a:hover{ border-color: #e84994;}
.cx_displaydevice #designer_yamamoto > a:hover{ border-color: #98c9a9;}
.cx_displaydevice #designer_r-yamamoto > a:hover{ border-color: #c9ad65;}

.member_list__thum{
    border-radius: 50%;
    overflow: hidden;
    width: 60%;
    margin: 0 auto;
}
.member_list__thum img{
    width: 100%;
    height: auto;
}
.member_list__data{
    background-color: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.26);
    padding: 1.2em 0.6em 1.6em;
    margin-top: -1em;
}
.member_list__data__name{
    text-align: center;
    font-weight: bold;
    border-bottom: solid 0.2em #aaa;
    line-height: 1.2;
    margin-bottom: 0.3em;
}
.member_list__data__works dt{
    text-align: center;
    font-size: 78%;
    line-height: 1.4;
    padding-bottom: 0.4em;
}
.member_list__data__works dd,
.member_list__data__works p{
    font-size: 88%;
    line-height: 1.2;
    padding-bottom: 0.4em;
    text-align: center;
}

/* --------- 職種ページャー --------- */
.staff #pagerJob a.narrow{
    letter-spacing: -0.3em;
    font-size: 75%;
}
.staff #pagerJob a.narrow02{
    letter-spacing: -0.16em;
    font-size: 75%;
}
.staff #pagerJob{ margin: 25px 0;}
/*.staff #pagerJob li{
    width: 98px;
    float: left;
    margin: 0 25px 20px 0;
}
.staff #pagerJob li:nth-of-type(8n){ margin: 0 0 20px 0;}*/
.staff #pagerJob ul{
    display: flex;
    flex-wrap: wrap;
}
.staff #pagerJob li{
    flex-shrink: 0;
    width: 98px;
    margin: 0 9.75px 20px 0;
}
.staff #pagerJob li:nth-of-type(9n){ margin: 0 0 20px 0;}
/*.staff #pagerJob li:nth-of-type(10n){ margin: 0 9.75px 20px 53px;}*/

.cx_smartphoneview.staff #pagerJob li{
    width: 23.5%;
    margin: 0 2% 20px 0;
}
.cx_smartphoneview.staff #pagerJob li:nth-of-type(4n){ margin: 0 0 20px 0;}

.staff #pagerJob a{
    display: block;
    text-align: center;
    font-size: 82%;
    font-weight: bold;
    line-height: 1.0;
}
.staff #pagerJob a:hover{ text-decoration: underline;}
.staff #pagerJob a::before{
    content: "";
    display: block;
    background: url("../img/jobIcn.png") no-repeat 0 0;
    background-size: 98px 2100px;
    width: 98px;
    height: 98px;
}
.staff #pagerJob .job02 a::before{ background-position: 0 -98px;}
.staff #pagerJob .job03 a::before{ background-position: 0 -195px;}
.staff #pagerJob .job04 a::before{ background-position: 0 -294px;}
.staff #pagerJob .job05 a::before{ background-position: 0 -392px;}
.staff #pagerJob .job06 a::before{ background-position: 0 -490px;}
.staff #pagerJob .job07 a::before{ background-position: 0 -588px;}
.staff #pagerJob .job08 a::before{ background-position: 0 -686px;}
.staff #pagerJob .job09 a::before{ background-position: 0 -784px;}
.staff #pagerJob .job10 a::before{ background-position: 0 -882px;}
.staff #pagerJob .job11 a::before{ background-position: 0 -980px;}
.staff #pagerJob .job12 a::before{ background-position: 0 -1078px;}
.staff #pagerJob .job13 a::before{ background-position: 0 -1176px;}
.staff #pagerJob .job14 a::before{ background-position: 0 -1274px;}
.staff #pagerJob .job15 a::before{ background-position: 0 -1372px;}
.staff #pagerJob .job16 a::before{ background-position: 0 -1764px;}
.staff #pagerJob .job17 a::before{ background-position: 0 -1469px;}
.staff #pagerJob .job18 a::before{
    background: url(../img/jobIcn_18.svg) no-repeat 0 0;
    background-size: contain;
}

.staff #pagerJob li.comingsoon{ opacity: 0.3;}
.staff #pagerJob li.comingsoon a:hover{ text-decoration: none;}

.cx_smartphoneview.staff #pagerJob a::before{
    background-size: cover;
    width: 100%;
    height: 0;
    padding-top: 100%;
    margin: 0 0 5px;
}
.cx_smartphoneview.staff #pagerJob .job02 a::before{ background-position: 0 -152px;}
.cx_smartphoneview.staff #pagerJob .job03 a::before{ background-position: 0 -304px;}
.cx_smartphoneview.staff #pagerJob .job04 a::before{ background-position: 0 -456px;}
.cx_smartphoneview.staff #pagerJob .job05 a::before{ background-position: 0 -608px;}
.cx_smartphoneview.staff #pagerJob .job06 a::before{ background-position: 0 -760px;}
.cx_smartphoneview.staff #pagerJob .job07 a::before{ background-position: 0 -912px;}
.cx_smartphoneview.staff #pagerJob .job08 a::before{ background-position: 0 -1064px;}
.cx_smartphoneview.staff #pagerJob .job09 a::before{ background-position: 0 -1216px;}
.cx_smartphoneview.staff #pagerJob .job10 a::before{ background-position: 0 -1374px;}
.cx_smartphoneview.staff #pagerJob .job11 a::before{ background-position: 0 -1516px;}
.cx_smartphoneview.staff #pagerJob .job12 a::before{ background-position: 0 -1671px;}
.cx_smartphoneview.staff #pagerJob .job13 a::before{ background-position: 0 -1819px;}
.cx_smartphoneview.staff #pagerJob .job14 a::before{ background-position: 0 -1985px;}
.cx_smartphoneview.staff #pagerJob .job15 a::before{ background-position: 0 -2122px;}
.cx_smartphoneview.staff #pagerJob .job16 a::before{ background-position: 0 -2728px;}
.cx_smartphoneview.staff #pagerJob .job17 a::before{ background-position: 0 -2274px;}