<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

html {
    width: 100%;
    height: 100%;
    color: #000;
    margin-top: 0 !important;
    background-color: #fff
}

html ::-moz-selection {
    color: #fff;
    background: #3e3e3e
}

html ::selection {
    color: #fff;
    background: #3e3e3e
}

html body {
    width: 100%;
    height: 100%;
    text-align: left
}

html body.no_scroll {
    overflow: hidden
}

html body #wpadminbar {
    display: none
}

html body .more_container {
    text-align: right
}

@media all and (max-width:499px) {
    html body .more_container {
        padding-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body .more_container {
        padding-top: 40px
    }
}

@media all and (min-width:1025px) {
    html body .more_container {
        padding-top: 50px
    }
}

html body a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .3s ease-out, border-color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, -webkit-transform .5s ease-out;
    transition: color .3s ease-out, border-color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, -webkit-transform .5s ease-out;
    transition: color .3s ease-out, border-color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, transform .5s ease-out;
    transition: color .3s ease-out, border-color .3s ease-out, background-color .3s ease-out, opacity .3s ease-out, transform .5s ease-out, -webkit-transform .5s ease-out;
    pointer-events: auto !important;
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none
}

html body a:focus {
    outline: 0
}

html body a.disabled {
    pointer-events: none !important
}

html body a.hover {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body a&gt;span .external {
    font-size: .8rem;
    vertical-align: super;
    margin-left: 5px
}

@media all and (max-width:499px) {
    html body a&gt;span .external {
        margin-left: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a&gt;span .external {
        margin-left: 4px
    }
}

@media all and (min-width:1025px) {
    html body a&gt;span .external {
        margin-left: 5px
    }
}

html body a.button {
    display: inline-block;
    text-decoration: none;
    border-style: solid;
    border-width: 1px;
    overflow: hidden
}

@media all and (max-width:499px) {
    html body a.button {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a.button {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body a.button {
        border-radius: 5px
    }
}

html body a.button.hover.black {
    color: #000;
    border-color: #000;
    background-color: #fff
}

html body a.button.hover.black.frame,
html body a.button.hover.white {
    color: #fff;
    border-color: #000;
    background-color: #000
}

html body a.button.hover.white.frame {
    color: #000;
    border-color: #fff;
    background-color: #fff
}

html body a.button.hover.light_gray,
html body a.button.hover.light_gray.frame {
    color: #fff;
    border-color: #000;
    background-color: #000
}

html body a.button.hover.icon.arrow&gt;span&gt;span:after {
    -webkit-transform: translate3d(8px, -50%, 0);
    transform: translate3d(8px, -50%, 0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

@media all and (max-width:499px) {
    html body a.button.xxxs {
        padding: 1px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a.button.xxxs {
        padding: 2px
    }
}

@media all and (min-width:1025px) {
    html body a.button.xxxs {
        padding: 3px
    }
}

@media all and (max-width:499px) {
    html body a.button.xxs {
        padding: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a.button.xxs {
        padding: 4px
    }
}

@media all and (min-width:1025px) {
    html body a.button.xxs {
        padding: 5px
    }
}

@media all and (max-width:499px) {
    html body a.button.xs {
        padding: 11px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a.button.xs {
        padding: 13px
    }
}

@media all and (min-width:1025px) {
    html body a.button.xs {
        padding: 15px
    }
}

@media all and (max-width:499px) {
    html body a.button.s {
        padding: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a.button.s {
        padding: 15px
    }
}

@media all and (min-width:1025px) {
    html body a.button.s {
        padding: 20px
    }
}

@media all and (max-width:499px) {
    html body a.button.m {
        padding: 20px 25px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a.button.m {
        padding: 25px 30px
    }
}

@media all and (min-width:1025px) {
    html body a.button.m {
        padding: 30px 35px
    }
}

@media all and (max-width:499px) {
    html body a.button.l {
        padding: 25px 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a.button.l {
        padding: 30px 40px
    }
}

@media all and (min-width:1025px) {
    html body a.button.l {
        padding: 35px 50px
    }
}

@media all and (max-width:499px) {
    html body a.button.xl {
        padding: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a.button.xl {
        padding: 40px
    }
}

@media all and (min-width:1025px) {
    html body a.button.xl {
        padding: 50px
    }
}

html body a.button.black {
    color: #fff;
    border-color: #000;
    background-color: #000
}

html body a.button.black.frame {
    color: #000;
    border-color: #000;
    background-color: transparent
}

html body a.button.white {
    color: #000;
    border-color: #fff;
    background-color: #fff
}

html body a.button.white.frame {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

html body a.button.light_gray {
    color: #000;
    border-color: rgba(0, 0, 0, .05);
    background-color: rgba(0, 0, 0, .05)
}

html body a.button.light_gray.frame {
    color: #000;
    border-color: rgba(0, 0, 0, .05);
    background-color: transparent
}

html body a.button.icon.arrow&gt;span&gt;span:after {
    content: '\f061'
}

@media all and (max-width:499px) {
    html body a.button.icon&gt;span&gt;span {
        padding-right: 25px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body a.button.icon&gt;span&gt;span {
        padding-right: 30px
    }
}

@media all and (min-width:1025px) {
    html body a.button.icon&gt;span&gt;span {
        padding-right: 35px
    }
}

html body a.button.icon&gt;span&gt;span:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

html body a.button&gt;span {
    display: block;
    margin: -50px 0
}

html body a.button&gt;span&gt;span {
    display: block
}

html body img {
    user-drag: none;
    -webkit-user-drag: none;
    -moz-user-select: none
}

html body label {
    position: relative;
    cursor: pointer
}

html body label,
html body label.checkbox {
    display: inline-block
}

@media all and (max-width:499px) {}

@media all and (min-width:500px) and (max-width:1024px) {}

@media all and (min-width:1025px) {}

html body label.checkbox:last-of-type {
    margin-right: 0
}

html body label.checkbox.disabled {
    opacity: .3;
    pointer-events: none !important
}

html body label.checkbox.locked {
    pointer-events: none !important
}

html body label.checkbox.hover input[type=checkbox]+span,
html body label.checkbox.hover input[type=checkbox]:checked+span {
    opacity: .8
}

html body label.checkbox input[type=checkbox] {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    width: 0;
    border-color: #000;
    cursor: pointer
}

html body label.checkbox input[type=checkbox]+span {
    display: inline-block;
    position: relative;
    opacity: .6
}

@media all and (max-width:499px) {
    html body label.checkbox input[type=checkbox]+span {
        padding-left: 15px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.checkbox input[type=checkbox]+span {
        padding-left: 17px
    }
}

@media all and (min-width:1025px) {
    html body label.checkbox input[type=checkbox]+span {
        padding-left: 19px
    }
}

html body label.checkbox input[type=checkbox]+span:after,
html body label.checkbox input[type=checkbox]+span:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Font Awesome\ 6 Free;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

html body label.checkbox input[type=checkbox]+span:before {
    content: '\f111';
    font-weight: 300;
    opacity: 1
}

html body label.checkbox input[type=checkbox]+span:after {
    content: '\f058';
    font-weight: 900;
    opacity: 0
}

html body label.checkbox input[type=checkbox]:checked+span {
    opacity: 1
}

html body label.checkbox input[type=checkbox]:checked+span:before {
    opacity: 0
}

html body label.checkbox input[type=checkbox]:checked+span:after {
    opacity: 1
}

html body label.radio {
    display: inline-block;
    color: #fff;
    text-decoration: none
}

@media all and (max-width:499px) {
    html body label.radio {
        margin-top: 8px;
        margin-right: 8px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio {
        margin-top: 9px;
        margin-right: 9px
    }
}

@media all and (min-width:1025px) {
    html body label.radio {
        margin-top: 10px;
        margin-right: 10px
    }
}

@media all and (min-width:1201px) {

    html body label.radio.sticked input[type=radio],
    html body label.radio.sticked:before {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }
}

html body label.radio:last-of-type {
    margin-right: 0
}

html body label.radio:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: solid 1px hsla(0, 0%, 100%, .2)
}

@media all and (max-width:499px) {
    html body label.radio:before {
        border-radius: 1.5px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio:before {
        border-radius: 2px
    }
}

@media all and (min-width:1025px) {
    html body label.radio:before {
        border-radius: 2.5px
    }
}

html body label.radio.hover {
    color: #fff
}

html body label.radio.hover input[type=radio] {
    border-color: #000;
    background-color: #000
}

html body label.radio.hover input[type=radio]+span:before {
    opacity: 1
}

html body label.radio.hover input[type=radio]+span:after {
    -webkit-transform: translate3d(0, -50%, 0)scale3d(.4, .4, 1);
    transform: translate3d(0, -50%, 0)scale3d(.4, .4, 1);
    opacity: 1
}

html body label.radio.hover input[type=radio]:checked+span:before {
    opacity: .6
}

html body label.radio.hover input[type=radio]:checked+span:after {
    -webkit-transform: translate3d(0, -50%, 0)scale3d(.8, .8, 1);
    transform: translate3d(0, -50%, 0)scale3d(.8, .8, 1)
}

@media all and (max-width:499px) {
    html body label.radio.s {
        padding: 10px 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio.s {
        padding: 15px 30px
    }
}

@media all and (min-width:1025px) {
    html body label.radio.s {
        padding: 20px 40px
    }
}

@media all and (max-width:499px) {
    html body label.radio.m {
        padding: 20px 40px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio.m {
        padding: 25px 50px
    }
}

@media all and (min-width:1025px) {
    html body label.radio.m {
        padding: 30px 60px
    }
}

@media all and (max-width:499px) {
    html body label.radio.l {
        padding: 25px 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio.l {
        padding: 30px 60px
    }
}

@media all and (min-width:1025px) {
    html body label.radio.l {
        padding: 35px 70px
    }
}

@media all and (max-width:499px) {
    html body label.radio.xl {
        padding: 30px 60px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio.xl {
        padding: 40px 5pc
    }
}

@media all and (min-width:1025px) {
    html body label.radio.xl {
        padding: 50px 75pt
    }
}

@media all and (max-width:499px) {
    html body label.radio.narrow.s {
        padding: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio.narrow.s {
        padding: 15px
    }
}

@media all and (min-width:1025px) {
    html body label.radio.narrow.s {
        padding: 20px
    }
}

@media all and (max-width:499px) {
    html body label.radio.narrow.m {
        padding: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio.narrow.m {
        padding: 25px
    }
}

@media all and (min-width:1025px) {
    html body label.radio.narrow.m {
        padding: 30px
    }
}

@media all and (max-width:499px) {
    html body label.radio.narrow.l {
        padding: 25px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio.narrow.l {
        padding: 30px
    }
}

@media all and (min-width:1025px) {
    html body label.radio.narrow.l {
        padding: 35px
    }
}

@media all and (max-width:499px) {
    html body label.radio.narrow.xl {
        padding: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio.narrow.xl {
        padding: 40px
    }
}

@media all and (min-width:1025px) {
    html body label.radio.narrow.xl {
        padding: 50px
    }
}

html body label.radio input[type=radio] {
    display: block;
    position: absolute;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-color: #000;
    background-color: #000;
    -webkit-transition: border-color .2s ease-out, background-color .2s ease-out;
    transition: border-color .2s ease-out, background-color .2s ease-out;
    pointer-events: auto;
    cursor: pointer
}

@media all and (max-width:499px) {
    html body label.radio input[type=radio] {
        margin-right: 8px;
        border-radius: 1.5px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio input[type=radio] {
        margin-right: 9px;
        border-radius: 2px
    }
}

@media all and (min-width:1025px) {
    html body label.radio input[type=radio] {
        margin-right: 10px;
        border-radius: 2.5px
    }
}

html body label.radio input[type=radio]+.font {
    display: block;
    position: relative;
    margin: -50px auto;
    overflow: hidden
}

html body label.radio input[type=radio]+.font:after,
html body label.radio input[type=radio]+.font:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    border: solid 1px #fff;
    border-radius: 50%;
    -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out
}

html body label.radio input[type=radio]+.font:before {
    left: 0;
    opacity: 1;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

@media all and (max-width:499px) {
    html body label.radio input[type=radio]+.font:before {
        width: 9pt;
        height: 9pt
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio input[type=radio]+.font:before {
        width: 1pc;
        height: 1pc
    }
}

@media all and (min-width:1025px) {
    html body label.radio input[type=radio]+.font:before {
        width: 1pc;
        height: 1pc
    }
}

html body label.radio input[type=radio]+.font:after {
    background-color: #fff;
    opacity: .4;
    -webkit-transform: translate3d(0, -50%, 0)scale3d(0, 0, 1);
    transform: translate3d(0, -50%, 0)scale3d(0, 0, 1)
}

@media all and (max-width:499px) {
    html body label.radio input[type=radio]+.font:after {
        left: 3px;
        width: 6px;
        height: 6px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio input[type=radio]+.font:after {
        left: 4px;
        width: 8px;
        height: 8px
    }
}

@media all and (min-width:1025px) {
    html body label.radio input[type=radio]+.font:after {
        left: 4px;
        width: 8px;
        height: 8px
    }
}

@media all and (max-width:499px) {
    html body label.radio input[type=radio]+.font&gt;span {
        padding-left: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body label.radio input[type=radio]+.font&gt;span {
        padding-left: 25px
    }
}

@media all and (min-width:1025px) {
    html body label.radio input[type=radio]+.font&gt;span {
        padding-left: 30px
    }
}

html body label.radio input[type=radio]:checked {
    border-color: #000;
    background-color: #000
}

html body label.radio input[type=radio]:checked+.font:before {
    opacity: 1
}

html body label.radio input[type=radio]:checked+.font:after {
    -webkit-transform: scale3d(1, 1, 1)translate3d(0, -50%, 0);
    transform: scale3d(1, 1, 1)translate3d(0, -50%, 0);
    opacity: 1
}

html body dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (max-width:499px) {
    html body dl.w_s dt {
        width: 25px
    }

    html body dl.w_s dd {
        width: calc(100% - 25px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body dl.w_s dt {
        width: 30px
    }

    html body dl.w_s dd {
        width: calc(100% - 30px)
    }
}

@media all and (min-width:1025px) {
    html body dl.w_s dt {
        width: 35px
    }

    html body dl.w_s dd {
        width: calc(100% - 35px)
    }
}

@media all and (max-width:499px) {
    html body dl.w_m dt {
        width: 30px
    }

    html body dl.w_m dd {
        width: calc(100% - 30px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body dl.w_m dt {
        width: 40px
    }

    html body dl.w_m dd {
        width: calc(100% - 40px)
    }
}

@media all and (min-width:1025px) {
    html body dl.w_m dt {
        width: 50px
    }

    html body dl.w_m dd {
        width: calc(100% - 50px)
    }
}

@media all and (max-width:499px) {
    html body dl.w_l dt {
        width: 30px
    }

    html body dl.w_l dd {
        width: calc(100% - 30px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body dl.w_l dt {
        width: 50px
    }

    html body dl.w_l dd {
        width: calc(100% - 50px)
    }
}

@media all and (min-width:1025px) {
    html body dl.w_l dt {
        width: 70px
    }

    html body dl.w_l dd {
        width: calc(100% - 70px)
    }
}

@media all and (max-width:499px) {
    html body dl.w_xl dt {
        width: 50px
    }

    html body dl.w_xl dd {
        width: calc(100% - 50px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body dl.w_xl dt {
        width: 75px
    }

    html body dl.w_xl dd {
        width: calc(100% - 75px)
    }
}

@media all and (min-width:1025px) {
    html body dl.w_xl dt {
        width: 75pt
    }

    html body dl.w_xl dd {
        width: calc(100% - 75pt)
    }
}

@media all and (max-width:499px) {
    html body dl.w_xxl dt {
        width: 70px
    }

    html body dl.w_xxl dd {
        width: calc(100% - 70px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body dl.w_xxl dt {
        width: 110px
    }

    html body dl.w_xxl dd {
        width: calc(100% - 110px)
    }
}

@media all and (min-width:1025px) {
    html body dl.w_xxl dt {
        width: 150px
    }

    html body dl.w_xxl dd {
        width: calc(100% - 150px)
    }
}

@media all and (max-width:499px) {
    html body dl.w_xxxl dt {
        width: 75pt
    }

    html body dl.w_xxxl dd {
        width: calc(100% - 75pt)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body dl.w_xxxl dt {
        width: 150px
    }

    html body dl.w_xxxl dd {
        width: calc(100% - 150px)
    }
}

@media all and (min-width:1025px) {
    html body dl.w_xxxl dt {
        width: 200px
    }

    html body dl.w_xxxl dd {
        width: calc(100% - 200px)
    }
}

@media all and (max-width:499px) {
    html body dl.w_xxxxl dt {
        width: 150px
    }

    html body dl.w_xxxxl dd {
        width: calc(100% - 150px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body dl.w_xxxxl dt {
        width: 200px
    }

    html body dl.w_xxxxl dd {
        width: calc(100% - 200px)
    }
}

@media all and (min-width:1025px) {
    html body dl.w_xxxxl dt {
        width: 250px
    }

    html body dl.w_xxxxl dd {
        width: calc(100% - 250px)
    }
}

html body dl.line dd,
html body dl.line dt {
    border-top: solid 1px rgba(0, 0, 0, .3)
}

html body dl.line dd:last-of-type,
html body dl.line dt:last-of-type {
    border-bottom: solid 1px rgba(0, 0, 0, .3)
}

@media all and (max-width:499px) {

    html body dl.line dd&gt;*,
    html body dl.line dt&gt;* {
        margin: -20px auto
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body dl.line dd&gt;*,
    html body dl.line dt&gt;* {
        margin: -10px auto
    }
}

@media all and (min-width:1025px) {

    html body dl.line dd&gt;*,
    html body dl.line dt&gt;* {
        margin: 0 auto
    }
}

html body dl.line dt&gt;* {
    position: -webkit-sticky;
    position: sticky
}

@media all and (max-width:499px) {
    html body dl.line dt&gt;* {
        top: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body dl.line dt&gt;* {
        top: 75px
    }
}

@media all and (min-width:1025px) {
    html body dl.line dt&gt;* {
        top: 75pt
    }
}

@media all and (max-width:499px) {

    html body dl.thin dd&gt;*,
    html body dl.thin dt&gt;* {
        margin: -39px auto
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body dl.thin dd&gt;*,
    html body dl.thin dt&gt;* {
        margin: -37px auto
    }
}

@media all and (min-width:1025px) {

    html body dl.thin dd&gt;*,
    html body dl.thin dt&gt;* {
        margin: -35px auto
    }
}

html body dl.cell_color dd:nth-of-type(odd),
html body dl.cell_color dt:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .02)
}

html body ul.disc {
    list-style-type: disc;
    padding-left: 20px
}

html body ul.disc&gt;li {
    position: relative;
    padding-left: 5px
}

html body ul.tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (max-width:499px) {
    html body ul.tile.col_4 li {
        width: calc(100%/2 - 10px);
        margin-right: 20px
    }

    html body ul.tile.col_4 li:nth-of-type(2n) {
        margin-right: 0
    }

    html body ul.tile.col_4 li:nth-of-type(n+3) {
        margin-top: 20px
    }
    html body ul.tile.col_5 li {
        width: calc(100%/2 - 10px);
        margin-right: 20px
    }
    
    html body ul.tile.col_5 li:nth-of-type(2n) {
        margin-right: 0
    }
    
    html body ul.tile.col_5 li:nth-of-type(n+3) {
        margin-top: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body ul.tile.col_4 li {
        width: calc(100%/3 - 16.67px);
        margin-right: 25px
    }

    html body ul.tile.col_4 li:nth-of-type(3n) {
        margin-right: 0
    }

    html body ul.tile.col_4 li:nth-of-type(n+4) {
        margin-top: 25px
    }
    html body ul.tile.col_5 li {
        width: calc(100%/3 - 16.67px);
        margin-right: 25px
    }
    
    html body ul.tile.col_5 li:nth-of-type(3n) {
        margin-right: 0
    }
    
    html body ul.tile.col_5 li:nth-of-type(n+4) {
        margin-top: 25px
    }
}

@media all and (min-width:1025px) {
    html body ul.tile.col_4 li {
        width: calc(100%/4 - 22.5px);
        margin-right: 30px
    }

    html body ul.tile.col_4 li:nth-of-type(4n) {
        margin-right: 0
    }

    html body ul.tile.col_4 li:nth-of-type(n+5) {
        margin-top: 30px
    }
    html body ul.tile.col_5 li {
        width: calc(100%/5 - 24px);
        margin-right: 30px
    }
    
    html body ul.tile.col_5 li:nth-of-type(5n) {
        margin-right: 0
    }
    
    html body ul.tile.col_5 li:nth-of-type(n+6) {
        margin-top: 30px
    }
}

html body ol.decimal {
    list-style-type: decimal
}

@media all and (max-width:499px) {
    html body ol.decimal {
        padding-left: 11px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body ol.decimal {
        padding-left: 13px
    }
}

@media all and (min-width:1025px) {
    html body ol.decimal {
        padding-left: 15px
    }
}

html body ol.decimal&gt;li {
    position: relative
}

@media all and (max-width:499px) {
    html body ol.decimal&gt;li {
        padding-left: 11px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body ol.decimal&gt;li {
        padding-left: 13px
    }
}

@media all and (min-width:1025px) {
    html body ol.decimal&gt;li {
        padding-left: 15px
    }
}

html body ol.decimal.brackets&gt;li {
    list-style-type: none;
    counter-increment: a
}

html body ol.decimal.brackets&gt;li:before {
    content: "(" counter(a) ")";
    position: absolute
}

@media all and (max-width:499px) {
    html body ol.decimal.brackets&gt;li:before {
        left: -11px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body ol.decimal.brackets&gt;li:before {
        left: -13px
    }
}

@media all and (min-width:1025px) {
    html body ol.decimal.brackets&gt;li:before {
        left: -15px
    }
}

html body .nowrap {
    display: inline-block;
    white-space: nowrap
}

@media all and (min-width:500px) {
    html body .only_xss {
        display: none
    }
}

@media all and (min-width:769px) {
    html body .only_xssm {
        display: none
    }
}

html body .dg.ac {
    width: 100vw;
    height: 100vh;
    pointer-events: none
}

html body .dg.ac .dg.main.a {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 78pt;
    margin-right: 20px;
    overflow: hidden;
    pointer-events: auto
}

html body .dg.ac .dg.main.a .close-button {
    display: none
}

html body #wrapper {
    position: relative;
    width: 100%;
    min-width: 20pc
}

html body #wrapper footer,
html body #wrapper header {
    position: relative
}

@media all and (max-width:499px) {

    html body #wrapper footer,
    html body #wrapper header {
        width: calc(100% - 60px);
        min-width: 260px;
        padding: 0 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper footer,
    html body #wrapper header {
        width: calc(100% - 75pt);
        min-width: 220px;
        padding: 0 50px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper footer,
    html body #wrapper header {
        width: calc(100% - 200px);
        min-width: 90pt;
        padding: 0 75pt
    }
}

html body #wrapper footer .container,
html body #wrapper header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

html body #wrapper header {
    position: fixed;
    top: 0;
    left: 0;
    color: #000;
    background-color: transparent;
    will-change: height;
    z-index: 5;
    pointer-events: none
}

@media all and (max-width:499px) {
    html body #wrapper header {
        min-height: 55px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper header {
        min-height: 88.33px
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body #wrapper header {
        min-height: 141.67px
    }
}

@media all and (min-width:1441px) {
    html body #wrapper header {
        min-height: 166.67px
    }
}

html body #wrapper header .container {
    display: block;
    position: relative;
    top: 50%;
    margin: 0 auto;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    will-change: width, height
}

html body #wrapper header .container .logo {
    display: block;
    position: absolute;
    height: 107.91%;
    text-indent: -750pt;
    background-image: url(/asset/img/logo_black.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    will-change: width
}

html body #wrapper header .container .logo.hover {
    opacity: .5
}

html body #wrapper #hamburger {
    display: block;
    position: fixed;
    right: 0;
    z-index: 4
}

@media all and (max-width:499px) {
    html body #wrapper #hamburger {
        top: 22px;
        width: .42in;
        height: 15.4px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #hamburger {
        top: 35px;
        width: 63.35px;
        height: 24.2px
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body #wrapper #hamburger {
        top: 57px;
        width: 86.39px;
        height: 33px
    }
}

@media all and (min-width:1441px) {
    html body #wrapper #hamburger {
        top: 65px;
        width: 115.19px;
        height: 44px
    }
}

html body #wrapper #hamburger.hover.opened&gt;span:first-of-type {
    -webkit-transform: rotate(225deg) scale3d(.8, 1, 1);
    transform: rotate(225deg) scale3d(.8, 1, 1)
}

html body #wrapper #hamburger.hover.opened&gt;span:last-of-type {
    -webkit-transform: rotate(135deg) scale3d(.8, 1, 1);
    transform: rotate(135deg) scale3d(.8, 1, 1)
}

html body #wrapper #hamburger.hover&gt;span:first-of-type {
    top: 5px
}

html body #wrapper #hamburger.hover&gt;span:last-of-type {
    bottom: 5px
}

html body #wrapper #hamburger.opened&gt;span:first-of-type {
    top: 50%;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

html body #wrapper #hamburger.opened&gt;span:last-of-type {
    bottom: 50%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

html body #wrapper #hamburger:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    background-color: transparent
}

@media all and (max-width:499px) {
    html body #wrapper #hamburger:after {
        top: -22px;
        height: 150pt
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #hamburger:after {
        top: -35px;
        height: 150pt
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body #wrapper #hamburger:after {
        top: -57px;
        height: 150pt
    }
}

@media all and (min-width:1441px) {
    html body #wrapper #hamburger:after {
        top: -65px;
        height: 150pt
    }
}

html body #wrapper #hamburger&gt;span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transition: top .3s cubic-bezier(.8, 0, .2, 1), bottom .3scubic-bezier(.8, 0, .2, 1), -webkit-transform .3s cubic-bezier(.8, 0, .2, 1);
    transition: top .3s cubic-bezier(.8, 0, .2, 1), bottom .3scubic-bezier(.8, 0, .2, 1), -webkit-transform .3s cubic-bezier(.8, 0, .2, 1);
    transition: top .3s cubic-bezier(.8, 0, .2, 1), bottom .3scubic-bezier(.8, 0, .2, 1), transform .3s cubic-bezier(.8, 0, .2, 1);
    transition: top .3s cubic-bezier(.8, 0, .2, 1), bottom .3scubic-bezier(.8, 0, .2, 1), transform .3s cubic-bezier(.8, 0, .2, 1), -webkit-transform .3s cubic-bezier(.8, 0, .2, 1)
}

html body #wrapper #hamburger&gt;span:first-of-type {
    top: 0
}

html body #wrapper #hamburger&gt;span:last-of-type {
    bottom: 0
}

html body #wrapper #hamburger&gt;span:after,
html body #wrapper #hamburger&gt;span:before {
    content: '';
    display: block;
    position: absolute;
    left: 1px;
    width: 100%;
    height: 100%
}

html body #wrapper #hamburger&gt;span:before {
    top: 0;
    background-color: #000
}

html body #wrapper #hamburger&gt;span:after {
    top: 1px;
    background-color: #fff
}

html body #wrapper #hamburger_closer {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: background-color .5s ease-out;
    transition: background-color .5s ease-out;
    z-index: 3;
    pointer-events: none !important;
    cursor: unset
}

html body #wrapper #hamburger_closer.opened {
    background-color: rgba(0, 0, 0, .3);
    pointer-events: auto !important
}

html body #wrapper #global_navigation {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    color: #fff;
    background-color: #000;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .75s cubic-bezier(.8, 0, .2, 1);
    transition: -webkit-transform .75s cubic-bezier(.8, 0, .2, 1);
    transition: transform .75s cubic-bezier(.8, 0, .2, 1);
    transition: transform .75s cubic-bezier(.8, 0, .2, 1), -webkit-transform .75scubic-bezier(.8, 0, .2, 1);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 3
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation {
        width: 85.4vw
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation {
        width: 61.8vw
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation {
        width: 61.8vw;
        max-width: 630px
    }
}

html body #wrapper #global_navigation.opened {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container {
        padding: 39px 50px 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container {
        padding: 62px 75px 0
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container {
        padding: 85px 75pt 0
    }
}

html body #wrapper #global_navigation .container .menus .menu {
    position: relative;
    color: #fff;
    overflow: hidden
}

html body #wrapper #global_navigation .container .menus .menu.hover {
    color: hsla(0, 0%, 100%, .3)
}

html body #wrapper #global_navigation .container .menus .menu.hover&gt;.font&gt;span&gt;i {
    color: #fff
}

html body #wrapper #global_navigation .container .menus .menu.hover&gt;.font&gt;span .external {
    color: #fff;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #global_navigation .container .menus .menu.current&gt;.font&gt;span:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus .menu.current&gt;.font&gt;span:after {
        bottom: 47px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus .menu.current&gt;.font&gt;span:after {
        bottom: 46px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus .menu.current&gt;.font&gt;span:after {
        bottom: 45px
    }
}

html body #wrapper #global_navigation .container .menus .menu&gt;.font {
    margin: -50px 0
}

html body #wrapper #global_navigation .container .menus .menu&gt;.font&gt;span {
    white-space: nowrap
}

html body #wrapper #global_navigation .container .menus .menu&gt;.font&gt;span&gt;i {
    display: inline-block;
    -webkit-transform: scale3d(.8, .8, 1)rotate(90deg);
    transform: scale3d(.8, .8, 1)rotate(90deg)
}

html body #wrapper #global_navigation .container .menus .menu&gt;.font&gt;span .external {
    color: hsla(0, 0%, 100%, .3);
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

html body #wrapper #global_navigation .container .menus.main .menu {
    display: block
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus.main .menu {
        padding: 11px 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus.main .menu {
        padding: 13px 0
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus.main .menu {
        padding: 15px 0
    }
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus.sub {
        margin-top: 31px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus.sub {
        margin-top: 28px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus.sub {
        margin-top: 45px
    }
}

@media all and (min-width:769px) {
    html body #wrapper #global_navigation .container .menus.sub {
        white-space: nowrap
    }
}

@media all and (max-width:768px) {
    html body #wrapper #global_navigation .container .menus.sub .menu {
        display: block
    }
}

@media all and (min-width:769px) {
    html body #wrapper #global_navigation .container .menus.sub .menu {
        display: inline-block
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus.sub .menu {
        margin-right: 15px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus.sub .menu {
        margin-right: 20px
    }
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus.sub .menu {
        padding: 8px 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus.sub .menu {
        padding: 9px 0
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus.sub .menu {
        padding: 10px 0
    }
}

html body #wrapper #global_navigation .container .menus.sns {
    white-space: nowrap
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus.sns {
        margin-top: 34px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus.sns {
        margin-top: 2pc
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus.sns {
        margin-top: 50px
    }
}

html body #wrapper #global_navigation .container .menus.sns .menu {
    display: inline-block
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus.sns .menu {
        margin-right: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus.sns .menu {
        margin-right: 15px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus.sns .menu {
        margin-right: 20px
    }
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus.sns .menu {
        padding: 8px 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus.sns .menu {
        padding: 9px 0
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus.sns .menu {
        padding: 10px 0
    }
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus.sns .menu&gt;.font&gt;span&gt;i {
        margin-right: 1px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus.sns .menu&gt;.font&gt;span&gt;i {
        margin-right: 2px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus.sns .menu&gt;.font&gt;span&gt;i {
        margin-right: 3px
    }
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus .submenus {
        margin-right: -20px;
        padding-left: 20px;
        padding-bottom: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus .submenus {
        margin-right: -25px;
        padding-left: 25px;
        padding-bottom: 25px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus .submenus {
        margin-right: -30px;
        padding-left: 30px;
        padding-bottom: 30px
    }
}

html body #wrapper #global_navigation .container .menus .submenus .menu {
    display: inline-block;
    white-space: nowrap
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus .submenus .menu {
        margin-right: 10px;
        padding: 8px 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus .submenus .menu {
        margin-right: 15px;
        padding: 9px 0
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus .submenus .menu {
        margin-right: 20px;
        padding: 10px 0
    }
}

html body #wrapper #global_navigation .container .menus .submenus .menu.bs {
    display: block;
    overflow: visible
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus .submenus .menu.bs {
        margin-bottom: 11px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus .submenus .menu.bs {
        margin-bottom: 13px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus .submenus .menu.bs {
        margin-bottom: 15px
    }
}

html body #wrapper #global_navigation .container .menus .submenus .menu.bs:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: solid 1px hsla(0, 0%, 100%, .3)
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .menus .submenus .menu.bs:before {
        bottom: -5.5px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .menus .submenus .menu.bs:before {
        bottom: -6.5px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .menus .submenus .menu.bs:before {
        bottom: -7.5px
    }
}

html body #wrapper #global_navigation .container .copyright {
    color: hsla(0, 0%, 100%, .5)
}

@media all and (max-width:499px) {
    html body #wrapper #global_navigation .container .copyright {
        margin-top: -8px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #global_navigation .container .copyright {
        margin-top: -9px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #global_navigation .container .copyright {
        margin-top: 10px
    }
}

html body #wrapper #contents {
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .75s cubic-bezier(.8, 0, .2, 1);
    transition: -webkit-transform .75s cubic-bezier(.8, 0, .2, 1);
    transition: transform .75s cubic-bezier(.8, 0, .2, 1);
    transition: transform .75s cubic-bezier(.8, 0, .2, 1), -webkit-transform .75scubic-bezier(.8, 0, .2, 1);
    will-change: padding-top
}

@media all and (min-width:769px) {
    html body #wrapper #contents.opened {
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
}

html body #wrapper #contents section {
    position: relative;
    width: 100%
}

@media all and (max-width:499px) {
    html body #wrapper #contents section:nth-of-type(n+2) {
        margin-top: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section:nth-of-type(n+2) {
        margin-top: 60px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section:nth-of-type(n+2) {
        margin-top: 75pt
    }
}

html body #wrapper #contents section&gt;.container,
html body #wrapper #contents section&gt;h1,
html body #wrapper #contents section&gt;h2,
html body #wrapper #contents section&gt;h3,
html body #wrapper #contents section&gt;h4,
html body #wrapper #contents section&gt;h5,
html body #wrapper #contents section&gt;h6 {
    display: block;
    position: relative;
    margin: 0 auto
}

@media all and (max-width:499px) {

    html body #wrapper #contents section&gt;h1,
    html body #wrapper #contents section&gt;h2,
    html body #wrapper #contents section&gt;h3,
    html body #wrapper #contents section&gt;h4,
    html body #wrapper #contents section&gt;h5,
    html body #wrapper #contents section&gt;h6 {
        width: calc(100% - 110px);
        max-width: 1190px;
        padding-right: 55px;
        padding-left: 55px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section&gt;h1,
    html body #wrapper #contents section&gt;h2,
    html body #wrapper #contents section&gt;h3,
    html body #wrapper #contents section&gt;h4,
    html body #wrapper #contents section&gt;h5,
    html body #wrapper #contents section&gt;h6 {
        width: calc(100% - 10pc);
        max-width: 885pt;
        padding-right: 5pc;
        padding-left: 5pc
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section&gt;h1,
    html body #wrapper #contents section&gt;h2,
    html body #wrapper #contents section&gt;h3,
    html body #wrapper #contents section&gt;h4,
    html body #wrapper #contents section&gt;h5,
    html body #wrapper #contents section&gt;h6 {
        width: calc(100% - 270px);
        max-width: 1170px;
        padding-right: 135px;
        padding-left: 135px
    }
}

@media all and (max-width:499px) {

    html body #wrapper #contents section&gt;h1.align,
    html body #wrapper #contents section&gt;h2.align,
    html body #wrapper #contents section&gt;h3.align,
    html body #wrapper #contents section&gt;h4.align,
    html body #wrapper #contents section&gt;h5.align,
    html body #wrapper #contents section&gt;h6.align {
        width: calc(100% - 60px);
        max-width: 930pt;
        padding-right: 30px;
        padding-left: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section&gt;h1.align,
    html body #wrapper #contents section&gt;h2.align,
    html body #wrapper #contents section&gt;h3.align,
    html body #wrapper #contents section&gt;h4.align,
    html body #wrapper #contents section&gt;h5.align,
    html body #wrapper #contents section&gt;h6.align {
        width: calc(100% - 75pt);
        max-width: 930pt;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section&gt;h1.align,
    html body #wrapper #contents section&gt;h2.align,
    html body #wrapper #contents section&gt;h3.align,
    html body #wrapper #contents section&gt;h4.align,
    html body #wrapper #contents section&gt;h5.align,
    html body #wrapper #contents section&gt;h6.align {
        width: calc(100% - 200px);
        max-width: 930pt;
        padding-right: 75pt;
        padding-left: 75pt
    }
}

@media all and (max-width:499px) {
    html body #wrapper #contents section .container {
        width: calc(100% - 60px);
        max-width: 930pt;
        margin-top: 0;
        padding: 0 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section .container {
        width: calc(100% - 75pt);
        max-width: 930pt;
        margin-top: 25px;
        padding: 0 50px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section .container {
        width: calc(100% - 200px);
        max-width: 930pt;
        margin-top: 50px;
        padding: 0 75pt
    }
}

html body #wrapper #contents section .container.wide {
    width: 100%;
    max-width: none;
    padding: 0
}

html body #wrapper #contents section .container .items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html body #wrapper #contents section .container .closure_button {
    position: relative;
    max-width: 930pt;
    margin: 0 auto;
    z-index: 1
}

@media all and (max-width:499px) {
    html body #wrapper #contents section .container .closure_button {
        margin-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section .container .closure_button {
        margin-top: 50px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section .container .closure_button {
        margin-top: 70px
    }
}

html body #wrapper #contents section .container .closure_button.sticky {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

html body #wrapper #contents section .container .closure_button:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .2)
}

html body #wrapper #contents section .container .closure_button:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #000
}

@media all and (max-width:499px) {
    html body #wrapper #contents section .container .closure_button:after {
        width: calc(100% * 1/2 - 10px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section .container .closure_button:after {
        width: calc(100% * 1/2 - 12.5px)
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section .container .closure_button:after {
        width: calc(100% * 1/3 - 20px)
    }
}

html body #wrapper #contents section .container .closure_button .button {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 0 auto;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media all and (max-width:499px) {
    html body #wrapper #contents section .container .closure_button .button {
        width: calc(100% * 1/2 - 10px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section .container .closure_button .button {
        width: calc(100% * 1/2 - 12.5px)
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section .container .closure_button .button {
        width: calc(100% * 1/3 - 20px)
    }
}

html body #wrapper #contents section#breadcrumbs {
    text-align: right
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#breadcrumbs {
        margin-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#breadcrumbs {
        margin-top: 40px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#breadcrumbs {
        margin-top: 50px
    }
}

html body #wrapper #contents section#breadcrumbs h2 {
    display: none
}

html body #wrapper #contents section#breadcrumbs .container {
    margin-top: 0
}

html body #wrapper #contents section#breadcrumbs .container br {
    display: none
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#breadcrumbs .container&gt;a:not(:last-child),
    html body #wrapper #contents section#breadcrumbs .container&gt;span:not(:last-child) {
        margin-right: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#breadcrumbs .container&gt;a:not(:last-child),
    html body #wrapper #contents section#breadcrumbs .container&gt;span:not(:last-child) {
        margin-right: 4px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#breadcrumbs .container&gt;a:not(:last-child),
    html body #wrapper #contents section#breadcrumbs .container&gt;span:not(:last-child) {
        margin-right: 5px
    }
}

html body #wrapper #contents section#breadcrumbs .container&gt;a:not(:last-child)&gt;span:after,
html body #wrapper #contents section#breadcrumbs .container&gt;span:not(:last-child)&gt;span:after {
    content: '\f138';
    font-family: Font Awesome\ 6 Free;
    font-weight: 900
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#breadcrumbs .container&gt;a:not(:last-child)&gt;span:after,
    html body #wrapper #contents section#breadcrumbs .container&gt;span:not(:last-child)&gt;span:after {
        margin-left: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#breadcrumbs .container&gt;a:not(:last-child)&gt;span:after,
    html body #wrapper #contents section#breadcrumbs .container&gt;span:not(:last-child)&gt;span:after {
        margin-left: 4px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#breadcrumbs .container&gt;a:not(:last-child)&gt;span:after,
    html body #wrapper #contents section#breadcrumbs .container&gt;span:not(:last-child)&gt;span:after {
        margin-left: 5px
    }
}

html body #wrapper #contents section#breadcrumbs .container&gt;a.hover {
    opacity: .5;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #contents section#category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#category {
        width: calc(100% - 60px);
        max-width: 930pt;
        margin-top: 25px;
        padding-right: 30px;
        padding-left: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#category {
        width: calc(100% - 75pt);
        max-width: 930pt;
        margin-top: 30px;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#category {
        width: calc(100% - 200px);
        max-width: 930pt;
        margin-top: 35px;
        padding-right: 75pt;
        padding-left: 75pt
    }
}

html body #wrapper #contents section#category h1,
html body #wrapper #contents section#category h2,
html body #wrapper #contents section#category h3,
html body #wrapper #contents section#category h4 {
    width: auto;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
    margin: -50px 0
}

html body #wrapper #contents section#category h1:last-child&gt;span:after,
html body #wrapper #contents section#category h2:last-child&gt;span:after,
html body #wrapper #contents section#category h3:last-child&gt;span:after,
html body #wrapper #contents section#category h4:last-child&gt;span:after {
    content: ''
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#category h1&gt;span,
    html body #wrapper #contents section#category h2&gt;span,
    html body #wrapper #contents section#category h3&gt;span,
    html body #wrapper #contents section#category h4&gt;span {
        margin-right: 8px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#category h1&gt;span,
    html body #wrapper #contents section#category h2&gt;span,
    html body #wrapper #contents section#category h3&gt;span,
    html body #wrapper #contents section#category h4&gt;span {
        margin-right: 9px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#category h1&gt;span,
    html body #wrapper #contents section#category h2&gt;span,
    html body #wrapper #contents section#category h3&gt;span,
    html body #wrapper #contents section#category h4&gt;span {
        margin-right: 10px
    }
}

html body #wrapper #contents section#category h1&gt;span:after,
html body #wrapper #contents section#category h2&gt;span:after,
html body #wrapper #contents section#category h3&gt;span:after,
html body #wrapper #contents section#category h4&gt;span:after {
    content: '/'
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#category h1&gt;span:after,
    html body #wrapper #contents section#category h2&gt;span:after,
    html body #wrapper #contents section#category h3&gt;span:after,
    html body #wrapper #contents section#category h4&gt;span:after {
        margin-left: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#category h1&gt;span:after,
    html body #wrapper #contents section#category h2&gt;span:after,
    html body #wrapper #contents section#category h3&gt;span:after,
    html body #wrapper #contents section#category h4&gt;span:after {
        margin-left: 4px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#category h1&gt;span:after,
    html body #wrapper #contents section#category h2&gt;span:after,
    html body #wrapper #contents section#category h3&gt;span:after,
    html body #wrapper #contents section#category h4&gt;span:after {
        margin-left: 5px
    }
}

html body #wrapper #contents section#category .container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    border: solid 1px #000
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#category .container {
        margin-top: 30px;
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#category .container {
        margin-top: 40px;
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#category .container {
        margin-top: 50px;
        border-radius: 5px
    }
}

html body #wrapper #contents section#category .container&gt;.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

html body #wrapper #contents section#category .container&gt;.row:nth-of-type(1)&gt;.section {
    position: relative
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#category .container&gt;.row:nth-of-type(1)&gt;.section:nth-of-type(1) {
        width: 33px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#category .container&gt;.row:nth-of-type(1)&gt;.section:nth-of-type(1) {
        width: 36px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#category .container&gt;.row:nth-of-type(1)&gt;.section:nth-of-type(1) {
        width: 76px;
        white-space: nowrap
    }
}

html body #wrapper #contents section#category .container&gt;.row:nth-of-type(n+2) {
    border-top: solid 1px #000
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#category .container&gt;.row&gt;.section {
        padding: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#category .container&gt;.row&gt;.section {
        padding: 25px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#category .container&gt;.row&gt;.section {
        padding: 30px
    }
}

html body #wrapper #contents section#category .container&gt;.row&gt;.section:nth-of-type(n+2) {
    border-left: solid 1px #000
}

html body #wrapper #contents section#category .container&gt;.row&gt;.section&gt;a.hover:before {
    background-color: rgba(0, 0, 0, .1);
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #contents section#category .container&gt;.row&gt;.section&gt;a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#category .container&gt;.row&gt;.section&gt;a i {
        margin-right: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#category .container&gt;.row&gt;.section&gt;a i {
        margin-right: 4px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#category .container&gt;.row&gt;.section&gt;a i {
        margin-right: 5px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item,
html body #wrapper #contents section#other_works .container .items .item,
html body #wrapper #contents section#related_works .container .items .item,
html body #wrapper #contents section#works .container .items .item {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item,
    html body #wrapper #contents section#other_works .container .items .item,
    html body #wrapper #contents section#related_works .container .items .item,
    html body #wrapper #contents section#works .container .items .item {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item,
    html body #wrapper #contents section#other_works .container .items .item,
    html body #wrapper #contents section#related_works .container .items .item,
    html body #wrapper #contents section#works .container .items .item {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item,
    html body #wrapper #contents section#other_works .container .items .item,
    html body #wrapper #contents section#related_works .container .items .item,
    html body #wrapper #contents section#works .container .items .item {
        border-radius: 5px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item.current.s&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#featureed_works .container .items .item.hover.s&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#other_works .container .items .item.current.s&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#other_works .container .items .item.hover.s&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#related_works .container .items .item.current.s&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#related_works .container .items .item.hover.s&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#works .container .items .item.current.s&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#works .container .items .item.hover.s&gt;.bg_container&gt;.bg&gt;picture {
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1)
}

html body #wrapper #contents section#featureed_works .container .items .item.current.l&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#featureed_works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#other_works .container .items .item.current.l&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#other_works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#related_works .container .items .item.current.l&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#related_works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#works .container .items .item.current.l&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture {
    -webkit-transform: scale3d(.935, .9, 1);
    transform: scale3d(.935, .9, 1)
}

html body #wrapper #contents section#featureed_works .container .items .item.current.l&gt;.bg_container&gt;.bg&gt;picture&gt;img,
html body #wrapper #contents section#featureed_works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture&gt;img,
html body #wrapper #contents section#other_works .container .items .item.current.l&gt;.bg_container&gt;.bg&gt;picture&gt;img,
html body #wrapper #contents section#other_works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture&gt;img,
html body #wrapper #contents section#related_works .container .items .item.current.l&gt;.bg_container&gt;.bg&gt;picture&gt;img,
html body #wrapper #contents section#related_works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture&gt;img,
html body #wrapper #contents section#works .container .items .item.current.l&gt;.bg_container&gt;.bg&gt;picture&gt;img,
html body #wrapper #contents section#works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture&gt;img {
    -webkit-transform: scale3d(1, 1.03888, 1);
    transform: scale3d(1, 1.03888, 1)
}

html body #wrapper #contents section#featureed_works .container .items .item.current&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#featureed_works .container .items .item.hover&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#other_works .container .items .item.current&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#other_works .container .items .item.hover&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#related_works .container .items .item.current&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#related_works .container .items .item.hover&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#works .container .items .item.current&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#works .container .items .item.hover&gt;.bg_container&gt;.bg {
    -webkit-transform: scale3d(1.03, 1.03, 1);
    transform: scale3d(1.03, 1.03, 1)
}

html body #wrapper #contents section#featureed_works .container .items .item.current&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#featureed_works .container .items .item.hover&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#other_works .container .items .item.current&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#other_works .container .items .item.hover&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#related_works .container .items .item.current&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#related_works .container .items .item.hover&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#works .container .items .item.current&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#works .container .items .item.hover&gt;.bg_container&gt;.bg&gt;picture {
    opacity: .8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

html body #wrapper #contents section#featureed_works .container .items .item.current .info .bg.set,
html body #wrapper #contents section#featureed_works .container .items .item.hover .info .bg.set,
html body #wrapper #contents section#other_works .container .items .item.current .info .bg.set,
html body #wrapper #contents section#other_works .container .items .item.hover .info .bg.set,
html body #wrapper #contents section#related_works .container .items .item.current .info .bg.set,
html body #wrapper #contents section#related_works .container .items .item.hover .info .bg.set,
html body #wrapper #contents section#works .container .items .item.current .info .bg.set,
html body #wrapper #contents section#works .container .items .item.hover .info .bg.set {
    opacity: .8;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #contents section#featureed_works .container .items .item.current .info .subtitle,
html body #wrapper #contents section#featureed_works .container .items .item.current .info .title,
html body #wrapper #contents section#featureed_works .container .items .item.hover .info .subtitle,
html body #wrapper #contents section#featureed_works .container .items .item.hover .info .title,
html body #wrapper #contents section#other_works .container .items .item.current .info .subtitle,
html body #wrapper #contents section#other_works .container .items .item.current .info .title,
html body #wrapper #contents section#other_works .container .items .item.hover .info .subtitle,
html body #wrapper #contents section#other_works .container .items .item.hover .info .title,
html body #wrapper #contents section#related_works .container .items .item.current .info .subtitle,
html body #wrapper #contents section#related_works .container .items .item.current .info .title,
html body #wrapper #contents section#related_works .container .items .item.hover .info .subtitle,
html body #wrapper #contents section#related_works .container .items .item.hover .info .title,
html body #wrapper #contents section#works .container .items .item.current .info .subtitle,
html body #wrapper #contents section#works .container .items .item.current .info .title,
html body #wrapper #contents section#works .container .items .item.hover .info .subtitle,
html body #wrapper #contents section#works .container .items .item.hover .info .title {
    opacity: 1; /* 更新 202505 */
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}


html body #wrapper #contents section#featureed_works .container .items .item.current .info .tags,
html body #wrapper #contents section#featureed_works .container .items .item.hover .info .tags,
html body #wrapper #contents section#other_works .container .items .item.current .info .tags,
html body #wrapper #contents section#other_works .container .items .item.hover .info .tags,
html body #wrapper #contents section#related_works .container .items .item.current .info .tags,
html body #wrapper #contents section#related_works .container .items .item.hover .info .tags,
html body #wrapper #contents section#works .container .items .item.current .info .tags,
html body #wrapper #contents section#works .container .items .item.hover .info .tags {
    opacity: 1;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #contents section#featureed_works .container .items .item.current,
html body #wrapper #contents section#featureed_works .container .items .item.current *,
html body #wrapper #contents section#other_works .container .items .item.current,
html body #wrapper #contents section#other_works .container .items .item.current *,
html body #wrapper #contents section#related_works .container .items .item.current,
html body #wrapper #contents section#related_works .container .items .item.current *,
html body #wrapper #contents section#works .container .items .item.current,
html body #wrapper #contents section#works .container .items .item.current * {
    pointer-events: none !important
}

html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container,
html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container,
html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container,
html body #wrapper #contents section#works .container .items .item&gt;.bg_container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container {
        border-radius: 5px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg,
html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: background-color .3s ease-out, -webkit-transform .3s ease-out;
    transition: background-color .3s ease-out, -webkit-transform .3s ease-out;
    transition: background-color .3s ease-out, transform .3s ease-out;
    transition: background-color .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;
    will-change: background-color, transform;
    z-index: 1
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg {
        border-radius: 5px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg.loaded&gt;picture,
html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg.loaded&gt;picture,
html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg.loaded&gt;picture,
html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg.loaded&gt;picture {
    opacity: 1
}

html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg&gt;picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: opacity .3s ease-out, border-radius .3s ease-out, -webkit-filter .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, border-radius .3s ease-out, -webkit-filter .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, border-radius .3s ease-out, filter .3s ease-out, transform .3s ease-out;
    transition: opacity .3s ease-out, border-radius .3s ease-out, filter .3s ease-out, transform .3s ease-out, -webkit-filter .3s ease-out, -webkit-transform .3s ease-out;
    will-change: opacity, border-radius, filter, transform
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg&gt;picture {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg&gt;picture {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg&gt;picture {
        border-radius: 5px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture img,
html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture img,
html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg&gt;picture img,
html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg&gt;picture img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    will-change: transform
}

html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg:after,
html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg:after,
html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg:after,
html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: solid 1px rgba(0, 0, 0, .1);
    z-index: 1
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg:after,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg:after,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg:after,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg:after {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg:after,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg:after,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg:after,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg:after {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item&gt;.bg_container&gt;.bg:after,
    html body #wrapper #contents section#other_works .container .items .item&gt;.bg_container&gt;.bg:after,
    html body #wrapper #contents section#related_works .container .items .item&gt;.bg_container&gt;.bg:after,
    html body #wrapper #contents section#works .container .items .item&gt;.bg_container&gt;.bg:after {
        border-radius: 5px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy,
html body #wrapper #contents section#works .container .items .item.brand_strategy {
    background-color: #000
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy.hover .info_brand_strategy .cat1,
html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy.hover .info_brand_strategy .title,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy.hover .info_brand_strategy .cat1,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy.hover .info_brand_strategy .title,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy.hover .info_brand_strategy .cat1,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy.hover .info_brand_strategy .title,
html body #wrapper #contents section#works .container .items .item.brand_strategy.hover .info_brand_strategy .cat1,
html body #wrapper #contents section#works .container .items .item.brand_strategy.hover .info_brand_strategy .title {
    opacity: 1;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy.hover .img_brand_strategy&gt;picture,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy.hover .img_brand_strategy&gt;picture,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy.hover .img_brand_strategy&gt;picture,
html body #wrapper #contents section#works .container .items .item.brand_strategy.hover .img_brand_strategy&gt;picture {
    opacity: 1; /* 更新 202505 */
    -webkit-filter: grayscale(0%); /* 更新 202505 */
    filter: grayscale(0%) /* 更新 202505 */
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy.hover .img_brand_strategy&gt;picture&gt;img,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy.hover .img_brand_strategy&gt;picture&gt;img,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy.hover .img_brand_strategy&gt;picture&gt;img,
html body #wrapper #contents section#works .container .items .item.brand_strategy.hover .img_brand_strategy&gt;picture&gt;img {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy.hover:after,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy.hover:after,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy.hover:after,
html body #wrapper #contents section#works .container .items .item.brand_strategy.hover:after {
    opacity: .2;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .img_brand_strategy,
html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .img_brand_strategy,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .img_brand_strategy,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy,
html body #wrapper #contents section#works .container .items .item.brand_strategy .img_brand_strategy,
html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy {
    display: block;
    position: absolute;
    color: #fff;
    overflow: hidden
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy,
html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media all and (max-width:768px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy {
        width: 100%
    }
}

@media all and (min-width:769px) and (max-width:1440px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy {
        width: 100%
    }
}

@media all and (min-width:1441px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy {
        width: 100%
    }
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .title,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .title,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .title,
html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat1,
html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat2,
html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .title {
    display: block;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .title {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .title {
        padding-right: 25px;
        padding-left: 25px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat2,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .title {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .title {
        margin-top: -20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .title {
        margin-top: 0
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .title,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .title {
        margin-top: 20px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat2,
html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat1,
html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat2 {
    opacity: .4
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat1 {
        margin-top: -89px;
        margin-bottom: -30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat1 {
        margin-top: -87px;
        margin-bottom: -25px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .cat1,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .cat1 {
        margin-top: -85px;
        margin-bottom: -20px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies {
    display: block;
    position: absolute;
    right: 75%;
    color: #000;
    background-color: #fff;
    overflow: hidden
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies {
        bottom: 11px;
        width: 4pc;
        height: 4pc
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies {
        bottom: 13px;
        width: 68px;
        height: 68px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies {
        bottom: 15px;
        width: 72px;
        height: 72px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies&gt;.font,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies&gt;.font,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies&gt;.font,
html body #wrapper #contents section#works .container .items .item.brand_strategy .info_brand_strategy .brand_strategies&gt;.font {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .img_brand_strategy,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .img_brand_strategy,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .img_brand_strategy,
html body #wrapper #contents section#works .container .items .item.brand_strategy .img_brand_strategy {
    top: 0;
    right: 0;
    width: 75%;
    height: 100%;
    z-index: 1
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
html body #wrapper #contents section#works .container .items .item.brand_strategy .img_brand_strategy&gt;picture {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition: opacity .3s ease-out, -webkit-filter .3s ease-out;
    transition: opacity .3s ease-out, -webkit-filter .3s ease-out;
    transition: opacity .3s ease-out, filter .3s ease-out;
    transition: opacity .3s ease-out, filter .3s ease-out, -webkit-filter .3s ease-out;
    will-change: opacity, filter;
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .img_brand_strategy&gt;picture {
        top: 11px;
        width: calc(100% - 11px);
        height: calc(100% - 22px);
        border-radius: 3px 3px 3px 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .img_brand_strategy&gt;picture {
        top: 13px;
        width: calc(100% - 13px);
        height: calc(100% - 26px);
        border-radius: 4px 4px 4px 0
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
    html body #wrapper #contents section#other_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
    html body #wrapper #contents section#related_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture,
    html body #wrapper #contents section#works .container .items .item.brand_strategy .img_brand_strategy&gt;picture {
        top: 15px;
        width: calc(100% - 15px);
        height: calc(100% - 30px);
        border-radius: 5px 5px 5px 0
    }
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture img,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture img,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy .img_brand_strategy&gt;picture img,
html body #wrapper #contents section#works .container .items .item.brand_strategy .img_brand_strategy&gt;picture img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    will-change: transform
}

html body #wrapper #contents section#featureed_works .container .items .item.brand_strategy:after,
html body #wrapper #contents section#other_works .container .items .item.brand_strategy:after,
html body #wrapper #contents section#related_works .container .items .item.brand_strategy:after,
html body #wrapper #contents section#works .container .items .item.brand_strategy:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-color: transparent; /* 更新 202505 */
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    will-change: opacity
}

html body #wrapper #contents section#featureed_works .container .items .item .info,
html body #wrapper #contents section#other_works .container .items .item .info,
html body #wrapper #contents section#related_works .container .items .item .info,
html body #wrapper #contents section#works .container .items .item .info {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: #000;
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item .info,
    html body #wrapper #contents section#other_works .container .items .item .info,
    html body #wrapper #contents section#related_works .container .items .item .info,
    html body #wrapper #contents section#works .container .items .item .info {
        max-width: calc(100% - 22px);
        padding: 11px;
        border-top-right-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item .info,
    html body #wrapper #contents section#other_works .container .items .item .info,
    html body #wrapper #contents section#related_works .container .items .item .info,
    html body #wrapper #contents section#works .container .items .item .info {
        max-width: calc(100% - 30px);
        padding: 15px;
        border-top-right-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item .info,
    html body #wrapper #contents section#other_works .container .items .item .info,
    html body #wrapper #contents section#related_works .container .items .item .info,
    html body #wrapper #contents section#works .container .items .item .info {
        max-width: calc(100% - 40px);
        padding: 20px;
        border-top-right-radius: 5px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item .info .bg,
html body #wrapper #contents section#other_works .container .items .item .info .bg,
html body #wrapper #contents section#related_works .container .items .item .info .bg,
html body #wrapper #contents section#works .container .items .item .info .bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 75pt;
    height: 75pt;
    opacity: 1;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: opacity 1s cubic-bezier(.8, 0, .2, 1), -webkit-transform 1scubic-bezier(.8, 0, .2, 1);
    transition: opacity 1s cubic-bezier(.8, 0, .2, 1), -webkit-transform 1scubic-bezier(.8, 0, .2, 1);
    transition: opacity 1s cubic-bezier(.8, 0, .2, 1), transform 1scubic-bezier(.8, 0, .2, 1);
    transition: opacity 1s cubic-bezier(.8, 0, .2, 1), transform 1scubic-bezier(.8, 0, .2, 1), -webkit-transform 1s cubic-bezier(.8, 0, .2, 1);
    will-change: opacity, transform
}

html body #wrapper #contents section#featureed_works .container .items .item .info .bg.set,
html body #wrapper #contents section#other_works .container .items .item .info .bg.set,
html body #wrapper #contents section#related_works .container .items .item .info .bg.set,
html body #wrapper #contents section#works .container .items .item .info .bg.set {
    opacity: .5;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    display: none; /* 更新 202505 */
}

html body #wrapper #contents section#featureed_works .container .items .item .info .subtitle,
html body #wrapper #contents section#featureed_works .container .items .item .info .title,
html body #wrapper #contents section#other_works .container .items .item .info .subtitle,
html body #wrapper #contents section#other_works .container .items .item .info .title,
html body #wrapper #contents section#related_works .container .items .item .info .subtitle,
html body #wrapper #contents section#related_works .container .items .item .info .title,
html body #wrapper #contents section#works .container .items .item .info .subtitle,
html body #wrapper #contents section#works .container .items .item .info .title {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    overflow: hidden
}

html body #wrapper #contents section#featureed_works .container .items .item .info .title,
html body #wrapper #contents section#other_works .container .items .item .info .title,
html body #wrapper #contents section#related_works .container .items .item .info .title,
html body #wrapper #contents section#works .container .items .item .info .title {
    margin-top: -50px
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item .info .subtitle,
    html body #wrapper #contents section#other_works .container .items .item .info .subtitle,
    html body #wrapper #contents section#related_works .container .items .item .info .subtitle,
    html body #wrapper #contents section#works .container .items .item .info .subtitle {
        margin-top: -92px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item .info .subtitle,
    html body #wrapper #contents section#other_works .container .items .item .info .subtitle,
    html body #wrapper #contents section#related_works .container .items .item .info .subtitle,
    html body #wrapper #contents section#works .container .items .item .info .subtitle {
        margin-top: -91px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item .info .subtitle,
    html body #wrapper #contents section#other_works .container .items .item .info .subtitle,
    html body #wrapper #contents section#related_works .container .items .item .info .subtitle,
    html body #wrapper #contents section#works .container .items .item .info .subtitle {
        margin-top: -90px
    }
}

html body #wrapper #contents section#featureed_works .container .items .item .info .tags,
html body #wrapper #contents section#other_works .container .items .item .info .tags,
html body #wrapper #contents section#related_works .container .items .item .info .tags,
html body #wrapper #contents section#works .container .items .item .info .tags {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: -50px;
    opacity: .4; /* 更新 202505 */
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    overflow: hidden
}

@media all and (max-width:499px) {

    html body #wrapper #contents section#featureed_works .container .items .item .info .tags,
    html body #wrapper #contents section#other_works .container .items .item .info .tags,
    html body #wrapper #contents section#related_works .container .items .item .info .tags,
    html body #wrapper #contents section#works .container .items .item .info .tags {
        margin-top: -92px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section#featureed_works .container .items .item .info .tags,
    html body #wrapper #contents section#other_works .container .items .item .info .tags,
    html body #wrapper #contents section#related_works .container .items .item .info .tags,
    html body #wrapper #contents section#works .container .items .item .info .tags {
        margin-top: -91px
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section#featureed_works .container .items .item .info .tags,
    html body #wrapper #contents section#other_works .container .items .item .info .tags,
    html body #wrapper #contents section#related_works .container .items .item .info .tags,
    html body #wrapper #contents section#works .container .items .item .info .tags {
        margin-top: -90px
    }
}

html body #wrapper #contents section#works h2 {
    display: none
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#works .container {
        margin-top: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#works .container {
        margin-top: 0
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body #wrapper #contents section#works .container {
        margin-top: 0
    }
}

@media all and (min-width:1441px) {
    html body #wrapper #contents section#works .container {
        margin-top: 0
    }
}

html body #wrapper #contents section#works .container .items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#works .container .items {
        padding: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#works .container .items {
        padding: 0
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body #wrapper #contents section#works .container .items {
        padding: 0
    }
}

@media all and (min-width:1441px) {
    html body #wrapper #contents section#works .container .items {
        padding: 0
    }
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#works .container .items .item {
        margin-top: 0;
        margin-left: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#works .container .items .item {
        margin-top: 0;
        margin-left: 0
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body #wrapper #contents section#works .container .items .item {
        margin-top: 0;
        margin-left: 0
    }
}

@media all and (min-width:1441px) {
    html body #wrapper #contents section#works .container .items .item {
        margin-top: 0;
        margin-left: 0
    }
}

html body #wrapper #contents section#works .container .items .item.hide {
    display: none;
    opacity: 0;
    pointer-events: none !important
}

html body #wrapper #contents section#works .container .items .item.hide * {
    pointer-events: none !important
}

html body #wrapper #contents section#works .container .items .item.outview .bg_container .bg picture,
html body #wrapper #contents section#works .container .items .item.outview .bg_container .bg:after {
    display: none;
    opacity: 0
}

html body #wrapper #contents section#works .container .items .item.outview .info {
    display: none
}

html body #wrapper #contents section#works .container .items .item.outview .img_brand_strategy,
html body #wrapper #contents section#works .container .items .item.outview .info_brand_strategy {
    display: none
}

html body #wrapper #contents section#works .container .items .item.hover.s&gt;.bg_container&gt;.bg&gt;picture {
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1)
}

html body #wrapper #contents section#works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture {
    -webkit-transform: scale3d(.935, .9, 1);
    transform: scale3d(.935, .9, 1)
}

html body #wrapper #contents section#works .container .items .item.hover.l&gt;.bg_container&gt;.bg&gt;picture&gt;img {
    -webkit-transform: scale3d(1, 1.03888, 1);
    transform: scale3d(1, 1.03888, 1)
}

html body #wrapper #contents section#works .container .items .item.hover&gt;.bg_container&gt;.bg {
    -webkit-transform: scale3d(1.03, 1.03, 1);
    transform: scale3d(1.03, 1.03, 1)
}

html body #wrapper #contents section#works .container .items .item.hover&gt;.bg_container&gt;.bg&gt;picture {
    opacity: 1; /* 更新 202505 */
    -webkit-filter: grayscale(0%); /* 更新 202505 */
    filter: grayscale(0%) /* 更新 202505 */
}

html body #wrapper #contents section#works .container .items .item.hover .info .bg.set {
    opacity: .8;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #contents section#works .container .items .item.hover .info .title {
    opacity: 1; /* 更新 202505 */
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #contents section#works .container .items .item.hover .info .tags {
    opacity: 1;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body #wrapper #contents section#works .container .items .item.inview {
    opacity: .3
}

html body #wrapper #contents section#works .container .items .item.first {
    margin-top: 0 !important
}

@media all and (max-width:768px) and (max-width:499px) {
    html body #wrapper #contents section#works .container .items .item.s {
        width: 50%;
        padding-bottom: 50%
    }
}

@media all and (max-width:768px) and (min-width:500px) and (max-width:768px) {
    html body #wrapper #contents section#works .container .items .item.s {
        width: 50%;
        padding-bottom: 50%
    }
}

@media all and (max-width:768px) {
    html body #wrapper #contents section#works .container .items .item.l {
        width: 100%
    }
}

@media all and (max-width:768px) and (max-width:499px) {
    html body #wrapper #contents section#works .container .items .item.l {
        padding-bottom: 66.66667%
    }
}

@media all and (max-width:768px) and (min-width:500px) and (max-width:768px) {
    html body #wrapper #contents section#works .container .items .item.l {
        padding-bottom: 56.25%
    }
}

@media all and (min-width:769px) and (max-width:1440px) and (min-width:769px) and (max-width:1024px) {
    html body #wrapper #contents section#works .container .items .item.s {
        width: 33.33333%;
        padding-bottom: 33.33333%
    }
}

@media all and (min-width:769px) and (max-width:1440px) and (min-width:1025px) {
    html body #wrapper #contents section#works .container .items .item.s {
        width: 33.33333%;
        padding-bottom: 33.33333%
    }
}

@media all and (min-width:769px) and (max-width:1440px) and (min-width:769px) and (max-width:1024px) {
    html body #wrapper #contents section#works .container .items .item.l {
        width: 66.66667%;
        padding-bottom: 33.33333%
    }
}

@media all and (min-width:769px) and (max-width:1440px) and (min-width:1025px) {
    html body #wrapper #contents section#works .container .items .item.l {
        width: 66.66667%;
        padding-bottom: 33.33333%
    }
}

@media all and (min-width:1441px) and (min-width:1441px) {
    html body #wrapper #contents section#works .container .items .item.s {
        width: 25%;
        padding-bottom: 25%
    }
}

@media all and (min-width:1441px) and (min-width:1441px) {
    html body #wrapper #contents section#works .container .items .item.l {
        width: 50%;
        padding-bottom: 25%
    }
}

html body #wrapper #contents section#featureed_works .container&gt;.items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item {
    position: relative;
    height: auto;
    background-color: rgba(0, 0, 0, .05);
    overflow: visible
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item {
        width: calc(100% - 20px);
        margin-left: 10px
    }
}

@media all and (min-width:500px) and (max-width:768px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item {
        width: calc(100% - 30px);
        margin-left: 15px
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item {
        width: calc(100%/2 - 22.5px);
        margin-left: 15px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item {
        width: calc(100%/2 - 30px);
        margin-left: 20px
    }
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item:nth-of-type(n+2) {
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:768px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item:nth-of-type(n+2) {
        margin-top: 15px
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item:nth-of-type(n+3) {
        margin-top: 15px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item:nth-of-type(n+3) {
        margin-top: 20px
    }
}

html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item.hover {
    background-color: rgba(0, 0, 0, .1)
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item.hover&gt;.bg_container&gt;.bg&gt;picture {
        border-bottom-right-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item.hover&gt;.bg_container&gt;.bg&gt;picture {
        border-bottom-right-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item.hover&gt;.bg_container&gt;.bg&gt;picture {
        border-bottom-right-radius: 5px
    }
}

html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.bg_container {
    height: 0;
    padding-bottom: 50%;
    border-bottom-right-radius: 0
}

html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.bg_container&gt;.bg {
    height: 0;
    padding-bottom: 50%;
    border-bottom-right-radius: 0;
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.bg_container&gt;.bg {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.bg_container&gt;.bg {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.bg_container&gt;.bg {
        border-radius: 5px
    }
}

html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.bg_container&gt;.bg&gt;picture {
    border-bottom-right-radius: 0
}

html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.info {
    top: 0;
    bottom: auto;
    margin-top: 50%;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.description {
    display: block;
    position: relative;
    top: 0;
    margin-top: 50%;
    overflow: hidden
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.description {
        padding: 0 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.description {
        padding: 0 35px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.description {
        padding: 0 5pc
    }
}

html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.description&gt;.font {
    display: block
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.description&gt;.font {
        margin-top: -30px;
        margin-bottom: -30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.description&gt;.font {
        margin-top: -25px;
        margin-bottom: -25px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#featureed_works .container&gt;.items&gt;.item&gt;.description&gt;.font {
        margin-top: -20px;
        margin-bottom: -20px
    }
}

html body #wrapper #contents section#other_works .container&gt;.items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html body #wrapper #contents section#other_works .container&gt;.items&gt;.item {
    position: relative
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#other_works .container&gt;.items&gt;.item {
        width: calc(100% - 20px);
        margin-left: 10px;
        padding-bottom: calc(100%/2 - 10px)
    }
    html body #wrapper #contents section#other_works .container&gt;.items.col1&gt;.item {
        width: 100%;
        margin-left: 0;
        padding-bottom: calc(100%/2 - 10px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#other_works .container&gt;.items&gt;.item {
        width: calc(100%/2 - 22.5px);
        margin-left: 15px;
        padding-bottom: calc(100%/2 / 2 - 11.25px)
    }
    html body #wrapper #contents section#other_works .container&gt;.items.col1&gt;.item {
       width: 100%;
          margin-left: 0;
          padding-bottom: calc(100%/2 - 10px)
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#other_works .container&gt;.items&gt;.item {
        width: calc(100%/3 - 26.67px);
        margin-left: 20px;
        padding-bottom: calc(100%/3 / 2 - 13.33px)
    }
    html body #wrapper #contents section#other_works .container&gt;.items.col1&gt;.item {
       width: calc(100%/2 - 10px);
       margin-left: 0;
       padding-bottom: calc(50%/2 - 10px)
    }

}

@media all and (max-width:499px) {
    html body #wrapper #contents section#other_works .container&gt;.items&gt;.item:nth-of-type(n+2) {
        margin-top: 10px
    }
    html body #wrapper #contents section#other_works .container&gt;.items {
        gap: 10px;
    }

}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#other_works .container&gt;.items&gt;.item:nth-of-type(n+3) {
        margin-top: 15px
    }
    html body #wrapper #contents section#other_works .container&gt;.items {
        gap: 15px;
    }

}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#other_works .container&gt;.items&gt;.item:nth-of-type(n+4) {
        margin-top: 20px
    }
    html body #wrapper #contents section#other_works .container&gt;.items {
        gap: 20px;
    }

}

html body #wrapper #contents section#related_works .container&gt;.items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html body #wrapper #contents section#related_works .container&gt;.items&gt;.item {
    position: relative
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#related_works .container&gt;.items&gt;.item {
        width: 100%;
        margin-right: 0;
        padding-bottom: 50%;
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#related_works .container&gt;.items&gt;.item {
        width: calc(100%/2 - 7.5px);
        margin-right: 15px;
        padding-bottom: calc(100%/2 / 2 - 3.75px)
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#related_works .container&gt;.items&gt;.item {
        width: calc(100%/2 - 10px);
        margin-right: 20px;
        padding-bottom: calc(100%/2 / 2 - 5px)
    }
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#related_works .container&gt;.items&gt;.item:nth-of-type(n+2) {
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#related_works .container&gt;.items&gt;.item:nth-of-type(n+3) {
        margin-top: 15px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#related_works .container&gt;.items&gt;.item:nth-of-type(n+3) {
        margin-top: 20px
    }
}

@media all and (min-width:500px) {
    html body #wrapper #contents section#related_works .container&gt;.items&gt;.item:nth-of-type(2n) {
        margin-right: 0
    }
}

html body #wrapper #contents section#voices .container .items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -50px
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#voices .container .items {
        padding: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#voices .container .items {
        padding: 0
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#voices .container .items {
        padding: 0
    }
}

html body #wrapper #contents section#voices .container .items .item {
    display: block;
    position: relative;
    overflow: hidden
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#voices .container .items .item {
        width: 100%
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#voices .container .items .item {
        width: calc(100% * 1/2 - 12.5px)
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#voices .container .items .item {
        width: calc(100% * 1/2 - 15px)
    }
}

html body #wrapper #contents section#voices .container .items .item.hover .image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: scale3d(1.03, 1.03, 1);
    transform: scale3d(1.03, 1.03, 1)
}

html body #wrapper #contents section#voices .container .items .item .image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 61.8047%;
    overflow: hidden
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#voices .container .items .item .image {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#voices .container .items .item .image {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#voices .container .items .item .image {
        border-radius: 5px
    }
}

html body #wrapper #contents section#voices .container .items .item .image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale3d(1.001, 1.001, 1);
    transform: scale3d(1.001, 1.001, 1);
    -webkit-transition: -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
    transition: -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
    transition: transform .3s ease-out, filter .3s ease-out;
    transition: transform .3s ease-out, filter .3s ease-out, -webkit-transform .3s ease-out, -webkit-filter .3s ease-out
}

html body #wrapper #contents section#voices .container .items .item .image:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: solid 1px rgba(0, 0, 0, .1)
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#voices .container .items .item .image:after {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#voices .container .items .item .image:after {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#voices .container .items .item .image:after {
        border-radius: 5px
    }
}

html body #wrapper #contents section#voices .container .items .item .title {
    display: block;
    position: relative;
    text-align: right
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#voices .container .items .item .title {
        margin-top: -30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#voices .container .items .item .title {
        margin-top: -25px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#voices .container .items .item .title {
        margin-top: -20px
    }
}

html body #wrapper #contents section#voices .container .items .item .company {
    display: block;
    position: relative
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#voices .container .items .item .company {
        margin-top: -5pc
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#voices .container .items .item .company {
        margin-top: -75px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#voices .container .items .item .company {
        margin-top: -70px
    }
}

html body #wrapper #contents section#voices .container .items .item .name {
    display: block;
    position: relative
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#voices .container .items .item .name {
        margin-top: -90px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#voices .container .items .item .name {
        margin-top: -85px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#voices .container .items .item .name {
        margin-top: -5pc
    }
}

html body #wrapper #contents section.biz-culture .container .items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -50px
}

@media all and (max-width:499px) {
    html body #wrapper #contents section.biz-culture .container .items {
        padding: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section.biz-culture .container .items {
        padding: 0
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section.biz-culture .container .items {
        padding: 0
    }
}

html body #wrapper #contents section.biz-culture .container .items .item {
    display: block;
    position: relative;
    overflow: hidden
}

@media all and (max-width:499px) {
    html body #wrapper #contents section.biz-culture .container .items .item {
        width: 100%
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section.biz-culture .container .items .item {
        width: calc(100% * 1/2 - 12.5px)
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section.biz-culture .container .items .item {
        width: calc(100% * 1/3 - 20px)
    }
}

html body #wrapper #contents section.biz-culture .container .items .item.hover .image img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: scale3d(1.03, 1.03, 1);
    transform: scale3d(1.03, 1.03, 1)
}

html body #wrapper #contents section.biz-culture .container .items .item .image {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66667%;
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {
    html body #wrapper #contents section.biz-culture .container .items .item .image {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section.biz-culture .container .items .item .image {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section.biz-culture .container .items .item .image {
        border-radius: 5px
    }
}

html body #wrapper #contents section.biz-culture .container .items .item .image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale3d(1.001, 1.001, 1);
    transform: scale3d(1.001, 1.001, 1);
    -webkit-transition: -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
    transition: -webkit-transform .3s ease-out, -webkit-filter .3s ease-out;
    transition: transform .3s ease-out, filter .3s ease-out;
    transition: transform .3s ease-out, filter .3s ease-out, -webkit-transform .3s ease-out, -webkit-filter .3s ease-out
}

html body #wrapper #contents section.biz-culture .container .items .item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: 0;
    padding-bottom: calc(2/3 * 100% - 2px);
    border: solid 1px rgba(0, 0, 0, .1);
    z-index: 1
}

@media all and (max-width:499px) {
    html body #wrapper #contents section.biz-culture .container .items .item:after {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section.biz-culture .container .items .item:after {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section.biz-culture .container .items .item:after {
        border-radius: 5px
    }
}

html body #wrapper #contents section.biz-culture .container .items .item .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media all and (max-width:499px) {
    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span {
        margin-top: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span {
        margin-top: 25px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span {
        margin-top: 30px
    }
}

html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type {
    width: 70px
}

html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .day,
html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .month,
html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .year {
    display: block;
    position: relative;
    text-align: center
}

html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .year {
    margin-top: -50px
}

@media all and (max-width:499px) {

    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .day,
    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .month {
        margin-top: -97px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .day,
    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .month {
        margin-top: -6pc
    }
}

@media all and (min-width:1025px) {

    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .day,
    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:first-of-type .month {
        margin-top: -95px
    }
}

html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:last-of-type {
    width: calc(100% - 70px)
}

html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:last-of-type .description,
html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:last-of-type .title {
    display: block;
    position: relative
}

html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:last-of-type .title {
    margin-top: -50px
}

@media all and (max-width:499px) {
    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:last-of-type .description {
        margin-top: -5pc
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:last-of-type .description {
        margin-top: -75px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section.biz-culture .container .items .item .info&gt;span:last-of-type .description {
        margin-top: -70px
    }
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#contact {
        margin-top: 75pt;
        padding-bottom: 75pt
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#contact {
        margin-top: 150px;
        padding-bottom: 150px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#contact {
        margin-top: 200px;
        padding-bottom: 200px
    }
}

html body #wrapper #contents section#contact h2 {
    display: none
}

html body #wrapper #contents section#contact .container .label_container {
    background-color: rgba(0, 0, 0, .03);
    overflow: hidden
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#contact .container .label_container {
        padding: 50px 30px 75pt;
        border-radius: 3px 3px 0 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#contact .container .label_container {
        padding: 75px 50px 150px;
        border-radius: 4px 4px 0 0
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#contact .container .label_container {
        padding: 75pt 70px 200px;
        border-radius: 5px 5px 0 0
    }
}

html body #wrapper #contents section#contact .container .label_container .label {
    display: block;
    margin: -50px 0
}

html body #wrapper #contents section#contact .container .closure_button {
    position: absolute;
    bottom: 0;
    width: 100%
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#contact .container .closure_button {
        width: calc(100% - 60px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#contact .container .closure_button {
        width: calc(100% - 75pt)
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#contact .container .closure_button {
        width: calc(100% - 200px)
    }
}

html body #wrapper #contents section#contact .container .closure_button .button {
    border-top-right-radius: 0
}

html body #wrapper #contents section#more_links {
    margin-top: 0
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#more_links {
        padding-bottom: 75pt
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body #wrapper #contents section#more_links {
        padding-bottom: 150px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#more_links {
        padding-bottom: 200px
    }
}

html body #wrapper #contents section#more_links h2 {
    display: none
}

html body #wrapper #contents section#more_links .container {
    margin-top: 0
}

html body #wrapper #contents section#more_links .container&gt;.buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

html body #wrapper #contents section#more_links .container&gt;.buttons.col_1&gt;.button_container {
    width: 100%
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_1&gt;.button_container:nth-of-type(n+2) {
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:768px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_1&gt;.button_container:nth-of-type(n+2) {
        margin-top: 15px
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_1&gt;.button_container:nth-of-type(n+2) {
        margin-top: 15px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_1&gt;.button_container:nth-of-type(n+2) {
        margin-top: 20px
    }
}

html body #wrapper #contents section#more_links .container&gt;.buttons.col_1&gt;.button_container&gt;.button {
    display: block
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container {
        width: 100%
    }
}

@media all and (min-width:500px) and (max-width:768px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container {
        width: 100%
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container {
        width: calc(100%/2 - 7.5px)
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container {
        width: calc(100%/2 - 10px)
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container:nth-of-type(2n) {
        margin-left: 15px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container:nth-of-type(2n) {
        margin-left: 20px
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container:nth-of-type(n+3) {
        margin-top: 15px
    }
}

@media all and (min-width:1025px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container:nth-of-type(n+3) {
        margin-top: 20px
    }
}

@media all and (max-width:499px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container:nth-of-type(n+2) {
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:768px) {
    html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container:nth-of-type(n+2) {
        margin-top: 15px
    }
}

html body #wrapper #contents section#more_links .container&gt;.buttons.col_2&gt;.button_container&gt;.button {
    display: block
}

html body:not(._home) #wrapper header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding-top: 0
}

html body:not(._home) #wrapper header .container {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 930pt;
    margin: 0 auto;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

@media all and (max-width:499px) {
    html body:not(._home) #wrapper header .container {
        width: calc(100% - 60px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body:not(._home) #wrapper header .container {
        width: calc(100% - 75pt)
    }
}

@media all and (min-width:1025px) {
    html body:not(._home) #wrapper header .container {
        width: calc(100% - 200px)
    }
}

@media all and (max-width:499px) {
    html body:not(._home) #wrapper header .container {
        height: 35px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body:not(._home) #wrapper header .container {
        height: 55px
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body:not(._home) #wrapper header .container {
        height: 75px
    }
}

@media all and (min-width:1441px) {
    html body:not(._home) #wrapper header .container {
        height: 75pt
    }
}

@media all and (max-width:499px) {
    html body:not(._home) #wrapper header .container .logo {
        width: 53.86px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body:not(._home) #wrapper header .container .logo {
        width: 84.63px
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body:not(._home) #wrapper header .container .logo {
        width: 115.4px
    }
}

@media all and (min-width:1441px) {
    html body:not(._home) #wrapper header .container .logo {
        width: 153.87px
    }
}

@media all and (max-width:499px) {
    html body:not(._home) #wrapper #contents section:first-of-type {
        margin-top: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body:not(._home) #wrapper #contents section:first-of-type {
        margin-top: 75px
    }
}

@media all and (min-width:1025px) {
    html body:not(._home) #wrapper #contents section:first-of-type {
        margin-top: 75pt
    }
}

html body._about #wrapper #contents section#breadcrumbs,
html body._contact #wrapper #contents section#breadcrumbs,
html body._mix #wrapper #contents section#breadcrumbs,
html body._new #wrapper #contents section#breadcrumbs,
html body._news #wrapper #contents section#breadcrumbs,
html body._note #wrapper #contents section#breadcrumbs,
html body._notes #wrapper #contents section#breadcrumbs,
html body._strategies #wrapper #contents section#breadcrumbs,
html body._voices #wrapper #contents section#breadcrumbs,
html body._works #wrapper #contents section#breadcrumbs {
    position: absolute;
    margin-top: 0;
    z-index: 1
}

html body._strategies #wrapper #contents section#strategies .container .items .item,
html body._strategy #wrapper #contents section#strategies .container .items .item,
html body._voice #wrapper #contents section#strategies .container .items .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    background-color: #000;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    will-change: background-color;
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item,
    html body._strategy #wrapper #contents section#strategies .container .items .item,
    html body._voice #wrapper #contents section#strategies .container .items .item {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item,
    html body._strategy #wrapper #contents section#strategies .container .items .item,
    html body._voice #wrapper #contents section#strategies .container .items .item {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item,
    html body._strategy #wrapper #contents section#strategies .container .items .item,
    html body._voice #wrapper #contents section#strategies .container .items .item {
        border-radius: 5px
    }
}

html body._strategies #wrapper #contents section#strategies .container .items .item.hover .info .cat1,
html body._strategies #wrapper #contents section#strategies .container .items .item.hover .info .cat2,
html body._strategies #wrapper #contents section#strategies .container .items .item.hover .info .title,
html body._strategy #wrapper #contents section#strategies .container .items .item.hover .info .cat1,
html body._strategy #wrapper #contents section#strategies .container .items .item.hover .info .cat2,
html body._strategy #wrapper #contents section#strategies .container .items .item.hover .info .title,
html body._voice #wrapper #contents section#strategies .container .items .item.hover .info .cat1,
html body._voice #wrapper #contents section#strategies .container .items .item.hover .info .cat2,
html body._voice #wrapper #contents section#strategies .container .items .item.hover .info .title {
    opacity: 1;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body._strategies #wrapper #contents section#strategies .container .items .item.hover .img&gt;picture,
html body._strategy #wrapper #contents section#strategies .container .items .item.hover .img&gt;picture,
html body._voice #wrapper #contents section#strategies .container .items .item.hover .img&gt;picture {
    opacity: .8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: scale3d(1.03, 1.03, 1);
    transform: scale3d(1.03, 1.03, 1)
}

html body._strategies #wrapper #contents section#strategies .container .items .item.hover:after,
html body._strategy #wrapper #contents section#strategies .container .items .item.hover:after,
html body._voice #wrapper #contents section#strategies .container .items .item.hover:after {
    opacity: .2;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body._strategies #wrapper #contents section#strategies .container .items .item .img,
html body._strategies #wrapper #contents section#strategies .container .items .item .info,
html body._strategy #wrapper #contents section#strategies .container .items .item .img,
html body._strategy #wrapper #contents section#strategies .container .items .item .info,
html body._voice #wrapper #contents section#strategies .container .items .item .img,
html body._voice #wrapper #contents section#strategies .container .items .item .info {
    position: relative;
    color: #fff
}

@media all and (min-width:769px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .img,
    html body._strategies #wrapper #contents section#strategies .container .items .item .info,
    html body._strategy #wrapper #contents section#strategies .container .items .item .img,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info,
    html body._voice #wrapper #contents section#strategies .container .items .item .img,
    html body._voice #wrapper #contents section#strategies .container .items .item .info {
        height: 0
    }
}

@media all and (min-width:769px) and (max-width:1440px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .img,
    html body._strategies #wrapper #contents section#strategies .container .items .item .info,
    html body._strategy #wrapper #contents section#strategies .container .items .item .img,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info,
    html body._voice #wrapper #contents section#strategies .container .items .item .img,
    html body._voice #wrapper #contents section#strategies .container .items .item .info {
        padding-bottom: 33.33333%
    }
}

@media all and (min-width:1441px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .img,
    html body._strategies #wrapper #contents section#strategies .container .items .item .info,
    html body._strategy #wrapper #contents section#strategies .container .items .item .img,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info,
    html body._voice #wrapper #contents section#strategies .container .items .item .img,
    html body._voice #wrapper #contents section#strategies .container .items .item .info {
        padding-bottom: 25%
    }
}

html body._strategies #wrapper #contents section#strategies .container .items .item .info,
html body._strategy #wrapper #contents section#strategies .container .items .item .info,
html body._voice #wrapper #contents section#strategies .container .items .item .info {
    z-index: 2
}

@media all and (max-width:768px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info,
    html body._voice #wrapper #contents section#strategies .container .items .item .info {
        width: 100%
    }
}

@media all and (min-width:769px) and (max-width:1440px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info,
    html body._voice #wrapper #contents section#strategies .container .items .item .info {
        width: 33.33333%
    }
}

@media all and (min-width:1441px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info,
    html body._voice #wrapper #contents section#strategies .container .items .item .info {
        width: 25%
    }
}

html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat1,
html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat2,
html body._strategies #wrapper #contents section#strategies .container .items .item .info .title,
html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat1,
html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat2,
html body._strategy #wrapper #contents section#strategies .container .items .item .info .title,
html body._voice #wrapper #contents section#strategies .container .items .item .info .cat1,
html body._voice #wrapper #contents section#strategies .container .items .item .info .cat2,
html body._voice #wrapper #contents section#strategies .container .items .item .info .title {
    display: block;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

@media all and (max-width:499px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._strategies #wrapper #contents section#strategies .container .items .item .info .title,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .title,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .title {
        padding-right: 30px;
        padding-left: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._strategies #wrapper #contents section#strategies .container .items .item .info .title,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .title,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .title {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media all and (min-width:1025px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._strategies #wrapper #contents section#strategies .container .items .item .info .title,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .title,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .title {
        padding-right: 50px;
        padding-left: 50px
    }
}

@media all and (max-width:499px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .title,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .title,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .title {
        margin-top: -20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .title,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .title,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .title {
        margin-top: -10px
    }
}

@media all and (min-width:1025px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .title,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .title,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .title {
        margin-top: 0
    }
}

html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat1,
html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat2,
html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat1,
html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat2,
html body._voice #wrapper #contents section#strategies .container .items .item .info .cat1,
html body._voice #wrapper #contents section#strategies .container .items .item .info .cat2 {
    opacity: .4
}

@media all and (max-width:499px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat1 {
        margin-top: -5pc
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat1 {
        margin-top: -75px
    }
}

@media all and (min-width:1025px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat1,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat1 {
        margin-top: -70px
    }
}

@media all and (max-width:499px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat2 {
        margin-top: -97px;
        margin-bottom: -20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat2 {
        margin-top: -6pc;
        margin-bottom: -10px
    }
}

@media all and (min-width:1025px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .cat2,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .cat2 {
        margin-top: -95px;
        margin-bottom: 0
    }
}

html body._strategies #wrapper #contents section#strategies .container .items .item .info .brand_strategies,
html body._strategy #wrapper #contents section#strategies .container .items .item .info .brand_strategies,
html body._voice #wrapper #contents section#strategies .container .items .item .info .brand_strategies {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #000;
    background-color: #fff;
    overflow: hidden
}

@media all and (max-width:499px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .brand_strategies,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .brand_strategies,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .brand_strategies {
        width: 4pc;
        height: 4pc
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .brand_strategies,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .brand_strategies,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .brand_strategies {
        width: 68px;
        height: 68px
    }
}

@media all and (min-width:1025px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .info .brand_strategies,
    html body._strategy #wrapper #contents section#strategies .container .items .item .info .brand_strategies,
    html body._voice #wrapper #contents section#strategies .container .items .item .info .brand_strategies {
        width: 72px;
        height: 72px
    }
}

html body._strategies #wrapper #contents section#strategies .container .items .item .info .brand_strategies&gt;.font,
html body._strategy #wrapper #contents section#strategies .container .items .item .info .brand_strategies&gt;.font,
html body._voice #wrapper #contents section#strategies .container .items .item .info .brand_strategies&gt;.font {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

html body._strategies #wrapper #contents section#strategies .container .items .item .img,
html body._strategy #wrapper #contents section#strategies .container .items .item .img,
html body._voice #wrapper #contents section#strategies .container .items .item .img {
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .img,
    html body._strategy #wrapper #contents section#strategies .container .items .item .img,
    html body._voice #wrapper #contents section#strategies .container .items .item .img {
        width: calc(100% - 22px);
        margin-left: 22px;
        border-radius: 3px 0 0 0
    }
}

@media all and (min-width:500px) and (max-width:768px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .img,
    html body._strategy #wrapper #contents section#strategies .container .items .item .img,
    html body._voice #wrapper #contents section#strategies .container .items .item .img {
        width: calc(100% - 31px);
        margin-left: 31px;
        border-radius: 4px 0 0 0
    }
}

@media all and (min-width:769px) and (max-width:1440px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .img,
    html body._strategy #wrapper #contents section#strategies .container .items .item .img,
    html body._voice #wrapper #contents section#strategies .container .items .item .img {
        width: 66.66667%
    }
}

@media all and (min-width:1441px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .img,
    html body._strategy #wrapper #contents section#strategies .container .items .item .img,
    html body._voice #wrapper #contents section#strategies .container .items .item .img {
        width: 75%
    }
}

@media all and (max-width:768px) {

    html body._strategies #wrapper #contents section#strategies .container .items .item .img,
    html body._strategy #wrapper #contents section#strategies .container .items .item .img,
    html body._voice #wrapper #contents section#strategies .container .items .item .img {
        padding-bottom: 50%
    }
}

html body._strategies #wrapper #contents section#strategies .container .items .item .img&gt;picture,
html body._strategy #wrapper #contents section#strategies .container .items .item .img&gt;picture,
html body._voice #wrapper #contents section#strategies .container .items .item .img&gt;picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: opacity .3s ease-out, -webkit-filter .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, -webkit-filter .3s ease-out, -webkit-transform .3s ease-out;
    transition: opacity .3s ease-out, filter .3s ease-out, transform .3s ease-out;
    transition: opacity .3s ease-out, filter .3s ease-out, transform .3s ease-out, -webkit-filter .3s ease-out, -webkit-transform .3s ease-out;
    will-change: opacity, filter, transform;
    overflow: hidden;
    z-index: 1
}

html body._strategies #wrapper #contents section#strategies .container .items .item .img&gt;picture img,
html body._strategy #wrapper #contents section#strategies .container .items .item .img&gt;picture img,
html body._voice #wrapper #contents section#strategies .container .items .item .img&gt;picture img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

html body._strategies #wrapper #contents section#strategies .container .items .item:after,
html body._strategy #wrapper #contents section#strategies .container .items .item:after,
html body._voice #wrapper #contents section#strategies .container .items .item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    will-change: opacity
}

@media all and (max-width:499px) {
    html body._strategies #wrapper #contents section#category {
        display: block
    }
}

@media all and (max-width:499px) {
    html body._strategies #wrapper #contents section#category h2 {
        margin-top: -90px
    }
}

html body._strategies #wrapper #contents section#strategies h2,
html body._strategy #wrapper #contents section#strategies h2 {
    display: none
}

html body._strategy #wrapper #contents&gt;.bg,
html body._work #wrapper #contents&gt;.bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#outline,
    html body._work #wrapper #contents section#outline {
        margin-top: -55px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#outline,
    html body._work #wrapper #contents section#outline {
        margin-top: -88.33px
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {

    html body._strategy #wrapper #contents section#outline,
    html body._work #wrapper #contents section#outline {
        margin-top: -141.67px
    }
}

@media all and (min-width:1441px) {

    html body._strategy #wrapper #contents section#outline,
    html body._work #wrapper #contents section#outline {
        margin-top: -166.67px
    }
}

html body._strategy #wrapper #contents section#outline&gt;picture,
html body._work #wrapper #contents section#outline&gt;picture {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0
}

@media all and (max-width:768px) {

    html body._strategy #wrapper #contents section#outline&gt;picture,
    html body._work #wrapper #contents section#outline&gt;picture {
        padding-bottom: 100%
    }
}

@media all and (min-width:769px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#outline&gt;picture,
    html body._work #wrapper #contents section#outline&gt;picture {
        padding-bottom: 66.66667%
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {

    html body._strategy #wrapper #contents section#outline&gt;picture,
    html body._work #wrapper #contents section#outline&gt;picture {
        padding-bottom: 50%
    }
}

@media all and (min-width:1441px) {

    html body._strategy #wrapper #contents section#outline&gt;picture,
    html body._work #wrapper #contents section#outline&gt;picture {
        padding-bottom: 33.33333%
    }
}

html body._strategy #wrapper #contents section#outline&gt;picture&gt;img,
html body._work #wrapper #contents section#outline&gt;picture&gt;img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

html body._strategy #wrapper #contents section#outline&gt;h2,
html body._work #wrapper #contents section#outline&gt;h2 {
    display: none
}

@media all and (min-width:500px) {

    html body._strategy #wrapper #contents section#project_name,
    html body._work #wrapper #contents section#project_name {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#project_name,
    html body._work #wrapper #contents section#project_name {
        top: -33.33px
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {

    html body._strategy #wrapper #contents section#project_name,
    html body._work #wrapper #contents section#project_name {
        top: -16.67px
    }
}

@media all and (min-width:1441px) {

    html body._strategy #wrapper #contents section#project_name,
    html body._work #wrapper #contents section#project_name {
        top: -16.67px
    }
}

html body._strategy #wrapper #contents section#project_name.stick,
html body._strategy #wrapper #contents section#project_name.stick *,
html body._work #wrapper #contents section#project_name.stick,
html body._work #wrapper #contents section#project_name.stick * {
    pointer-events: none
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#project_name.stick&gt;h2&gt;span,
    html body._work #wrapper #contents section#project_name.stick&gt;h2&gt;span {
        width: 100%
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#project_name.stick&gt;h2&gt;span,
    html body._work #wrapper #contents section#project_name.stick&gt;h2&gt;span {
        width: calc(100% * 2/3 - 20px)
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#project_name.stick&gt;h2&gt;span,
    html body._work #wrapper #contents section#project_name.stick&gt;h2&gt;span {
        width: calc(100% * 2/3 - 26.67px)
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#project_name.stick&gt;.container&gt;.sub_title,
    html body._strategy #wrapper #contents section#project_name.stick&gt;.container&gt;.tags,
    html body._work #wrapper #contents section#project_name.stick&gt;.container&gt;.sub_title,
    html body._work #wrapper #contents section#project_name.stick&gt;.container&gt;.tags {
        width: 100%
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#project_name.stick&gt;.container&gt;.sub_title,
    html body._strategy #wrapper #contents section#project_name.stick&gt;.container&gt;.tags,
    html body._work #wrapper #contents section#project_name.stick&gt;.container&gt;.sub_title,
    html body._work #wrapper #contents section#project_name.stick&gt;.container&gt;.tags {
        width: calc(100% * 2/3 - 20px)
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#project_name.stick&gt;.container&gt;.sub_title,
    html body._strategy #wrapper #contents section#project_name.stick&gt;.container&gt;.tags,
    html body._work #wrapper #contents section#project_name.stick&gt;.container&gt;.sub_title,
    html body._work #wrapper #contents section#project_name.stick&gt;.container&gt;.tags {
        width: calc(100% * 2/3 - 26.67px)
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#project_name&gt;h2,
    html body._work #wrapper #contents section#project_name&gt;h2 {
        width: calc(100% - 60px);
        max-width: 930pt;
        margin-top: 0;
        padding-right: 30px;
        padding-left: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#project_name&gt;h2,
    html body._work #wrapper #contents section#project_name&gt;h2 {
        width: calc(100% - 75pt);
        max-width: 930pt;
        margin-top: 25px;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#project_name&gt;h2,
    html body._work #wrapper #contents section#project_name&gt;h2 {
        width: calc(100% - 200px);
        max-width: 930pt;
        margin-top: 50px;
        padding-right: 75pt;
        padding-left: 75pt
    }
}

html body._strategy #wrapper #contents section#project_name&gt;h2&gt;span,
html body._work #wrapper #contents section#project_name&gt;h2&gt;span {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    -webkit-transition: width .5s cubic-bezier(.8, 0, .2, 1);
    transition: width .5s cubic-bezier(.8, 0, .2, 1)
}

html body._strategy #wrapper #contents section#project_name&gt;.container,
html body._work #wrapper #contents section#project_name&gt;.container {
    pointer-events: none
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#project_name&gt;.container,
    html body._work #wrapper #contents section#project_name&gt;.container {
        margin-top: -92px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#project_name&gt;.container,
    html body._work #wrapper #contents section#project_name&gt;.container {
        margin-top: -91px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#project_name&gt;.container,
    html body._work #wrapper #contents section#project_name&gt;.container {
        margin-top: -90px
    }
}

html body._strategy #wrapper #contents section#project_name&gt;.container&gt;.sub_title,
html body._strategy #wrapper #contents section#project_name&gt;.container&gt;.tags,
html body._work #wrapper #contents section#project_name&gt;.container&gt;.sub_title,
html body._work #wrapper #contents section#project_name&gt;.container&gt;.tags {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto
}

html body._strategy #wrapper #contents section#project_name&gt;.container&gt;.sub_title,
html body._work #wrapper #contents section#project_name&gt;.container&gt;.sub_title {
    -webkit-transition: width .75s cubic-bezier(.8, 0, .2, 1);
    transition: width .75s cubic-bezier(.8, 0, .2, 1)
}

html body._strategy #wrapper #contents section#project_name&gt;.container&gt;.tags,
html body._work #wrapper #contents section#project_name&gt;.container&gt;.tags {
    -webkit-transition: width 1s cubic-bezier(.8, 0, .2, 1);
    transition: width 1s cubic-bezier(.8, 0, .2, 1)
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#project_name&gt;.container&gt;.tags,
    html body._work #wrapper #contents section#project_name&gt;.container&gt;.tags {
        margin-top: -5pc
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#project_name&gt;.container&gt;.tags,
    html body._work #wrapper #contents section#project_name&gt;.container&gt;.tags {
        margin-top: -75px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#project_name&gt;.container&gt;.tags,
    html body._work #wrapper #contents section#project_name&gt;.container&gt;.tags {
        margin-top: -70px
    }
}

html body._strategy #wrapper #contents section#project_name&gt;.container&gt;.tags a.hover,
html body._work #wrapper #contents section#project_name&gt;.container&gt;.tags a.hover {
    opacity: .5;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body._strategy #wrapper #contents section#body&gt;h2,
html body._work #wrapper #contents section#body&gt;h2 {
    display: none
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.points,
html body._work #wrapper #contents section#body&gt;.container&gt;.points {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point {
        width: 100%;
        margin-right: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2) {
        margin-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2) {
        margin-top: 40px
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2) {
        margin-top: 50px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point {
        width: 100%;
        margin-right: 0
    }
}

@media all and (min-width:1025px) and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2) {
        margin-top: 30px
    }
}

@media all and (min-width:1025px) and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2) {
        margin-top: 40px
    }
}

@media all and (min-width:1025px) and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_1&gt;.point:nth-of-type(n+2) {
        margin-top: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point {
        width: calc(100%/2 - 20px)
    }

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(2n),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(2n) {
        margin-right: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3) {
        margin-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3) {
        margin-top: 40px
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3) {
        margin-top: 50px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point {
        width: calc(100%/2 - 25px)
    }

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(2n),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(2n) {
        margin-right: 0
    }
}

@media all and (min-width:1025px) and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3) {
        margin-top: 30px
    }
}

@media all and (min-width:1025px) and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3) {
        margin-top: 40px
    }
}

@media all and (min-width:1025px) and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_2&gt;.point:nth-of-type(n+3) {
        margin-top: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point {
        width: calc(100%/2 - 20px)
    }

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(2n),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(2n) {
        margin-right: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+3) {
        margin-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+3) {
        margin-top: 40px
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+3) {
        margin-top: 50px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point {
        width: calc(100%/3 - 33.33px)
    }

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(3n),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(3n) {
        margin-right: 0
    }
}

@media all and (min-width:1025px) and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+4),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+4) {
        margin-top: 30px
    }
}

@media all and (min-width:1025px) and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+4),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+4) {
        margin-top: 40px
    }
}

@media all and (min-width:1025px) and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+4),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_3&gt;.point:nth-of-type(n+4) {
        margin-top: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point {
        width: calc(100%/2 - 20px)
    }

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(2n),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(2n) {
        margin-right: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+3) {
        margin-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+3) {
        margin-top: 40px
    }
}

@media all and (min-width:500px) and (max-width:1024px) and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+3) {
        margin-top: 50px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point {
        width: calc(100%/4 - 37.5px)
    }

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(4n),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(4n) {
        margin-right: 0
    }
}

@media all and (min-width:1025px) and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+5),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+5) {
        margin-top: 30px
    }
}

@media all and (min-width:1025px) and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+5),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+5) {
        margin-top: 40px
    }
}

@media all and (min-width:1025px) and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+5),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points.col_4&gt;.point:nth-of-type(n+5) {
        margin-top: 50px
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point {
        width: 100%
    }
}

@media all and (max-width:499px) and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point:nth-of-type(n+2) {
        margin-top: 30px
    }
}

@media all and (max-width:499px) and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point:nth-of-type(n+2) {
        margin-top: 40px
    }
}

@media all and (max-width:499px) and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point:nth-of-type(n+2) {
        margin-top: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point {
        margin-right: 40px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point {
        margin-right: 50px
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body,
html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.title,
html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body,
html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.title {
    display: block;
    text-align: justify
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.title,
html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.title {
    margin-top: -50px
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body,
html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body {
    margin-bottom: -50px
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body {
        margin-top: -90px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body {
        margin-top: -85px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body,
    html body._work #wrapper #contents section#body&gt;.container&gt;.points&gt;.point&gt;.body {
        margin-top: -5pc
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.url,
html body._work #wrapper #contents section#body&gt;.container&gt;.url {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.url,
    html body._work #wrapper #contents section#body&gt;.container&gt;.url {
        width: 100%
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.url,
    html body._work #wrapper #contents section#body&gt;.container&gt;.url {
        width: calc(100% * 2/3 - 20px)
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.url,
    html body._work #wrapper #contents section#body&gt;.container&gt;.url {
        width: calc(100% * 2/3 - 26.67px)
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.url&gt;a,
html body._work #wrapper #contents section#body&gt;.container&gt;.url&gt;a {
    display: block
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.url&gt;a:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.url&gt;a:nth-of-type(n+2) {
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.url&gt;a:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.url&gt;a:nth-of-type(n+2) {
        margin-top: 15px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.url&gt;a:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.url&gt;a:nth-of-type(n+2) {
        margin-top: 20px
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.url&gt;a&gt;span&gt;span,
html body._work #wrapper #contents section#body&gt;.container&gt;.url&gt;a&gt;span&gt;span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.url&gt;a&gt;span&gt;span i,
    html body._work #wrapper #contents section#body&gt;.container&gt;.url&gt;a&gt;span&gt;span i {
        margin-right: 8px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.url&gt;a&gt;span&gt;span i,
    html body._work #wrapper #contents section#body&gt;.container&gt;.url&gt;a&gt;span&gt;span i {
        margin-right: 9px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.url&gt;a&gt;span&gt;span i,
    html body._work #wrapper #contents section#body&gt;.container&gt;.url&gt;a&gt;span&gt;span i {
        margin-right: 10px
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;*,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;* {
        margin-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;*,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;* {
        margin-top: 50px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;*,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;* {
        margin-top: 70px
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body a,
html body._work #wrapper #contents section#body&gt;.container&gt;.body a {
    background-color: rgba(0, 0, 0, .1)
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body a,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body a {
        padding: 1px;
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body a,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body a {
        padding: 2px;
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body a,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body a {
        padding: 3px;
        border-radius: 5px
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body a.hover,
html body._work #wrapper #contents section#body&gt;.container&gt;.body a.hover {
    color: #fff;
    background-color: #000
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p {
    display: block;
    position: relative;
    text-align: justify;
    margin-right: 0;
    margin-bottom: -50px;
    margin-left: auto
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p {
        width: 100%;
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p {
        width: calc(100% * 2/3 - 20px);
        margin-top: 50px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p {
        width: calc(100% * 2/3 - 26.67px);
        margin-top: 90px
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p+*,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p+* {
        margin-top: 60px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p+*,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p+* {
        margin-top: 75pt
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p+*,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p+* {
        margin-top: 140px
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p+p,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p+p {
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p+p,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p+p {
        margin-top: 50px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;p+p,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;p+p {
        margin-top: 90px
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images,
html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images,
html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images,
    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images,
    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images {
        /*
        width: 75pt;
        margin-left: -30px
*/
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img,
    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img,
    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img {
        margin-left: 0;
        border-right-width: 1px;
        border-left-width: 1px;
        border-radius: 3px
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img {
    margin-right: 0
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img {
        border-left-width: 0;
        border-radius: 0 3px 3px 0
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img:nth-of-type(n+2) {
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img:nth-of-type(n+2) {
        margin-top: 15px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img:nth-of-type(n+2),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_1&gt;.images&gt;img:nth-of-type(n+2) {
        margin-top: 20px
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img {
        width: calc(100%/2 - 5px - 2px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img {
        width: calc(100%/2 - 7.5px - 2px)
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img {
        width: calc(100%/2 - 10px - 2px)
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(n+3) {
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(n+3) {
        margin-top: 15px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(n+3),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(n+3) {
        margin-top: 20px
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(2n),
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(2n) {
    margin-right: 0
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(2n+1),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_2&gt;.images&gt;img:nth-of-type(2n+1) {
        border-left-width: 0;
        border-radius: 0 3px 3px 0
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img {
        width: calc(100%/3 - 6.67px - 2px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img {
        width: calc(100%/3 - 10px - 2px)
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img {
        width: calc(100%/3 - 13.33px - 2px)
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(n+4),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(n+4) {
        margin-top: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(n+4),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(n+4) {
        margin-top: 15px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(n+4),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(n+4) {
        margin-top: 20px
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(3n),
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(3n) {
    margin-right: 0
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(3n+1),
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure.col_3&gt;.images&gt;img:nth-of-type(3n+1) {
        border-left-width: 0;
        border-radius: 0 3px 3px 0
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video {
    display: block;
    position: relative;
    border: solid 1px rgba(0, 0, 0, .1);
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video {
        /*
        width: 75pt;
        margin-left: -30px;
        */
        border-left-width: 0
    }
}

@media all and (min-width:500px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video {
        width: calc(100% - 2px)
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video {
        border-radius: 0 3px 3px 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video {
        border-radius: 5px
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img {
        margin-right: 10px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img {
        margin-right: 15px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure img {
        margin-right: 20px
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video {
    height: 0
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video {
        padding-bottom: calc(100% * 9/1pc - 1px * 9 / 16)
    }
}

@media all and (min-width:500px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video {
        padding-bottom: calc(100% * 9/16 - 1px * 9 / 16)
    }
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video&gt;iframe,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;.video&gt;iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption,
html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption {
    display: block;
    width: 50%;
    color: #000;
    opacity: .4;
    margin-bottom: -50px
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption {
        width: calc(100% * 2/3 - 13.33px);
        margin-top: -40px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption {
        width: calc(100% * 2/3 - 20px);
        margin-top: -35px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption {
        width: calc(100% * 2/3 - 26.67px);
        margin-top: -30px
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption {
        margin-right: 0;
        margin-left: auto
    }
}

@media all and (min-width:500px) {

    html body._strategy #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption,
    html body._work #wrapper #contents section#body&gt;.container&gt;.body&gt;figure&gt;figcaption {
        margin-right: auto;
        margin-left: 0
    }
}

html body._strategy #wrapper #contents section#credits&gt;.container&gt;dl a,
html body._work #wrapper #contents section#credits&gt;.container&gt;dl a {
    text-decoration: underline
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#credits&gt;.container&gt;dl a,
    html body._work #wrapper #contents section#credits&gt;.container&gt;dl a {
        border-radius: 1px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#credits&gt;.container&gt;dl a,
    html body._work #wrapper #contents section#credits&gt;.container&gt;dl a {
        border-radius: 2px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#credits&gt;.container&gt;dl a,
    html body._work #wrapper #contents section#credits&gt;.container&gt;dl a {
        border-radius: 3px
    }
}

html body._strategy #wrapper #contents section#credits&gt;.container&gt;dl a.hover,
html body._work #wrapper #contents section#credits&gt;.container&gt;dl a.hover {
    color: #fff;
    background-color: #000
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#credits&gt;.container&gt;.category,
    html body._work #wrapper #contents section#credits&gt;.container&gt;.category {
        margin-top: -20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#credits&gt;.container&gt;.category,
    html body._work #wrapper #contents section#credits&gt;.container&gt;.category {
        margin-top: 0
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#credits&gt;.container&gt;.category,
    html body._work #wrapper #contents section#credits&gt;.container&gt;.category {
        margin-top: 20px
    }
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#credits&gt;.container&gt;.category+dl,
    html body._work #wrapper #contents section#credits&gt;.container&gt;.category+dl {
        margin-top: -20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#credits&gt;.container&gt;.category+dl,
    html body._work #wrapper #contents section#credits&gt;.container&gt;.category+dl {
        margin-top: -10px
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#credits&gt;.container&gt;.category+dl,
    html body._work #wrapper #contents section#credits&gt;.container&gt;.category+dl {
        margin-top: 0
    }
}

html body._strategy #wrapper #contents section#voices .container .items .item,
html body._work #wrapper #contents section#voices .container .items .item {
    width: 100%
}

@media all and (max-width:499px) {

    html body._strategy #wrapper #contents section#voices .container .items .item&gt;.image,
    html body._work #wrapper #contents section#voices .container .items .item&gt;.image {
        padding-bottom: 61.8047%
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._strategy #wrapper #contents section#voices .container .items .item&gt;.image,
    html body._work #wrapper #contents section#voices .container .items .item&gt;.image {
        padding-bottom: 50%
    }
}

@media all and (min-width:1025px) {

    html body._strategy #wrapper #contents section#voices .container .items .item&gt;.image,
    html body._work #wrapper #contents section#voices .container .items .item&gt;.image {
        padding-bottom: 40%
    }
}

html body._strategy #wrapper #contents section#voices .container .items .item&gt;.image&gt;img,
html body._work #wrapper #contents section#voices .container .items .item&gt;.image&gt;img {
    -o-object-position: top;
    object-position: top
}

html body._work #wrapper #contents&gt;.bg {
    opacity: .1
}

html body._strategy #wrapper #contents&gt;.bg {
    opacity: .2
}

html body._voices #wrapper #contents section#voices h2 {
    display: none
}

html body._voice #wrapper #contents&gt;.bg {
    opacity: .2
}

@media all and (max-width:499px) {
    html body._voice #wrapper #contents section#outline {
        margin-top: -55px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#outline {
        margin-top: -88.33px
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body._voice #wrapper #contents section#outline {
        margin-top: -141.67px
    }
}

@media all and (min-width:1441px) {
    html body._voice #wrapper #contents section#outline {
        margin-top: -166.67px
    }
}

html body._voice #wrapper #contents section#outline&gt;picture {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 0
}

@media all and (max-width:768px) {
    html body._voice #wrapper #contents section#outline&gt;picture {
        padding-bottom: 100%
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#outline&gt;picture {
        padding-bottom: 66.66667%
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body._voice #wrapper #contents section#outline&gt;picture {
        padding-bottom: 50%
    }
}

@media all and (min-width:1441px) {
    html body._voice #wrapper #contents section#outline&gt;picture {
        padding-bottom: 33.33333%
    }
}

html body._voice #wrapper #contents section#outline&gt;picture&gt;img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center 25%;
    object-position: center 25%
}

html body._voice #wrapper #contents section#outline&gt;h2 {
    display: none
}

html body._voice #wrapper #contents section#profile {
    pointer-events: none
}

@media all and (min-width:500px) {
    html body._voice #wrapper #contents section#profile {
        position: -webkit-sticky;
        position: sticky;
        z-index: 2
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#profile {
        top: -33.33px
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body._voice #wrapper #contents section#profile {
        top: -16.67px
    }
}

@media all and (min-width:1441px) {
    html body._voice #wrapper #contents section#profile {
        top: -16.67px
    }
}

html body._voice #wrapper #contents section#profile * {
    pointer-events: none
}

@media all and (max-width:499px) {
    html body._voice #wrapper #contents section#profile.stick&gt;h2&gt;span {
        width: 100%
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#profile.stick&gt;h2&gt;span {
        width: calc(100% * 2/3 - 20px)
    }
}

@media all and (min-width:1025px) {
    html body._voice #wrapper #contents section#profile.stick&gt;h2&gt;span {
        width: calc(100% * 2/3 - 26.67px)
    }
}

@media all and (max-width:499px) {

    html body._voice #wrapper #contents section#profile.stick&gt;.container&gt;.company,
    html body._voice #wrapper #contents section#profile.stick&gt;.container&gt;.name {
        width: 100%
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._voice #wrapper #contents section#profile.stick&gt;.container&gt;.company,
    html body._voice #wrapper #contents section#profile.stick&gt;.container&gt;.name {
        width: calc(100% * 2/3 - 20px)
    }
}

@media all and (min-width:1025px) {

    html body._voice #wrapper #contents section#profile.stick&gt;.container&gt;.company,
    html body._voice #wrapper #contents section#profile.stick&gt;.container&gt;.name {
        width: calc(100% * 2/3 - 26.67px)
    }
}

@media all and (max-width:499px) {
    html body._voice #wrapper #contents section#profile&gt;h2 {
        width: calc(100% - 60px);
        max-width: 930pt;
        margin-top: 0;
        padding-right: 30px;
        padding-left: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#profile&gt;h2 {
        width: calc(100% - 75pt);
        max-width: 930pt;
        margin-top: 25px;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media all and (min-width:1025px) {
    html body._voice #wrapper #contents section#profile&gt;h2 {
        width: calc(100% - 200px);
        max-width: 930pt;
        margin-top: 50px;
        padding-right: 75pt;
        padding-left: 75pt
    }
}

html body._voice #wrapper #contents section#profile&gt;h2&gt;span {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    -webkit-transition: width .5s cubic-bezier(.8, 0, .2, 1);
    transition: width .5s cubic-bezier(.8, 0, .2, 1)
}

html body._voice #wrapper #contents section#profile&gt;.container {
    pointer-events: none
}

@media all and (max-width:499px) {
    html body._voice #wrapper #contents section#profile&gt;.container {
        margin-top: -5pc
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#profile&gt;.container {
        margin-top: -75px
    }
}

@media all and (min-width:1025px) {
    html body._voice #wrapper #contents section#profile&gt;.container {
        margin-top: -70px
    }
}

html body._voice #wrapper #contents section#profile&gt;.container .company,
html body._voice #wrapper #contents section#profile&gt;.container .name {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto
}

html body._voice #wrapper #contents section#profile&gt;.container .company {
    -webkit-transition: width .75s cubic-bezier(.8, 0, .2, 1);
    transition: width .75s cubic-bezier(.8, 0, .2, 1)
}

html body._voice #wrapper #contents section#profile&gt;.container .name {
    -webkit-transition: width 1s cubic-bezier(.8, 0, .2, 1);
    transition: width 1s cubic-bezier(.8, 0, .2, 1)
}

@media all and (max-width:499px) {
    html body._voice #wrapper #contents section#profile&gt;.container .name {
        margin-top: -90px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#profile&gt;.container .name {
        margin-top: -85px
    }
}

@media all and (min-width:1025px) {
    html body._voice #wrapper #contents section#profile&gt;.container .name {
        margin-top: -5pc
    }
}

@media all and (max-width:499px) {
    html body._voice #wrapper #contents section#body {
        margin-top: -50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#body {
        margin-top: -25px
    }
}

@media all and (min-width:1025px) {
    html body._voice #wrapper #contents section#body {
        margin-top: 0
    }
}

html body._voice #wrapper #contents section#body h2 {
    display: none
}

html body._voice #wrapper #contents section#body .container {
    margin-top: 0
}

html body._voice #wrapper #contents section#body .container&gt;.credits,
html body._voice #wrapper #contents section#body .container&gt;.lead {
    display: block
}

@media all and (max-width:499px) {
    html body._voice #wrapper #contents section#body .container&gt;.lead {
        margin-top: -50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#body .container&gt;.lead {
        margin-top: -25px
    }
}

@media all and (min-width:1025px) {
    html body._voice #wrapper #contents section#body .container&gt;.lead {
        margin-top: 0
    }
}

@media all and (max-width:499px) {
    html body._voice #wrapper #contents section#body .container&gt;.credits {
        margin-top: -70px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#body .container&gt;.credits {
        margin-top: -60px
    }
}

@media all and (min-width:1025px) {
    html body._voice #wrapper #contents section#body .container&gt;.credits {
        margin-top: -50px
    }
}

html body._voice #wrapper #contents section#body .container&gt;.body {
    margin-bottom: -50px
}

html body._voice #wrapper #contents section#body .container&gt;.body .interviee,
html body._voice #wrapper #contents section#body .container&gt;.body .interviwer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto
}

@media all and (max-width:499px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer {
        width: 100%;
        margin-top: -70px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer {
        width: calc(100% * 2/3 - 20px);
        margin-top: -50px
    }
}

@media all and (min-width:1025px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer {
        width: calc(100% * 2/3 - 26.67px);
        margin-top: -30px
    }
}

@media all and (max-width:499px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .line,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .name,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .line,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .name {
        width: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .line,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .name,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .line,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .name {
        width: 75px
    }
}

@media all and (min-width:1025px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .line,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .name,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .line,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .name {
        width: 75pt
    }
}

html body._voice #wrapper #contents section#body .container&gt;.body .interviee .line,
html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .line {
    position: relative
}

html body._voice #wrapper #contents section#body .container&gt;.body .interviee .line&gt;div,
html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .line&gt;div {
    display: block;
    position: absolute;
    left: 0;
    height: 1px;
    background-color: #000
}

@media all and (max-width:499px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .line&gt;div,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .line&gt;div {
        top: 57px;
        width: calc(100% - 10px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .line&gt;div,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .line&gt;div {
        top: 57px;
        width: calc(100% - 15px)
    }
}

@media all and (min-width:1025px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .line&gt;div,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .line&gt;div {
        top: 57px;
        width: calc(100% - 20px)
    }
}

@media all and (max-width:499px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .body,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .body {
        width: calc(100% - 50px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .body,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .body {
        width: calc(100% - 75px)
    }
}

@media all and (min-width:1025px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee .body,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer .body {
        width: calc(100% - 75pt)
    }
}

@media all and (max-width:499px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee+figure,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer+figure {
        margin-top: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee+figure,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer+figure {
        margin-top: 25px
    }
}

@media all and (min-width:1025px) {

    html body._voice #wrapper #contents section#body .container&gt;.body .interviee+figure,
    html body._voice #wrapper #contents section#body .container&gt;.body .interviwer+figure {
        margin-top: 50px
    }
}

html body._voice #wrapper #contents section#body .container&gt;.body figure {
    display: block;
    position: relative;
    margin: 0;
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {
    html body._voice #wrapper #contents section#body .container&gt;.body figure {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._voice #wrapper #contents section#body .container&gt;.body figure {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body._voice #wrapper #contents section#body .container&gt;.body figure {
        border-radius: 5px
    }
}

html body._voice #wrapper #contents section#body .container&gt;.body figure img {
    display: block;
    width: 100%;
    height: auto
}

@media all and (max-width:499px) {

    html body._voice #wrapper #contents section#body .container&gt;.body figure+.interviee,
    html body._voice #wrapper #contents section#body .container&gt;.body figure+.interviwer {
        margin-top: 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._voice #wrapper #contents section#body .container&gt;.body figure+.interviee,
    html body._voice #wrapper #contents section#body .container&gt;.body figure+.interviwer {
        margin-top: 25px
    }
}

@media all and (min-width:1025px) {

    html body._voice #wrapper #contents section#body .container&gt;.body figure+.interviee,
    html body._voice #wrapper #contents section#body .container&gt;.body figure+.interviwer {
        margin-top: 50px
    }
}

html body._about #wrapper #contents section#tagline {
    text-align: right;
    overflow: hidden
}

@media all and (max-width:499px) {
    html body._about #wrapper #contents section#tagline h2 {
        -webkit-transform: translate3d(11px, 0, 0);
        transform: translate3d(11px, 0, 0)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._about #wrapper #contents section#tagline h2 {
        -webkit-transform: translate3d(13px, 0, 0);
        transform: translate3d(13px, 0, 0)
    }
}

@media all and (min-width:1025px) {
    html body._about #wrapper #contents section#tagline h2 {
        -webkit-transform: translate3d(15px, 0, 0);
        transform: translate3d(15px, 0, 0)
    }
}

@media all and (max-width:499px) {
    html body._about #wrapper #contents section#tagline .container {
        margin-top: -5pc
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._about #wrapper #contents section#tagline .container {
        margin-top: -75px
    }
}

@media all and (min-width:1025px) {
    html body._about #wrapper #contents section#tagline .container {
        margin-top: -70px
    }
}

html body._about #wrapper #contents section#tagline .container .copy,
html body._about #wrapper #contents section#tagline .container .sub {
    display: block
}

@media all and (max-width:499px) {
    html body._about #wrapper #contents section#tagline .container .copy {
        margin-top: -50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._about #wrapper #contents section#tagline .container .copy {
        margin-top: -25px
    }
}

@media all and (min-width:1025px) {
    html body._about #wrapper #contents section#tagline .container .copy {
        margin-top: 0
    }
}

@media all and (max-width:499px) {
    html body._about #wrapper #contents section#company_profile {
        margin-top: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._about #wrapper #contents section#company_profile {
        margin-top: 75px
    }
}

@media all and (min-width:1025px) {
    html body._about #wrapper #contents section#company_profile {
        margin-top: 75pt
    }
}

html body._about #wrapper #contents section#company_profile h2 {
    display: none
}

@media all and (max-width:499px) {
    html body._about #wrapper #contents section#company_profile .container dl dt&gt;* {
        top: 5px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._about #wrapper #contents section#company_profile .container dl dt&gt;* {
        top: 38.33px
    }
}

@media all and (min-width:1025px) and (max-width:1440px) {
    html body._about #wrapper #contents section#company_profile .container dl dt&gt;* {
        top: 91.67px
    }
}

@media all and (min-width:1441px) {
    html body._about #wrapper #contents section#company_profile .container dl dt&gt;* {
        top: 116.67px
    }
}

html body._about #wrapper #contents section#company_profile .container dl dd a {
    text-decoration: underline
}

html body._about #wrapper #contents section#company_profile .container dl dd a.disabled {
    text-decoration: none
}

html body._about #wrapper #contents section#company_profile .container dl dd #map {
    display: block;
    height: 0;
    background-color: rgba(0, 0, 0, .05);
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {
    html body._about #wrapper #contents section#company_profile .container dl dd #map {
        margin-top: 8px;
        padding-bottom: 100%;
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._about #wrapper #contents section#company_profile .container dl dd #map {
        margin-top: 9px;
        padding-bottom: 75%;
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body._about #wrapper #contents section#company_profile .container dl dd #map {
        margin-top: 10px;
        padding-bottom: 56.25%;
        border-radius: 5px
    }
}

html body._about #wrapper #contents section#company_profile .container dl dd .adviser,
html body._about #wrapper #contents section#company_profile .container dl dd .office {
    display: block
}

@media all and (max-width:499px) {

    html body._about #wrapper #contents section#company_profile .container dl dd .adviser:nth-of-type(n+2),
    html body._about #wrapper #contents section#company_profile .container dl dd .office:nth-of-type(n+2) {
        margin-top: -70px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._about #wrapper #contents section#company_profile .container dl dd .adviser:nth-of-type(n+2),
    html body._about #wrapper #contents section#company_profile .container dl dd .office:nth-of-type(n+2) {
        margin-top: -60px
    }
}

@media all and (min-width:1025px) {

    html body._about #wrapper #contents section#company_profile .container dl dd .adviser:nth-of-type(n+2),
    html body._about #wrapper #contents section#company_profile .container dl dd .office:nth-of-type(n+2) {
        margin-top: -50px
    }
}

html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li {
    position: relative
}

html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: solid 1px rgba(0, 0, 0, .1);
    z-index: 1
}

@media all and (max-width:499px) {
    html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li:before {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li:before {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {
    html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li:before {
        border-radius: 5px
    }
}

html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li&gt;img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li&gt;span {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    text-indent: -75pt;
    overflow: hidden
}

@media all and (max-width:499px) {
    html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li&gt;span {
        padding-bottom: 37.81513%
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li&gt;span {
        padding-bottom: 37.81513%
    }
}

@media all and (min-width:1025px) {
    html body._about #wrapper #contents section#company_profile .container dl dd ul.clients&gt;li&gt;span {
        padding-bottom: 37.81513%
    }
}

html body._about #wrapper #contents section#company_profile .container dl dd .about-table {
    width: 100%;
    margin-top: -50px
}

html body._about #wrapper #contents section#company_profile .container dl dd .about-table tr:not(:last-child) th {
    width: 200px;
    padding-bottom: 1em
}

html body._about #wrapper #contents section#company_profile .container dl dd .about-table tr:not(:last-child) td {
    padding-bottom: 1em
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._about #wrapper #contents section#company_profile .container dl dd .about-table tr:not(:last-child) th {
        width: 90pt
    }
}

@media all and (max-width:499px) {
    html body._about #wrapper #contents section#company_profile .container dl dd .about-table tr:not(:last-child) th {
        width: 5pc
    }
}

@media all and (max-width:499px) {
    html body._contact #wrapper #contents section#form {
        margin-top: -30px;
        padding-bottom: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._contact #wrapper #contents section#form {
        margin-top: 10px;
        padding-bottom: 75pt
    }
}

@media all and (min-width:1025px) {
    html body._contact #wrapper #contents section#form {
        margin-top: 50px;
        padding-bottom: 150px
    }
}

html body._contact #wrapper #contents section#form h2 {
    display: none
}

html body._contact #wrapper #contents section#form .container {
    margin-top: 0
}

@media all and (min-width:769px) {
    html body._contact #wrapper #contents section#form .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media all and (max-width:499px) {
    html body._contact #wrapper #contents section#form .container&gt;div {
        width: 100%
    }
}

@media all and (min-width:500px) and (max-width:768px) {
    html body._contact #wrapper #contents section#form .container&gt;div {
        width: 100%
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body._contact #wrapper #contents section#form .container&gt;div {
        width: calc(100%/2 - 25px)
    }
}

@media all and (min-width:1025px) {
    html body._contact #wrapper #contents section#form .container&gt;div {
        width: calc(100%/2 - 35px)
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) {
        margin-right: 50px
    }
}

@media all and (min-width:1025px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) {
        margin-right: 70px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form {
    display: block
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full {
    margin: 0
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field {
    padding: 0
}

@media all and (max-width:499px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field:nth-of-type(n+2),
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field:nth-of-type(n+2) {
        margin-top: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field:nth-of-type(n+2),
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field:nth-of-type(n+2) {
        margin-top: 25px
    }
}

@media all and (min-width:1025px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field:nth-of-type(n+2),
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field:nth-of-type(n+2) {
        margin-top: 30px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;input,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;select,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;textarea,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;input,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;select,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;textarea {
    border: solid 1px rgba(255, 0, 0, .4);
    background-color: rgba(255, 0, 0, .04)
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;input:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;select:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;textarea:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;input:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;select:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field.wpforms-has-error&gt;textarea:focus {
    border: solid 1px rgba(255, 0, 0, .8);
    background-color: rgba(255, 0, 0, .1)
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;label,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;label {
    margin: 0
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;label.wpforms-error,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;label.wpforms-error {
    color: red;
    margin-bottom: -6px
}

@media all and (max-width:499px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;label.wpforms-error,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;label.wpforms-error {
        margin-top: 5px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;label.wpforms-error,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;label.wpforms-error {
        margin-top: 7px
    }
}

@media all and (min-width:1025px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;label.wpforms-error,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;label.wpforms-error {
        margin-top: 9px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;label .wpforms-required-label,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;label .wpforms-required-label {
    color: red
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;input,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;select,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;textarea,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;input,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;select,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;textarea {
    max-width: none;
    border: solid 1px rgba(0, 0, 0, .2);
    background-color: rgba(0, 0, 0, .02);
    -webkit-transition: border-color .3s ease-out, background-color .3s ease-out;
    transition: border-color .3s ease-out, background-color .3s ease-out
}

@media all and (max-width:499px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;input,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;select,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;textarea,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;input,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;select,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;textarea {
        margin-top: 8px;
        padding: 11px;
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;input,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;select,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;textarea,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;input,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;select,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;textarea {
        margin-top: 10px;
        padding: 13px;
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;input,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;select,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;textarea,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;input,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;select,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;textarea {
        margin-top: 9pt;
        padding: 15px;
        border-radius: 5px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;input:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;select:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;textarea:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;input:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;select:focus,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;textarea:focus {
    border: solid 1px rgba(0, 0, 0, .4);
    background-color: rgba(0, 0, 0, .05)
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;input,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;select,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;input,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;select {
    height: auto
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;input[type=number],
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;input[type=number] {
    -moz-appearance: textfield
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;input[type=number]::-webkit-inner-spin-button,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field&gt;textarea,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field&gt;textarea {
    height: 250px
}

@media all and (max-width:499px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field .wpforms-field-description,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field .wpforms-field-description {
        margin-top: 7px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field .wpforms-field-description,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field .wpforms-field-description {
        margin-top: 8px
    }
}

@media all and (min-width:1025px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-field-container .wpforms-field .wpforms-field-description,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-field-container .wpforms-field .wpforms-field-description {
        margin-top: 9px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container {
    padding: 0
}

@media all and (max-width:499px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container {
        margin-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container {
        margin-top: 40px
    }
}

@media all and (min-width:1025px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container {
        margin-top: 50px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container button,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container button {
    width: 100%;
    color: #fff;
    border-color: #000;
    background-color: #000;
    -webkit-transition: color .3s ease-out, background-color .3s ease-out;
    transition: color .3s ease-out, background-color .3s ease-out
}

@media all and (max-width:499px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container button,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container button {
        padding: 20px;
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container button,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container button {
        padding: 25px;
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container button,
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container button {
        padding: 30px;
        border-radius: 5px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container button.hover,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container button.hover {
    color: #000;
    background-color: #fff;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container form .wpforms-submit-container .wpforms-submit-spinner,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full form .wpforms-submit-container .wpforms-submit-spinner {
    display: none !important
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container .wpforms-confirmation-container-full,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full .wpforms-confirmation-container-full {
    margin-bottom: -50px;
    padding: 0;
    border: 0;
    background-color: transparent
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container .wpforms-confirmation-container-full&gt;.font:nth-of-type(1),
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full .wpforms-confirmation-container-full&gt;.font:nth-of-type(1) {
    margin-top: -50px
}

@media all and (max-width:499px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container .wpforms-confirmation-container-full&gt;.font:nth-of-type(2),
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full .wpforms-confirmation-container-full&gt;.font:nth-of-type(2) {
        margin-top: -70px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container .wpforms-confirmation-container-full&gt;.font:nth-of-type(2),
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full .wpforms-confirmation-container-full&gt;.font:nth-of-type(2) {
        margin-top: -60px
    }
}

@media all and (min-width:1025px) {

    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container .wpforms-confirmation-container-full&gt;.font:nth-of-type(2),
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full .wpforms-confirmation-container-full&gt;.font:nth-of-type(2) {
        margin-top: -50px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container .wpforms-confirmation-container-full&gt;.font&gt;span br:first-of-type,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container .wpforms-confirmation-container-full&gt;.font&gt;span br:last-of-type,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full .wpforms-confirmation-container-full&gt;.font&gt;span br:first-of-type,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(1) .form .wpforms-container-full .wpforms-confirmation-container-full&gt;.font&gt;span br:last-of-type {
    display: none
}

@media all and (max-width:499px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2) {
        margin-top: -40px
    }
}

@media all and (min-width:500px) and (max-width:768px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2) {
        margin-top: -35px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div {
    position: -webkit-sticky;
    position: sticky
}

@media all and (max-width:499px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div {
        top: -20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div {
        top: 0
    }
}

@media all and (min-width:1025px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div {
        top: 20px
    }
}

html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div&gt;div,
html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div&gt;ul {
    display: block
}

@media all and (max-width:499px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div&gt;ul {
        margin-top: -5pc
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div&gt;ul {
        margin-top: -75px
    }
}

@media all and (min-width:1025px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div&gt;ul {
        margin-top: -70px
    }
}

@media all and (min-width:769px) {
    html body._contact #wrapper #contents section#form .container&gt;div:nth-of-type(2)&gt;div&gt;ul {
        margin-bottom: -50px
    }
}

html body._news #wrapper #contents section#news h2 {
    display: none
}

html body._news #wrapper #contents section#news .container .items .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: transparent
}

html body._news #wrapper #contents section#news .container .items .item.hover {
    background-color: rgba(0, 0, 0, .03)
}

html body._news #wrapper #contents section#news .container .items .item.hover&gt;span:nth-of-type(1):before {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body._news #wrapper #contents section#news .container .items .item.hover&gt;span:nth-of-type(2):before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body._news #wrapper #contents section#news .container .items .item.hover&gt;span:nth-of-type(2) i {
    color: #000;
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body._news #wrapper #contents section#news .container .items .item&gt;span {
    position: relative;
    border-top: solid 1px rgba(0, 0, 0, .3)
}

html body._news #wrapper #contents section#news .container .items .item&gt;span:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.8, 0, .2, 1);
    transition: -webkit-transform 1s cubic-bezier(.8, 0, .2, 1);
    transition: transform 1s cubic-bezier(.8, 0, .2, 1);
    transition: transform 1s cubic-bezier(.8, 0, .2, 1), -webkit-transform 1scubic-bezier(.8, 0, .2, 1);
    will-change: transform
}

@media all and (max-width:499px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(1) {
        width: 75pt
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(1) {
        width: 150px
    }
}

@media all and (min-width:1025px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(1) {
        width: 200px
    }
}

html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(1):before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transform-origin: right;
    transform-origin: right
}

html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(1) .date {
    display: block
}

@media all and (max-width:499px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(1) .date {
        margin-top: -30px;
        margin-bottom: -20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(1) .date {
        margin-top: -25px;
        margin-bottom: -10px
    }
}

@media all and (min-width:1025px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(1) .date {
        margin-top: -20px;
        margin-bottom: 0
    }
}

@media all and (max-width:499px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) {
        width: calc(100% - 75pt)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) {
        width: calc(100% - 150px)
    }
}

@media all and (min-width:1025px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) {
        width: calc(100% - 200px)
    }
}

html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2):before {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: left;
    transform-origin: left
}

html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .content,
html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .title {
    display: block
}

@media all and (max-width:499px) {

    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .content,
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .title {
        margin-top: -30px;
        margin-bottom: -20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .content,
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .title {
        margin-top: -25px;
        margin-bottom: -10px
    }
}

@media all and (min-width:1025px) {

    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .content,
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .title {
        margin-top: -20px;
        margin-bottom: 0
    }
}

@media all and (max-width:499px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .title.external {
        width: calc(100% - 30px)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .title.external {
        width: calc(100% - 40px)
    }
}

@media all and (min-width:1025px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .title.external {
        width: calc(100% - 50px)
    }
}

@media all and (max-width:499px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .content {
        margin-top: -90px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .content {
        margin-top: -85px
    }
}

@media all and (min-width:1025px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) .content {
        margin-top: -5pc
    }
}

html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) i {
    position: absolute;
    color: rgba(0, 0, 0, .5);
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out
}

@media all and (max-width:499px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) i {
        top: 11px;
        right: 8px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) i {
        top: 13px;
        right: 9px
    }
}

@media all and (min-width:1025px) {
    html body._news #wrapper #contents section#news .container .items .item&gt;span:nth-of-type(2) i {
        top: 15px;
        right: 10px
    }
}

html body._note #wrapper #contents section#category h1&gt;span,
html body._notes #wrapper #contents section.biz-culture h2 {
    display: none
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body {
        margin-top: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body {
        margin-top: 75pt
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body {
        margin-top: 150px
    }
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body:nth-of-type(n+2) {
        margin-top: 50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body:nth-of-type(n+2) {
        margin-top: 75pt
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body:nth-of-type(n+2) {
        margin-top: 150px
    }
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body h2 {
        width: calc(100% - 60px);
        max-width: 930pt;
        padding-right: 30px;
        padding-left: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body h2 {
        width: calc(100% - 75pt);
        max-width: 930pt;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body h2 {
        width: calc(100% - 200px);
        max-width: 930pt;
        padding-right: 75pt;
        padding-left: 75pt
    }
}

@media all and (min-width:769px) {
    html body._note #wrapper #contents section#body .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container {
        margin-top: -50px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container {
        margin-top: -25px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container {
        margin-top: 0
    }
}

@media all and (max-width:768px) {
    html body._note #wrapper #contents section#body .container .body {
        width: 100%
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .body {
        width: calc(100% * 3/4 - 20px)
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .body {
        width: calc(100% * 3/4 - 25px)
    }
}

html body._note #wrapper #contents section#body .container .body&gt;span&gt;div a,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p a {
    display: inline-block;
    text-decoration: underline
}

html body._note #wrapper #contents section#body .container .body&gt;span&gt;div a.linkimg,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p a.linkimg {
    display: block
}

html body._note #wrapper #contents section#body .container .body&gt;span&gt;div a&gt;*,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p a&gt;* {
/**    color: #000 !important **/
}

html body._note #wrapper #contents section#body .container .body&gt;span&gt;div a.hover,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p a.hover {
    opacity: .5
}

html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img {
    display: block;
    width: 100%;
    height: auto;
    border: solid 1px rgba(0, 0, 0, .1);
    z-index: 1
}

@media all and (max-width:499px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img {
        border-radius: 5px
    }
}

html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignleft,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignright,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignleft,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignright {
    width: auto;
    max-width: 60%
}

html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignright,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignright {
    float: right
}

@media all and (max-width:499px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignright,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignright {
        margin: 0 0 20px 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignright,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignright {
        margin: 0 0 25px 25px
    }
}

@media all and (min-width:1025px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignright,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignright {
        margin: 0 0 30px 30px
    }
}

html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignleft,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignleft {
    float: left
}

@media all and (max-width:499px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignleft,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignleft {
        margin: 0 20px 20px 0
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignleft,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignleft {
        margin: 0 25px 25px 0
    }
}

@media all and (min-width:1025px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div img.alignleft,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p img.alignleft {
        margin: 0 30px 30px 0
    }
}

html body._note #wrapper #contents section#body .container .body&gt;span&gt;div .wp-video,
html body._note #wrapper #contents section#body .container .body&gt;span&gt;p .wp-video {
    border: solid 1px rgba(0, 0, 0, .1);
    overflow: hidden;
    z-index: 1
}

@media all and (max-width:499px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div .wp-video,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p .wp-video {
        border-radius: 3px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div .wp-video,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p .wp-video {
        border-radius: 4px
    }
}

@media all and (min-width:1025px) {

    html body._note #wrapper #contents section#body .container .body&gt;span&gt;div .wp-video,
    html body._note #wrapper #contents section#body .container .body&gt;span&gt;p .wp-video {
        border-radius: 5px
    }
}

@media all and (max-width:768px) {
    html body._note #wrapper #contents section#body .container .archivres {
        display: none
    }
}

@media all and (min-width:769px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres {
        width: calc(100% * 1/4 - 20px);
        margin-left: 40px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres {
        width: calc(100% * 1/4 - 25px);
        margin-left: 50px
    }
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives h2 {
    display: none
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li {
        margin-top: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li {
        margin-top: 25px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li {
        margin-top: 30px
    }
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li:first-of-type {
    margin-top: 0
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;span .sym:before {
    content: '\f0d8';
    color: #000
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;span&gt;a {
    font-family: A+mfCv-東京シティフォント\ コンデンス B StdN, NoChattering
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div {
        padding-left: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div {
        padding-left: 25px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div {
        padding-left: 30px
    }
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li {
        margin-top: 11px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li {
        margin-top: 13px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li {
        margin-top: 15px
    }
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;span .sym:before {
    content: '\f106'
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li {
    position: relative
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li {
        margin-top: 11px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li {
        margin-top: 13px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li {
        margin-top: 15px
    }
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li:hover:before {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li:hover:before {
        -webkit-transform: translate3d(3px, -50%, 0)scale3d(.8, .8, 1);
        transform: translate3d(3px, -50%, 0)scale3d(.8, .8, 1)
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li:hover:before {
        -webkit-transform: translate3d(4px, -50%, 0)scale3d(.8, .8, 1);
        transform: translate3d(4px, -50%, 0)scale3d(.8, .8, 1)
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li:hover:before {
        -webkit-transform: translate3d(5px, -50%, 0)scale3d(.8, .8, 1);
        transform: translate3d(5px, -50%, 0)scale3d(.8, .8, 1)
    }
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li:before {
    content: '\f061';
    display: block;
    position: absolute;
    top: 50%;
    font-family: Font Awesome\ 6 Free;
    font-weight: 900;
    -webkit-transform: translate3d(0, -50%, 0)scale3d(.8, .8, 1);
    transform: translate3d(0, -50%, 0)scale3d(.8, .8, 1);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li:before {
        left: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li:before {
        left: 25px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li:before {
        left: 30px
    }
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;a {
        padding-left: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;a {
        padding-left: 25px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;div&gt;ul&gt;li&gt;a {
        padding-left: 30px
    }
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span:hover.expand .sym:before {
        -webkit-transform: translate3d(0, -50%, 0)rotate(180deg) !important;
        transform: translate3d(0, -50%, 0)rotate(180deg) !important
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span:hover.expand .sym:before {
        -webkit-transform: translate3d(0, -50%, 0)rotate(180deg) !important;
        transform: translate3d(0, -50%, 0)rotate(180deg) !important
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span:hover.expand .sym:before {
        -webkit-transform: translate3d(0, -50%, 0)rotate(180deg) !important;
        transform: translate3d(0, -50%, 0)rotate(180deg) !important
    }
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span:hover.collapse .sym:before {
        -webkit-transform: translate3d(0, -50%, 0)rotate(90deg) !important;
        transform: translate3d(0, -50%, 0)rotate(90deg) !important
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span:hover.collapse .sym:before {
        -webkit-transform: translate3d(0, -50%, 0)rotate(90deg) !important;
        transform: translate3d(0, -50%, 0)rotate(90deg) !important
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span:hover.collapse .sym:before {
        -webkit-transform: translate3d(0, -50%, 0)rotate(90deg) !important;
        transform: translate3d(0, -50%, 0)rotate(90deg) !important
    }
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span:hover .sym:before {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span.expand .sym:before {
    -webkit-transform: translate3d(0, -50%, 0)rotate(90deg);
    transform: translate3d(0, -50%, 0)rotate(90deg)
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span.collapse .sym:before {
    -webkit-transform: translate3d(0, -50%, 0)rotate(180deg);
    transform: translate3d(0, -50%, 0)rotate(180deg)
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span .sym {
    position: relative;
    color: #fff
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li span .sym:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: Font Awesome\ 6 Free;
    font-weight: 900;
    -webkit-transition: -webkit-transform .5s ease-out;
    transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
    transition: transform .5s ease-out, -webkit-transform .5s ease-out;
    will-change: transform
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li a {
    display: inline-block
}

@media all and (max-width:499px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li a {
        margin-left: 20px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li a {
        margin-left: 25px
    }
}

@media all and (min-width:1025px) {
    html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li a {
        margin-left: 30px
    }
}

html body._note #wrapper #contents section#body .container .archivres #sidebar .wp-block-collapsing-archives ul li a:hover {
    color: rgba(0, 0, 0, .5)
}

html body._mix #wrapper #contents section#mix h2 {
    display: none
}

html body._mix #wrapper #contents section#mix .container .items .item {
    width: 100%
}

@media all and (max-width:499px) {
    html body._mix #wrapper #contents section#mix .container .items .item:nth-of-type(n+2) {
        margin-top: 30px
    }
}

@media all and (min-width:500px) and (max-width:1024px) {
    html body._mix #wrapper #contents section#mix .container .items .item:nth-of-type(n+2) {
        margin-top: 40px
    }
}

@media all and (min-width:1025px) {
    html body._mix #wrapper #contents section#mix .container .items .item:nth-of-type(n+2) {
        margin-top: 50px
    }
}



/* ------------------------------------------------------------
Biz add style
------------------------------------------------------------ */
.body.wrap_biz {}
.body.wrap_biz h3 {
    font-weight: bold;
    font-size: 1.4em;
    margin-bottom: 0.8em;
    margin-top: 2.4em;
}
.body.wrap_biz h4 {
    font-weight: bold;
    font-size: 1.10em;
    margin-bottom: 0.8em;
    margin-top: 2.0em;
}

.body.wrap_biz h4 {
    position: relative;
    padding-left: 2.0em;
}
.body.wrap_biz h4::before {
    content: '';
    display: block;
    position: absolute;
    top: 0.75em;
    left: 0;
    width: 1.6em;
    border-bottom: 1px solid #000000;
}

.body.wrap_biz ul {
    list-style: disc;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    margin-left: 1.2em;

}
.body.wrap_biz ol {
    list-style: decimal;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    margin-left: 1.2em;
}

.body.wrap_biz blockquote{
    margin-bottom: 2.0em;
    margin-top: 2.0em;
    border-left: 1px solid #000000;
    padding-left: 1.2em;

}

</pre></body></html>