@charset "utf-8";

/* ****************************************************
Title: css
---------------------------------------------------------------------------- */

#nav ul li.nav4 a {color: #E70012;}
.second #pagebody {background-image: url(../img/members/bg.jpg);}

.second #pagebody {padding: 200px 0 150px;}

.second #pagebody #contents .sec01 {width: 1220px; margin: 0 auto;}

.second #pagebody #contents .kakinuma {width: 55.5%;}
.second #pagebody #contents .kakinuma .name {font-size: 500%; text-align: center; letter-spacing: -0.08em;}
.second #pagebody #contents .kakinuma .txt {font-size: 300%; text-align: center;}
.second #pagebody #contents .members_list {width: 40%;padding-top: 50px;}

.second #pagebody #contents .members_list .staff {margin-top: 20px;}
.second #pagebody #contents .members_list .staff li {font-size: 200%;padding: 21px 0 21px 95px; background-repeat: no-repeat; background-position: left center; letter-spacing: -0.08em;}
.second #pagebody #contents .members_list .staff li.s1{background-image: url(../img/members/m_sy.png);}
.second #pagebody #contents .members_list .staff li.s2{background-image: url(../img/members/m_ho.png); margin-left: 200px;}
/* .second #pagebody #contents .members_list .staff li.s3{background-image: url(../img/members/m_tb.png);} */
/*.second #pagebody #contents .members_list .staff li.s4{background-image: url(../img/members/m_kk.png); margin-left: 200px;width: 265px;} */

.second #pagebody #contents .members_list .staff li span{font-size: 65%;letter-spacing: 0.06em;}


.slidesjs-container .slidesjs-slide img {width: 100%;}
.slidesjs-pagination {
    list-style: none;
position: absolute;
bottom: 5px;
z-index: 100;
width: 40px;
left: 44%;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 5px 0 5px;
}
.slidesjs-pagination li:last-child {
    margin: 0 0 0 5px;
}

.slidesjs-pagination li a {
    display: block;
    width: 9px;
    height: 0;
    padding-top: 9px;
    background-image: url(../img/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -9px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -9px
}


@media screen and (max-width: 740px) {
.second #pagebody {padding: 50px 0;}
.second #pagebody #contents .sec01 {width: 90%; margin: 0 auto;}

.second #pagebody #contents .kakinuma {width: 100%; margin-bottom: }
.second #pagebody #contents .kakinuma img{width: 100%;}
.second #pagebody #contents .kakinuma .name {font-size: 300%; }
.second #pagebody #contents .kakinuma .txt {font-size: 180%;}

.second #pagebody #contents .members_list {width: 100%;padding-top: 80px;}
.second #pagebody #contents .members_list .staff li {margin-bottom: 20px;}
.second #pagebody #contents .members_list .staff li.s2{margin-left: 0;}
.second #pagebody #contents .members_list .staff li.s4{margin-left: 0;}
}