/* ----------
page-people
---------- */

.brand {background-color:transparent;}

.page-header {position:relative; height:450px; background-image:url(../images/page-people/page-header-bg-sp.jpg);}
.page-header-title {position:absolute; top:90px; right:20px; display:block; color:#111a38;}
.page-header-title .page-header-title-en {margin-bottom:10px; font-size:40px; line-height:1; letter-spacing:3px;}
.page-header-title .page-header-title-ja {text-align:right; font-size:16px; line-height:1; letter-spacing:5px;}

.page-section {padding-top:30px; padding-bottom:15px;}
.people-content-item {position:relative; cursor:pointer;}
.people-content-item:not(:last-child) {margin-bottom:20px;}
.people-content-block {position:absolute; top:0; right:0; display:inline-block; padding:10px 15px; background-color:#fff; text-align:left; white-space:nowrap; color:#000; transform:translateX(0);}
.people-content-item:nth-child(even) .people-content-block {left:0; right:auto; transform:translateX(0);}
.people-content-item:nth-child(1) .people-content-block,
.people-content-item:nth-child(5) .people-content-block {top:calc(50% - (138px / 2));}
.people-content-item:nth-child(2) .people-content-block,
.people-content-item:nth-child(3) .people-content-block,
.people-content-item:nth-child(4) .people-content-block {top:calc(50% - (157px / 2));}
.people-content-title {margin-bottom:0; font-size:20px; line-height:1.25; letter-spacing:0;}
.people-content-description {}
.people-content-description-department {margin-bottom:0; font-size:11px;}
.people-content-description-name {font-size:16px; font-weight:500;}
.people-content-description-join {font-size:12px;}
.people-readmore {position:absolute; bottom:0; left:0; transform:translateX(0);}
.people-readmore .btn {font-size:12px;}
.people-content-item:nth-child(even) .people-readmore {left:auto; right:0; transform:translateX(0);}
.people-content-item:hover .btn-default-fill {background-color:#fff; color:#111a38; background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2232.98px%22%20height%3D%228.18px%22%20viewBox%3D%220%200%2032.98%208.18%22%20style%3D%22enable-background%3Anew%200%200%2032.98%208.18%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23111A38%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2228.59%2C0%2027.9%2C0.73%2030.98%2C3.59%200%2C3.59%200%2C4.59%2030.98%2C4.59%2027.9%2C7.45%2028.59%2C8.18%2032.98%2C4.09%20%22%2F%3E%3C%2Fsvg%3E');}

@media (min-width:768px) {

    .page-header {height:800px; background-image:url(../images/page-people/page-header-bg.jpg);}
    .page-header-title {top:240px; right:80px;}
    .page-header-title .page-header-title-en {margin-bottom:25px; font-size:80px;}
    .page-header-title .page-header-title-ja {font-size:24px;}

    .page-section {padding-top:70px; padding-bottom:30px;}
    .people-content-item:not(:last-child) {margin-bottom:30px;}
    .people-content-block {position:static; padding:25px 30px 20px; white-space:nowrap; transform:translateX(-50px);}
    .people-content-item:nth-child(even) .people-content-block {transform:translateX(50px);}
    .people-content-title {margin-bottom:5px; font-size:40px; letter-spacing:3px;}
    .people-content-description-department {margin-bottom:10px; font-size:14px;}
    .people-content-description-name {font-size:18px;}
    .people-content-description-join {font-size:12px;}
    .people-readmore {position:static; transform:translateX(-50px);}
    .people-readmore .btn {font-size:14px;}
    .people-content-item:nth-child(even) .people-readmore {transform:translateX(50px);}
}