@charset "UTF-8";

/*PC用*/
@media screen and (min-width:641px) {
.local-h2 { background-image: url(../images/staff/h2-bg.jpg); }

.page-staff .pan-Box { margin-bottom: 46px; }

/* read
-------------------------------------*/
#read { text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 20px; line-height: 50px; }
#read .read__ttl { margin-bottom: 28px; }
#read .read__txt { margin-bottom: 24px; letter-spacing: 3px; font-weight: 500; }
#read .read__pic { margin-bottom: 55px; }

/* staff-list
-------------------------------------*/
#staff-list { margin-bottom: 80px; }
#staff-list .deco-top { background-image: url(../images/staff/deco-line.png); background-position: 0 top; background-repeat: no-repeat; }
#staff-list .clump { background-image: url(../images/staff/deco-line.png); background-position: 0 bottom; background-repeat: no-repeat; padding-top: /*48px*/28px; padding-bottom: /*48px*/68px; }
#staff-list li:first-child.clump { background-image: url(../images/staff/deco-line.png); background-position: 0 bottom; background-repeat: no-repeat; padding-top: /*48px*/68px; padding-bottom: /*48px*/68px; }
#staff-list .detail-Box { width: 860px; margin-left: auto; margin-right: auto; }
#staff-list .detail-Box .Box-l { width: /*250 175*/90px; margin: /*0 0 0 60px*/0 40px 0 0; float: left;  }

#staff-list .detail-Box .Box-l .fit{ height: /*340 240*/120px; }

#staff-list .detail-Box .Box-l .pic { border: 1px solid #cccccc; }
#staff-list .detail-Box .Box-r { width: /*550px*/860px; /*margin-top: 12px;*/ }
#staff-list .detail-Box .ttl-Box { /*padding-bottom: 3px; /*margin-bottom: 24px;*/ border-bottom: 1px solid #d1c0a5; font-weight: 500; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; padding-bottom: 40px; }
#staff-list .detail-Box .ttl-Box .job_title { color: #000000; font-size: 24px; padding-left: .2em; margin-bottom: 16px; letter-spacing: 5px; }
#staff-list .detail-Box .ttl-Box .job_title span { color: #666666; font-size: 20px; letter-spacing: 4px; }
#staff-list .detail-Box .ttl-Box .name { color: #000000; font-size: 40px; font-weight: 400; letter-spacing: 3px; margin-bottom: 6px; letter-spacing: 16px; }
#staff-list .detail-Box .ttl-Box .name span { color: #bda063; font-size: 18px; letter-spacing: 3px; }
#staff-list .comment-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #333333; font-size: 18px; font-weight: 500; margin-bottom: 8px; letter-spacing: 2px; }
#staff-list .comment-txt { color: #666666; font-size: 16px; font-weight: 400; line-height: 2.4; }
#staff-list .staff-comm { margin: 30px 0 0; }	
	
}



/*SP用*/
@media screen and (max-width:640px) {
.local-h2 { background-image: url(../images/staff/h2-bg.jpg); background-repeat: no-repeat; background-position: top center; }

.page-staff .pan-Box { margin-bottom: 20px; }

/* read
-------------------------------------*/
#read { text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #000000; font-size: 20px; line-height: 2; padding: 0 3vw; }
#read .read__ttl { margin-bottom: 20px; }
#read .read__txt { margin-bottom: 20px; letter-spacing: 3px; font-weight: 500; text-align: center; }
#read .read__pic { margin-bottom: 40px; }

/* staff-list
-------------------------------------*/
#staff-list { margin-bottom: 40px; padding: 0 3vw; }
#staff-list .deco-top { background-image: url(../images/staff/deco-line.png); background-position: 0 top; background-repeat: no-repeat; padding-top: 28px; }
#staff-list li.clump { background-image: url(../images/staff/deco-line.png); background-position: right bottom; background-repeat: no-repeat; padding-top: /*28*/20px; padding-bottom: /*48*/40px; }
#staff-list .detail-Box { width: 100%; margin-left: auto; margin-right: auto; }
#staff-list .detail-Box .Box-l { width: /*100*/30%; float: left; }

#staff-list .detail-Box .Box-l .pic { border: 1px solid #cccccc; margin: 0 auto 30px; /*width: 65%;*/ }
#staff-list .detail-Box .Box-r { width: 100%; margin-top: 12px; }
#staff-list .detail-Box .ttl-Box { /*padding-bottom: 3px;*/ margin-bottom: 24px; /*border-bottom: 1px solid #d1c0a5;*/ font-weight: 500; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
#staff-list .detail-Box .ttl-Box .job_title { color: #000000; font-size: /*20*/16px; padding-left: .2em; margin-bottom: 16px; letter-spacing: 5px; text-align: center; }
#staff-list .detail-Box .ttl-Box .job_title span { color: #666666; font-size: /*18*/14px; letter-spacing: 4px; }

/*171013*/
#staff-list li:nth-child(2) .detail-Box .ttl-Box .job_title { color: #000000; font-size: /*20*/16px; padding-left: .2em; margin-bottom: 45px; letter-spacing: 5px; text-align: center; }
#staff-list li:nth-child(2) .detail-Box .ttl-Box .job_title span { color: #666666; font-size: /*18*/14px; letter-spacing: 4px; }
#staff-list li:nth-child(3) .detail-Box .ttl-Box .job_title { color: #000000; font-size: /*20*/16px; padding-left: .2em; margin-bottom: 45px; letter-spacing: 5px; text-align: center; }
#staff-list li:nth-child(3) .detail-Box .ttl-Box .job_title span { color: #666666; font-size: /*18*/14px; letter-spacing: 4px; }
#staff-list li:nth-child(4) .detail-Box .ttl-Box .job_title { color: #000000; font-size: /*20*/16px; padding-left: .2em; margin-bottom: 45px; letter-spacing: 5px; text-align: center; }
#staff-list li:nth-child(4) .detail-Box .ttl-Box .job_title span { color: #666666; font-size: /*18*/14px; letter-spacing: 4px; }
/*171013*/


#staff-list .detail-Box .ttl-Box .name { color: #000000; font-size: 8vw; font-weight: 400; letter-spacing: 3px; margin-bottom: 15px; letter-spacing: 6px; text-align: center; }
#staff-list .detail-Box .ttl-Box .name span { color: #bda063; font-size: 16px; letter-spacing: 3px; text-align: center; display: block; }
#staff-list .comment-ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #333333; font-size: 18px; font-weight: 500; margin-bottom: 8px; letter-spacing: 2px; clear: both; border-top: 1px solid #d1c0a5; padding: 15px 0 0 0; }
#staff-list .comment-txt { color: #666666; font-size: 16px; font-weight: 400; line-height: 2.4; }
	
}