#staff-tab {
    text-align: center;
    margin:30px auto 0;
    height: 84px;
}
#staff-tab li {
	width: 149px;
	height: 84px;
    display: inline-block;
    margin:  0 3px 0;
}
#staff-tab li a {
    width: 100%;
	height: 100%;
    display: block;
    background-position: 0 0;
    overflow: hidden;
    background-repeat: no-repeat;
	background-size: 149px;
	transition: 0.5s;

}
#staff-tab li a:hover,
.active a {
    background-position: 0 -85px !important;
}



#tab-01 a {
	background-image: url(/common/images/navi02_tab.png)
}
#tab-02 a{
	background-image: url(/common/images/navi03_tab.png)
}
#tab-03 a{
	background-image: url(/common/images/navi04_tab.png?20220601)
}
#tab-04 a{
	background-image: url(/common/images/navi07_tab.png)
}
#tab-05 a{
	background-image: url(/common/images/navi06_tab.png)
}
#tab-06 a{
	background-image: url(/common/images/navi08_tab.png)
}




#staff-atelier,
#staff-plus,
#staff-shizen,
#staff-kodomo,
#staff-oshigoto{
    display: none
}




/*staff*/

.staffdisp {
	text-align: center;
}
.staffdisp  {
	margin:0px auto 0;
    box-sizing: border-box;
    padding: 20px 0 0
}
#staff-ichigo {
    border-top: 2px solid  #fbb216
}
#staff-plus{
    border-top: 2px solid #a8d0a6;
}
#staff-atelier {
    border-top: 2px solid #b965a5;
}
#staff-kodomo {
    border-top: 2px solid #ee869a;
}
#staff-shizen {
    border-top: 2px solid #c8a062;
}
#staff-oshigoto {
    border-top: 2px solid #62abc8;
}

.staffdisp li {
	float: left;
	width: 325px;
	height: 218px;
	margin: 0 0px 30px 0;
}
.staffdispli:nth-child(3n) {
	margin: 0 0 20px 0;
}

.staffdisp li img {
    height: auto;
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    width: 100%;
    vertical-align: bottom;
}
.staffdisp li figure {
    width: 325px;
	height: 218px;
	overflow: hidden;
}
 figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}
figcaption {
    background-color: rgba(0,0,0,0.6);
    color: #FFF;
    opacity: 0;
    font-size: 25px;
    position: absolute;
    text-align: center;
    -webkit-transition:all 0.25s ease-in-out;
        transition:all 0.25s ease-in-out;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	padding: 30% 0 0;
}
a:hover>figure img {
        transform: scale(1.15,1.15);
        -webkit-transform:scale(1.15,1.15);
        -moz-transform:scale(1.15,1.15);
        -ms-transform:scale(1.15,1.15);
        -o-transform:scale(1.15,1.15);
}
a:hover>figure figcaption {
    opacity: 1;
}
#staffBT {
	width: 335px;
	height: 55px;
	line-height: 50px;
	text-align: center;
	border: 2px solid #5e5e5e;
	margin: 40px auto;
	position: relative;
	z-index: 2;
	 background-color: #fff;
	cursor: pointer;
}

.inline_disp{
    padding: 15px 15px 15px;
    color: #FFF;
    display: flex;
}

.ichigo-inline_disp {
    background: #fbb216;
}
.plus-inline_disp{
    background: #68accb;
}

.atelier-inline_disp {
    background: #32b4c3;
}


.staff_name{
    font-size: 23px;
}
.com_title{
    font-size: 20px;
}
.staff_name span{
    display: inline-block;
    padding: 0 5px;
    position: relative;
    line-height: 1.2;
}
.staff_name span b{
    position: relative;
    z-index: 999;

}
.staff_name span:before{
    /* content: ''; */
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fffb00;
    z-index: 990;
}
.inline_disp figure{
    width: 60%;
    display: inline-block;
}
.inline_disp div{
    display: inline-block;
    width: 39%;
    margin: 0px 0 0 0px;
    padding: 0 0 0 10px;
    vertical-align: text-bottom;
    box-sizing: border-box;
}

.comment_disp dt{
    border-radius: 20px;
    width: 145px;
    padding: 0 0 0 16px;
    font-size:14px;
}
.comment_disp dd{
	margin:0 3px 10px;
	font-size:14px;
}

.ichigo-inline_disp .comment_disp dt{
    background: #e79d00;
}
.plus-inline_disp .comment_disp dt{
    background: #468aa9;
}

.atelier-inline_disp .comment_disp dt{
    background: #0e92a1;
}