/* ----------
page-work
---------- */

.brand {background-color:transparent;}

.local-nav-work-fixed {position:absolute; top:380px; left:calc(50% - 135px); display:block; width:270px; z-index:1;}
.local-nav-work {width:100%; margin:0; padding:0; list-style:none;}
.local-nav-work > .local-nav-work-item {position:relative; text-align:left;}
.local-nav-work > .local-nav-work-item:not(:last-child) {margin-bottom:10px;}
.local-nav-work > .local-nav-work-item::before {position:absolute; top:50%; right:0; display:none; content:''; width:40px; height:1px; background-color:#fff;}
.local-nav-work > .local-nav-work-item > .local-nav-work-link {color:#fff; font-size:14px;}
.local-nav-work > .local-nav-work-item > .local-nav-work-link span {position:relative; display:block; padding:3px 20px; background-color:rgba(17, 50, 128, .5); border-radius:50px; transition:all .3s ease-in-out;}
.local-nav-work > .local-nav-work-item > .local-nav-work-link span::after {position:absolute; top:11px; right:15px; font-family:'FontAwesome'; content:''; line-height:1; border-width:6px; border-style:solid; border-color:transparent; border-top:6px solid #fff;}
.local-nav-work > .local-nav-work-item > .local-nav-work-link i {display:none; font-style:normal;}
.local-nav-work > .local-nav-work-item.active > .local-nav-work-link span,
.local-nav-work > .local-nav-work-item > .local-nav-work-link:hover span {background-color:#111a38;}

.page-header {position:relative; height:600px; background-image:url(../images/page-work/page-header-bg-sp.jpg);}
.page-header-title {position:absolute; top:90px; left: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 {font-size:16px; line-height:1; letter-spacing:5px;}

.page-section {padding-top:50%; background-size:contain !important; background-position:top center !important; background-repeat:no-repeat;}
.page-section-inner {padding:0;}
.page-section-heading {padding:30px 0; background-color:rgba(17, 50, 128, .8); text-align:center; color:#fff;}
.page-section-heading .page-section-heading-ja {margin-bottom:10px; font-size:20px; line-height:1; letter-spacing:3px;}
.page-section-heading .page-section-heading-en {position:relative; padding-bottom:10px; font-size:12px; line-height:1; letter-spacing:1px;}
.page-section-heading .page-section-heading-en::before {position:absolute; bottom:0; left:calc(50% - 12.5px); content:''; width:25px; height:1px; background-color:#fff;}
.page-section-body {line-height:2;}
.page-section-body .page-section-body-text {margin-bottom:20px; padding:0 20px 20px; background-color:rgba(17, 50, 128, .8); color:#fff; font-size:12px;}
.page-section-body .work-content {margin-bottom:20px; padding-left:20px; padding-right:20px;}
.page-section-body .work-content-title {font-size:18px; font-weight:400; color:#113280;}
.page-section-body .work-content-description {font-size:12px; color:#113280;}

@media (min-width:768px) {
    .local-nav-work-fixed {position:fixed; top:0; left:auto; right:110px; display:flex; align-items:center; width:290px; height:100vh; background-color:rgba(0, 0, 0, .3);}
    .local-nav-work > .local-nav-work-item {padding-right:50px; text-align:right;}
    .local-nav-work > .local-nav-work-item:not(:last-child) {margin-bottom:20px;}
    .local-nav-work > .local-nav-work-item::before {display:block;}
    .local-nav-work > .local-nav-work-item > .local-nav-work-link span {display:inline-block; padding:0; background-color:transparent; border-radius:0;}
    .local-nav-work > .local-nav-work-item > .local-nav-work-link span::after {display:none;}
    .local-nav-work > .local-nav-work-item > .local-nav-work-link i {display:inline;}

    .page-header {height:800px; background-image:url(../images/page-work/page-header-bg.jpg);}
    .page-header-title {top:240px; left: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:100px; background-size:cover;}
    .page-section-inner {padding:60px 30px 50px; background-color:rgba(17, 50, 128, .8); color:#fff;}
    .page-section-heading {padding:0 0 50px; background-color:transparent;}
    .page-section-heading .page-section-heading-ja {margin-bottom:15px; font-size:28px;}
    .page-section-heading .page-section-heading-en {position:static; font-size:20px;}
    .page-section-heading .page-section-heading-en::before {display:none;}
    .page-section-body .page-section-body-text {margin-bottom:40px; padding:0; background-color:transparent; font-size:16px;}
    .page-section-body .work-content {margin-bottom:40px; padding-left:0; padding-right:0;}
    .page-section-body .work-content-title {font-size:20px; color:inherit;}
    .page-section-body .work-content-description {font-size:14px; color:inherit;}
}