@charset "UTF-8";
/* ==================================================================================================== レイアウト
==================================================================================================== */
body { background: url("../img/staff/main_bg001.png") no-repeat left top; }
@media screen and (max-width: 750px) { body { background: url("../img/common/sp/main_bg001.png") no-repeat center top; background-size: contain; } }

.maintitle-sec { margin-bottom: 130px; }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.staff-movie { display: flex; margin-bottom: 45px; }
@media screen and (max-width: 750px) { .staff-movie { display: block; padding: 0 4%; } }
.staff-movie .staff-movie-fig { display: flex; justify-content: flex-end; width: 55%; }
@media screen and (max-width: 750px) { .staff-movie .staff-movie-fig { display: none; } }
.staff-movie .staff-movie-fig figure { max-width: 670px; }
.staff-movie .staff-movie-con { width: 45%; }
@media screen and (max-width: 750px) { .staff-movie .staff-movie-con { width: 100%; } }
.staff-movie .staff-movie-con .staff-movie-ttl { margin-bottom: 20px; padding: 10px 0 25px 55px; border-bottom: 1px solid #0096e5; font-size: 1.6666666667rem; line-height: 1.6; }
@media screen and (max-width: 750px) { .staff-movie .staff-movie-con .staff-movie-ttl { padding: 0; border-bottom: none; text-align: center; } }
.staff-movie .staff-movie-con p { max-width: 625px; padding: 0 20px 0 55px; line-height: 1.5; }
@media screen and (max-width: 750px) { .staff-movie .staff-movie-con p { max-width: initial; margin-top: 20px; padding: 0; } }

.staff-box { position: relative; }
.staff-box:nth-child(even) { background-color: #f0f0f0; }
.staff-box .staff-box-in { display: flex; justify-content: space-between; max-width: 940px; margin: 0 auto; padding: 30px 20px 50px; }
@media screen and (max-width: 750px) { .staff-box .staff-box-in { display: block; padding-left: 4%; padding-right: 4%; } }
.staff-box .staff-box-in figure { width: 32.2222222222%; }
@media screen and (max-width: 750px) { .staff-box .staff-box-in figure { width: 80%; margin: 0 auto 20px; text-align: center; } }
.staff-box .staff-box-in .staff-box-con { width: 62.2222222222%; }
@media screen and (max-width: 750px) { .staff-box .staff-box-in .staff-box-con { width: 100%; } }
.staff-box .staff-box-in .staff-box-con .staff-box-ttl { margin-bottom: 25px; color: #0096e5; font-size: 1.7222222222rem; font-weight: normal; letter-spacing: 5px; }
@media screen and (max-width: 750px) { .staff-box .staff-box-in .staff-box-con .staff-box-ttl { text-align: center; } }
.staff-box .staff-box-in .staff-box-con .staff-box-ttl small { margin-right: 1em; font-size: 1.1111111111rem; letter-spacing: 3px; }
.staff-box .staff-box-in .staff-box-con p { font-size: 0.8888888889rem; line-height: 1.8; }

.staff-box01::before, .staff-box02::before, .staff-box04::before { content: ''; position: absolute; display: block; background-repeat: no-repeat; background-position: center bottom; background-size: contain; }
@media screen and (max-width: 750px) { .staff-box01::before, .staff-box02::before, .staff-box04::before { display: none; } }

.staff-box01::before { right: 0; top: 0; width: 172px; height: 173px; margin: -2.8571428571% 10.5% 0 0; background-image: url("../img/staff/main_bg004.png"); background-position: center top; }
@media screen and (max-width: 1400px) { .staff-box01::before { width: 12.2857142857%; } }
.staff-box01 .staff-box-in { align-items: center; }

.staff-box02::before { left: 0; bottom: 0; width: 230px; height: 207px; margin: 0 0 -6.7857142857% 2.8571428571%; background-image: url("../img/staff/main_bg005.png"); }
@media screen and (max-width: 1400px) { .staff-box02::before { width: 16.4285714286%; } }

.staff-box04::before { right: 0; bottom: 0; width: 228px; height: 229px; margin: 0 9.8571428571% -6.7857142857% 0; background-image: url("../img/staff/main_bg006.png"); }
@media screen and (max-width: 1400px) { .staff-box04::before { width: 16.2857142857%; } }

.staff-list { background: url("../img/staff/main_bg003.png") no-repeat left bottom; background-size: 100% auto; }
.staff-list .staff-list-bg { padding: 50px 20px 120px; background: url("../img/staff/main_bg002.png") no-repeat center top 250px; background-size: 100% auto; line-height: 1.5; }
@media screen and (max-width: 750px) { .staff-list .staff-list-bg { padding-left: 4%; padding-right: 4%; } }
.staff-list .staff-list-box { display: flex; justify-content: center; }
@media screen and (max-width: 960px) { .staff-list .staff-list-box { font-size: 0.8888888889rem; } }
@media screen and (max-width: 750px) { .staff-list .staff-list-box { display: block; } }
.staff-list .staff-list-box .staff-list-ttl, .staff-list .staff-list-box dt { width: 21em; padding-right: 2em; padding-bottom: 1.5em; border-right: 1px solid #e3e3e3; text-align: right; }
@media screen and (max-width: 960px) { .staff-list .staff-list-box .staff-list-ttl, .staff-list .staff-list-box dt { width: 20em; padding-right: 1em; } }
@media screen and (max-width: 750px) { .staff-list .staff-list-box .staff-list-ttl, .staff-list .staff-list-box dt { width: 100%; margin-bottom: 10px; padding-right: 0; padding-bottom: 10px; border-right: none; border-bottom: 1px solid #e3e3e3; text-align: center; } }
.staff-list .staff-list-box .staff-list-name, .staff-list .staff-list-box dd { width: 25em; padding-left: 2em; padding-bottom: 1.5em; }
@media screen and (max-width: 960px) { .staff-list .staff-list-box .staff-list-name, .staff-list .staff-list-box dd { width: 24em; padding-left: 1em; } }
@media screen and (max-width: 750px) { .staff-list .staff-list-box .staff-list-name, .staff-list .staff-list-box dd { width: 100%; padding-left: 0; text-align: center; } }
.staff-list .staff-list-box:last-child .staff-list-ttl, .staff-list .staff-list-box .staff-list-box-in .staff-list-ttl { padding-bottom: 0; }
@media screen and (max-width: 750px) { .staff-list .staff-list-box:last-child .staff-list-ttl, .staff-list .staff-list-box .staff-list-box-in .staff-list-ttl { padding-bottom: 10px; } }
.staff-list .staff-list-box:last-child .staff-list-name, .staff-list .staff-list-box .staff-list-box-in .staff-list-name { padding-bottom: 0; }
.staff-list .staff-list-box ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .staff-list .staff-list-box ul { justify-content: center; } }
.staff-list .staff-list-box ul li { width: 50%; }
.staff-list .staff-list-box ul li.w100 { width: 100%; }
.staff-list .staff-list-box dl { display: flex; justify-content: center; }
@media screen and (max-width: 750px) { .staff-list .staff-list-box dl { display: block; margin-bottom: 1em; } }
.staff-list .staff-list-box dl dt { padding-bottom: 0; }
@media screen and (max-width: 750px) { .staff-list .staff-list-box dl dt { border-bottom: none; font-weight: bold; } }
.staff-list .staff-list-box dl dd { padding-bottom: 0; }
.staff-list .staff-list-box dl:last-child dt { padding-bottom: 1.5em; }
@media screen and (max-width: 750px) { .staff-list .staff-list-box dl:last-child dt { padding-bottom: 0; } }
.staff-list .staff-list-box dl:last-child dd { padding-bottom: 1.5em; }

/*# sourceMappingURL=staff.css.map */