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

.brand {background-color:transparent;}

.page-header {position:relative; height:380px;}

.page-cargo .page-header {background-image:url(../images/page-people/page-cargo/page-header-bg-sp.jpg);}
.page-ground .page-header {background-image:url(../images/page-people/page-ground/page-header-bg-sp.jpg);}
.page-t2-handling .page-header {background-image:url(../images/page-people/page-t2-handling/page-header-bg-sp.jpg);}
.page-passenger-service .page-header {background-image:url(../images/page-people/page-passenger-service/page-header-bg-sp.jpg);}
.page-operation-service .page-header {background-image:url(../images/page-people/page-operation-management/page-header-bg-sp.jpg);}

.page-lcc-service .page-header {background-image:url(../images/page-people/page-lcc-service/page-header-bg-sp.jpg);}
.page-maintenance .page-header {background-image:url(../images/page-people/page-maintenance/page-header-bg-sp.jpg);}
.page-header-title {position:absolute; bottom:-30px; 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;}

.people-content-block {display:inline-block; padding:10px 15px; background-color:#fff; text-align:left; white-space:nowrap; color:#000;}
.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:600;}
.people-content-description-join {font-size:12px;}

.page-section {padding-top:40px; padding-bottom:15px;}
.page-section-heading {padding-bottom:30px; font-size:24px; line-height:1.5; letter-spacing:-2px;}
.page-passenger-service .page-section-heading-line-2 {margin-left:7em;}
.page-cargo .page-section-heading-line-2 {margin-left:0em;}
.page-cargo .page-section-heading-line-3 {margin-left:0em;}
.page-ground .page-section-heading-line-2 {margin-left:4em;}

.page-operation-service .page-section-heading-line-2 {margin-left:2em;}
.page-lcc-service .page-section-heading-line-2 {margin-left:5em;}
.page-maintenance .page-section-heading-line-2 {margin-left:2em;}
.page-section-text {/* padding:20px 0 30px; */}
.page-section-text-heading {margin-bottom:10px; font-size:16px; font-weight:400;}
.page-section-text-description {font-size:13px; line-height:2;}

.aside-navigation-title {margin-bottom:10px; text-align:center; font-size:30px; line-height:1; letter-spacing:1px;}
.aside-navigation-subtitle {margin-bottom:20px; text-align:center; font-size:14px; line-height:1;}
.aside-navigation-link: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');}

.people-navigation {padding:40px 0 0;}
.people-navigation-link {position:relative; display:block;}
.people-navigation-link .btn {position:absolute; bottom:10px; left:10px; right:10px; display:block;}

.to-work-navigation {padding:40px 0 20px;}
.to-work-navigation-link {position:relative; display:block; padding-top:50px; padding-bottom:20px; text-align:center;}

.page-cargo .to-work-navigation-link {background-image:url(../images/page-people/page-cargo/to-work.jpg);}
.page-ground .to-work-navigation-link {background-image:url(../images/page-people/page-cargo/to-work.jpg);}
.page-passenger-service .to-work-navigation-link {background-image:url(../images/page-people/page-passenger-service/to-work.jpg);}
.page-t2-handling .to-work-navigation-link {background-image:url(../images/page-people/page-t2-handling/to-work.jpg);}

.page-operation-service .to-work-navigation-link {background-image:url(../images/page-people/page-operation-management/to-work.jpg);}
.page-lcc-service .to-work-navigation-link {background-image:url(../images/page-people/page-lcc-service/to-work.jpg);}
.page-maintenance .to-work-navigation-link {background-image:url(../images/page-people/page-maintenance/to-work.jpg);}
.to-work-navigation-link::before {position:absolute; top:0; left:0; content:''; display:block; width:100%; height:100%; background-color:rgba(0, 0, 0, .4);}
.to-work-navigation-link .to-work-navigation-title {position:relative; margin-bottom:20px; color:#fff; font-size:24px; line-height:1; letter-spacing:1px;}
.to-work-navigation-link .btn {position:relative;}

@media (min-width:768px) {
    .page-header {height:700px; background-position:center top;}
    .page-cargo .page-header {background-image:url(../images/page-people/page-cargo/page-header-bg.jpg);}
    .page-ground .page-header {background-image:url(../images/page-people/page-ground/page-header-bg.jpg);}
    .page-t2-handling .page-header {background-image:url(../images/page-people/page-t2-handling/page-header-bg.jpg);}
    .page-passenger-service .page-header {background-image:url(../images/page-people/page-passenger-service/page-header-bg.jpg);}
    .page-operation-service .page-header {background-image:url(../images/page-people/page-operation-management/page-header-bg.jpg);}


    .page-lcc-service .page-header {background-image:url(../images/page-people/page-lcc-service/page-header-bg.jpg);}
    .page-maintenance .page-header {background-image:url(../images/page-people/page-maintenance/page-header-bg.jpg);}


    .page-header-title {bottom:-108px; right:160px;}
    .page-header-title .page-header-title-en {margin-bottom:25px; font-size:80px;}
    .page-header-title .page-header-title-ja {font-size:24px;}

    .people-content-block {padding:25px 30px 20px; white-space:nowrap;}
    .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;}

    .page-section {padding-top:50px; padding-bottom:30px;}
    .page-section-heading {padding-bottom:50px; font-size:40px;}
    .page-passenger-service .page-section-heading-line-2 {margin-left:8em;}
    .page-cargo .page-section-heading {font-size:33px;}
    .page-cargo .page-section-heading-line-2 {margin-left:2em;}
    .page-cargo .page-section-heading-line-3 {margin-left:4em;}
    .page-ground .page-section-heading-line-2 {margin-left:4em;}
    .page-t2-handling .page-section-heading-line-2 {margin-left:10em;}


    .page-operation-service .page-section-heading-line-2 {margin-left:4em;}
    .page-lcc-service .page-section-heading-line-2 {margin-left:6em;}
    .page-maintenance .page-section-heading-line-2 {margin-left:3em;}
    .page-section-text {padding:30px 30px 50px;}
    .page-section-text-heading {margin-bottom:10px; font-size:20px;}
    .page-section-text-description {font-size:14px;}

    .aside-navigation-title {margin-bottom:10px; font-size:40px;}
    .aside-navigation-subtitle {margin-bottom:40px; font-size:18px;}

    .people-navigation {padding:70px 0 0;}
    .people-navigation-link .btn {bottom:20px; left:20px; right:20px;}

    .to-work-navigation {padding:70px 0 30px;}
    .to-work-navigation-link {padding-top:100px; padding-bottom:50px;}
    .to-work-navigation-link .to-work-navigation-title {margin-bottom:50px; font-size:40px; letter-spacing:3px;}}
}