@charset "UTF-8";/*-------------------------
__top_style
-------------------------*/

.pc_none{display:none;}
@media screen and (max-width:767px) {
.pc_none{display:inherit;}
.sph_none{display:none;}
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {font-size:1.5rem;line-height:1.4;text-align:left;}
#content{padding-top:50px;}
#content p{font-size:1.5rem;line-height:2;text-align:left;}
#content ul,#content ol,#content dl{font-size:1.5rem;line-height:1.66667;text-align:left;}
#content a{text-decoration:none;color:inherit;}
#content .inner {position:relative;max-width:1000px;margin:0 auto;padding:60px 0;box-sizing:border-box;}

/*===================スタッフ紹介　一覧====================*/

#topImage{width:1000px;/*max-width:1000px;*/margin:40px auto 0;background-color:#000;}
#topImage img{width:100%;height:auto;vertical-align:top;margin:-40px 0 0;}
#staff_list{width:1000px;/*max-width:1000px;*/margin:0 auto 40px;letter-spacing:-1em;text-align:left;padding:80px 0 10px;box-sizing:border-box;background:#000;position:relative;}



#staff_list::before{content:"";display:block;width:427px;height:2px;background:#FFF;margin:0 auto;}



#staff_list dl{display:inline-block;width:100%;max-width: 250px;vertical-align:top;letter-spacing:normal;margin:0 0 20px;box-sizing:border-box;border:3px solid #FFF;position:relative;/*-webkit-transition:.3s;-ms-transition:.3s;transition:.3s;*/background: rgba(34,34,34,1);background: -moz-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,34,34,1)), color-stop(100%, rgba(0,0,0,1)));background: -webkit-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 100%);background: -o-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 100%);background: -ms-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 100%);background: linear-gradient(to bottom, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=0 );}

#staff_list dl dt{width:auto;height:160px;text-align:center;position:relative;}

@media screen and (min-width:961px) {
#staff_list dl.blocklink:hover{background:#666;}
}
#staff_list dl dt a{display:block;height:100%;}
#staff_list dl dt img{width:auto;max-width:100%;height:auto;max-height:100%;vertical-align:top;}
#staff_list dl dt img.c21_seal{width:60px;height:auto;position:absolute;top:0;right:0;border:none;}
#staff_list dl dd{}
#staff_list dl dd .txt{line-height:1.5;color:#000;}
#staff_list dl dd strong{display:block;font-size:0.9em;line-height:1;text-align:center;margin:0 10px 10px;padding:10px 0;background-color:#FFF;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#staff_list dl dd strong span{display:block;font-size:1.5em;font-weight:700;letter-spacing:0.1em;margin:5px 0 0;}
#staff_list dl.blocklink{cursor:pointer;}
#staff_list .staff_list_top{text-align:center;padding:0 30px 150px;position:relative;}
#staff_list .staff_list_top::before{content:"";display:block;width:20%;margin:10% auto auto 10px;position:absolute;top:80px;right:0;bottom:0;left:0;background:url(images/staff_bg02.png)center no-repeat;background-size:contain;z-index:1;}
#staff_list .staff_list_top::after{content:"";display:block;width:15%;margin:10% 10px auto auto;position:absolute;top:0;right:0;bottom:0;left:0;background:url(images/staff_bg03.png)center no-repeat;background-size:contain;z-index:1;}
#staff_list .staff_list_top dl{max-width:250px;z-index:10;}
#staff_list .staff_list_top dl + dl{margin:0 0 0 114px;}
#staff_list .staff_list_wrap{padding:0 30px 0; text-align: center;}










#staff_list .staff_list_wrap::before{content:"";display:block;width:20%;margin:-90% auto auto 10px;position:absolute;top:80px;right:0;bottom:0;left:0;background:url(images/staff_bg02.png)center no-repeat;background-size:contain;z-index:1;}
#staff_list .staff_list_wrap::after{content:"";display:block;width:12%;margin:-78% 10px auto auto;position:absolute;top:0;right:0;bottom:0;left:0;background:url(images/staff_bg03.png)center no-repeat;background-size:contain;z-index:1;}






#staff_list .staff_list_box{display:inline-block;max-width:250px;width: 40%;padding: 0 64px;vertical-align:top;}
#staff_list .staff_list_wrap .staff_list_box.section01::before,
#staff_list .staff_list_wrap .staff_list_box.section02::before{content:"";display:block;width:2px;height:40px;background:#FFF;margin:auto;}

#staff_list .staff_list_box + .staff_list_box{margin:0 0 0 5%;}
#staff_list .staff_list_box h3{display:block;font-size:1.5rem;max-width: 250px; letter-spacing:0.1em;text-align:center;margin:0 auto 15px;padding:10px 0;background-color:#FFF;}
#staff_list .staff_list_box h3 span{font-size:1.2em;font-weight:700;}
/*
#staff_list .staff_list_box.section01{max-width:65%; text-align: center;}
#staff_list .staff_list_box.section01 dl:nth-child(even){margin-right: 15px;}
*/


@media screen and (max-width:767px) {
#topImage{width:auto;margin:0 10px;}
#topImage img{vertical-align:top;margin:0;}
#staff_list{width:auto;text-align:left;padding:10px;margin:0 10px 10px;background:#000;}
#staff_list::before{display:none;}
#staff_list dl{display:block;margin:0 0 10px;border:1px solid #FFF;max-width:none;}
#staff_list dl dt{}
#staff_list dl dt a{}
#staff_list dl dt img{}
#staff_list dl dt img.c21_seal{}
#staff_list dl dd{}
#staff_list dl dd .txt{}
#staff_list dl dd strong{}
#staff_list dl dd strong span{}
#staff_list dl.blocklink{}
#staff_list .staff_list_top{padding:0 0px 40px;}
#staff_list .staff_list_top::before{content:"";display:none;}
#staff_list .staff_list_top::after{content:"";display:none;}
#staff_list .staff_list_top dl{max-width:100%;}
#staff_list .staff_list_top dl + dl{margin:0;}
#staff_list .staff_list_wrap{padding:0;}
#staff_list .staff_list_wrap::before,
#staff_list .staff_list_wrap::after{display:none}
#staff_list .staff_list_box{display:block;max-width:100%;margin:0 0 30px;text-align:center;width: 100%;padding: 0;}
#staff_list .staff_list_box + .staff_list_box{margin:0 0 20px;}
#staff_list .staff_list_wrap .staff_list_box.section01::before,
#staff_list .staff_list_wrap .staff_list_box.section02::before{display:none;}
#staff_list .staff_list_box h3{margin:0 auto 10px;padding:3px 0;max-width:none;}
#staff_list .staff_list_box h3 span{}

#staff_list .staff_list_box.section01{max-width:none;}
#staff_list .staff_list_box.section01 dl:nth-child(even){margin-right:0;}
}
#staff_list dl:nth-child(3n){margin:0 0 15px;}

/*===================スタッフ紹介　詳細====================*/
#staff_detail{width:100%;max-width:1000px;padding:0 20px;margin:0 auto 50px;}
#staff_detail .inner{background:#000 url(images/c21_seal.png) top right no-repeat;background-size:160px auto;letter-spacing:-1em;padding:30px;}
#staff_detail .inner .staff_image{letter-spacing:normal;display:inline-block;vertical-align:bottom;width:30%;padding:0 0 0 0;box-sizing:border-box;}
#staff_detail .inner .staff_image img{width:100%;}
#staff_detail .inner .staff_text{letter-spacing:normal;display:inline-block;letter-spacing:0.1em;vertical-align:top;width:60%;padding:30px 0 0 60px;box-sizing:border-box;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#staff_detail .inner .staff_text .position{font-size:30px;line-height:1.1;color:#FFF;text-align:left;padding:0 0 40px;}
#staff_detail .inner .staff_text .name{margin:0 0 30px;padding:0 0 10px;position:relative;}
#staff_detail .inner .staff_text .name::after{content:"";display:block;width:100%;height:4px;margin:auto auto 0;position:absolute;top:0;right:0;bottom:0;left:0;background: rgba(200,186,141,1);background: -moz-linear-gradient(left, rgba(200,186,141,1) 0%, rgba(200,186,141,1) 80%, rgba(200,186,141,0) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(200,186,141,1)), color-stop(80%, rgba(200,186,141,1)), color-stop(100%, rgba(200,186,141,0)));background: -webkit-linear-gradient(left, rgba(200,186,141,1) 0%, rgba(200,186,141,1) 80%, rgba(200,186,141,0) 100%);background: -o-linear-gradient(left, rgba(200,186,141,1) 0%, rgba(200,186,141,1) 80%, rgba(200,186,141,0) 100%);background: -ms-linear-gradient(left, rgba(200,186,141,1) 0%, rgba(200,186,141,1) 80%, rgba(200,186,141,0) 100%);background: linear-gradient(to right, rgba(200,186,141,1) 0%, rgba(200,186,141,1) 80%, rgba(200,186,141,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8ba8d', endColorstr='#c8ba8d', GradientType=1 );}
#staff_detail .inner .staff_text .name span{color:#FFF;font-size:18px;line-height:1.6;display:inline-block;vertical-align:top;text-align:center;}
#staff_detail .inner .staff_text .name span + span{padding:0 0 0 25px;}
#staff_detail .inner .staff_text .name em{display:block;font-size:55px;}
#staff_detail .inner .staff_text .name .age{font-size:30px;padding-top:55px;}
#staff_detail .inner .staff_text .profile{text-align:left;}
#staff_detail .inner .staff_text .profile .commendation_box{margin-bottom:20px;}
#staff_detail .inner .staff_text .profile .commendation_box .trophy{display:inline-block;width:15px;vertical-align:middle;margin-right:10px;}
#staff_detail .inner .staff_text .profile .commendation_box .commendation{display:inline-block;background:#baab82;box-sizing:border-box;padding:0 10px;}
#staff_detail .inner .staff_text .profile ul li{color:#FFF;font-size:22px;line-height:1.6;position:relative;padding:0 0 0 20px;}
#staff_detail .inner .staff_text .profile ul li:before{content:"";width:12px;height:12px;position:absolute;top:11px;left:0;display:block;background:#FFF;margin:auto;}
#staff_detail .inner .comment{letter-spacing:0.1em;padding:15px 0 0;}
#staff_detail .inner .comment .sub_title{font-size:24px;line-height:1.1;color:#FFF;text-align:left;padding:0 0 15px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#staff_detail .inner .comment .txt{font-size:16px;line-height:1.5;color:#000;text-align:left;padding:20px;background:#fff;display:block;border-radius:6px;}
@media screen and (max-width:1040px) {
#staff_detail{box-sizing:border-box;}}
@media screen and (max-width:767px) {
#staff_detail{padding:0 10px;margin:0 auto 20px;}
#staff_detail .inner{background-size:50px auto;padding:10px;position:relative;}
#staff_detail .inner .staff_image{display:block;width:auto;max-width:30%;margin:0 auto;padding:20px 0 0;}
#staff_detail .inner .staff_image.pt_40px{padding:40px 0 0;}
#staff_detail .inner .staff_image img{}
#staff_detail .inner .staff_text{letter-spacing:normal;display:block;width:auto;padding:0;}
#staff_detail .inner .staff_text .position{font-size:14px;line-height:1.1;padding:0;position:absolute;top:10px;left:10px; padding:0 60px 0 0;}
#staff_detail .inner .staff_text .name{margin:0 0 15px;padding:0 0 7px;}
#staff_detail .inner .staff_text .name::after{height:3px;}
#staff_detail .inner .staff_text .name span{font-size:11px;}
#staff_detail .inner .staff_text .name span + span{padding:0 0 0 5px;}
#staff_detail .inner .staff_text .name em{font-size:20px;font-weight:bold;}
#staff_detail .inner .staff_text .name .age{font-size:14px;font-weight:bold;padding-top:25px;}
#staff_detail .inner .staff_text .profile .commendation_box{margin-bottom:10px;}
#staff_detail .inner .staff_text .profile .commendation_box .trophy{width:12px;}
#staff_detail .inner .staff_text .profile ul li{font-size:14px;padding:0 0 0 20px;}
#staff_detail .inner .staff_text .profile ul li:before{bottom:0;top:0;}
#staff_detail .inner .comment .sub_title{font-size:18px;}
#staff_detail .inner .comment .txt{font-size:14px;padding:10px;}
}