/* People
=================================== */

#people #container { background-color:#fff; padding:70px 0 0 0; }
#people.pp-ind #container { padding:0 0 0 0; }

#people #pagebody { width:auto; }


/* ------------ staff list ------------ */

.wk-staff { width:980px; margin:2.0em auto 0 auto; padding-top:2.0em; border-top:#d9d9d9 1px solid; }
.wk-staff .sttl { font-size:130%; margin-bottom:1.3em; }
.wk-staff-list { display:flex; flex-wrap:wrap; }
.wk-staff-list li { width:33.3%; margin-bottom:1.5em; padding-right:0.7em; box-sizing:border-box; }
.wk-staff-list li a { display:flex; color:#000!important; text-decoration:none; /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover:hover) { .wk-staff-list li a:hover { transform:translateX(4px); opacity:0.7; } }
.wk-staff-list li .tmb { width:5em; aspect-ratio:1 / 1; margin-right:1.0em; }
.wk-staff-list li .tmb span { display:block; width:100%; height:100%; border-radius:0.7em; border:#d9d9d9 1px solid; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.wk-staff-list li .text-box { flex:1; }
.wk-staff-list li .name { font-size:120%; line-height:140%; font-weight:700; margin-bottom:0.3em; }
.wk-staff-list li .division { font-size:90%; line-height:140%; }

#btn-backtop { text-align:center; padding:1.0em 0; }
#btn-backtop a { position:relative; display:inline-block; width:16.0em; margin-bottom:1.0em; padding:1.0em 0; background-color:#fff; border-radius:1000px; border:var(--cl-tbsblue) 2px solid; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4); color:var(--cl-tbsblue); font-weight:700; text-decoration:none; /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover:hover) { #btn-backtop a:hover { transform:translateX(4px); opacity:0.7; } }

/* -- Media Queries -- */

@media all and (max-width: 1079px) {

.wk-staff { width:90%; margin:2.0em 5% 0 5%; padding-top:2.0em; }
.wk-staff-list li { width:50%; }

}

@media all and (max-width: 767px) {

.wk-staff-list li { width:100%; padding-right:0; }

}


/* ------------ detail ------------ */

#pp-header { width:640px; margin:0 auto 30px auto; padding:30px 0; }
#pp-main { position:relative; width:640px; height:0; padding-top:100.00%; margin:auto; }
#pp-main-p { position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; }
#pp-main-p span { display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#pp-catch { position:absolute; z-index:2; top:10px; right:-80px; font-size:52px; line-height:60px; color:#0050ff; text-align:right; }
#pp-profile { position:relative; z-index:3; display:inline-block; margin:-60px 0 0 -95px; padding:30px; box-sizing:border-box; background-color:rgba(0,80,255,0.8); color:#fff; }
#pp-name { font-size:37px; margin-bottom:10px; letter-spacing:0.05em; }
#pp-name-e { font-size:22px; margin-bottom:10px; letter-spacing:0.07em; }
#pp-profile-t { font-size:15px; line-height:30px; letter-spacing:0.02em; }

.pp-ttl { background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#pp-works { width:900px; margin:auto; }
#pp-works:after {content:"";clear:both;display:block;}
#pp-works h2 { background-image:url(../img/people/common/ttl_works.png); width:241px; height:63px; margin:0 auto 60px auto; }
#pp-mywork { width:900px; padding:40px 35px 95px 35px; box-sizing:border-box; background-color:#f0f0f0; }
#pp-mywork:after {content:"";clear:both;display:block;}
#pp-mywork h3 { background-image:url(../img/people/common/ttl_mywork.png); width:297px; height:37px; margin:0 auto 30px auto; }
#pp-mywork-p { float:left; width:480px; }
#pp-mywork-p li { position:relative; width:480px; height:0; padding-top:56.25%; margin-bottom:15px; }
#pp-mywork-p li span { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-size:cover; }
#pp-mywork-t { float:right; width:320px; }
#pp-mywork-t p { font-size:14px; line-height:36px; }

#pp-mywork-posi,
#pp-mywork-nega { float:left; width:490px; padding:20px; box-sizing:border-box; }
#pp-mywork-posi { background-color:#fff; margin:-70px 0 0 -40px; }
#pp-mywork-nega { background-color:#231815; margin:0 -40px -70px 0; }
#pp-mywork-posi h4 { background-image:url(../img/people/common/ttl_posi.png); width:294px; height:26px; margin:0 auto 20px auto; }
#pp-mywork-nega h4 { background-image:url(../img/people/common/ttl_nega.png); width:315px; height:33px; margin:0 auto 20px auto; }
#pp-mywork-posi p { font-size:14px; line-height:36px; text-align:center; }
#pp-mywork-nega p { font-size:14px; line-height:36px; text-align:center; color:#fff; }

#pp-schedule { width:900px; margin:0 auto 60px auto; padding:110px 30px 50px 50px; box-sizing:border-box; background-position:right 30px top 208px; background-repeat:no-repeat; background-color:#f0f0f0; }

#pp-schedule:after {content:"";clear:both;display:block;}
#pp-schedule h3 { background-image:url(../img/people/common/ttl_schedule.png); width:387px; height:38px; margin:0 auto 60px auto; }
#pp-sche-main { float:left; width:480px; }
.pp-sche-box { padding-bottom:30px; background:url(../img/people/common/schedule_line.png) 80px 0 repeat-y; }
.pp-sche-box:last-child { padding-bottom:0; background:none; }
.pp-sche-box:after {content:"";clear:both;display:block;}
.pp-sche-time { float:left; width:20px; height:113px; margin-right:6px; }
.pp-sche-time p { position:relative; bottom:-113px; display:block; width:113px; height:20px; font-size:20px; font-weight:bold; transform:rotate(270deg); color:#0050ff; text-align:right; transform-origin: 0 0; }
.pp-sche-p { float:left; width:113px; }
.pp-sche-p span { display:block; width:100%; height:100%; background-size:cover; }

.pp-sche-t { padding-left:172px; }
.pp-sche-t h4 { font-size:16px; margin-bottom:7px; }
.pp-sche-t p { font-size:14px; line-height:24px; }
#pp-sche-comment { float:right; position:relative; width:320px; }
#pp-sche-comment-p { position:absolute; width:320px; }
#pp-sche-comment-p span { display:block; width:320px; height:800px; background-repeat:no-repeat; }
#pp-sche-comment-t { position:absolute; width:272px; margin:320px 39px 0 39px; padding:100px 20px 30px 20px; box-sizing:border-box; background:url(../img/people/common/schedule_p_t_bg.png) left top; font-size:14px; line-height:30px; color:#fff; }

#pp-outside { width:900px; box-sizing:border-box; margin:0 auto 60px auto; }
#pp-outside h2 { background-image:url(../img/people/common/ttl_outside.png); width:566px; height:64px; margin:0 auto 60px auto; }
#pp-outside-off h3 { background-image:url(../img/people/common/ttl_off.png); width:126px; height:38px; margin:0 0 15px 0; }
#pp-outside-collage h3 { background-image:url(../img/people/common/ttl_collage.png); width:201px; height:39px; margin:0 0 15px 0; }
#pp-outside-off { margin-bottom:50px; }
#pp-outside-off:after,
#pp-outside-collage:after  {content:"";clear:both;display:block;}
.pp-os-p { position:relative; width:540px; height:0; padding-top:33.33%; }
.pp-os-p span { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-repeat:no-repeat; background-size:cover; }
#pp-outside-off .pp-os-p { float:left; }
#pp-outside-off .pp-os-box { float:right; width:340px; margin-left:20px; }
#pp-outside-collage .pp-os-p { float:right; }
#pp-outside-collage .pp-os-box { float:left; width:340px; margin-right:20px; }
.pp-os-box p { font-size:14px; line-height:24px; }

#pp-message { background:url(../img/people/common/message_bg.png) center 97px no-repeat; }
.msg-left #pp-message { background:url(../img/people/common/message_bg2.png) center 97px no-repeat; }
#pp-message-inner { position:relative; width:980px; height:700px; margin:auto; background-repeat:no-repeat; }

#pp-message h2 { background-image:url(../img/people/common/ttl_message.png); width:354px; height:77px; margin:auto; }
#pp-ms-p { position:absolute; z-index:1; width:980px; height:700px; }
#pp-ms-p span { display:block; width:980px; height:700px; }
#pp-ms-t { position:absolute; z-index:2; width:350px; height:460px; top:120px; display:flex; align-items: center; right:75px; color:#fff; font-size:17px; line-height:30px; overflow:auto; }
.msg-left #pp-ms-t { left:75px; }
#pp-ms-p { display:none; }

.mCSB_container.mCS_no_scrollbar_y { height:460px; display:flex; align-items: center; }



@media all and (max-width: 767px) {

#pp-header { width:100%; margin:0 auto 30px auto; padding:0; }
#pp-main { width:100%; }
#pp-profile { width:100%; margin:0; padding:20px; }
#pp-catch { top:3vw; right:3vw; font-size:6vw; line-height:9vw; }
#pp-name { font-size:20px; }
#pp-name-e { font-size:18px; }
#pp-profile-t { font-size:14px; line-height:24px; }

#pp-works { width:auto; }
#pp-works h2 { width:121px; height:32px; margin:0 auto 30px auto; }
#pp-mywork { width:auto; padding:20px; }
#pp-mywork h3 { width:198px; height:25px; margin:0 auto 20px auto; }
#pp-mywork-p { float:none; width:auto; }
#pp-mywork-p li { width:auto; }
#pp-mywork-t { float:none; width:auto; }
#pp-mywork-t p { font-size:14px; line-height:24px; }

#pp-mywork-posi,
#pp-mywork-nega { float:none; width:auto; padding:20px; margin:0; }
#pp-mywork-posi h4 { width:265px; height:23px; margin:0 auto 10px auto; }
#pp-mywork-nega h4 { width:284px; height:29px; margin:0 auto 10px auto; }
#pp-mywork-posi p,
#pp-mywork-nega p { font-size:14px; line-height:24px; }

#pp-schedule { width:auto; margin:0 auto 30px auto; background-image:none!important; padding:20px 0 0 0; }
#pp-schedule h3 { width:271px; height:27px; margin:0 auto 20px auto; }
#pp-sche-main { width:auto; float:none; padding:0 20px; box-sizing:border-box; }
.pp-sche-box { padding-bottom:30px; background:url(../img/people/common/schedule_line.png) 55px 0 repeat-y; }
.pp-sche-box:last-child { padding-bottom:20px; }
.pp-sche-time { width:16px; height:80px; margin-right:5px; }
.pp-sche-time p { bottom:-80px; width:80px; height:14px; font-size:16px; }
.pp-sche-p { width:80px; height:80px; }
.pp-sche-t { width:auto; padding-left:110px; }
#pp-sche-comment { float:none; position:relative; width:auto; min-height:800px; padding:150px 20px 0 20px; box-sizing:border-box; background-position:center top; background-repeat:no-repeat; }

#pp-sche-comment-t { position:relative; width:auto; margin:0; padding:100px 20px 30px 20px; background:url(../img/people/common/schedule_p_t_bg_smp.png) right top; font-size:14px; line-height:30px; }

#pp-outside { width:auto; margin:0 auto; padding:0 20px; box-sizing:border-box; }
#pp-outside h2 { width:256px; height:29px; margin:0 auto 20px auto; }
#pp-outside-off h3 { width:86px; height:26px; margin:0 auto 10px auto; }
#pp-outside-collage h3 { width:134px; height:26px; margin:0 auto 10px auto; }
#pp-outside-off { margin-bottom:0; }
.pp-os-p { float:none; width:100%; padding-top:55.55%; margin:0 0 15px 0; }
.pp-os-box { float:none; width:100%!important; margin:0 0 20px 0; }

#pp-message { background:none; }
#pp-message h2 { position:relative; width:100%; height:0; padding-top:23.3337%; background:none; }
#pp-message h2 span { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:url(../img/people/common/message_ttl_smp.png); background-size:cover; }
#pp-message-inner { width:auto; height:auto; background:none!important; }
#pp-ms-t { position:relative; width:auto; height:auto; top:0; right:0; display:block; background-color:#0076ff; padding:15px 20px 0 20px; box-sizing:border-box; color:#fff; font-size:14px; line-height:28px; }
.msg-left #pp-ms-t { left:0; }
#pp-ms-p { display:block; position:relative; width:100%; height:0; padding-top:115.51%; }
#pp-ms-p span { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background-position:0 0; background-repeat:no-repeat; background-size:cover; }

.mCSB_container.mCS_no_scrollbar_y { height:auto; }

/* recruit ana */
#recruit .pp-list { padding:0 0 0 0; }
#recruit #pp-list-ana .pp-list-ttl h2 { width:196px; height:32px; }
#recruit .pp-list-link { padding:0; }

}

[an error occurred while processing this directive]