.old-newsWrap { -webkit-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } .old-newsWrap *, .old-newsWrap *::before, .old-newsWrap *::after { -webkit-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit; } .old-newsWrap .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .old-newsWrap .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .old-newsWrap .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .old-newsWrap .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .old-newsWrap .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .old-newsWrap .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .old-newsWrap .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .old-newsWrap .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .old-newsWrap .container { width: 1140px; max-width: 100%; } } .old-newsWrap .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .old-newsWrap .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .old-newsWrap .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .old-newsWrap .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .old-newsWrap .container-fluid { padding-right: 15px; padding-left: 15px; } } .old-newsWrap .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .old-newsWrap .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .old-newsWrap .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .old-newsWrap .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .old-newsWrap .row { margin-right: -15px; margin-left: -15px; } } .old-newsWrap .no-gutters { margin-right: 0; margin-left: 0; } .old-newsWrap .no-gutters > .col, .old-newsWrap .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .old-newsWrap .col-1, .old-newsWrap .col-2, .old-newsWrap .col-3, .old-newsWrap .col-4, .old-newsWrap .col-5, .old-newsWrap .col-6, .old-newsWrap .col-7, .old-newsWrap .col-8, .old-newsWrap .col-9, .old-newsWrap .col-10, .old-newsWrap .col-11, .old-newsWrap .col-12, .old-newsWrap .col, .old-newsWrap .col-sm-1, .old-newsWrap .col-sm-2, .old-newsWrap .col-sm-3, .old-newsWrap .col-sm-4, .old-newsWrap .col-sm-5, .old-newsWrap .col-sm-6, .old-newsWrap .col-sm-7, .old-newsWrap .col-sm-8, .old-newsWrap .col-sm-9, .old-newsWrap .col-sm-10, .old-newsWrap .col-sm-11, .old-newsWrap .col-sm-12, .old-newsWrap .col-sm, .old-newsWrap .col-md-1, .old-newsWrap .col-md-2, .old-newsWrap .col-md-3, .old-newsWrap .col-md-4, .old-newsWrap .col-md-5, .old-newsWrap .col-md-6, .old-newsWrap .col-md-7, .old-newsWrap .col-md-8, .old-newsWrap .col-md-9, .old-newsWrap .col-md-10, .old-newsWrap .col-md-11, .old-newsWrap .col-md-12, .old-newsWrap .col-md, .old-newsWrap .col-lg-1, .old-newsWrap .col-lg-2, .old-newsWrap .col-lg-3, .old-newsWrap .col-lg-4, .old-newsWrap .col-lg-5, .old-newsWrap .col-lg-6, .old-newsWrap .col-lg-7, .old-newsWrap .col-lg-8, .old-newsWrap .col-lg-9, .old-newsWrap .col-lg-10, .old-newsWrap .col-lg-11, .old-newsWrap .col-lg-12, .old-newsWrap .col-lg, .old-newsWrap .col-xl-1, .old-newsWrap .col-xl-2, .old-newsWrap .col-xl-3, .old-newsWrap .col-xl-4, .old-newsWrap .col-xl-5, .old-newsWrap .col-xl-6, .old-newsWrap .col-xl-7, .old-newsWrap .col-xl-8, .old-newsWrap .col-xl-9, .old-newsWrap .col-xl-10, .old-newsWrap .col-xl-11, .old-newsWrap .col-xl-12, .old-newsWrap .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .old-newsWrap .col-1, .old-newsWrap .col-2, .old-newsWrap .col-3, .old-newsWrap .col-4, .old-newsWrap .col-5, .old-newsWrap .col-6, .old-newsWrap .col-7, .old-newsWrap .col-8, .old-newsWrap .col-9, .old-newsWrap .col-10, .old-newsWrap .col-11, .old-newsWrap .col-12, .old-newsWrap .col, .old-newsWrap .col-sm-1, .old-newsWrap .col-sm-2, .old-newsWrap .col-sm-3, .old-newsWrap .col-sm-4, .old-newsWrap .col-sm-5, .old-newsWrap .col-sm-6, .old-newsWrap .col-sm-7, .old-newsWrap .col-sm-8, .old-newsWrap .col-sm-9, .old-newsWrap .col-sm-10, .old-newsWrap .col-sm-11, .old-newsWrap .col-sm-12, .old-newsWrap .col-sm, .old-newsWrap .col-md-1, .old-newsWrap .col-md-2, .old-newsWrap .col-md-3, .old-newsWrap .col-md-4, .old-newsWrap .col-md-5, .old-newsWrap .col-md-6, .old-newsWrap .col-md-7, .old-newsWrap .col-md-8, .old-newsWrap .col-md-9, .old-newsWrap .col-md-10, .old-newsWrap .col-md-11, .old-newsWrap .col-md-12, .old-newsWrap .col-md, .old-newsWrap .col-lg-1, .old-newsWrap .col-lg-2, .old-newsWrap .col-lg-3, .old-newsWrap .col-lg-4, .old-newsWrap .col-lg-5, .old-newsWrap .col-lg-6, .old-newsWrap .col-lg-7, .old-newsWrap .col-lg-8, .old-newsWrap .col-lg-9, .old-newsWrap .col-lg-10, .old-newsWrap .col-lg-11, .old-newsWrap .col-lg-12, .old-newsWrap .col-lg, .old-newsWrap .col-xl-1, .old-newsWrap .col-xl-2, .old-newsWrap .col-xl-3, .old-newsWrap .col-xl-4, .old-newsWrap .col-xl-5, .old-newsWrap .col-xl-6, .old-newsWrap .col-xl-7, .old-newsWrap .col-xl-8, .old-newsWrap .col-xl-9, .old-newsWrap .col-xl-10, .old-newsWrap .col-xl-11, .old-newsWrap .col-xl-12, .old-newsWrap .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .old-newsWrap .col-1, .old-newsWrap .col-2, .old-newsWrap .col-3, .old-newsWrap .col-4, .old-newsWrap .col-5, .old-newsWrap .col-6, .old-newsWrap .col-7, .old-newsWrap .col-8, .old-newsWrap .col-9, .old-newsWrap .col-10, .old-newsWrap .col-11, .old-newsWrap .col-12, .old-newsWrap .col, .old-newsWrap .col-sm-1, .old-newsWrap .col-sm-2, .old-newsWrap .col-sm-3, .old-newsWrap .col-sm-4, .old-newsWrap .col-sm-5, .old-newsWrap .col-sm-6, .old-newsWrap .col-sm-7, .old-newsWrap .col-sm-8, .old-newsWrap .col-sm-9, .old-newsWrap .col-sm-10, .old-newsWrap .col-sm-11, .old-newsWrap .col-sm-12, .old-newsWrap .col-sm, .old-newsWrap .col-md-1, .old-newsWrap .col-md-2, .old-newsWrap .col-md-3, .old-newsWrap .col-md-4, .old-newsWrap .col-md-5, .old-newsWrap .col-md-6, .old-newsWrap .col-md-7, .old-newsWrap .col-md-8, .old-newsWrap .col-md-9, .old-newsWrap .col-md-10, .old-newsWrap .col-md-11, .old-newsWrap .col-md-12, .old-newsWrap .col-md, .old-newsWrap .col-lg-1, .old-newsWrap .col-lg-2, .old-newsWrap .col-lg-3, .old-newsWrap .col-lg-4, .old-newsWrap .col-lg-5, .old-newsWrap .col-lg-6, .old-newsWrap .col-lg-7, .old-newsWrap .col-lg-8, .old-newsWrap .col-lg-9, .old-newsWrap .col-lg-10, .old-newsWrap .col-lg-11, .old-newsWrap .col-lg-12, .old-newsWrap .col-lg, .old-newsWrap .col-xl-1, .old-newsWrap .col-xl-2, .old-newsWrap .col-xl-3, .old-newsWrap .col-xl-4, .old-newsWrap .col-xl-5, .old-newsWrap .col-xl-6, .old-newsWrap .col-xl-7, .old-newsWrap .col-xl-8, .old-newsWrap .col-xl-9, .old-newsWrap .col-xl-10, .old-newsWrap .col-xl-11, .old-newsWrap .col-xl-12, .old-newsWrap .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .old-newsWrap .col-1, .old-newsWrap .col-2, .old-newsWrap .col-3, .old-newsWrap .col-4, .old-newsWrap .col-5, .old-newsWrap .col-6, .old-newsWrap .col-7, .old-newsWrap .col-8, .old-newsWrap .col-9, .old-newsWrap .col-10, .old-newsWrap .col-11, .old-newsWrap .col-12, .old-newsWrap .col, .old-newsWrap .col-sm-1, .old-newsWrap .col-sm-2, .old-newsWrap .col-sm-3, .old-newsWrap .col-sm-4, .old-newsWrap .col-sm-5, .old-newsWrap .col-sm-6, .old-newsWrap .col-sm-7, .old-newsWrap .col-sm-8, .old-newsWrap .col-sm-9, .old-newsWrap .col-sm-10, .old-newsWrap .col-sm-11, .old-newsWrap .col-sm-12, .old-newsWrap .col-sm, .old-newsWrap .col-md-1, .old-newsWrap .col-md-2, .old-newsWrap .col-md-3, .old-newsWrap .col-md-4, .old-newsWrap .col-md-5, .old-newsWrap .col-md-6, .old-newsWrap .col-md-7, .old-newsWrap .col-md-8, .old-newsWrap .col-md-9, .old-newsWrap .col-md-10, .old-newsWrap .col-md-11, .old-newsWrap .col-md-12, .old-newsWrap .col-md, .old-newsWrap .col-lg-1, .old-newsWrap .col-lg-2, .old-newsWrap .col-lg-3, .old-newsWrap .col-lg-4, .old-newsWrap .col-lg-5, .old-newsWrap .col-lg-6, .old-newsWrap .col-lg-7, .old-newsWrap .col-lg-8, .old-newsWrap .col-lg-9, .old-newsWrap .col-lg-10, .old-newsWrap .col-lg-11, .old-newsWrap .col-lg-12, .old-newsWrap .col-lg, .old-newsWrap .col-xl-1, .old-newsWrap .col-xl-2, .old-newsWrap .col-xl-3, .old-newsWrap .col-xl-4, .old-newsWrap .col-xl-5, .old-newsWrap .col-xl-6, .old-newsWrap .col-xl-7, .old-newsWrap .col-xl-8, .old-newsWrap .col-xl-9, .old-newsWrap .col-xl-10, .old-newsWrap .col-xl-11, .old-newsWrap .col-xl-12, .old-newsWrap .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .old-newsWrap .col-1, .old-newsWrap .col-2, .old-newsWrap .col-3, .old-newsWrap .col-4, .old-newsWrap .col-5, .old-newsWrap .col-6, .old-newsWrap .col-7, .old-newsWrap .col-8, .old-newsWrap .col-9, .old-newsWrap .col-10, .old-newsWrap .col-11, .old-newsWrap .col-12, .old-newsWrap .col, .old-newsWrap .col-sm-1, .old-newsWrap .col-sm-2, .old-newsWrap .col-sm-3, .old-newsWrap .col-sm-4, .old-newsWrap .col-sm-5, .old-newsWrap .col-sm-6, .old-newsWrap .col-sm-7, .old-newsWrap .col-sm-8, .old-newsWrap .col-sm-9, .old-newsWrap .col-sm-10, .old-newsWrap .col-sm-11, .old-newsWrap .col-sm-12, .old-newsWrap .col-sm, .old-newsWrap .col-md-1, .old-newsWrap .col-md-2, .old-newsWrap .col-md-3, .old-newsWrap .col-md-4, .old-newsWrap .col-md-5, .old-newsWrap .col-md-6, .old-newsWrap .col-md-7, .old-newsWrap .col-md-8, .old-newsWrap .col-md-9, .old-newsWrap .col-md-10, .old-newsWrap .col-md-11, .old-newsWrap .col-md-12, .old-newsWrap .col-md, .old-newsWrap .col-lg-1, .old-newsWrap .col-lg-2, .old-newsWrap .col-lg-3, .old-newsWrap .col-lg-4, .old-newsWrap .col-lg-5, .old-newsWrap .col-lg-6, .old-newsWrap .col-lg-7, .old-newsWrap .col-lg-8, .old-newsWrap .col-lg-9, .old-newsWrap .col-lg-10, .old-newsWrap .col-lg-11, .old-newsWrap .col-lg-12, .old-newsWrap .col-lg, .old-newsWrap .col-xl-1, .old-newsWrap .col-xl-2, .old-newsWrap .col-xl-3, .old-newsWrap .col-xl-4, .old-newsWrap .col-xl-5, .old-newsWrap .col-xl-6, .old-newsWrap .col-xl-7, .old-newsWrap .col-xl-8, .old-newsWrap .col-xl-9, .old-newsWrap .col-xl-10, .old-newsWrap .col-xl-11, .old-newsWrap .col-xl-12, .old-newsWrap .col-xl { padding-right: 15px; padding-left: 15px; } } .old-newsWrap .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .old-newsWrap .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .old-newsWrap .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .old-newsWrap .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .old-newsWrap .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .old-newsWrap .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .old-newsWrap .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .old-newsWrap .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .old-newsWrap .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .old-newsWrap .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .old-newsWrap .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .old-newsWrap .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .old-newsWrap .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .old-newsWrap .pull-0 { right: auto; } .old-newsWrap .pull-1 { right: 8.333333%; } .old-newsWrap .pull-2 { right: 16.666667%; } .old-newsWrap .pull-3 { right: 25%; } .old-newsWrap .pull-4 { right: 33.333333%; } .old-newsWrap .pull-5 { right: 41.666667%; } .old-newsWrap .pull-6 { right: 50%; } .old-newsWrap .pull-7 { right: 58.333333%; } .old-newsWrap .pull-8 { right: 66.666667%; } .old-newsWrap .pull-9 { right: 75%; } .old-newsWrap .pull-10 { right: 83.333333%; } .old-newsWrap .pull-11 { right: 91.666667%; } .old-newsWrap .pull-12 { right: 100%; } .old-newsWrap .push-0 { left: auto; } .old-newsWrap .push-1 { left: 8.333333%; } .old-newsWrap .push-2 { left: 16.666667%; } .old-newsWrap .push-3 { left: 25%; } .old-newsWrap .push-4 { left: 33.333333%; } .old-newsWrap .push-5 { left: 41.666667%; } .old-newsWrap .push-6 { left: 50%; } .old-newsWrap .push-7 { left: 58.333333%; } .old-newsWrap .push-8 { left: 66.666667%; } .old-newsWrap .push-9 { left: 75%; } .old-newsWrap .push-10 { left: 83.333333%; } .old-newsWrap .push-11 { left: 91.666667%; } .old-newsWrap .push-12 { left: 100%; } .old-newsWrap .offset-1 { margin-left: 8.333333%; } .old-newsWrap .offset-2 { margin-left: 16.666667%; } .old-newsWrap .offset-3 { margin-left: 25%; } .old-newsWrap .offset-4 { margin-left: 33.333333%; } .old-newsWrap .offset-5 { margin-left: 41.666667%; } .old-newsWrap .offset-6 { margin-left: 50%; } .old-newsWrap .offset-7 { margin-left: 58.333333%; } .old-newsWrap .offset-8 { margin-left: 66.666667%; } .old-newsWrap .offset-9 { margin-left: 75%; } .old-newsWrap .offset-10 { margin-left: 83.333333%; } .old-newsWrap .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .old-newsWrap .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .old-newsWrap .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .old-newsWrap .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .old-newsWrap .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .old-newsWrap .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .old-newsWrap .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .old-newsWrap .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .old-newsWrap .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .old-newsWrap .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .old-newsWrap .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .old-newsWrap .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .old-newsWrap .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .old-newsWrap .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .old-newsWrap .pull-sm-0 { right: auto; } .old-newsWrap .pull-sm-1 { right: 8.333333%; } .old-newsWrap .pull-sm-2 { right: 16.666667%; } .old-newsWrap .pull-sm-3 { right: 25%; } .old-newsWrap .pull-sm-4 { right: 33.333333%; } .old-newsWrap .pull-sm-5 { right: 41.666667%; } .old-newsWrap .pull-sm-6 { right: 50%; } .old-newsWrap .pull-sm-7 { right: 58.333333%; } .old-newsWrap .pull-sm-8 { right: 66.666667%; } .old-newsWrap .pull-sm-9 { right: 75%; } .old-newsWrap .pull-sm-10 { right: 83.333333%; } .old-newsWrap .pull-sm-11 { right: 91.666667%; } .old-newsWrap .pull-sm-12 { right: 100%; } .old-newsWrap .push-sm-0 { left: auto; } .old-newsWrap .push-sm-1 { left: 8.333333%; } .old-newsWrap .push-sm-2 { left: 16.666667%; } .old-newsWrap .push-sm-3 { left: 25%; } .old-newsWrap .push-sm-4 { left: 33.333333%; } .old-newsWrap .push-sm-5 { left: 41.666667%; } .old-newsWrap .push-sm-6 { left: 50%; } .old-newsWrap .push-sm-7 { left: 58.333333%; } .old-newsWrap .push-sm-8 { left: 66.666667%; } .old-newsWrap .push-sm-9 { left: 75%; } .old-newsWrap .push-sm-10 { left: 83.333333%; } .old-newsWrap .push-sm-11 { left: 91.666667%; } .old-newsWrap .push-sm-12 { left: 100%; } .old-newsWrap .offset-sm-0 { margin-left: 0%; } .old-newsWrap .offset-sm-1 { margin-left: 8.333333%; } .old-newsWrap .offset-sm-2 { margin-left: 16.666667%; } .old-newsWrap .offset-sm-3 { margin-left: 25%; } .old-newsWrap .offset-sm-4 { margin-left: 33.333333%; } .old-newsWrap .offset-sm-5 { margin-left: 41.666667%; } .old-newsWrap .offset-sm-6 { margin-left: 50%; } .old-newsWrap .offset-sm-7 { margin-left: 58.333333%; } .old-newsWrap .offset-sm-8 { margin-left: 66.666667%; } .old-newsWrap .offset-sm-9 { margin-left: 75%; } .old-newsWrap .offset-sm-10 { margin-left: 83.333333%; } .old-newsWrap .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .old-newsWrap .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .old-newsWrap .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .old-newsWrap .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .old-newsWrap .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .old-newsWrap .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .old-newsWrap .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .old-newsWrap .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .old-newsWrap .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .old-newsWrap .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .old-newsWrap .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .old-newsWrap .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .old-newsWrap .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .old-newsWrap .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .old-newsWrap .pull-md-0 { right: auto; } .old-newsWrap .pull-md-1 { right: 8.333333%; } .old-newsWrap .pull-md-2 { right: 16.666667%; } .old-newsWrap .pull-md-3 { right: 25%; } .old-newsWrap .pull-md-4 { right: 33.333333%; } .old-newsWrap .pull-md-5 { right: 41.666667%; } .old-newsWrap .pull-md-6 { right: 50%; } .old-newsWrap .pull-md-7 { right: 58.333333%; } .old-newsWrap .pull-md-8 { right: 66.666667%; } .old-newsWrap .pull-md-9 { right: 75%; } .old-newsWrap .pull-md-10 { right: 83.333333%; } .old-newsWrap .pull-md-11 { right: 91.666667%; } .old-newsWrap .pull-md-12 { right: 100%; } .old-newsWrap .push-md-0 { left: auto; } .old-newsWrap .push-md-1 { left: 8.333333%; } .old-newsWrap .push-md-2 { left: 16.666667%; } .old-newsWrap .push-md-3 { left: 25%; } .old-newsWrap .push-md-4 { left: 33.333333%; } .old-newsWrap .push-md-5 { left: 41.666667%; } .old-newsWrap .push-md-6 { left: 50%; } .old-newsWrap .push-md-7 { left: 58.333333%; } .old-newsWrap .push-md-8 { left: 66.666667%; } .old-newsWrap .push-md-9 { left: 75%; } .old-newsWrap .push-md-10 { left: 83.333333%; } .old-newsWrap .push-md-11 { left: 91.666667%; } .old-newsWrap .push-md-12 { left: 100%; } .old-newsWrap .offset-md-0 { margin-left: 0%; } .old-newsWrap .offset-md-1 { margin-left: 8.333333%; } .old-newsWrap .offset-md-2 { margin-left: 16.666667%; } .old-newsWrap .offset-md-3 { margin-left: 25%; } .old-newsWrap .offset-md-4 { margin-left: 33.333333%; } .old-newsWrap .offset-md-5 { margin-left: 41.666667%; } .old-newsWrap .offset-md-6 { margin-left: 50%; } .old-newsWrap .offset-md-7 { margin-left: 58.333333%; } .old-newsWrap .offset-md-8 { margin-left: 66.666667%; } .old-newsWrap .offset-md-9 { margin-left: 75%; } .old-newsWrap .offset-md-10 { margin-left: 83.333333%; } .old-newsWrap .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .old-newsWrap .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .old-newsWrap .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .old-newsWrap .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .old-newsWrap .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .old-newsWrap .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .old-newsWrap .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .old-newsWrap .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .old-newsWrap .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .old-newsWrap .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .old-newsWrap .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .old-newsWrap .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .old-newsWrap .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .old-newsWrap .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .old-newsWrap .pull-lg-0 { right: auto; } .old-newsWrap .pull-lg-1 { right: 8.333333%; } .old-newsWrap .pull-lg-2 { right: 16.666667%; } .old-newsWrap .pull-lg-3 { right: 25%; } .old-newsWrap .pull-lg-4 { right: 33.333333%; } .old-newsWrap .pull-lg-5 { right: 41.666667%; } .old-newsWrap .pull-lg-6 { right: 50%; } .old-newsWrap .pull-lg-7 { right: 58.333333%; } .old-newsWrap .pull-lg-8 { right: 66.666667%; } .old-newsWrap .pull-lg-9 { right: 75%; } .old-newsWrap .pull-lg-10 { right: 83.333333%; } .old-newsWrap .pull-lg-11 { right: 91.666667%; } .old-newsWrap .pull-lg-12 { right: 100%; } .old-newsWrap .push-lg-0 { left: auto; } .old-newsWrap .push-lg-1 { left: 8.333333%; } .old-newsWrap .push-lg-2 { left: 16.666667%; } .old-newsWrap .push-lg-3 { left: 25%; } .old-newsWrap .push-lg-4 { left: 33.333333%; } .old-newsWrap .push-lg-5 { left: 41.666667%; } .old-newsWrap .push-lg-6 { left: 50%; } .old-newsWrap .push-lg-7 { left: 58.333333%; } .old-newsWrap .push-lg-8 { left: 66.666667%; } .old-newsWrap .push-lg-9 { left: 75%; } .old-newsWrap .push-lg-10 { left: 83.333333%; } .old-newsWrap .push-lg-11 { left: 91.666667%; } .old-newsWrap .push-lg-12 { left: 100%; } .old-newsWrap .offset-lg-0 { margin-left: 0%; } .old-newsWrap .offset-lg-1 { margin-left: 8.333333%; } .old-newsWrap .offset-lg-2 { margin-left: 16.666667%; } .old-newsWrap .offset-lg-3 { margin-left: 25%; } .old-newsWrap .offset-lg-4 { margin-left: 33.333333%; } .old-newsWrap .offset-lg-5 { margin-left: 41.666667%; } .old-newsWrap .offset-lg-6 { margin-left: 50%; } .old-newsWrap .offset-lg-7 { margin-left: 58.333333%; } .old-newsWrap .offset-lg-8 { margin-left: 66.666667%; } .old-newsWrap .offset-lg-9 { margin-left: 75%; } .old-newsWrap .offset-lg-10 { margin-left: 83.333333%; } .old-newsWrap .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .old-newsWrap .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; max-width: 100%; } .old-newsWrap .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .old-newsWrap .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .old-newsWrap .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .old-newsWrap .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .old-newsWrap .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .old-newsWrap .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .old-newsWrap .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .old-newsWrap .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .old-newsWrap .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .old-newsWrap .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .old-newsWrap .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .old-newsWrap .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .old-newsWrap .pull-xl-0 { right: auto; } .old-newsWrap .pull-xl-1 { right: 8.333333%; } .old-newsWrap .pull-xl-2 { right: 16.666667%; } .old-newsWrap .pull-xl-3 { right: 25%; } .old-newsWrap .pull-xl-4 { right: 33.333333%; } .old-newsWrap .pull-xl-5 { right: 41.666667%; } .old-newsWrap .pull-xl-6 { right: 50%; } .old-newsWrap .pull-xl-7 { right: 58.333333%; } .old-newsWrap .pull-xl-8 { right: 66.666667%; } .old-newsWrap .pull-xl-9 { right: 75%; } .old-newsWrap .pull-xl-10 { right: 83.333333%; } .old-newsWrap .pull-xl-11 { right: 91.666667%; } .old-newsWrap .pull-xl-12 { right: 100%; } .old-newsWrap .push-xl-0 { left: auto; } .old-newsWrap .push-xl-1 { left: 8.333333%; } .old-newsWrap .push-xl-2 { left: 16.666667%; } .old-newsWrap .push-xl-3 { left: 25%; } .old-newsWrap .push-xl-4 { left: 33.333333%; } .old-newsWrap .push-xl-5 { left: 41.666667%; } .old-newsWrap .push-xl-6 { left: 50%; } .old-newsWrap .push-xl-7 { left: 58.333333%; } .old-newsWrap .push-xl-8 { left: 66.666667%; } .old-newsWrap .push-xl-9 { left: 75%; } .old-newsWrap .push-xl-10 { left: 83.333333%; } .old-newsWrap .push-xl-11 { left: 91.666667%; } .old-newsWrap .push-xl-12 { left: 100%; } .old-newsWrap .offset-xl-0 { margin-left: 0%; } .old-newsWrap .offset-xl-1 { margin-left: 8.333333%; } .old-newsWrap .offset-xl-2 { margin-left: 16.666667%; } .old-newsWrap .offset-xl-3 { margin-left: 25%; } .old-newsWrap .offset-xl-4 { margin-left: 33.333333%; } .old-newsWrap .offset-xl-5 { margin-left: 41.666667%; } .old-newsWrap .offset-xl-6 { margin-left: 50%; } .old-newsWrap .offset-xl-7 { margin-left: 58.333333%; } .old-newsWrap .offset-xl-8 { margin-left: 66.666667%; } .old-newsWrap .offset-xl-9 { margin-left: 75%; } .old-newsWrap .offset-xl-10 { margin-left: 83.333333%; } .old-newsWrap .offset-xl-11 { margin-left: 91.666667%; } } ::-webkit-input-placeholder { color: rgba(255,255,255,0.5); } :-ms-input-placeholder { color: rgba(255,255,255,0.5); } ::-moz-placeholder { color: rgba(255,255,255,0.5); } :placeholder-shown { color: rgba(255,255,255,0.5); } @-webkit-keyframes _a_fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: auto; } 100% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: auto; } } @keyframes _a_fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: auto; } 100% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: auto; } } @-webkit-keyframes _a_fadeOut { 0% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: auto; } 99% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: auto; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } @keyframes _a_fadeOut { 0% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: auto; } 99% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: auto; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } .old-newsWrap { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; min-width: 320px; } .old-newsWrap .ic.icHome, .old-newsWrap .ic.icLinkWhite, .old-newsWrap .ic.icLinkGray, .old-newsWrap .ic.icLinkDownGray, .old-newsWrap .ic.icLinkDownBlue, .old-newsWrap .ic.icBlankGray, .old-newsWrap .ic.icBlankWhite, .old-newsWrap .ic.icBlankBlue, .old-newsWrap .ic.icDownloadWhite, .old-newsWrap .ic.icDownloadBlue, .old-newsWrap .ic.icCloseWhite, .old-newsWrap .ic.icCloseModalWhite, .old-newsWrap .ic.icCloseModalGray, .old-newsWrap .ic.icCloseGray, .old-newsWrap .ic.icCloseModalBlue, .old-newsWrap .ic.icSearchGray, .old-newsWrap .ic.icSearchWhite, .old-newsWrap .ic.icAccordion, .old-newsWrap .ic.icArrowBlue, .old-newsWrap .ic.icArrowWhite, .old-newsWrap .ic.icAnchorBlue, .old-newsWrap .ic.icPdf, .old-newsWrap .ic.icXls, .old-newsWrap .ic.icZip, .old-newsWrap .ic.icPlayWhite, .old-newsWrap .ic.icPlayBlue, .old-newsWrap .ic.icBtnSns, .old-newsWrap .ic.icBtnTwitter, .old-newsWrap .ic.icBtnFacebook, .old-newsWrap .ic.icBtnLinkedin, .old-newsWrap .ic.icBtnGoogle, .old-newsWrap .ic.icTreeWhite, .old-newsWrap .ic.icSnsFbOn, .old-newsWrap .ic.icSnsFbOff, .old-newsWrap .ic.icSnsTwOn, .old-newsWrap .ic.icSnsTwOff, .old-newsWrap .ic.icSnsYtOn, .old-newsWrap .ic.icSnsYtOff, .old-newsWrap .ic.icSnsTmOn, .old-newsWrap .ic.icSnsTmOff, .old-newsWrap .ic.icSnsInstaOn, .old-newsWrap .ic.icSnsInstaOff, .old-newsWrap .ic.icSnsPinOn, .old-newsWrap .ic.icSnsPinOff, .old-newsWrap .ic.icRss, .old-newsWrap .breadcrumbArea li:before, .old-newsWrap .megaMenu .menuWrap .localMenu .parentItem .ic, .old-newsWrap .megaMenu .spNavigator .mainMenu .ic, .old-newsWrap .megaMenu .spNavigator .mainMenu .ic.icBlankWhite, .old-newsWrap .article .button.buttonWhite a:hover .icBlankBlue, .old-newsWrap .modalSection .button.buttonWhite a:hover .icBlankBlue, .old-newsWrap .article .button.buttonWhite a:hover .icDownloadBlue, .old-newsWrap .modalSection .button.buttonWhite a:hover .icDownloadBlue, .old-newsWrap .playButton a:hover .ic, .old-newsWrap .fixBtn .backToTop .ic { background: url("../img/common/icon.svg") no-repeat; } .old-newsWrap div, .old-newsWrap pre, .old-newsWrap p, .old-newsWrap blockquote, .old-newsWrap em, .old-newsWrap strong, .old-newsWrap form, .old-newsWrap fieldset, .old-newsWrap dl, .old-newsWrap dt, .old-newsWrap dd, .old-newsWrap ul, .old-newsWrap ol, .old-newsWrap li, .old-newsWrap h1, .old-newsWrap h2, .old-newsWrap h3, .old-newsWrap h4, .old-newsWrap h5, .old-newsWrap h6, .old-newsWrap table, .old-newsWrap th, .old-newsWrap td, .old-newsWrap embed, .old-newsWrap object { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-family: inherit; font-weight: inherit; font-style: inherit; font-size: 100%; vertical-align: baseline; } .old-newsWrap em { font-style: normal; } .old-newsWrap select, .old-newsWrap option, .old-newsWrap input { margin: 0; padding: 0; } .old-newsWrap table { border-spacing: 0; } .old-newsWrap th { font-weight: normal; } .old-newsWrap textarea { margin: 0; padding: 0; font-size: 100%; } .old-newsWrap caption, .old-newsWrap th { text-align: left; } .old-newsWrap img { border: 0; vertical-align: baseline; } .old-newsWrap hr, .old-newsWrap legend { display: none; } .old-newsWrap ul, .old-newsWrap ol { list-style: none; } .old-newsWrap label { cursor: pointer; } .old-newsWrap article, .old-newsWrap aside, .old-newsWrap canvas, .old-newsWrap details, .old-newsWrap figcaption, .old-newsWrap figure, .old-newsWrap footer, .old-newsWrap header, .old-newsWrap hgroup, .old-newsWrap menu, .old-newsWrap nav, .old-newsWrap section, .old-newsWrap summary, .old-newsWrap button { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; display: block; } @font-face { font-family: 'YakuHanJP'; font-style: normal; font-weight: 200; src: url("../webfonts/YakuHanJP-Light.eot"); src: url("../webfonts/YakuHanJP-Light.woff2") format('woff2'), url("../webfonts/YakuHanJP-Light.woff") format('woff'); } @font-face { font-family: 'YakuHanJP'; font-style: normal; font-weight: 400; src: url("../webfonts/YakuHanJP-Regular.eot"); src: url("../webfonts/YakuHanJP-Regular.woff2") format('woff2'), url("../webfonts/YakuHanJP-Regular.woff") format('woff'); } @font-face { font-family: 'YakuHanJP'; font-style: normal; font-weight: 700; src: url("../webfonts/YakuHanJP-Bold.eot"); src: url("../webfonts/YakuHanJP-Bold.woff2") format('woff2'), url("../webfonts/YakuHanJP-Bold.woff") format('woff'); } .old-newsWrap img { vertical-align: top; max-width: 100%; width: auto; height: auto; } .old-newsWrap iframe { vertical-align: top; max-width: 100%; min-height: auto; } @media all and (min-width: 1200px) { .old-newsWrap .isLgMdSm, .old-newsWrap .isLgMd, .old-newsWrap .isMdSm, .old-newsWrap .isLg, .old-newsWrap .isMd, .old-newsWrap .isSm { display: none; } } @media all and (min-width: 992px) and (max-width: 1199px) { .old-newsWrap .isXlMdSm, .old-newsWrap .isXlMd, .old-newsWrap .isMdSm, .old-newsWrap .isXl, .old-newsWrap .isMd, .old-newsWrap .isSm { display: none; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .isXlLgSm, .old-newsWrap .isXlLg, .old-newsWrap .isLgSm, .old-newsWrap .isXl, .old-newsWrap .isLg, .old-newsWrap .isSm { display: none; } } @media all and (max-width: 767px) { .old-newsWrap .isXlLgMd, .old-newsWrap .isXlLg, .old-newsWrap .isLgMd, .old-newsWrap .isXl, .old-newsWrap .isLg, .old-newsWrap .isMd { display: none; } } .old-newsWrap #content { display: block; } .old-newsWrap .mapWrap { padding-top: 100%; position: relative; width: 100%; height: 0; } .old-newsWrap .mapWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .old-newsWrap .section { margin: 0 auto; padding-top: 40px; padding-bottom: 40px; } .old-newsWrap .article { margin: 0 auto; margin-top: 20px; } @media all and (max-width: 991px) { .old-newsWrap .article { margin-top: 10px; } } .old-newsWrap .article .isTopNoMargin { margin-top: -20px; } @media all and (max-width: 991px) { .old-newsWrap .article .isTopNoMargin { margin-top: -10px; } } .old-newsWrap .bgGray { background: #f3f5fa; } .old-newsWrap .bgBlue { background: -webkit-linear-gradient(top left, #0065bd, #0e8bd1); background: -webkit-gradient(linear, left top, right bottom, from(#0065bd), to(#0e8bd1)); background: linear-gradient(to bottom right, #0065bd, #0e8bd1); } .old-newsWrap .isLoadVisible.default, .old-newsWrap .isScrollVisible.default { -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .old-newsWrap .isLoadVisible.default.active, .old-newsWrap .isScrollVisible.default.active { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; } .old-newsWrap .modContainer { margin: 0 auto; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (min-width: 1200px) { .old-newsWrap .modContainer { width: 1200px; } } @media all and (min-width: 992px) and (max-width: 1199px) { .old-newsWrap .modContainer { width: 992px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .modContainer { width: 768px; } } .old-newsWrap .modContainer b { font-weight: 700; } .old-newsWrap .modFullSection { margin-left: auto; margin-right: auto; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (min-width: 1200px) { .old-newsWrap .modFullSection { width: 1140px; } } @media all and (min-width: 992px) and (max-width: 1199px) { .old-newsWrap .modFullSection { width: 940px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .modFullSection { width: 720px; } } .old-newsWrap .modSection { margin: 0 auto; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (min-width: 992px) { .old-newsWrap .modSection { max-width: 66.666667%; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .modSection { margin-left: 8.333333%; max-width: 83.333333%; } } @media all and (max-width: 767px) { .old-newsWrap .modSection { padding: 0; } } .old-newsWrap .js-overflow { overflow-x: auto; } .old-newsWrap .js-overflow .js-overflow-inner { display: table; min-width: 100%; } .old-newsWrap .js-overflow.isOverflow { -webkit-overflow-scrolling: touch; background: -webkit-linear-gradient(right, rgba(255,255,255,0), rgba(0,0,0,0.2)) 0 0/15px 100%, -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(0,0,0,0.2)) right/15px 100%; background: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0)), to(rgba(0,0,0,0.2))) 0 0/15px 100%, -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(rgba(0,0,0,0.2))) right/15px 100%; background: linear-gradient(to left, rgba(255,255,255,0), rgba(0,0,0,0.2)) 0 0/15px 100%, linear-gradient(to right, rgba(255,255,255,0), rgba(0,0,0,0.2)) right/15px 100%; background-repeat: no-repeat; background-attachment: scroll; } .old-newsWrap .js-overflow.isOverflow .js-overflow-inner { background: -webkit-linear-gradient(right, hsla(0,0%,100%,0), #fff 20px) 0 0/30px 100%, -webkit-linear-gradient(left, hsla(0,0%,100%,0), #fff 20px) right/30px 100%; background: linear-gradient(to left, hsla(0,0%,100%,0), #fff 20px) 0 0/30px 100%, linear-gradient(to right, hsla(0,0%,100%,0), #fff 20px) right/30px 100%; background-repeat: no-repeat; background-attachment: local; } .old-newsWrap { font-size: 14px; padding-top: 90px; } .old-newsWrap { font-family: YakuHanJP, "Open sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1.75; color: #516570; } @media only screen and (max-width: 767px) { .old-newsWrap { padding-top: 16.66667vw; } } .old-newsWrap .modTitle1 { font-size: 3.6rem; line-height: 1.4; } .old-newsWrap .modTitle2 { font-size: 2.8rem; line-height: 1.45; } .old-newsWrap .modTitle3 { font-weight: 700; font-size: 2.0rem; line-height: 1.45; } .old-newsWrap .modTitle4 { font-weight: 700; font-size: 1.6rem; line-height: 1.5; } .old-newsWrap .modText, .old-newsWrap .modList { font-size: 1.6rem; line-height: 1.75; } .old-newsWrap .modNewsTitle { font-size: 2.6rem; line-height: 1.45; } .old-newsWrap .modTitleCaption { font-size: 2.0rem; line-height: 1.5; max-width: 950px; } .old-newsWrap .modLead { font-size: 2.0rem; line-height: 1.5; } .old-newsWrap .modSH { font-size: 1.8rem; line-height: 1.5; } .old-newsWrap .modSmallText { font-size: 1.4rem; line-height: 1.6; } .old-newsWrap .modAnnotation { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); font-size: 1.3rem; line-height: 1.5; } .old-newsWrap .modTextLeft { text-align: left; } .old-newsWrap .modTextRight { text-align: right; } .old-newsWrap .modTextCenter { text-align: center; } .old-newsWrap .js-moreText { position: relative; } .old-newsWrap .js-moreText .readMore { text-align: right; display: block; } .old-newsWrap .js-moreText .readMore .ic { margin-left: 5px; top: -1px; width: 8px; height: 8px; } @media all and (min-width: 1200px) { .old-newsWrap .modXlTextLeft { text-align: left; } .old-newsWrap .modXlTextRight { text-align: right; } .old-newsWrap .modXlTextCenter { text-align: center; } } @media all and (min-width: 992px) and (max-width: 1199px) { .old-newsWrap .modLgTextLeft { text-align: left; } .old-newsWrap .modLgTextRight { text-align: right; } .old-newsWrap .modLgTextCenter { text-align: center; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .modMdTextLeft { text-align: left; } .old-newsWrap .modMdTextRight { text-align: right; } .old-newsWrap .modMdTextCenter { text-align: center; } } @media all and (max-width: 767px) { .old-newsWrap .modSmTextLeft { text-align: left; } .old-newsWrap .modSmTextRight { text-align: right; } .old-newsWrap .modSmTextCenter { text-align: center; } } @media all and (max-width: 991px) { .old-newsWrap .modTitle1 { font-size: 3.0rem; } .old-newsWrap .modNewsTitle { font-size: 2.4rem; } .old-newsWrap .modTitle2 { font-size: 2.4rem; } .old-newsWrap .modLead { font-size: 1.8rem; } } .old-newsWrap .modTitle1 strong { color: #0e8bd1; display: inline-block; } .old-newsWrap .backgroundcliptext .modTitle1 strong { background: -webkit-linear-gradient(top left, #0065bd, #37b1de); background: -webkit-gradient(linear, left top, right bottom, from(#0065bd), to(#37b1de)); background: linear-gradient(to bottom right, #0065bd, #37b1de); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .old-newsWrap .modTitle2 { border-bottom: 2px solid #37b1de; } .old-newsWrap .modTitle2.noBorder { border-bottom: 0; padding-bottom: 0; } .old-newsWrap .modTitle3.modTitle3Border { padding-left: 0.7em; border-left: 2px solid #37b1de; font-weight: normal; } .old-newsWrap .modList { padding-left: 1em; } .old-newsWrap .modList.noPadding { padding-left: 0; } .old-newsWrap .modList li { position: relative; padding-left: 1em; } .old-newsWrap .modList li::before { display: block; position: absolute; left: 0; } .old-newsWrap .modList.listTypeDisc > li::before { content: '\30FB'; } .old-newsWrap .modList.listTypeDecimal > li { counter-increment: li; } .old-newsWrap .modList.listTypeDecimal > li::before { content: counter(li) '.'; } .old-newsWrap .modList.listTypeN { padding-left: 0; } .old-newsWrap .modList.listTypeN > li { position: relative; padding-left: 2em; } .old-newsWrap .modList.listTypeN > li em { position: absolute; top: 0; left: 0; width: 1.6em; text-align: right; } .old-newsWrap .modList.listTypeN2 { padding-left: 0; } .old-newsWrap .modList.listTypeN2 > li { position: relative; padding-left: 2.4em; } .old-newsWrap .modList.listTypeN2 > li em { position: absolute; top: 0; left: 0; width: 2em; text-align: right; } .old-newsWrap .modList.listType1em { padding-left: 0; } .old-newsWrap .modList.listType1em > li { position: relative; padding-left: 2.2em; } .old-newsWrap .modList.listType1em > li em { position: absolute; top: 0; left: 0; width: 1.5em; text-align: right; } .old-newsWrap .modList.listType2em { padding-left: 0; } .old-newsWrap .modList.listType2em > li { position: relative; padding-left: 3.2em; } .old-newsWrap .modList.listType2em > li em { position: absolute; top: 0; left: 0; width: 2.5em; text-align: right; } .old-newsWrap .modList.listType3em { padding-left: 0; } .old-newsWrap .modList.listType3em > li { position: relative; padding-left: 4.2em; } .old-newsWrap .modList.listType3em > li em { position: absolute; top: 0; left: 0; width: 3.5em; text-align: right; } .old-newsWrap .modList.listType4em { padding-left: 0; } .old-newsWrap .modList.listType4em > li { position: relative; padding-left: 5.2em; } .old-newsWrap .modList.listType4em > li em { position: absolute; top: 0; left: 0; width: 4.5em; text-align: right; } .old-newsWrap .modList.listType5em { padding-left: 0; } .old-newsWrap .modList.listType5em > li { position: relative; padding-left: 6.2em; } .old-newsWrap .modList.listType5em > li em { position: absolute; top: 0; left: 0; width: 5.5em; text-align: right; } .old-newsWrap .modImg { line-height: 0; } .old-newsWrap .modMtS { margin-top: 20px; } .old-newsWrap .modMtM { margin-top: 40px; } .old-newsWrap .modMtL { margin-top: 60px; } .old-newsWrap .modTitle1:first-child, .old-newsWrap .modTitle2:first-child, .old-newsWrap .modTitle3:first-child, .old-newsWrap .modTitle4:first-child, .old-newsWrap .modSH:first-child, .old-newsWrap .modText:first-child, .old-newsWrap .modSmallText:first-child, .old-newsWrap .modTitleCaption:first-child, .old-newsWrap .modImg:first-child, .old-newsWrap .modAnnotation:first-child, .old-newsWrap .modList:first-child, .old-newsWrap .modItem:first-child { margin-top: 0; } @media all and (min-width: 992px) { .old-newsWrap .modTitle1 { margin-top: 60px; } .old-newsWrap .modTitle1+.modTitle2, .old-newsWrap .modTitle1+.modTitle3, .old-newsWrap .modTitle1+.modTitle4, .old-newsWrap .modTitle1+.modSH, .old-newsWrap .modTitle1+.modText, .old-newsWrap .modTitle1+.modSmallText, .old-newsWrap .modTitle1+.modTitleCaption, .old-newsWrap .modTitle1+.modItem, .old-newsWrap .modTitle1+.button { margin-top: 40px; } .old-newsWrap .modTitle1+.modLead { margin-top: 39px; } .old-newsWrap .modTitle1+.modSmargin { margin-top: 10px; } .old-newsWrap .modTitle2 { margin-top: 75px; padding-bottom: 10px; } .old-newsWrap .modTitle2.noBorder+.modTitle2 { margin-top: 15px; } .old-newsWrap .modTitle2+.modTitle3 { margin-top: 40px; } .old-newsWrap .modTitle2+.modTitle4 { margin-top: 31px; } .old-newsWrap .modTitle2+.modSH, .old-newsWrap .modTitle2+.modText { margin-top: 19px; } .old-newsWrap .modTitle2+.modSmallText { margin-top: 21px; } .old-newsWrap .modTitle2+.modItem { margin-top: 30px; } .old-newsWrap .modTitle2+.modTitleCaption { margin-top: 30px; } .old-newsWrap .modTitle2+.button { margin-top: 30px; } .old-newsWrap .modTitle2+.modSmargin { margin-top: 10px; } .old-newsWrap .modTitle3 { margin-top: 45px; } .old-newsWrap .modTitle3.modTitle3Border { padding-top: 5px; padding-bottom: 5px; } .old-newsWrap .modTitle3+.modTitle4 { margin-top: 21px; } .old-newsWrap .modTitle3+.modSH, .old-newsWrap .modTitle3+.modText { margin-top: 19px; } .old-newsWrap .modTitle3+.modSmallText { margin-top: 21px; } .old-newsWrap .modTitle3+.modItem { margin-top: 30px; } .old-newsWrap .modTitle3+.modTitleCaption { margin-top: 30px; } .old-newsWrap .modTitle3+.button { margin-top: 30px; } .old-newsWrap .modTitle3+.modSmargin { margin-top: 10px; } .old-newsWrap .modTitle4 { margin-top: 36px; } .old-newsWrap .modTitle4+.modSH, .old-newsWrap .modTitle4+.modText { margin-top: 10px; } .old-newsWrap .modTitle4+.modSmallText { margin-top: 12px; } .old-newsWrap .modTitle4+.modItem { margin-top: 20px; } .old-newsWrap .modTitle4+.button { margin-top: 20px; } .old-newsWrap .modTitle4+.modSmargin { margin-top: 10px; } .old-newsWrap .modLead.modText { margin-top: 19px; } .old-newsWrap .modSH, .old-newsWrap .modText { margin-top: 34px; } .old-newsWrap .modSH+.button, .old-newsWrap .modText+.button { margin-top: 30px; } .old-newsWrap .modSH+.modList, .old-newsWrap .modText+.modList { margin-top: 28px; } .old-newsWrap .modSH+.modSmallText, .old-newsWrap .modText+.modSmallText { margin-top: 30px; } .old-newsWrap .modSH+.modAnnotation, .old-newsWrap .modText+.modAnnotation { margin-top: 11px; } .old-newsWrap .modSH+.modSmargin, .old-newsWrap .modText+.modSmargin { margin-top: 10px; } .old-newsWrap .modSmallText { margin-top: 36px; } .old-newsWrap .modSmallText+.button { margin-top: 30px; } .old-newsWrap .modSmallText+.modSmargin { margin-top: 10px; } .old-newsWrap .modAnnotation { margin-top: 27px; } .old-newsWrap .modAnnotation+.button { margin-top: 30px; } .old-newsWrap .modAnnotation+.modSmargin { margin-top: 10px; } .old-newsWrap .modList { margin-top: 34px; } .old-newsWrap .modList+.button { margin-top: 30px; } .old-newsWrap .modList+.modSmargin { margin-top: 10px; } .old-newsWrap .modList li { margin-top: 20px; } .old-newsWrap .modList li:first-child { margin-top: 0; } .old-newsWrap .modTitleCaption { margin-top: 5px; } .old-newsWrap .modItem, .old-newsWrap .modImg { margin-top: 40px; } .old-newsWrap .modItem+.modAnnotation, .old-newsWrap .modImg+.modAnnotation { margin-top: 7px; } .old-newsWrap .modItem+.button, .old-newsWrap .modImg+.button { margin-top: 30px; } .old-newsWrap .modItem+.modSmargin, .old-newsWrap .modImg+.modSmargin { margin-top: 10px; } .old-newsWrap .modLmargin { margin-top: 60px; } .old-newsWrap .modMmargin { margin-top: 30px; } .old-newsWrap .modSmargin { margin-top: 10px; } } @media all and (max-width: 991px) { .old-newsWrap .modTitle1 { margin-top: 40px; } .old-newsWrap .modTitle1+.modTitle2, .old-newsWrap .modTitle1+.modTitle3, .old-newsWrap .modTitle1+.modTitle4, .old-newsWrap .modTitle1+.modSH, .old-newsWrap .modTitle1+.modText, .old-newsWrap .modTitle1+.modSmallText, .old-newsWrap .modTitle1+.modTitleCaption, .old-newsWrap .modTitle1+.modItem, .old-newsWrap .modTitle1+.button { margin-top: 30px; } .old-newsWrap .modTitle1+.modLead { margin-top: 30px; } .old-newsWrap .modTitle1+.modSmargin { margin-top: 20px; } .old-newsWrap .modTitle2 { margin-top: 65px; padding-bottom: 9px; } .old-newsWrap .modTitle2.noBorder+.modTitle2 { margin-top: 15px; } .old-newsWrap .modTitle2+.modTitle3 { margin-top: 30px; } .old-newsWrap .modTitle2+.modTitle4 { margin-top: 31px; } .old-newsWrap .modTitle2+.modSH, .old-newsWrap .modTitle2+.modText { margin-top: 19px; } .old-newsWrap .modTitle2+.modSmallText { margin-top: 21px; } .old-newsWrap .modTitle2+.modItem { margin-top: 30px; } .old-newsWrap .modTitle2+.modTitleCaption { margin-top: 10px; } .old-newsWrap .modTitle2+.button { margin-top: 30px; } .old-newsWrap .modTitle2+.modSmargin { margin-top: 20px; } .old-newsWrap .modTitle3 { margin-top: 45px; } .old-newsWrap .modTitle3.modTitle3Border { padding-top: 6px; padding-bottom: 6px; } .old-newsWrap .modTitle3+.modTitle4 { margin-top: 31px; } .old-newsWrap .modTitle3+.modSH, .old-newsWrap .modTitle3+.modText { margin-top: 19px; } .old-newsWrap .modTitle3+.modSmallText { margin-top: 21px; } .old-newsWrap .modTitle3+.modItem { margin-top: 30px; } .old-newsWrap .modTitle3+.modTitleCaption { margin-top: 10px; } .old-newsWrap .modTitle3+.button { margin-top: 30px; } .old-newsWrap .modTitle3+.modSmargin { margin-top: 20px; } .old-newsWrap .modTitle4 { margin-top: 36px; } .old-newsWrap .modTitle4+.modSH, .old-newsWrap .modTitle4+.modText { margin-top: 10px; } .old-newsWrap .modTitle4+.modSmallText { margin-top: 12px; } .old-newsWrap .modTitle4+.modItem { margin-top: 20px; } .old-newsWrap .modTitle4+.modSmargin { margin-top: 20px; } .old-newsWrap .modTitleCaption { margin-top: 5px; } .old-newsWrap .modTitleCaption.modText { margin-top: 24px; } .old-newsWrap .modTitleCaption+.button { margin-top: 30px; } .old-newsWrap .modTitleCaption+.modSmargin { margin-top: 20px; } .old-newsWrap .modLead.modText { margin-top: 30px -1; } .old-newsWrap .modSH, .old-newsWrap .modText { margin-top: 34px; } .old-newsWrap .modSH+.modTitle3, .old-newsWrap .modText+.modTitle3 { margin-top: 60px; } .old-newsWrap .modSH+.button, .old-newsWrap .modText+.button { margin-top: 40px; } .old-newsWrap .modSH+.modList, .old-newsWrap .modText+.modList { margin-top: 28px; } .old-newsWrap .modSH+.modSmallText, .old-newsWrap .modText+.modSmallText { margin-top: 20px; } .old-newsWrap .modSH+.modAnnotation, .old-newsWrap .modText+.modAnnotation { margin-top: 21px; } .old-newsWrap .modSH+.modSmargin, .old-newsWrap .modText+.modSmargin { margin-top: 20px; } .old-newsWrap .modSmallText { margin-top: 26px; } .old-newsWrap .modSmallText+.modTitle3 { margin-top: 60px; } .old-newsWrap .modSmallText+.button { margin-top: 30px; } .old-newsWrap .modSmallText+.modSmargin { margin-top: 20px; } .old-newsWrap .modAnnotation { margin-top: 27px; } .old-newsWrap .modAnnotation+.button { margin-top: 30px; } .old-newsWrap .modAnnotation+.modSmargin { margin-top: 20px; } .old-newsWrap .modList { margin-top: 20px; } .old-newsWrap .modList+.button { margin-top: 30px; } .old-newsWrap .modList li { margin-top: 20px; } .old-newsWrap .modList li:first-child { margin-top: 0; } .old-newsWrap .modItem, .old-newsWrap .modImg { margin-top: 30px; } .old-newsWrap .modItem+.button, .old-newsWrap .modImg+.button { margin-top: 30px; } .old-newsWrap .modItem+.modAnnotation, .old-newsWrap .modImg+.modAnnotation { margin-top: 7px; } .old-newsWrap .modItem+.modSmargin, .old-newsWrap .modImg+.modSmargin { margin-top: 20px; } .old-newsWrap .modLmargin { margin-top: 60px; } .old-newsWrap .modMmargin { margin-top: 40px; } .old-newsWrap .modSmargin { margin-top: 20px; } } .old-newsWrap .ic { display: inline-block; text-indent: -9999px; overflow: hidden; position: relative; background-position: center center; background-repeat: no-repeat; vertical-align: middle; } .old-newsWrap .ic.icHome { background-position: 95.42857142857143% 65.21739130434783%; width: 18px; height: 17px; } .old-newsWrap .ic.icLinkWhite { background-position: 100% 28.571428571428573%; width: 6px; height: 10px; } .old-newsWrap .ic.icLinkGray { background-position: 98.39572192513369% 39.88095238095238%; width: 6px; height: 10px; } .old-newsWrap .ic.icLinkDownGray { background-position: 98.39572192513369% 39.88095238095238%; width: 6px; height: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .old-newsWrap .ic.icLinkDownBlue { background-position: 98.39572192513369% 51.19047619047619%; width: 6px; height: 10px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .old-newsWrap .ic.icBlankGray { background-position: 36.312849162011176% 97.57575757575758%; width: 14px; height: 13px; margin-left: 5px; } .old-newsWrap .ic.icBlankWhite { background-position: 95.42857142857143% 75.30864197530865%; width: 18px; height: 16px; margin-left: 5px; } .old-newsWrap .ic.icBlankBlue { background-position: 95.42857142857143% 85.18518518518519%; width: 18px; height: 16px; margin-left: 5px; } .old-newsWrap .ic.icDownloadWhite { background-position: 94.88636363636364% 54.088050314465406%; width: 17px; height: 19px; margin-left: 5px; } .old-newsWrap .ic.icDownloadBlue { background-position: 94.88636363636364% 42.138364779874216%; width: 17px; height: 19px; margin-left: 5px; } .old-newsWrap .ic.icCloseWhite { background-position: 9.6045197740113% 99.38271604938272%; width: 16px; height: 16px; } .old-newsWrap .ic.icCloseModalWhite { background-position: 46.951219512195124% 88.59060402684564%; width: 29px; height: 29px; } .old-newsWrap .ic.icCloseModalGray { background-position: 29.26829268292683% 88.59060402684564%; width: 29px; height: 29px; } .old-newsWrap .ic.icCloseGray { background-position: 96.53179190751445% 30.18867924528302%; width: 20px; height: 19px; } .old-newsWrap .ic.icCloseModalBlue { background-position: 67.77777777777777% 60.60606060606061%; width: 13px; height: 13px; } .old-newsWrap .ic.icSearchGray { background-position: 77.24550898203593% 86.84210526315789%; width: 26px; height: 26px; } .old-newsWrap .ic.icSearchWhite { background-position: 100% 0; width: 26px; height: 26px; } .old-newsWrap .ic.icAccordion { background-position: 92.26519337016575% 90.05847953216374%; width: 12px; height: 7px; } .old-newsWrap .ic.icArrowBlue { background-position: 27.683615819209038% 98.17073170731707%; width: 16px; height: 14px; } .old-newsWrap .ic.icArrowWhite { background-position: 18.64406779661017% 98.17073170731707%; width: 16px; height: 14px; } .old-newsWrap .ic.icAnchorBlue { background-position: 93.82022471910112% 16.666666666666668%; width: 15px; height: 22px; -webkit-transition: -webkit-transform 0.12s ease-in; transition: -webkit-transform 0.12s ease-in; transition: transform 0.12s ease-in; transition: transform 0.12s ease-in, -webkit-transform 0.12s ease-in; -webkit-transform: rotate(180deg) translate3d(0, 0, 0); -ms-transform: rotate(180deg) translate3d(0, 0, 0); transform: rotate(180deg) translate3d(0, 0, 0); } .old-newsWrap a:hover .ic.icAnchorBlue { -webkit-transform: rotate(180deg) translate3d(0, -5px, 0); -ms-transform: rotate(180deg) translate3d(0, -5px, 0); transform: rotate(180deg) translate3d(0, -5px, 0); } .old-newsWrap .ic.icPdf { background-position: 80.83832335329342% 21.91780821917808%; width: 26px; height: 32px; } .old-newsWrap .ic.icXls { background-position: 61.07784431137725% 22.06896551724138%; width: 26px; height: 33px; } .old-newsWrap .ic.icZip { background-position: 0 68.4931506849315%; width: 26px; height: 32px; } .old-newsWrap .ic.icPlayWhite { background-position: 14.201183431952662% 88.59060402684564%; width: 24px; height: 29px; } .old-newsWrap .ic.icPlayBlue { background-position: 0 88.59060402684564%; width: 24px; height: 29px; } .old-newsWrap .ic.icBtnSns { background-position: 21.25% 23.61111111111111%; width: 33px; height: 34px; } .old-newsWrap .ic.icBtnTwitter { background-position: 42.76729559748428% 0; width: 34px; height: 34px; } .old-newsWrap .ic.icBtnFacebook { background-position: 21.38364779874214% 0; width: 34px; height: 34px; } .old-newsWrap .ic.icBtnLinkedin { background-position: 0 0; width: 34px; height: 34px; } .old-newsWrap .ic.icBtnGoogle { background-position: 0 23.61111111111111%; width: 34px; height: 34px; } .old-newsWrap .ic.icTreeWhite { background-position: 62.35294117647059% 86.84210526315789%; width: 23px; height: 26px; } .old-newsWrap .ic.icSnsFbOn { background-position: 55.900621118012424% 68.4931506849315%; width: 32px; height: 32px; } .old-newsWrap .ic.icSnsFbOff { background-position: 83.85093167701864% 0; width: 32px; height: 32px; } .old-newsWrap .ic.icSnsTwOn { background-position: 41.25% 46.57534246575342%; width: 33px; height: 32px; } .old-newsWrap .ic.icSnsTwOff { background-position: 0 46.57534246575342%; width: 33px; height: 32px; } .old-newsWrap .ic.icSnsYtOn { background-position: 83.85093167701864% 65.75342465753425%; width: 32px; height: 32px; } .old-newsWrap .ic.icSnsYtOff { background-position: 83.85093167701864% 43.83561643835616%; width: 32px; height: 32px; } .old-newsWrap .ic.icSnsTmOn { background-position: 42.5% 23.28767123287671%; width: 33px; height: 32px; } .old-newsWrap .ic.icSnsTmOff { background-position: 20.625% 46.57534246575342%; width: 33px; height: 32px; } .old-newsWrap .ic.icSnsInstaOn { background-position: 16.149068322981368% 68.4931506849315%; width: 32px; height: 32px; } .old-newsWrap .ic.icSnsInstaOff { background-position: 36.024844720496894% 68.4931506849315%; width: 32px; height: 32px; } .old-newsWrap .ic.icSnsPinOn { background-position: 63.75% 0; width: 33px; height: 32px; } .old-newsWrap .ic.icSnsPinOff { background-position: 63.75% 44.52054794520548%; width: 33px; height: 32px; } .old-newsWrap .ic.icRss { background-position: 0 100%; width: 17px; height: 17px; } .old-newsWrap #content .modArchiveLayout { margin-top: -35px; margin-bottom: -35px; } .old-newsWrap #content .modArchiveLayout .modArchiveItem { padding-top: 35px; padding-bottom: 35px; } .old-newsWrap #content .modArchiveLayout h2 { font-size: 2.4rem; line-height: 1.45; } @media all and (max-width: 991px) { .old-newsWrap #content .modArchiveLayout h2 { font-size: 2.2rem; } } .old-newsWrap #content .modArchiveLayout .button { text-align: left; } .old-newsWrap #content .modArchiveLayout .button a { width: auto; } .old-newsWrap #content .modTableLayout { display: table; } .old-newsWrap #content .modTableLayout +.modTableLayout { margin-top: 20px; } .old-newsWrap #content .modTableLayout dt, .old-newsWrap #content .modTableLayout dd { font-size: 1.6rem; display: table-cell; } .old-newsWrap #content .modTableLayout dt { white-space: nowrap; } .old-newsWrap #content .modTableLayout.alignTop dt, .old-newsWrap #content .modTableLayout.alignTop dd { vertical-align: top; } .old-newsWrap #content .modTableLayout.alignMiddle dt, .old-newsWrap #content .modTableLayout.alignMiddle dd { vertical-align: middle; } .old-newsWrap #content .modTableLayout.alignBottom dt, .old-newsWrap #content .modTableLayout.alignBottom dd { vertical-align: bottom; } .old-newsWrap #content .modTableLayout .modCellSizeS { width: 4em; } .old-newsWrap #content .modTableLayout .modCellSizeM { width: 8em; } .old-newsWrap #content .modTableLayout .modCellSizeL { width: 12em; } .old-newsWrap #content .modTableLayout.smNoTable { display: block; } .old-newsWrap #content .modTableLayout.smNoTable dt, .old-newsWrap #content .modTableLayout.smNoTable dd { display: block; } .old-newsWrap #content .modTableLayout.smNoTable .modCellSizeS, .old-newsWrap #content .modTableLayout.smNoTable .modCellSizeM, .old-newsWrap #content .modTableLayout.smNoTable .modCellSizeL { width: auto; } .old-newsWrap #content .modLayout { margin: 40px -15px 0; } .old-newsWrap #content .modLayout:after { display: block; clear: both; height: 0; visibility: hidden; content: ""; } .old-newsWrap #content .modLayout:first-child { margin-top: 0; } @media all and (min-width: 768px) { .old-newsWrap #content .modLayout.hasBorder .item { border-right: 1px solid #e1e6ee; } .old-newsWrap #content .modLayout.hasBorder .item:last-child { border-right: 0; } } .old-newsWrap #content .modLayout img { width: 100%; height: auto; } .old-newsWrap #content .modLayout .item { padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 100%; min-height: 1px; max-width: 100%; z-index: 1; } @media all and (max-width: 767px) { .old-newsWrap #content .modLayout .item { margin-bottom: 25px; } .old-newsWrap #content .modLayout .item:last-child { margin-bottom: 0; } } @media all and (min-width: 768px) { .old-newsWrap #content .modLayout .itemSize1 { width: 12.5%; } .old-newsWrap #content .modLayout .itemSize1 .itemSize1 { width: 100%; } .old-newsWrap #content .modLayout .itemSize2 { width: 25%; } .old-newsWrap #content .modLayout .itemSize2 .itemSize2 { width: 100%; } .old-newsWrap #content .modLayout .itemSize3 { width: 37.5%; } .old-newsWrap #content .modLayout .itemSize3 .itemSize3 { width: 100%; } .old-newsWrap #content .modLayout .itemSize4 { width: 50%; } .old-newsWrap #content .modLayout .itemSize4 .itemSize4 { width: 100%; } .old-newsWrap #content .modLayout .itemSize5 { width: 62.5%; } .old-newsWrap #content .modLayout .itemSize5 .itemSize5 { width: 100%; } .old-newsWrap #content .modLayout .itemSize6 { width: 75%; } .old-newsWrap #content .modLayout .itemSize6 .itemSize6 { width: 100%; } .old-newsWrap #content .modLayout .itemSize7 { width: 87.5%; } .old-newsWrap #content .modLayout .itemSize7 .itemSize7 { width: 100%; } .old-newsWrap #content .modLayout .itemSize8 { width: 100%; } .old-newsWrap #content .modLayout .itemSize8 .itemSize8 { width: 100%; } .old-newsWrap #content .modLayout .itemSizeTrisect width 33.333333% { width: 100%; } .old-newsWrap #content .modLayout.row .item { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; box-flex: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; } .old-newsWrap #content .modLayout.row .itemSize1 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .old-newsWrap #content .modLayout.row .itemPush1 { left: 12.5%; } .old-newsWrap #content .modLayout.row .itemPull1 { right: 12.5%; } .old-newsWrap #content .modLayout.row .itemSizeTrisect { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap #content .modLayout.row .itemSize2 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .old-newsWrap #content .modLayout.row .itemPush2 { left: 25%; } .old-newsWrap #content .modLayout.row .itemPull2 { right: 25%; } .old-newsWrap #content .modLayout.row .itemSizeTrisect { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap #content .modLayout.row .itemSize3 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 37.5%; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } .old-newsWrap #content .modLayout.row .itemPush3 { left: 37.5%; } .old-newsWrap #content .modLayout.row .itemPull3 { right: 37.5%; } .old-newsWrap #content .modLayout.row .itemSizeTrisect { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap #content .modLayout.row .itemSize4 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .old-newsWrap #content .modLayout.row .itemPush4 { left: 50%; } .old-newsWrap #content .modLayout.row .itemPull4 { right: 50%; } .old-newsWrap #content .modLayout.row .itemSizeTrisect { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap #content .modLayout.row .itemSize5 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 62.5%; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } .old-newsWrap #content .modLayout.row .itemPush5 { left: 62.5%; } .old-newsWrap #content .modLayout.row .itemPull5 { right: 62.5%; } .old-newsWrap #content .modLayout.row .itemSizeTrisect { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap #content .modLayout.row .itemSize6 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .old-newsWrap #content .modLayout.row .itemPush6 { left: 75%; } .old-newsWrap #content .modLayout.row .itemPull6 { right: 75%; } .old-newsWrap #content .modLayout.row .itemSizeTrisect { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap #content .modLayout.row .itemSize7 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 87.5%; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } .old-newsWrap #content .modLayout.row .itemPush7 { left: 87.5%; } .old-newsWrap #content .modLayout.row .itemPull7 { right: 87.5%; } .old-newsWrap #content .modLayout.row .itemSizeTrisect { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap #content .modLayout.row .itemSize8 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .old-newsWrap #content .modLayout.row .itemPush8 { left: 100%; } .old-newsWrap #content .modLayout.row .itemPull8 { right: 100%; } .old-newsWrap #content .modLayout.row .itemSizeTrisect { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .old-newsWrap #content .modLayout.row .itemDetailSize1 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 6.25%; -ms-flex: 0 0 6.25%; flex: 0 0 6.25%; max-width: 6.25%; } .old-newsWrap #content .modLayout.row .itemDetailPush1 { left: 6.25%; } .old-newsWrap #content .modLayout.row .itemDetailPull1 { right: 6.25%; } .old-newsWrap #content .modLayout.row .itemDetailSize2 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; } .old-newsWrap #content .modLayout.row .itemDetailPush2 { left: 12.5%; } .old-newsWrap #content .modLayout.row .itemDetailPull2 { right: 12.5%; } .old-newsWrap #content .modLayout.row .itemDetailSize3 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 18.75%; -ms-flex: 0 0 18.75%; flex: 0 0 18.75%; max-width: 18.75%; } .old-newsWrap #content .modLayout.row .itemDetailPush3 { left: 18.75%; } .old-newsWrap #content .modLayout.row .itemDetailPull3 { right: 18.75%; } .old-newsWrap #content .modLayout.row .itemDetailSize4 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .old-newsWrap #content .modLayout.row .itemDetailPush4 { left: 25%; } .old-newsWrap #content .modLayout.row .itemDetailPull4 { right: 25%; } .old-newsWrap #content .modLayout.row .itemDetailSize5 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 31.25%; -ms-flex: 0 0 31.25%; flex: 0 0 31.25%; max-width: 31.25%; } .old-newsWrap #content .modLayout.row .itemDetailPush5 { left: 31.25%; } .old-newsWrap #content .modLayout.row .itemDetailPull5 { right: 31.25%; } .old-newsWrap #content .modLayout.row .itemDetailSize6 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 37.5%; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%; } .old-newsWrap #content .modLayout.row .itemDetailPush6 { left: 37.5%; } .old-newsWrap #content .modLayout.row .itemDetailPull6 { right: 37.5%; } .old-newsWrap #content .modLayout.row .itemDetailSize7 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 43.75%; -ms-flex: 0 0 43.75%; flex: 0 0 43.75%; max-width: 43.75%; } .old-newsWrap #content .modLayout.row .itemDetailPush7 { left: 43.75%; } .old-newsWrap #content .modLayout.row .itemDetailPull7 { right: 43.75%; } .old-newsWrap #content .modLayout.row .itemDetailSize8 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .old-newsWrap #content .modLayout.row .itemDetailPush8 { left: 50%; } .old-newsWrap #content .modLayout.row .itemDetailPull8 { right: 50%; } .old-newsWrap #content .modLayout.row .itemDetailSize9 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 56.25%; -ms-flex: 0 0 56.25%; flex: 0 0 56.25%; max-width: 56.25%; } .old-newsWrap #content .modLayout.row .itemDetailPush9 { left: 56.25%; } .old-newsWrap #content .modLayout.row .itemDetailPull9 { right: 56.25%; } .old-newsWrap #content .modLayout.row .itemDetailSize10 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 62.5%; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%; } .old-newsWrap #content .modLayout.row .itemDetailPush10 { left: 62.5%; } .old-newsWrap #content .modLayout.row .itemDetailPull10 { right: 62.5%; } .old-newsWrap #content .modLayout.row .itemDetailSize11 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 68.75%; -ms-flex: 0 0 68.75%; flex: 0 0 68.75%; max-width: 68.75%; } .old-newsWrap #content .modLayout.row .itemDetailPush11 { left: 68.75%; } .old-newsWrap #content .modLayout.row .itemDetailPull11 { right: 68.75%; } .old-newsWrap #content .modLayout.row .itemDetailSize12 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .old-newsWrap #content .modLayout.row .itemDetailPush12 { left: 75%; } .old-newsWrap #content .modLayout.row .itemDetailPull12 { right: 75%; } .old-newsWrap #content .modLayout.row .itemDetailSize13 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 81.25%; -ms-flex: 0 0 81.25%; flex: 0 0 81.25%; max-width: 81.25%; } .old-newsWrap #content .modLayout.row .itemDetailPush13 { left: 81.25%; } .old-newsWrap #content .modLayout.row .itemDetailPull13 { right: 81.25%; } .old-newsWrap #content .modLayout.row .itemDetailSize14 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 87.5%; -ms-flex: 0 0 87.5%; flex: 0 0 87.5%; max-width: 87.5%; } .old-newsWrap #content .modLayout.row .itemDetailPush14 { left: 87.5%; } .old-newsWrap #content .modLayout.row .itemDetailPull14 { right: 87.5%; } .old-newsWrap #content .modLayout.row .itemDetailSize15 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 93.75%; -ms-flex: 0 0 93.75%; flex: 0 0 93.75%; max-width: 93.75%; } .old-newsWrap #content .modLayout.row .itemDetailPush15 { left: 93.75%; } .old-newsWrap #content .modLayout.row .itemDetailPull15 { right: 93.75%; } .old-newsWrap #content .modLayout.row .itemDetailSize16 { -webkit-box-flex: 1; -o-box-flex: 1; box-flex: 1; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .old-newsWrap #content .modLayout.row .itemDetailPush16 { left: 100%; } .old-newsWrap #content .modLayout.row .itemDetailPull16 { right: 100%; } } .old-newsWrap #content .modLayout .floL { float: left; margin-right: 30px; position: relative; z-index: 2; } @media all and (max-width: 767px) { .old-newsWrap #content .modLayout .floL { float: none; margin-right: 0; } } .old-newsWrap #content .modLayout .floR { float: right; margin-left: 30px; position: relative; z-index: 2; } @media all and (max-width: 767px) { .old-newsWrap #content .modLayout .floR { float: none; margin-left: 0; } } @media all and (min-width: 768px) { .old-newsWrap #content .modLayout.halfGutters { margin-left: -8px; margin-right: -7px; } .old-newsWrap #content .modLayout.halfGutters .item { padding-left: 8px; padding-right: 7px; } .old-newsWrap #content .modLayout.noGutters { margin-left: -1px; margin-right: -1px; } .old-newsWrap #content .modLayout.noGutters .item { padding-left: 1px; padding-right: 1px; } } .old-newsWrap #content .modLayout .asideItem { margin-bottom: 20px; } @media all and (min-width: 1200px) { .old-newsWrap #content .modLayout .asideItem { width: 344px; } } @media all and (min-width: 768px) and (max-width: 1199px) { .old-newsWrap #content .modLayout .asideItem { width: 277px; } } @media all and (max-width: 767px) { .old-newsWrap #content .modLayout .asideItem { padding: 0 15px; margin-top: 25px; } } @media all and (min-width: 768px) { .old-newsWrap #content .modLayout .asideItem.floR { margin-right: -12.5%; margin-left: 60px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap #content .modLayout .asideItem.floR { margin-left: 40px; padding-right: 24px; } } @media all and (min-width: 768px) { .old-newsWrap #content .modLayout .asideItem.floL { margin-left: -12.5%; margin-right: 60px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap #content .modLayout .asideItem.floL { margin-right: 40px; padding-left: 24px; } } .old-newsWrap #content .asideBox { border-top: 1px solid #e1e6ee; border-bottom: 1px solid #e1e6ee; padding: 15px 0; display: block; } @media all and (max-width: 991px) { .old-newsWrap #content .asideBox { padding: 12px 0; } } .old-newsWrap #content .asideBox .asideCaption { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); color: #516570; font-style: 1.4rem; } .old-newsWrap #content .asideBox figure { margin-top: 12px; } .old-newsWrap #content .asideBox figure:after { display: block; clear: both; height: 0; visibility: hidden; content: ""; } @media all and (max-width: 991px) { .old-newsWrap #content .asideBox figure { margin-top: 10px; } } .old-newsWrap #content .asideBox figure img { float: left; overflow: hidden; } @media all and (min-width: 992px) { .old-newsWrap #content .asideBox figure img { width: 120px; } } @media all and (max-width: 991px) { .old-newsWrap #content .asideBox figure img { width: 100px; } } .old-newsWrap #content .asideBox figure figcaption { display: block; overflow: hidden; padding-bottom: 1px; } @media all and (min-width: 1200px) { .old-newsWrap #content .asideBox figure figcaption { padding-left: 16px; } } @media all and (min-width: 992px) and (max-width: 1199px) { .old-newsWrap #content .asideBox figure figcaption { padding-left: 10px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap #content .asideBox figure figcaption { padding-left: 10px; } } @media all and (max-width: 767px) { .old-newsWrap #content .asideBox figure figcaption { padding-left: 10px; } } .old-newsWrap #content .asideBox figure h4 { margin-top: 0; } .old-newsWrap #content .asideBox h4 { font-size: 1.6rem; margin-top: 10px; } .old-newsWrap #content .asideBox .asideAnnotation { margin-top: 8px; } .old-newsWrap #content a.asideBox h4 { color: #0065bd; display: inline; } .old-newsWrap #content a.asideBox .asideCaption, .old-newsWrap #content a.asideBox .asideAnnotation { color: #516570; } @media all and (min-width: 992px) { .old-newsWrap .bannerArea .container { padding-top: 40px; padding-bottom: 30px; } } @media all and (min-width: 1200px) { .old-newsWrap .bannerArea .container { padding-left: 0; padding-right: 0; } } @media all and (min-width: 992px) and (max-width: 1199px) { .old-newsWrap .bannerArea .container { padding-left: 8px; padding-right: 8px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .bannerArea .container { padding-left: 24px; padding-right: 24px; } } @media all and (max-width: 991px) { .old-newsWrap .bannerArea .container { width: 100%; padding-top: 30px; padding-bottom: 50px; } } .old-newsWrap .bannerArea .container .row { margin-left: -7px; margin-right: -8px; } @media all and (max-width: 991px) { .old-newsWrap .bannerArea .container .row { margin-top: -15px; } } .old-newsWrap .bannerArea .container li { padding-right: 8px; padding-left: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; } @media all and (min-width: 992px) { .old-newsWrap .bannerArea .container li { width: 20%; } } @media all and (max-width: 991px) { .old-newsWrap .bannerArea .container li { padding-top: 15px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .bannerArea .container li { width: 33.333%; } } @media all and (max-width: 767px) { .old-newsWrap .bannerArea .container li { width: 50%; } } .old-newsWrap .bannerArea .container li img { width: 100%; } .old-newsWrap .pageLocalMenu a { text-decoration: none; color: #516570; font-weight: inherit; } .old-newsWrap .pageLocalMenu a:hover { text-decoration: none; } @media all and (min-width: 992px) { .old-newsWrap .spPageLocalMenu { display: none; } .old-newsWrap .pageLocalMenu { text-align: center; margin-top: -1px; background: #fff; } .old-newsWrap .pageLocalMenu ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .old-newsWrap .pageLocalMenu li { margin: 0 10px; vertical-align: top; position: relative; line-height: 1.2; } .old-newsWrap .pageLocalMenu a { -webkit-transition: opacity 0.12s ease-in; transition: opacity 0.12s ease-in; } .old-newsWrap .pageLocalMenu a:hover { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .old-newsWrap .pageLocalMenu .secondaryMenu { padding: 10px 0 0; border-bottom: 1px solid #e1e6ee; } .old-newsWrap .pageLocalMenu .secondaryMenu li { padding: 8px 0 17px; } .old-newsWrap .pageLocalMenu .secondaryMenu a { font-size: 1.3rem; display: block; } .old-newsWrap .pageLocalMenu .secondaryMenu .current { font-weight: 700; } .old-newsWrap .pageLocalMenu .secondaryMenu .current:after { position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; content: ''; background: -webkit-linear-gradient(top left, #0065bd, #37b1de); background: -webkit-gradient(linear, left top, right bottom, from(#0065bd), to(#37b1de)); background: linear-gradient(to bottom right, #0065bd, #37b1de); } .old-newsWrap .pageLocalMenu .tertiaryMenu { background: #f3f5fa; padding: 6px 0; } .old-newsWrap .pageLocalMenu .tertiaryMenu li { padding: 5px 0; } .old-newsWrap .pageLocalMenu .tertiaryMenu a { font-size: 1.2rem; -webkit-transition: opacity 0.12s ease-in; transition: opacity 0.12s ease-in; } .old-newsWrap .pageLocalMenu .tertiaryMenu a:hover { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .old-newsWrap .pageLocalMenu .tertiaryMenu .current { font-weight: 700; } } @media all and (max-width: 991px) { .old-newsWrap .pcPageLocalMenu { display: none; } .old-newsWrap .spPageLocalMenu { margin-top: 35px; } .old-newsWrap .pageLocalMenu .container { padding: 0 24px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .old-newsWrap .pageLocalMenu a { display: block; } .old-newsWrap .pageLocalMenu dl { border-top: 1px solid #e1e6ee; border-bottom: 1px solid #e1e6ee; } .old-newsWrap .pageLocalMenu dt, .old-newsWrap .pageLocalMenu dd { border-top: 1px solid #e1e6ee; } .old-newsWrap .pageLocalMenu dt:first-child, .old-newsWrap .pageLocalMenu dd:first-child { border-top: 0; } .old-newsWrap .pageLocalMenu dt { font-size: 1.5rem; } .old-newsWrap .pageLocalMenu dt a { padding: 16px 0 9px; color: #516570; } .old-newsWrap .backgroundcliptext .pageLocalMenu dt a { background: -webkit-linear-gradient(top left, #0065bd, #37b1de); background: -webkit-gradient(linear, left top, right bottom, from(#0065bd), to(#37b1de)); background: linear-gradient(to bottom right, #0065bd, #37b1de); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .old-newsWrap .pageLocalMenu dd { margin-left: 16px; } .old-newsWrap .pageLocalMenu dd ul { margin-left: 16px; } .old-newsWrap .pageLocalMenu dd li, .old-newsWrap .pageLocalMenu dd p { font-size: 1.3rem; } .old-newsWrap .pageLocalMenu dd .current { font-weight: 700; } .old-newsWrap .pageLocalMenu .parentItem { position: relative; width: 100%; } .old-newsWrap .pageLocalMenu .parentItem a { padding: 10px 14px 9px; } .old-newsWrap .pageLocalMenu .parentItem i { position: absolute; top: 50%; right: 9px; margin-top: -4px; } .old-newsWrap .pageLocalMenu .parentItem.active i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .old-newsWrap .pageLocalMenu .childItem { height: 0; overflow: hidden; } .old-newsWrap .pageLocalMenu .childItem ul { padding-bottom: 10px; } .old-newsWrap .pageLocalMenu .childItem li a { padding: 4px 14px 9px; } } @media all and (max-width: 767px) { .old-newsWrap .pageLocalMenu .container { padding: 0 15px; width: 100%; } } .old-newsWrap .modalSection { position: fixed; top: 0; left: 0; z-index: 1000; background: rgba(0,0,0,0.5); width: 100%; height: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); overflow-x: hidden; -webkit-overflow-scrolling: touch; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .old-newsWrap .modalSection.active { -webkit-animation: _mod_fadeIn 0.12s ease-in; animation: _mod_fadeIn 0.12s ease-in; opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: 100%; } .old-newsWrap .modalSection.noActive { -webkit-animation: _mod_fadeOut 0.12s ease-in; animation: _mod_fadeOut 0.12s ease-in; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } .old-newsWrap .modalSection .modalInner { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: 100%; } .old-newsWrap .modalSection .modalContent { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative; max-width: 993px; margin: 0 auto; } @media all and (min-width: 768px) { .old-newsWrap .modalSection .modalContent { padding: 24px; } } @media all and (max-width: 767px) { .old-newsWrap .modalSection .modalContent { padding: 15px; } } .old-newsWrap .is-ie .modalSection .modalContent { margin: 0; } .old-newsWrap .modalSection .modalContentInner { background: #fff; position: relative; margin: 0 auto; } @media all and (min-width: 992px) { .old-newsWrap .modalSection .modalContentInner { padding: 80px 10.3%; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .modalSection .modalContentInner { padding: 30px 13.575% 25px; } } @media all and (max-width: 767px) { .old-newsWrap .modalSection .modalContentInner { padding: 55px 15px 25px; } } .old-newsWrap .modalSection .closeBtn { position: absolute; } @media all and (min-width: 992px) { .old-newsWrap .modalSection .closeBtn { right: 10px; top: 10px; } } @media all and (max-width: 991px) { .old-newsWrap .modalSection .closeBtn { top: 15px; right: 15px; } } .old-newsWrap .modalSection .bottomCloseBtn { font-size: 1.8rem; border-top: 1px solid #e1e6ee; padding-top: 25px; margin-top: 25px; text-align: center; } @media all and (min-width: 992px) { .old-newsWrap .modalSection .bottomCloseBtn { display: none; } } .old-newsWrap .modalSection .bottomCloseBtn span { margin-right: 8px; } @-webkit-keyframes _mod_fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 100%; } 100% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: 100%; } } @keyframes _mod_fadeIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } 1% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 100%; } 100% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: 100%; } } @-webkit-keyframes _mod_fadeOut { 0% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: 100%; } 99% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 100%; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } @keyframes _mod_fadeOut { 0% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: 100%; } 99% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 100%; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; } } .old-newsWrap .modFrame { background: #f3f5fa; border: 1px solid #e1e6ee; margin-bottom: 40px; font-size: 1.6rem; line-height: 1.6; } .old-newsWrap .modFrame:last-child { margin-bottom: 0; } .old-newsWrap .modFrame.modFrameWhite { background: #fff; } .old-newsWrap .modFrame .modFrameInner { padding: 30px; } @media all and (max-width: 767px) { .old-newsWrap .modFrame .modFrameInner { padding: 20px 15px; } } .old-newsWrap .modFrame .modFrameInner.modPipeList { padding: 20px; } @media all and (max-width: 767px) { .old-newsWrap .modFrame .modFrameInner.modPipeList { padding: 15px; } } @media all and (min-width: 992px) { .old-newsWrap .modFrame figure { padding-right: 30px; } .old-newsWrap .modFrame figure img { width: 100%; height: auto; } } @media all and (max-width: 991px) { .old-newsWrap .modFrame figure { padding-right: 15px; text-align: center; margin-bottom: 20px; } } .old-newsWrap .modFrame .modPipeList ul { margin-top: -15px; } .old-newsWrap .modFrame .modPipeList li { display: inline-block; position: relative; margin-top: 15px; font-size: 1.3rem; } @media all and (max-width: 767px) { .old-newsWrap .modFrame .modPipeList li { display: block; } } .old-newsWrap .modFrame .modPipeList li.active a { color: #516570; } .old-newsWrap .modFrame .modPipeList li::after { content: '|'; padding: 0 1em; color: #e1e6ee; } @media all and (max-width: 767px) { .old-newsWrap .modFrame .modPipeList li::after { content: none; } } .old-newsWrap .modFrame .modPipeList li:last-child::after { content: none; } .old-newsWrap .modTable { margin-bottom: 40px; font-size: 1.4rem; line-height: 1.6; } .old-newsWrap .modTable .modList { font-size: 1.4rem; padding-left: 0; } .old-newsWrap .modTable:last-child { margin-bottom: 0; } .old-newsWrap .modTable th, .old-newsWrap .modTable td, .old-newsWrap .modTable table { border-collapse: collapse; border: 1px solid #d7dfea; } .old-newsWrap .modTable table { width: 100%; } .old-newsWrap .modTable .nowrap { white-space: nowrap; } .old-newsWrap .modTable th, .old-newsWrap .modTable td { padding: 20px 15px; } .old-newsWrap .modTable th { background: rgba(193,211,230,0.2); } .old-newsWrap .modTable.modTableScroll { overflow: auto; -webkit-overflow-scrolling: touch; } .old-newsWrap .modTable.modTableScroll table { min-width: 100%; width: auto; } .old-newsWrap .modTable.modTableScroll th { min-width: 8em; } @media all and (min-width: 768px) { .old-newsWrap .modTable.modFullTable { width: 1000px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: relative; left: 50%; } } @media all and (min-width: 1200px) { .old-newsWrap .modTable.modFullTable { width: 1140px; } } @media all and (min-width: 992px) and (max-width: 1199px) { .old-newsWrap .modTable.modFullTable { width: 940px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .modTable.modFullTable { width: 720px; } } .old-newsWrap .mainVisual { margin: 0 auto; position: relative; overflow: hidden; z-index: 0; } @media all and (min-width: 768px) { .old-newsWrap .mainVisual { height: 480px; } .old-newsWrap .mainVisual:after { width: 945px; height: 120px; content: ''; background: #fff; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 2; } .old-newsWrap .mainVisual.hasText:after { display: none; } .old-newsWrap .mainVisual .pic { position: relative; top: 50%; left: 50%; z-index: 1; } .old-newsWrap .mainVisual .pic img { -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); max-width: none; height: auto; min-height: 480px; min-width: 100%; } .old-newsWrap .mainVisual .modMainVisualText { position: absolute; width: 100%; top: 50%; color: #fff; z-index: 2; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); text-align: center; } .old-newsWrap .mainVisual .modMainVisualText .modMainVisualTextInner { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1200px; padding: 0 30px; margin: 0 auto; } .old-newsWrap .mainVisual .modMainVisualText .modMainVisualTextInner h1 { font-size: 1.5rem; } .old-newsWrap .mainVisual .modMainVisualText .modMainVisualTextInner h1 +h2 { margin-top: 20px; } .old-newsWrap .mainVisual .modMainVisualText .modMainVisualTextInner h1 +p { margin-top: 30px; } .old-newsWrap .mainVisual .modMainVisualText .modMainVisualTextInner h2 { font-size: 2.0rem; } .old-newsWrap .mainVisual .modMainVisualText .modMainVisualTextInner h2 +p { margin-top: 30px; } .old-newsWrap .mainVisual .modMainVisualText .modMainVisualTextInner p { font-size: 1.6rem; line-height: 1.75; max-width: 760px; margin: 0 auto; padding: 0 24px; } .old-newsWrap .mainVisual+.section { position: relative; z-index: 2; margin-top: -110px; } .old-newsWrap .mainVisual+.section h1 { text-align: center; } .old-newsWrap .mainVisual.hasText+.section { margin-top: 75px; } } @media all and (min-width: 992px) and (max-width: 1199px) { .old-newsWrap .mainVisual:after { width: 778px; } .old-newsWrap .mainVisual .modMainVisualText .modMainVisualTextInner { padding: 0 26px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .mainVisual:after { width: 720px; height: 120px; } .old-newsWrap .mainVisual .pic img { width: 100%; } .old-newsWrap .mainVisual .modMainVisualText .modMainVisualTextInner { padding: 0 24px; } .old-newsWrap .mainVisual .modMainVisualText h1 { font-size: 2.6rem; } .old-newsWrap .mainVisual .modMainVisualText p { font-size: 1.8rem; } .old-newsWrap .mainVisual+.section { margin-top: -110px; } .old-newsWrap .mainVisual.hasText+.section { margin-top: 75px; } } @media all and (max-width: 767px) { .old-newsWrap .mainVisual { background: #fff; } .old-newsWrap .mainVisual .pic { position: relative; } .old-newsWrap .mainVisual .modMainVisualText { padding: 45px 18px 55px; } .old-newsWrap .mainVisual .modMainVisualText h1 { font-size: 2.6rem; } .old-newsWrap .backgroundcliptext .mainVisual .modMainVisualText h1 { background: -webkit-linear-gradient(top left, #0065bd, #37b1de); background: -webkit-gradient(linear, left top, right bottom, from(#0065bd), to(#37b1de)); background: linear-gradient(to bottom right, #0065bd, #37b1de); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .old-newsWrap .mainVisual .modMainVisualText h1 +h2 { margin-top: 20px; } .old-newsWrap .mainVisual .modMainVisualText h1 +p { margin-top: 30px; } .old-newsWrap .mainVisual .modMainVisualText h2 { font-size: 2.0rem; } .old-newsWrap .mainVisual .modMainVisualText h2 +p { margin-top: 30px; } .old-newsWrap .mainVisual+.section { margin-top: 10px; } } .old-newsWrap .anchorList { margin-bottom: 40px; } .old-newsWrap .anchorList:last-child { margin-bottom: 0; } .old-newsWrap .anchorList a, .old-newsWrap .anchorList .noLink { font-size: 1.6rem; } .old-newsWrap .anchorList a:hover { text-decoration: none; } .old-newsWrap .listPrimary { border-left: 2px solid #e1e6ee; padding: 3px 0px 6px 20px; } .old-newsWrap .listPrimary li { margin-bottom: 15px; } .old-newsWrap .listPrimary li:last-child { margin-bottom: 0; } .old-newsWrap .listPrimary li .ic { margin-left: 18px; } .old-newsWrap .listLine { overflow: auto; border-top: 2px solid #e1e6ee; border-bottom: 2px solid #e1e6ee; } .old-newsWrap .listLine.js-overflow li { white-space: nowrap; } .old-newsWrap .listLine .listLineInner { min-width: 100%; padding: 11px 0 11px; } .old-newsWrap .listLine ul { margin: 0 17px; display: table; } .old-newsWrap .listLine li { display: table-cell; padding-right: 30px; } .old-newsWrap .listLine li:last-child { padding-right: 0; } .old-newsWrap .listLine li .ic { margin-left: 15px; } @media all and (min-width: 992px) { .old-newsWrap .listLine { max-width: 100%; } } @media all and (max-width: 767px) { .old-newsWrap .listLine { margin-left: -15px; margin-right: -15px; } } @media all and (min-width: 768px) { .old-newsWrap .article .modButtonList ul, .old-newsWrap .modalSection .modButtonList ul { margin: -10px; text-align: center; letter-spacing: -0.4em; } .old-newsWrap .article .modButtonList li, .old-newsWrap .modalSection .modButtonList li { margin: 10px; letter-spacing: normal; display: inline-block; } .old-newsWrap .article .modButtonList .button, .old-newsWrap .modalSection .modButtonList .button { margin: 0; } } @media all and (max-width: 767px) { .old-newsWrap .article .modButtonList li, .old-newsWrap .modalSection .modButtonList li { margin-bottom: 20px; } .old-newsWrap .article .modButtonList li:last-child, .old-newsWrap .modalSection .modButtonList li:last-child { margin-bottom: 0; } } .old-newsWrap .article .button, .old-newsWrap .modalSection .button { overflow: hidden; } @media all and (max-width: 991px) { .old-newsWrap .article .button, .old-newsWrap .modalSection .button { text-align: center; } } .old-newsWrap .article .button a, .old-newsWrap .modalSection .button a { text-align: center; display: inline-block; background: -webkit-linear-gradient(bottom left, #0065bd, #0e8bd1); background: -webkit-gradient(linear, left bottom, right top, from(#0065bd), to(#0e8bd1)); background: linear-gradient(to top right, #0065bd, #0e8bd1); color: #fff; position: relative; font-size: 1.6rem; line-height: 1.3; padding: 15px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-transition: color 0.12s ease-in; transition: color 0.12s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .old-newsWrap .article .button a:hover, .old-newsWrap .modalSection .button a:hover { text-decoration: none; } .old-newsWrap .article .button a:hover:after, .old-newsWrap .modalSection .button a:hover:after { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; } .old-newsWrap .article .button a:after, .old-newsWrap .modalSection .button a:after { position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(bottom left, #0e8bd1, #37b1de); background: -webkit-gradient(linear, left bottom, right top, from(#0e8bd1), to(#37b1de)); background: linear-gradient(to top right, #0e8bd1, #37b1de); content: ''; width: 100%; height: 100%; z-index: 1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity 0.12s ease-in; transition: opacity 0.12s ease-in; } .old-newsWrap .article .button a span, .old-newsWrap .modalSection .button a span { position: relative; z-index: 2; } @media all and (min-width: 992px) { .old-newsWrap .article .button a, .old-newsWrap .modalSection .button a { min-width: 125px; } } @media all and (max-width: 991px) { .old-newsWrap .article .button a, .old-newsWrap .modalSection .button a { width: 80%; margin-left: auto; margin-right: auto; } } .old-newsWrap .article .button .icBlankBlue, .old-newsWrap .modalSection .button .icBlankBlue, .old-newsWrap .article .button .icBlankWhite, .old-newsWrap .modalSection .button .icBlankWhite, .old-newsWrap .article .button .icDownloadBlue, .old-newsWrap .modalSection .button .icDownloadBlue, .old-newsWrap .article .button .icDownloadWhite, .old-newsWrap .modalSection .button .icDownloadWhite { margin-left: 10px; } .old-newsWrap .article .button.buttonLarge a, .old-newsWrap .modalSection .button.buttonLarge a { font-size: 1.8rem; min-width: 150px; padding: 18px 30px; } .old-newsWrap .article .button.buttonSub a, .old-newsWrap .modalSection .button.buttonSub a { background: -webkit-linear-gradient(bottom left, #0065bd, #0e8bd1); background: -webkit-gradient(linear, left bottom, right top, from(#0065bd), to(#0e8bd1)); background: linear-gradient(to top right, #0065bd, #0e8bd1); padding: 0; } .old-newsWrap .article .button.buttonSub a span, .old-newsWrap .modalSection .button.buttonSub a span { color: #0065bd; margin: 2px; background: #fff; display: block; padding: 13px 28px; } .old-newsWrap .article .button.buttonSub a:hover span, .old-newsWrap .modalSection .button.buttonSub a:hover span { color: #fff; background: none; } .old-newsWrap .article .button.buttonWhite a, .old-newsWrap .modalSection .button.buttonWhite a { background: #fff; color: #0065bd; } .old-newsWrap .article .button.buttonWhite a:hover, .old-newsWrap .modalSection .button.buttonWhite a:hover { color: #fff; } .old-newsWrap .article .button.buttonWhite a:hover .icBlankBlue, .old-newsWrap .modalSection .button.buttonWhite a:hover .icBlankBlue { background-position: 95.42857142857143% 75.30864197530865%; width: 18px; height: 16px; } .old-newsWrap .article .button.buttonWhite a:hover .icDownloadBlue, .old-newsWrap .modalSection .button.buttonWhite a:hover .icDownloadBlue { background-position: 94.88636363636364% 54.088050314465406%; width: 17px; height: 19px; } .old-newsWrap .article .button.buttonWhiteSub a, .old-newsWrap .modalSection .button.buttonWhiteSub a { border: 2px solid #fff; background: transparent; color: #fff; padding: 13px 28px; } .old-newsWrap .article .button.buttonWhiteSub a:after, .old-newsWrap .modalSection .button.buttonWhiteSub a:after { width: calc(100% + 6px); height: calc(100% + 6px); top: -3px; left: -3px; } .old-newsWrap .modSearch { position: relative; display: inline-block; } .old-newsWrap .modSearch input { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; width: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; background: none; border: 1px solid #e1e6ee; border-radius: 2px; padding: 16px 57px 14px 18px; font-size: 1.6rem; color: #516570; -webkit-transition: border 0.12s ease-in; transition: border 0.12s ease-in; max-width: 100%; min-width: 320px; } .old-newsWrap .modSearch input::-webkit-input-placeholder { color: rgba(81,101,112,0.5); } .old-newsWrap .modSearch input:-ms-input-placeholder { color: rgba(81,101,112,0.5); } .old-newsWrap .modSearch input::-moz-placeholder { color: rgba(81,101,112,0.5); } .old-newsWrap .modSearch input:placeholder-shown { color: rgba(81,101,112,0.5); } .old-newsWrap .modSearch input::-ms-expand { display: none; } .old-newsWrap .modSearch input:hover, .old-newsWrap .modSearch input:focus { border: 1px solid #37b1de; } .old-newsWrap .modSearch button { position: absolute; top: 0; right: 0; cursor: pointer; outline: 0; background: none; border: 0; padding: 12px 12px; width: 50px; height: 50px; } .old-newsWrap .modSelect label { position: relative; display: inline-block; } .old-newsWrap .modSelect .ic { -webkit-background-size: 270.2px auto; background-size: 270.2px auto; position: absolute; right: 18px; top: 50%; margin-top: -6px; width: 8px; height: 14px; } .old-newsWrap .modSelect select { position: relative; z-index: 3; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; width: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; background: none; border: 1px solid #e1e6ee; border-radius: 2px; padding: 12px 57px 12px 18px; font-size: 1.6rem; color: #516570; -webkit-transition: border 0.12s ease-in; transition: border 0.12s ease-in; min-height: 50px; } .old-newsWrap .modSelect select::-ms-expand { display: none; } .old-newsWrap .modSelect select:hover, .old-newsWrap .modSelect select:focus { border: 1px solid #37b1de; } @media all and (max-width: 991px) { .old-newsWrap .modSection .tabArea, .old-newsWrap .modFullSection .tabArea, .old-newsWrap .modalSection .tabArea { margin-left: -15px; margin-right: -15px; } } .old-newsWrap .modSection .tabArea .tabButton, .old-newsWrap .modFullSection .tabArea .tabButton, .old-newsWrap .modalSection .tabArea .tabButton { width: 100%; position: relative; } .old-newsWrap .modSection .tabArea .tabButton .js-overflow-inner, .old-newsWrap .modFullSection .tabArea .tabButton .js-overflow-inner, .old-newsWrap .modalSection .tabArea .tabButton .js-overflow-inner { width: 100%; } .old-newsWrap .modSection .tabArea .tabButton ul, .old-newsWrap .modFullSection .tabArea .tabButton ul, .old-newsWrap .modalSection .tabArea .tabButton ul { display: table; position: relative; z-index: 1; min-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .old-newsWrap .modSection .tabArea .tabButton ul:after, .old-newsWrap .modFullSection .tabArea .tabButton ul:after, .old-newsWrap .modalSection .tabArea .tabButton ul:after, .old-newsWrap .modSection .tabArea .tabButton ul:before, .old-newsWrap .modFullSection .tabArea .tabButton ul:before, .old-newsWrap .modalSection .tabArea .tabButton ul:before { content: ''; display: table-cell; border-bottom: 2px solid rgba(103,132,171,0.2); padding-left: 8px; } @media all and (max-width: 991px) { .old-newsWrap .modSection .tabArea .tabButton ul:after, .old-newsWrap .modFullSection .tabArea .tabButton ul:after, .old-newsWrap .modalSection .tabArea .tabButton ul:after, .old-newsWrap .modSection .tabArea .tabButton ul:before, .old-newsWrap .modFullSection .tabArea .tabButton ul:before, .old-newsWrap .modalSection .tabArea .tabButton ul:before { padding-left: 15px; } } .old-newsWrap .modSection .tabArea .tabButton ul:before, .old-newsWrap .modFullSection .tabArea .tabButton ul:before, .old-newsWrap .modalSection .tabArea .tabButton ul:before { width: 8px; } @media all and (max-width: 991px) { .old-newsWrap .modSection .tabArea .tabButton ul:before, .old-newsWrap .modFullSection .tabArea .tabButton ul:before, .old-newsWrap .modalSection .tabArea .tabButton ul:before { width: 15px; } } .old-newsWrap .modSection .tabArea .tabButton li, .old-newsWrap .modFullSection .tabArea .tabButton li, .old-newsWrap .modalSection .tabArea .tabButton li { display: table-cell; border-bottom: 2px solid rgba(103,132,171,0.2); border-collapse: collapse; width: 1em; white-space: nowrap; } .old-newsWrap .modSection .tabArea .tabButton a, .old-newsWrap .modFullSection .tabArea .tabButton a, .old-newsWrap .modalSection .tabArea .tabButton a { display: block; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid transparent; white-space: nowrap; -webkit-transition: background 0.12s ease-in; transition: background 0.12s ease-in; } @media all and (min-width: 992px) { .old-newsWrap .modSection .tabArea .tabButton a, .old-newsWrap .modFullSection .tabArea .tabButton a, .old-newsWrap .modalSection .tabArea .tabButton a { font-size: 1.6rem; padding: 10px 20px; } } @media all and (max-width: 991px) { .old-newsWrap .modSection .tabArea .tabButton a, .old-newsWrap .modFullSection .tabArea .tabButton a, .old-newsWrap .modalSection .tabArea .tabButton a { padding: 17px 20px 13px; } } .old-newsWrap .modSection .tabArea .tabButton a:hover, .old-newsWrap .modFullSection .tabArea .tabButton a:hover, .old-newsWrap .modalSection .tabArea .tabButton a:hover { text-decoration: none; background: rgba(193,211,230,0.2); } .old-newsWrap .modSection .tabArea .tabButton .active, .old-newsWrap .modFullSection .tabArea .tabButton .active, .old-newsWrap .modalSection .tabArea .tabButton .active { border-bottom: 2px solid rgba(255,255,255,0); border-top: 2px solid rgba(103,132,171,0.2); border-left: 2px solid rgba(103,132,171,0.2); border-right: 2px solid rgba(103,132,171,0.2); } .old-newsWrap .modSection .tabArea .tabButton .active a, .old-newsWrap .modFullSection .tabArea .tabButton .active a, .old-newsWrap .modalSection .tabArea .tabButton .active a { border: 0; color: #516570; } .old-newsWrap .modSection .tabArea .tabButton .active a:hover, .old-newsWrap .modFullSection .tabArea .tabButton .active a:hover, .old-newsWrap .modalSection .tabArea .tabButton .active a:hover { background: rgba(255,255,255,0); } .old-newsWrap .modSection .tabArea .tabButton.tabButtonBottom ul:after, .old-newsWrap .modFullSection .tabArea .tabButton.tabButtonBottom ul:after, .old-newsWrap .modalSection .tabArea .tabButton.tabButtonBottom ul:after, .old-newsWrap .modSection .tabArea .tabButton.tabButtonBottom ul:before, .old-newsWrap .modFullSection .tabArea .tabButton.tabButtonBottom ul:before, .old-newsWrap .modalSection .tabArea .tabButton.tabButtonBottom ul:before { border-bottom: 0; border-top: 2px solid rgba(103,132,171,0.2); } .old-newsWrap .modSection .tabArea .tabButton.tabButtonBottom li, .old-newsWrap .modFullSection .tabArea .tabButton.tabButtonBottom li, .old-newsWrap .modalSection .tabArea .tabButton.tabButtonBottom li { border-bottom: 0; border-top: 2px solid rgba(103,132,171,0.2); } .old-newsWrap .modSection .tabArea .tabButton.tabButtonBottom a, .old-newsWrap .modFullSection .tabArea .tabButton.tabButtonBottom a, .old-newsWrap .modalSection .tabArea .tabButton.tabButtonBottom a { border-top: 0; border-bottom: 2px solid transparent; } .old-newsWrap .modSection .tabArea .tabButton.tabButtonBottom .active, .old-newsWrap .modFullSection .tabArea .tabButton.tabButtonBottom .active, .old-newsWrap .modalSection .tabArea .tabButton.tabButtonBottom .active { border-top: 2px solid rgba(255,255,255,0); border-bottom: 2px solid rgba(103,132,171,0.2); } .old-newsWrap .modSection .tabArea .tabContent, .old-newsWrap .modFullSection .tabArea .tabContent, .old-newsWrap .modalSection .tabArea .tabContent { z-index: 0; } @media all and (max-width: 991px) { .old-newsWrap .modSection .tabArea .tabContent, .old-newsWrap .modFullSection .tabArea .tabContent, .old-newsWrap .modalSection .tabArea .tabContent { padding: 0 15px; } } .old-newsWrap .modSection .tabArea .tabContent .tabContentItem, .old-newsWrap .modFullSection .tabArea .tabContent .tabContentItem, .old-newsWrap .modalSection .tabArea .tabContent .tabContentItem { display: none; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .old-newsWrap .modSection .tabArea .tabContent .tabContentItem.active, .old-newsWrap .modFullSection .tabArea .tabContent .tabContentItem.active, .old-newsWrap .modalSection .tabArea .tabContent .tabContentItem.active { -webkit-animation: _a_tab 0.12s ease-in; animation: _a_tab 0.12s ease-in; opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; display: block; } .old-newsWrap .modSection .tabArea .tabContent .tabContentItem .tabContentItemInner, .old-newsWrap .modFullSection .tabArea .tabContent .tabContentItem .tabContentItemInner, .old-newsWrap .modalSection .tabArea .tabContent .tabContentItem .tabContentItemInner { padding-top: 40px; } @-webkit-keyframes _a_tab { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none; } 1% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: block; } 100% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; display: block; } } @keyframes _a_tab { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: none; } 1% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); display: block; } 100% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; display: block; } } .old-newsWrap .modSection a, .old-newsWrap .modFullSection a, .old-newsWrap .modalSection a { text-decoration: none; color: #0065bd; } .old-newsWrap .modSection a .modLinkText, .old-newsWrap .modFullSection a .modLinkText, .old-newsWrap .modalSection a .modLinkText { -webkit-transition: border 0.12s ease-in; transition: border 0.12s ease-in; border-bottom: 1px solid transparent; padding-bottom: 1px; } .old-newsWrap .modSection a:hover, .old-newsWrap .modFullSection a:hover, .old-newsWrap .modalSection a:hover { text-decoration: none; } .old-newsWrap .modSection a:hover .icArrowBlue, .old-newsWrap .modFullSection a:hover .icArrowBlue, .old-newsWrap .modalSection a:hover .icArrowBlue, .old-newsWrap .modSection a:hover .icArrowWhite, .old-newsWrap .modFullSection a:hover .icArrowWhite, .old-newsWrap .modalSection a:hover .icArrowWhite { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } .old-newsWrap .modSection a:hover .modLinkText, .old-newsWrap .modFullSection a:hover .modLinkText, .old-newsWrap .modalSection a:hover .modLinkText { border-bottom: 1px solid #0065bd; } .old-newsWrap .modSection a .icArrowBlue, .old-newsWrap .modFullSection a .icArrowBlue, .old-newsWrap .modalSection a .icArrowBlue, .old-newsWrap .modSection a .icArrowWhite, .old-newsWrap .modFullSection a .icArrowWhite, .old-newsWrap .modalSection a .icArrowWhite { -webkit-transition: -webkit-transform 0.12s ease-in; transition: -webkit-transform 0.12s ease-in; transition: transform 0.12s ease-in; transition: transform 0.12s ease-in, -webkit-transform 0.12s ease-in; margin-left: 11px; top: -1px; } .old-newsWrap .modSection a .icBlankBlue, .old-newsWrap .modFullSection a .icBlankBlue, .old-newsWrap .modalSection a .icBlankBlue, .old-newsWrap .modSection a .icBlankWhite, .old-newsWrap .modFullSection a .icBlankWhite, .old-newsWrap .modalSection a .icBlankWhite { margin-left: 13px; top: -2px; } .old-newsWrap .modSection a .icDownloadBlue, .old-newsWrap .modFullSection a .icDownloadBlue, .old-newsWrap .modalSection a .icDownloadBlue, .old-newsWrap .modSection a .icDownloadWhite, .old-newsWrap .modFullSection a .icDownloadWhite, .old-newsWrap .modalSection a .icDownloadWhite { margin-left: 13px; top: -4px; } .old-newsWrap .modSection a .icPdf, .old-newsWrap .modFullSection a .icPdf, .old-newsWrap .modalSection a .icPdf, .old-newsWrap .modSection a .icXls, .old-newsWrap .modFullSection a .icXls, .old-newsWrap .modalSection a .icXls, .old-newsWrap .modSection a .icZip, .old-newsWrap .modFullSection a .icZip, .old-newsWrap .modalSection a .icZip { margin-left: 14px; } .old-newsWrap .modSection .typoWhite, .old-newsWrap .modFullSection .typoWhite, .old-newsWrap .modalSection .typoWhite { color: #fff; } .old-newsWrap .modSection .typoWhite a, .old-newsWrap .modFullSection .typoWhite a, .old-newsWrap .modalSection .typoWhite a { color: #fff; } .old-newsWrap .modSection .typoWhite a:hover .modLinkText, .old-newsWrap .modFullSection .typoWhite a:hover .modLinkText, .old-newsWrap .modalSection .typoWhite a:hover .modLinkText { border-bottom: 1px solid #fff; } .old-newsWrap .modVideo { position: relative; width: 100%; padding-top: 56.3%; } .old-newsWrap .modVideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .old-newsWrap .modThumbVideo { position: relative; } .old-newsWrap .modThumbVideo .playButton { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .old-newsWrap .playButton a { text-align: center; display: inline-block; text-decoration: none; } .old-newsWrap .playButton a .circle { margin: 0 auto; position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 60px; height: 60px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.5); -webkit-transition: border 0.12s ease-in; transition: border 0.12s ease-in; } .old-newsWrap .playButton a .ic { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); margin-left: 3px; -webkit-transition: -webkit-transform 0.12s ease-in; transition: -webkit-transform 0.12s ease-in; transition: transform 0.12s ease-in; transition: transform 0.12s ease-in, -webkit-transform 0.12s ease-in; } .old-newsWrap .playButton a .playText { display: inline-block; margin-top: 10px; color: #fff; font-size: 1.4rem; white-space: nowrap; } .old-newsWrap .playButton a:hover .circle { border: 30px solid #fff; } .old-newsWrap .playButton a:hover .ic { background-position: 0 88.59060402684564%; width: 24px; height: 29px; -webkit-transform: translate3d(-50%, -50%, 0) scale(0.7); -ms-transform: translate3d(-50%, -50%, 0) scale(0.7); transform: translate3d(-50%, -50%, 0) scale(0.7); } @media all and (max-width: 991px) { .old-newsWrap .modalVideo .modalContent { padding: 0; } } @media all and (min-width: 992px) { .old-newsWrap .modalVideo .closeBtn { right: 24px; top: -29px; } } @media all and (max-width: 991px) { .old-newsWrap .modalVideo .closeBtn { right: 0px; top: -53px; } } .old-newsWrap #content .modArchivesFilter { margin-top: 40px; position: relative; } .old-newsWrap #content .modArchivesFilter +.modArchivesList { margin-top: 40px; } @media all and (max-width: 767px) { .old-newsWrap #content .modArchivesFilter +.modArchivesList { margin-top: 10px; } } .old-newsWrap #content .modArchivesFilter ul { letter-spacing: -0.4em; margin: -8px 0; } @media all and (max-width: 767px) { .old-newsWrap #content .modArchivesFilter ul { margin-bottom: 2px; } } .old-newsWrap #content .modArchivesFilter ul li { font-size: 1.4rem; letter-spacing: normal; display: inline-block; margin: 8px 0; margin-right: 28px; } .old-newsWrap #content .modArchivesFilter ul li.active { font-weight: 700; } .old-newsWrap #content .modArchivesFilter ul li.active a { color: #516570; } .old-newsWrap #content .modArchivesFilter ul li:last-child { margin-right: 0; } .old-newsWrap #content .modArchivesFilter ul .tag { border-left: 1px solid #e1e6ee; padding-left: 20px; } .old-newsWrap #content .modArchivesFilter ul .tag .ic { margin-left: 10px; } .old-newsWrap #content .modArchivesFilter ul .tag.active { font-weight: normal; } .old-newsWrap #content .modArchivesFilter ul .tag.active a { color: #0065bd; } .old-newsWrap #content .modArchivesFilter ul .tag.active .ic { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .old-newsWrap #content .modArchivesFilter .tagList { height: 0; overflow: hidden; margin-top: 20px; } @media all and (max-width: 767px) { .old-newsWrap #content .modArchivesFilter .tagList { margin-top: 0px; } } .old-newsWrap #content .modArchivesFilter .tagList ul { background: #f3f5fa; padding: 12px 16px; margin: 0; } .old-newsWrap #content .modArchivesFilter .tagList input { margin-right: 8px; } .old-newsWrap #content .modArchivesList ul { border-bottom: 1px solid #e1e6ee; } .old-newsWrap #content .modArchivesList li { border-top: 1px solid #e1e6ee; } @media all and (min-width: 768px) { .old-newsWrap #content .modArchivesList li { padding: 45px 0; } } @media all and (max-width: 767px) { .old-newsWrap #content .modArchivesList li { padding: 35px 0; } } .old-newsWrap #content .modArchivesList .title { line-height: 1.45; } @media all and (min-width: 992px) { .old-newsWrap #content .modArchivesList .title { font-size: 2.4rem; } } @media all and (max-width: 991px) { .old-newsWrap #content .modArchivesList .title { font-size: 2.2rem; } } .old-newsWrap #content .modArchivesList .category { font-size: 1.2rem; } .old-newsWrap #content .modArchivesList .itemInner { margin-top: 10px; } @media all and (max-width: 767px) { .old-newsWrap #content .modArchivesList .itemInner { margin-top: 15px; } } .old-newsWrap #content .modArchivesList .itemInner:after { display: block; clear: both; height: 0; visibility: hidden; content: ""; } @media all and (min-width: 768px) { .old-newsWrap #content .modArchivesList .pic { float: right; } } @media all and (min-width: 992px) { .old-newsWrap #content .modArchivesList .pic { width: 262px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap #content .modArchivesList .pic { width: 220px; } } @media all and (max-width: 767px) { .old-newsWrap #content .modArchivesList .pic { margin-bottom: 15px; } } @media all and (min-width: 768px) { .old-newsWrap #content .modArchivesList .info { overflow: hidden; padding-right: 30px; } } .old-newsWrap #content .modArchivesList .description { margin-top: 15px; line-height: 1.55; font-size: 1.6rem; } .old-newsWrap #content .modArchivesList .linkText { margin-top: 5px; font-size: 1.6rem; } .old-newsWrap #content .modPaging { text-align: center; margin-top: 30px; } .old-newsWrap #content .modPaging ul { letter-spacing: -0.4em; position: relative; } .old-newsWrap #content .modPaging li { font-size: 1.6rem; letter-spacing: normal; display: inline-block; } .old-newsWrap #content .modPaging li a, .old-newsWrap #content .modPaging li .non, .old-newsWrap #content .modPaging li .active { padding: 15px; display: block; } @media all and (max-width: 767px) { .old-newsWrap #content .modPaging li a, .old-newsWrap #content .modPaging li .non, .old-newsWrap #content .modPaging li .active { padding: 8px; } } @media all and (max-width: 767px) { .old-newsWrap #content .modPaging .previous, .old-newsWrap #content .modPaging .next { position: absolute; top: 0; } .old-newsWrap #content .modPaging .previous a, .old-newsWrap #content .modPaging .next a { padding: 8px 0; } .old-newsWrap #content .modPaging .previous { left: 0; } .old-newsWrap #content .modPaging .next { right: 0; } } .old-newsWrap #content .modPaging .non { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .old-newsWrap #content .modPaging .active { font-weight: 700; } .old-newsWrap #content .modSitemap { padding-top: 30px; } @media all and (min-width: 768px) { .old-newsWrap #content .modSitemap .modSitemapWrapList { margin: -70px -15px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media all and (max-width: 767px) { .old-newsWrap #content .modSitemap .modSitemapWrapList { margin-top: -50px; } } .old-newsWrap #content .modSitemap .modSitemapWrapList > li { -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (min-width: 768px) { .old-newsWrap #content .modSitemap .modSitemapWrapList > li { padding: 0 15px; margin-top: 70px; } } @media all and (min-width: 992px) { .old-newsWrap #content .modSitemap .modSitemapWrapList > li { width: 33.33333%; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap #content .modSitemap .modSitemapWrapList > li { width: 50%; } } @media all and (max-width: 767px) { .old-newsWrap #content .modSitemap .modSitemapWrapList > li { margin-top: 50px; } } .old-newsWrap #content .modSitemap .modSitemapWrapList h2 { border-bottom: 1px solid #e1e6ee; padding-bottom: 10px; margin-top: 80px; font-size: 2.4rem; } @media all and (max-width: 991px) { .old-newsWrap #content .modSitemap .modSitemapWrapList h2 { font-size: 2.2rem; } } .old-newsWrap #content .modSitemap .modSitemapWrapList h2:first-child { margin-top: 0px; } .old-newsWrap #content .modSitemap .modSitemapWrapList h2 a { display: block; color: #516570; } .old-newsWrap #content .modSitemap .modSitemapWrapList h3 a { font-weight: 700; font-size: 1.6rem; } .old-newsWrap #content .modSitemap .modSitemapWrapList .modSitemapChildList { padding-left: 1em; margin-top: 20px; } .old-newsWrap #content .modSitemap .modSitemapWrapList .modSitemapChildList > li { position: relative; padding-left: 2.2em; margin-top: 13px; } .old-newsWrap #content .modSitemap .modSitemapWrapList .modSitemapChildList > li:first-child { margin-top: 0px; } .old-newsWrap #content .modSitemap .modSitemapWrapList .modSitemapChildList > li::before { font-weight: 700; font-size: 1.6rem; position: absolute; top: 0; left: 0; content: '\30FB'; color: #516570; } .old-newsWrap #content .modSitemap .modSitemapWrapList .modSitemapChildList > li li { margin-top: 13px; } .old-newsWrap #content .modSubIndex { padding-top: 50px; } @media all and (min-width: 768px) { .old-newsWrap #content .modSubIndex .modSubIndexList { margin: -70px -15px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media all and (max-width: 767px) { .old-newsWrap #content .modSubIndex .modSubIndexList { margin-top: -50px; } } .old-newsWrap #content .modSubIndex .modSubIndexList > li { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } @media all and (min-width: 768px) { .old-newsWrap #content .modSubIndex .modSubIndexList > li { padding: 0 15px 80px; margin-top: 70px; } } @media all and (min-width: 992px) { .old-newsWrap #content .modSubIndex .modSubIndexList > li { width: 33.33333%; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap #content .modSubIndex .modSubIndexList > li { width: 50%; } } @media all and (max-width: 767px) { .old-newsWrap #content .modSubIndex .modSubIndexList > li { margin-top: 50px; } } @media all and (min-width: 768px) { .old-newsWrap #content .modSubIndex .modSubIndexList > li.modBlankLink { padding-bottom: 110px; } } @media all and (max-width: 767px) { .old-newsWrap #content .modSubIndex .modSubIndexList > li.modBlankLink { padding-bottom: 30px; } } .old-newsWrap #content .modSubIndex .modSubIndexList > li.modBlankLink .button { bottom: 30px; } .old-newsWrap #content .modSubIndex .modSubIndexList > li.modBlankLink .modAnnotation.toHd { position: absolute; bottom: 0; left: 0; margin-top: 10px; padding: 0 15px; } @media all and (max-width: 767px) { .old-newsWrap #content .modSubIndex .modSubIndexList > li.modBlankLink .modAnnotation.toHd { padding: 0; } } .old-newsWrap #content .modSubIndex .modSubIndexList > li .button { text-align: left; margin-top: 30px; } @media all and (min-width: 768px) { .old-newsWrap #content .modSubIndex .modSubIndexList > li .button { position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 15px; bottom: 0; left: 0; } } .old-newsWrap #content .modSubIndex .modSubIndexList > li .button a { width: auto; } .old-newsWrap #content .modSubIndex .modSubIndexList h2 { font-weight: 700; font-size: 2.4rem; line-height: 1.45; } .old-newsWrap #content .modSubIndex .modSubIndexList h2 +.button { margin-top: 30px; } @media all and (max-width: 991px) { .old-newsWrap #content .modSubIndex .modSubIndexList h2 { font-size: 2.2rem; } } .old-newsWrap #content .modSubIndex .modSubIndexList .modText { margin-top: 20px; } .old-newsWrap .adobeDownloadItem { margin-left: auto; margin-right: auto; } .old-newsWrap .adobeDownloadItem:after { display: block; clear: both; height: 0; visibility: hidden; content: ""; } @media all and (min-width: 992px) { .old-newsWrap .adobeDownloadItem { max-width: 750px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .adobeDownloadItem { max-width: 720px; } } @media all and (min-width: 768px) { .old-newsWrap .adobeDownloadItem { border-top: 1px solid #e1e6ee; border-bottom: 1px solid #e1e6ee; padding: 30px 45px; } } @media all and (max-width: 767px) { .old-newsWrap .adobeDownloadItem { border: 1px solid #e1e6ee; margin: 0 15px; padding: 20px 15px; } } .old-newsWrap .adobeDownloadItem figure { width: 158px; } @media all and (min-width: 768px) { .old-newsWrap .adobeDownloadItem figure { float: left; } } @media all and (max-width: 767px) { .old-newsWrap .adobeDownloadItem figure { margin-bottom: 15px; } } @media all and (min-width: 768px) { .old-newsWrap .adobeDownloadItem dl { overflow: hidden; padding-left: 40px; } } .old-newsWrap .adobeDownloadItem dt { font-size: 1.6rem; font-weight: bold; margin-bottom: 10px; } .old-newsWrap .fixBtn { position: fixed; bottom: 15px; z-index: 90; } @media all and (min-width: 1200px) { .old-newsWrap .fixBtn { left: 50%; margin-left: 520px; } } @media all and (min-width: 992px) and (max-width: 1199px) { .old-newsWrap .fixBtn { right: 28px; } } @media all and (min-width: 768px) and (max-width: 991px) { .old-newsWrap .fixBtn { right: 24px; } } @media all and (max-width: 767px) { .old-newsWrap .fixBtn { right: 15px; } } .old-newsWrap .fixBtn a { background: -webkit-linear-gradient(bottom left, #0065bd, #0e8bd1); background: -webkit-gradient(linear, left bottom, right top, from(#0065bd), to(#0e8bd1)); background: linear-gradient(to top right, #0065bd, #0e8bd1); width: 50px; height: 50px; display: block; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px; } .old-newsWrap .fixBtn a span { display: block; width: 46px; height: 46px; background-color: #fff; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } @media all and (max-width: 991px) { .old-newsWrap .fixBtn a { width: 40px; height: 40px; } .old-newsWrap .fixBtn a span { width: 36px; height: 36px; } } .old-newsWrap .fixBtn .btnShare { margin-bottom: 15px; } .old-newsWrap .fixBtn .btnShare span { padding: 7px 7px; } @media all and (max-width: 991px) { .old-newsWrap .fixBtn .btnShare span { padding: 2px 2px; } } .old-newsWrap .fixBtn .backToTop { position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .old-newsWrap .fixBtn .backToTop span { position: relative; } .old-newsWrap .fixBtn .backToTop span .ic { top: 9px; left: 16px; } @media all and (max-width: 991px) { .old-newsWrap .fixBtn .backToTop span .ic { top: 5px; left: 11px; } } .old-newsWrap .fixBtn .backToTop .ic { background-position: 93.82022471910112% 16.666666666666668%; width: 15px; height: 22px; -webkit-transition: top 0.12s ease-in; transition: top 0.12s ease-in; } .old-newsWrap .fixBtn .backToTop a:hover .ic { top: 4px; } @media all and (max-width: 991px) { .old-newsWrap .fixBtn .backToTop a:hover .ic { top: 0; } } .old-newsWrap .fixBtn .backToTop.active { -webkit-animation: _a_backToTopIn 0.12s ease-in; animation: _a_backToTopIn 0.12s ease-in; opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; margin-bottom: 0; } .old-newsWrap .fixBtn .backToTop.noActive { -webkit-animation: _a_backToTopOut 0.12s ease-in; animation: _a_backToTopOut 0.12s ease-in; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 0; margin-bottom: -15px; } @-webkit-keyframes _a_backToTopIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); margin-bottom: -65px; } 100% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; margin-bottom: 0; } } @keyframes _a_backToTopIn { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); margin-bottom: -65px; } 100% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; margin-bottom: 0; } } @-webkit-keyframes _a_backToTopOut { 0% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: auto; margin-bottom: 0; } 99% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); margin-bottom: -65px; height: auto; } 100% { height: 0; margin-bottom: -65px; } } @keyframes _a_backToTopOut { 0% { opacity: 1; -ms-filter: none; -webkit-filter: none; filter: none; height: auto; margin-bottom: 0; } 99% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); margin-bottom: -65px; height: auto; } 100% { height: 0; margin-bottom: -65px; } } .old-newsWrap .megaMenu .menuWrap .borderRight{ border-right: 1px solid rgba(255,255,255,0.2); padding-right: 40px; } .old-newsWrap .megaMenu .menuWrap .borderRight .localMenu{ border-right: 0; } .old-newsWrap .megaMenu .menuWrap .localMenu { display: block; height: auto !important; padding-left: 60px; } .old-newsWrap .localSubMenu{ display: block; margin-top: 60px; margin-left: 60px; background-color: rgba(255, 255, 255, 0.06); padding: 15px; box-sizing: border-box; } .old-newsWrap .localSubMenu li{ margin-top: 20px; } .old-newsWrap .localSubMenu li:first-child{ margin-top: 0; } .old-newsWrap .localSubMenu.sp{ display: none; } .old-newsWrap .megaMenu .menuWrap .localSubMenu a{ font-size: 13px; } .old-newsWrap .megaMenu .menuWrap .localSubMenu a .ic.icBlankWhite{ background-size: 170px; height: 14px; } .old-newsWrap .megaMenuContainer{ width: 100%; max-width: 1180px; padding: 0 20px; margin: auto; } /* .megaMenu .menuWrap h2{ font-size: 30px; } */ @media only screen and (max-width:768px) { .localSubMenu.sp{ display: block; } .localSubMenu.pc{ display: none; } .megaMenu .megaMainMenu{ margin-top: 50px; } .localSubMenu{ margin-left: auto; margin-top: 80px; margin-bottom: 100px; width: 100%; background: none; position: relative; padding: 0; } .localSubMenu:before{ content: ""; position: absolute; width: 100%; height: 130%; left: 0; top: -14%; background-color: #fff; opacity: 0.06; } .localSubMenu ul { padding: 0 5%; } .megaMenu .menuWrap .borderRight{ padding: 0; border: none; } .megaMenu .menuWrap .info{ padding-right: 0; } .megaMenu .menuWrap .localMenu{ padding-left: 0; } } @media only screen and (max-width:425px) { .localSubMenu{ margin-top: 30px; } .localSubMenu:before{ width: 100%; height: 110%; left: 0; top: -5%; } } /* advisoryboard */ .old-newsWrap .ps_modList-member { display: flex; flex-wrap: wrap; margin-top: 0; padding-left: 1em; } .old-newsWrap .ps_modList-member dt { width: 45%; } .old-newsWrap .ps_modList-member dd { width: 55%; } @media all and (max-width: 767px) { .ps_modList-member dt { width: 100%; } .ps_modList-member dd { width: 100%; } } .old-newsWrap .ps_modList-date { margin-top: 0; padding-left: 1em; } .old-newsWrap .ps_modTitle { border-left: 3px solid #51636d; line-height: 160%; margin-top: 45px; margin-bottom: 15px; padding: 5px 0 2px 10px;; font-size: 1.6rem; } .old-newsWrap .ps_modTitle span { font-weight: bold; display: block; } .old-newsWrap .ps_modList-disc { padding-left: 1em; margin-top: 34px; } .old-newsWrap .ps_modList-disc ul { font-size: 1.6rem; line-height: 1.75; } .old-newsWrap .ps_modList-disc li { position: relative; padding-left: 1em; } .old-newsWrap .ps_modList-disc li::before { content: '\30FB'; display: block; position: absolute; left: 0; }