@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600&display=swap');





html {
    font-family: 'Rubik',  'Rubik', sans-serif;
    overflow-x: auto;
    overflow-y: scroll;
}
body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}
a {
    background: transparent;
    outline: 0 !important;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    outline: 0;
}
html,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main {
    margin: 0;
    padding: 0;
    display: block;
    vertical-align: baseline;
    list-style: none;
    background-color: transparent;
    outline: none;
}
audio,canvas {
    display: inline-block;
}
video {
    display: block;
}
ul,ol {
    list-style-type: none;
}
table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
}
img {
    line-height: 1;
    vertical-align: middle;
}
a img {
    border: none;
}
img[usemap],
map area {
    border: none !important;
    outline: none !important;
}
sub,sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
dt,dd,li,th,td,input,textarea {
    text-align: left;
    vertical-align: top;
}
input,textarea,button {
    margin: 0;
    padding: 0;
}
button,label {
    background-color: transparent;
    cursor: pointer;
}
button,select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
html {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
html[data-loading] {
    height: 100%;
    overflow: hidden;
}
html.no-csspositionsticky {
    height: 100vh;
    overflow: hidden;
}
@media (max-width: 767px) {
    html {
        position: relative;
        font-size: 3.73333vw;
    }
}
@media (min-width: 768px) {
    html {
        font-size: 1.02489vw;
    }
}
body {
    background: white;
    font-family: 'Rubik',  Optima, optima, Sans-serif;
    color: #000;
    line-height: 1;
    overflow: hidden;
    -webkit-transition: color 0.8s;
    transition: color 0.8s;
    will-change: color;
}
body a {
    color: #000;
}
.is-progressing body {
    height: 100vh;
}
.is-changebg body {
    color: white;
}
.is-changebg body a {
    color: white;
}
@media (max-width: 767px) {
    body.is-headeropen {
        height: 100%;
        overflow: hidden !important;
    }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.45;
    font-size: 100%;
    font-weight: 400;
}
p,
li,
input,
textarea,
figcaption,
th,
td {
    line-height: 1.875;
}
input,
textarea,
button,
select {
    font-size: 100%;
    outline: none;
}
strong {
    font-weight: bold;
}
em {
    font-weight: bold;
}
a {
    text-decoration: none;
}
i,
address,
cite {
    font-style: normal;
}
a:hover,
a:active {
    text-decoration: none;
}
a,
input,
label {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.no-touchevents a[href^="tel"] {
    pointer-events: none;
}
img,
video,
picture {
    width: 100%;
    height: auto;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@media (min-width: 768px) {
    .sp {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .pc {
        display: none !important;
    }
}

.text-box {
    font-size: 16px;
    line-height: 150%;
}
.text-box li {
    list-style: disc;
    margin-left: 15px;
}
.text-box .h1 {
    color: #1fbad6;
    font-size: 150%;
    font-weight: bold;
    line-height: 150%;
    display: block;
    margin-bottom: 45px;
}
.text-box .h2 {
    font-size: 130%;
    line-height: 150%;
    display: block;
    margin: 30px 0 15px;
}

.b-c-black {
    color: black;
}
.b-c-white {
    color: white;
}
[data-lang="ja"] .en {
    display: none !important;
}
[data-lang="en"] .ja {
    display: none !important;
}
[data-lang="ja"] .both,
[data-lang="en"] .both {
    display: block !important;
}
.l-document {
    position: relative;
    background-color: white;
    z-index: 2;
}
.l-document:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #201f27;
    opacity: 0;
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
    will-change: opacity;
}
.is-changebg .l-document:before {
    opacity: 1;
}
.is-changescene .l-document:before,
.is-changesceneafter .l-document:before {
    -webkit-transition: none;
    transition: none;
}
.l-main {
    position: relative;
}
@media (max-width: 767px) {
    .l-contents {
        padding-left: 8vw;
        padding-right: 8vw;
    }
}
@media (min-width: 768px) {
    .l-contents {
        padding-left: 10.17vw;
        padding-right: 10.17vw;
    }
}
.l-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #f7f7f7;
}
.l-overlay_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    line-height: 2;
    text-align: center;
}
.is-load .l-overlay {
    visibility: hidden;
}
.is-progressing .l-overlay,
.is-afterprogress .l-overlay,
.is-changescene .l-overlay,
.is-changesceneafter .l-overlay {
    visibility: visible !important;
}
.is-progressing .l-overlay_text,
.is-afterprogress .l-overlay_text {
    visibility: visible;
}
@media (max-width: 767px) {
    .l-overlay_text {
        padding-left: 10.66667vw;
        padding-right: 10.66667vw;
        font-size: 3.73333vw;
    }
}
@media (min-width: 768px) {
    .l-overlay_text {
        font-size: 1.02489vw;
    }
}
.l-ie11 {
    display: none;
}
.no-csspositionsticky .l-ie11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    z-index: 9999;
}
.no-csspositionsticky .l-ie11:before {
    content: "ERROR";
    position: absolute;
    top: 50%;
    left: 50%;
    color: rgba(0, 0, 0, 0.1);
    font-family: 'Rubik',  VeneerClean';
    letter-spacing: 0.1em;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.no-csspositionsticky .l-ie11 > a {
    display: block;
    position: relative;
    text-align: center;
}
@media (max-width: 767px) {
    .l-ie11 {
        font-size: 3.73333vw;
    }
    .l-ie11:before {
        font-size: 26.66667vw;
    }
}
@media (min-width: 768px) {
    .l-ie11 {
        font-size: 1.02489vw;
    }
    .l-ie11:before {
        font-size: 11.27379vw;
    }
}
.l-header_logo {
    position: fixed;
    mix-blend-mode: difference;
    z-index: 200;
}
.l-header_logo > a {
    display: block;
}
html:not(.is-scrolled) #home .l-header_logo,
html:not(.is-scrolled) #journal .l-header_logo,
html:not(.is-scrolled) #contact .l-header_logo {
    mix-blend-mode: normal;
}
.l-header_menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: #201f27;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    -webkit-transition: opacity 0.6s, visibility 0.1s 0.6s;
    transition: opacity 0.6s, visibility 0.1s 0.6s;
    will-change: opacity;
}
.l-header_menu a {
    color: white;
}
.is-headeropen .l-header_menu {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.6s, visibility 0.1s;
    transition: opacity 0.6s, visibility 0.1s;
}
.is-changescene .l-header_menu,
.is-changesceneafter .l-header_menu {
    -webkit-transition: none;
    transition: none;
}
.l-header_gnav > ul {
    position: relative;
    z-index: 20;
}
.l-header_gnav > ul > li > img {
    display: none;
}
.l-header_gnav_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.l-header_gnav_bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.4;
    z-index: 3;
}
.l-header_gnav_bg > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    will-change: opacity;
}
.l-header_gnav_bg > img.is-active {
    z-index: 2;
}
.l-header_newsletter {
    position: relative;
    color: white;
    z-index: 10;
}
.l-header_language {
    position: relative;
    z-index: 10;
}
.l-header_language > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.l-header_language > ul > li {
    font-family: 'Rubik',  NeueHelvetica;
    line-height: 1.42857;
    letter-spacing: 0.1em;
}
.l-header_language > ul > li > span {
    color: white;
    opacity: 0.4;
    cursor: pointer;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    will-change: opacity;
}
.l-header_language > ul > li > span.is-active {
    opacity: 1;
}
.no-touchevents .l-header_language > ul > li > span:hover {
    opacity: 1;
}
.l-header_language > ul > li + li {
    margin-left: 2.5em;
}
.l-header_sns {
    position: relative;
    z-index: 10;
}
.languages,
.l-header_toggle {
    position: fixed;
    border: none;
    background: none;
    color: white;
    font-family: 'Rubik',  NeueHelvetica;
    letter-spacing: 0.1em;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    mix-blend-mode: difference;
    z-index: 200;
}
.languages a,
.l-header_toggle_open,
.l-header_toggle_close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.languages a {
    color: #fff;
}
.languages a.is-active {
    display: none;
}
.l-header_toggle_close {
    display: none;
}
.is-headeropen .l-header_toggle_open {
    display: none;
}
.is-headeropen .l-header_toggle_close {
    display: block;
}
.is-changescene .l-header_toggle_open {
    display: block !important;
}
.is-changescene .l-header_toggle_close {
    display: none !important;
}
html:not(.is-scrolled) .languages,
html:not(.is-scrolled) #home .l-header_toggle,
html:not(.is-scrolled) #journal .l-header_toggle,
html:not(.is-scrolled) #contact .l-header_toggle {
    mix-blend-mode: normal;
}
@media (max-width: 767px) {
    .l-header_logo {
        top: 8vw;
        left: 8vw;
        width: 25vw;
    }
    .l-header_menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 9.33333vh 8vw 0;
    }
    .l-header_gnav > ul > li {
        font-size: 7.46667vw;
        line-height: 1.28571;
    }
    .l-header_gnav > ul > li + li {
        margin-top: 4vh;
    }
    .pageslide {
	background-size: cover;
    }
    .l-header_newsletter {
        margin-top: 9.33333vh;
    }
    .l-header_language {
        margin-top: 9.33333vh;
    }
    .l-header_language > ul > li {
        font-size: 3.73333vw;
    }
    .l-header_sns {
        margin-top: 3.73333vh;
    }
    .l-header_sns .m-sns > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .l-header_sns .m-sns > ul > li + li {
        margin-top: 0;
        margin-left: 2.5em;
    }
    .languages,
    .l-header_toggle {
        top: 5.33333vw;
        right: 5.6vw;
        width: 16vw;
        height: 9.86667vw;
        font-size: 3.73333vw;
    }
    .languages {
        right: 120px;
        z-index: 999;
        width: auto;
    }
}
@media (min-width: 768px) {
    .l-header_logo {
        top: 3.29429vw;
        left: 4.09956vw;
        width: 10vw;
    }
    .l-header_menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .l-header_gnav {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 4.09956vw;
        padding-right: 4.09956vw;
    }
    .l-header_gnav > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .l-header_gnav > ul > li {
        font-size: 2vw;
    }
    .l-header_gnav > canvas {
        display: none;
        position: absolute;
    }
    .l-header_newsletter {
        position: absolute;
        left: 4.09956vw;
        bottom: 3.29429vw;
        width: 18.37482vw;
    }
    .l-header_language {
        position: absolute;
        left: 50%;
        bottom: 3.29429vw;
        transform: translateX(-50%);
    }
    .l-header_language > ul > li {
        font-size: 1.02489vw;
    }
    .l-header_sns {
        position: absolute;
        right: 4.09956vw;
        bottom: 3.29429vw;
    }
    .languages,
    .l-header_toggle {
        top: 2.56223vw;
        right: 4.09956vw;
        width: 5.19766vw;
        height: 2.70864vw;
        font-size: 1.02489vw;
    }
    .languages {
        right: 150px;
        z-index: 999;
        width: auto;
    }
}
.p-box {
	position: relative;
	background-color: #ffffff;
	z-index: 2;
	padding-top: 60px;
	padding-bottom: 60px;
}
.l-footer {
    height: 100vh;
    background-color: #f5f5f5;
    color: #000;
}
.l-footer_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.l-footer_address > dl > dd {
    line-height: 1.42857;
}
.is-changebg .l-footer a {
    color: #000;
}
@media (max-width: 767px) {
    .l-footer_inner {
        padding-top: 16vw;
    }
    .l-footer_contact {
        margin-top: 8vw;
    }
    .l-footer_address {
        margin-top: 14.66667vw;
    }
    .l-footer_address > dl > dt {
        font-size: 4.26667vw;
    }
    .l-footer_address > dl > dd {
        margin-top: 6.13333vw;
        font-size: 3.73333vw;
    }
    .l-footer_newsletter {
        margin-top: 13.33333vw;
    }
    .l-footer_sns {
        margin-top: 16vw;
    }
    .l-header_logo img {
    	width: 100%;
    }
    .p-home_kv_title {
    	font-size: 2rem !important;
    	width: 90.6vw !important;
    }
}
@media (min-width: 768px) {
    .l-footer_inner {
        padding-top: 4.75842vw;
    }
    .l-footer_contact {
        margin-top: 3.14788vw;
    }
    .l-footer_address {
        margin-top: 8.78477vw;
    }
    .l-footer_address > dl > dt {
        font-size: 1.1713vw;
    }
    .l-footer_address > dl > dd {
        margin-top: 1.68375vw;
        font-size: 1.02489vw;
        line-height: 1.42857;
    }
    .l-footer_newsletter {
        position: relative;
        width: 25.76867vw;
        margin-top: 5.92972vw;
        z-index: 2;
    }
    .l-footer_sns {
        margin-top: -1.46413vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.l-cursor {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 100;
    mix-blend-mode: difference;
    will-change: transform;
    opacity: 0;
}
.l-cursor > span {
    display: block;
    border: 1px solid white;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: width 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: width 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), height 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    will-change: width, height;
}
.l-cursor > span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    width: 6em;
    margin-top: 0.3em;
    font-family: 'Rubik',  NeueHelvetica;
    line-height: 1.4;
    letter-spacing: 0.1em;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.5s, visibility 0.1s 0.5s;
    transition: opacity 0.5s, visibility 0.1s 0.5s;
    will-change: opacity;
}
.l-cursor.is-hover > span:before {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s, visibility 0.1s;
    transition: opacity 0.5s, visibility 0.1s;
}
.l-cursor.is-hover > span[data-cursor]:before {
    content: attr(data-cursor);
}

@media (max-width: 767px) {
    .touchevents .l-cursor {
        display: none;
    }
    .l-cursor > span {
        width: 2.66667vw;
        height: 2.66667vw;
    }
    .l-cursor.is-hover > span:before {
        font-size: 3.2vw;
    }
    .l-cursor.is-hover > span {
        width: 32vw;
        height: 32vw;
    }
    .l-cursor.is-hover[data-size="s"] > span {
        width: 16vw;
        height: 16vw;
    }
}
@media (min-width: 768px) {
    .l-cursor > span {
        width: 0.73206vw;
        height: 0.73206vw;
    }
    .l-cursor.is-hover > span:before {
        font-size: 1.0981vw;
    }
    .l-cursor.is-hover > span {
        width: 12.29868vw;
        height: 12.29868vw;
    }
    .l-cursor.is-hover[data-size="s"] > span {
        width: 6.14934vw;
        height: 6.14934vw;
    }
}
.m-kv {
    position: relative;
    height: 100vh;
    color: white;
    overflow: hidden;
}
.m-kv:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.24;
    z-index: 5;
    will-change: opacity;
}
.m-kv_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.is-notfirstview .m-kv_wrap {
    display: none;
}
.m-kv_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.m-kv_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.m-kv_bg img,
.m-kv_bg picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.m-kv_link > a {
    color: white;
}
.m-kv_link > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.m-kv_projects {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.m-kv-nooverlay:before {
    display: none;
}
.m-kv.js-visible:before {
    opacity: 0;
}
.m-kv.is-visible:before {
    -webkit-transition: opacity 2s 1.2s;
    transition: opacity 2s 1.2s;
}
@media (max-width: 767px) {
    .m-kv_inner {
        padding-left: 8vw;
        padding-right: 8vw;
    }
    .m-kv_projects {
        padding-bottom: 10.4vh;
    }
    .m-kv_time {
        margin-bottom: 6vh;
    }
}
@media (min-width: 768px) {
    .m-kv_inner {
        padding-left: 10.17vw;
        padding-right: 10.17vw;
    }
    .m-kv_projects {
        padding-bottom: 13.67188vh;
    }
    .m-kv-journal .m-kv_inner {
        padding-top: 1.95312vh;
    }
    .m-kv_time {
        margin-bottom: 4.81771vh;
    }
}
.m-hdglv2 {
    display: block;
    line-height: 1.2037;
    letter-spacing: 0.004em;
}
.m-hdglv2 .sub {
    color: #b7a66d;
}
@media (max-width: 767px) {
    .m-hdglv2 {
        font-size: 5.46667vw;
        line-height: 1.30909;
    }
    .m-hdglv2-short {
        width: 74.66667vw;
    }
    .m-hdglv2-s {
        font-size: 6.4vw;
        line-height: 1.3617;
    }
}
@media (min-width: 768px) {
    .m-hdglv2 {
        font-size: 2.51391vw;
        line-height: 1.20833;
    }
    .m-hdglv2-short {
        width: 45.97365vw;
    }
    .m-hdglv2-s {
        max-width: 60.76135vw;
        font-size: 2.63543vw;
        line-height: 1.55556;
    }
    .m-hdglv2-l {
        font-size: 3.95315vw;
        line-height: 1.2037;
    }
}
.m-hdglv3 {
    display: block;
    font-family: 'Rubik',  NeueHelvetica;
    letter-spacing: 0.1em;
}
@media (max-width: 767px) {
    .m-hdglv3 {
        margin-bottom: 8vw;
        font-size: 4.26667vw;
    }
}
@media (min-width: 768px) {
    .m-hdglv3 {
        margin-bottom: 3.66032vw;
        font-size: 1.1713vw;
    }
}
.m-lead {
    letter-spacing: 0.005em;
}
@media (max-width: 767px) {
    .m-lead {
        margin-top: 6.66667vw;
        font-size: 4.26667vw;
        line-height: 2;
    }
}
@media (min-width: 768px) {
    .m-lead {
        width: 45.97365vw;
        margin-top: 2.92826vw;
        font-size: 1.46413vw;
        line-height: 1.6;
    }
    .m-lead-s {
        width: 39.31186vw;
        margin-top: 2.19619vw;
        font-size: 1.1713vw;
        line-height: 2;
    }
}
.m-newsletter > dl > dt {
    letter-spacing: 0.03em;
}
.m-newsletter .mc4wp-form-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #000;
}
.m-newsletter .mc4wp-form-fields input {
    width: 100%;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: 'Rubik',  NeueHelvetica;
    letter-spacing: 0.1em;
}
.m-newsletter .mc4wp-form-fields input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.24);
}
.m-newsletter .mc4wp-form-fields input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.24);
}
.m-newsletter .mc4wp-form-fields input::placeholder {
    color: rgba(0, 0, 0, 0.24);
}
.m-newsletter .mc4wp-form-fields .m-mc4wp_mail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.m-newsletter .mc4wp-response {
    display: none !important;
}
.m-newsletter-white .mc4wp-form-fields {
    border-bottom-color: white;
}
.m-newsletter-white .mc4wp-form-fields input {
    color: white;
}
.m-newsletter-white .mc4wp-form-fields input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.24) !important;
}
.m-newsletter-white .mc4wp-form-fields input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.24) !important;
}
.m-newsletter-white .mc4wp-form-fields input::placeholder {
    color: rgba(255, 255, 255, 0.24) !important;
}
@media (max-width: 767px) {
    .m-newsletter > dl > dt {
        font-size: 4.26667vw;
    }
    .m-newsletter > dl > dd {
        margin-top: 4vw;
    }
}
@media (min-width: 768px) {
    .m-newsletter .mc4wp-form-fields {
        padding-top: 0.14641vw;
    }
    .m-newsletter .mc4wp-form-fields input {
        padding: 0.51245vw 0;
        font-size: 1.02489vw;
    }
}
.m-sns > ul > li > a {
    display: block;
    font-family: 'Rubik',  NeueHelvetica;
    letter-spacing: 0.1em;
}
.no-touchevents .m-sns > ul > li > a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    will-change: opacity;
}
.no-touchevents .m-sns > ul > li > a:hover {
    opacity: 0.4;
}
@media (max-width: 767px) {
    .m-sns > ul > li {
        font-size: 3.73333vw;
    }
    .m-sns > ul > li + li {
        margin-top: 1.33333vw;
    }
}
@media (min-width: 768px) {
    .m-sns > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .m-sns > ul > li {
        font-size: 1.02489vw;
        line-height: 1.42857;
    }
    .m-sns > ul > li + li {
        margin-left: 2.5em;
    }
}
.m-word {
    display: inline-block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0.25em;
    will-change: opacity, transform;
}
[data-word="wrap"] .m-word {
    margin-right: 0;
}
.js-visible .m-word {
    opacity: 0;
}
.m-word .m-letter {
    display: inline-block;
    will-change: opacity, transform;
}
.js-visible .m-word .m-letter {
    opacity: 0;
}
@media (min-width: 768px) {
    .m-word + br.sp + .m-word {
        margin-left: -0.25em;
    }
}
.m-journallist {
    position: relative;
}
.m-journallist > ul {
    position: relative;
    z-index: 2;
}
.m-journallist > ul > li {
    position: relative;
}
.m-journallist > ul > li:before {
    content: "";
    position: absolute;
    right: 0;
    background: url(/assets/img/icn-arrow-white.svg) center no-repeat;
    background-size: contain;
    opacity: 0.24;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    will-change: opacity;
}
.no-touchevents .m-journallist > ul > li:hover:before {
    opacity: 1;
}
.m-journallist > ul > li:nth-of-type(n + 11) {
    display: none;
}
.m-journallist a {
    display: block;
}
.m-journallist a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.m-journallist .inner {
    position: relative;
}
.m-journallist .inner:before,
.m-journallist .inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    will-change: opacity, transform;
}
.m-journallist .inner:before {
    background-color: #fff;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
}
.m-journallist .inner:after {
    opacity: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, #fff), color-stop(80%, rgba(255, 255, 255, 0))) center no-repeat;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, #fff 50%, rgba(255, 255, 255, 0) 80%) center no-repeat;
    background-size: 100% auto;
    -webkit-transition: opacity 1.5s, background-size 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 1.5s, background-size 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.m-journallist .inner:before {
    opacity: 0.24;
}
.no-touchevents .m-journallist .inner:hover:before {
    opacity: 0.5;
}
.no-touchevents .m-journallist .inner:hover:after {
    opacity: 0.75;
    background-size: 250% auto;
}
.m-journallist .inner:before {
    opacity: 0.24;
}
.m-journallist .date {
    color: #b09b80;
}
.m-journallist .js-visible a:before {
    opacity: 0;
}
.m-journallist .js-visible .inner:before {
    opacity: 0;
}
@media (max-width: 767px) {
    .m-journallist {
        margin-top: -5.33333vw;
    }
    .m-journallist > ul > li:before {
        bottom: 4.53333vw;
        width: 5.33333vw;
        height: 5.33333vw;
    }
    .m-journallist .inner {
        padding-top: 13.33333vw;
        padding-bottom: 15.46667vw;
    }
    .m-journallist .date {
        display: block;
        width: 17.33333vw;
        font-size: 3.73333vw;
        line-height: 1.28571;
    }
    .m-journallist .title {
        margin-top: 5.86667vw;
        font-size: 5.33333vw;
        line-height: 1.4;
    }
    .m-journallist .image {
        display: none;
    }
}
@media (min-width: 768px) {
    .m-journallist {
        margin-top: -3.00146vw;
    }
    .m-journallist > ul > li:before {
        top: 4.39239vw;
        width: 1.46413vw;
        height: 1.46413vw;
    }
    .m-journallist .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 4.39239vw;
        padding-bottom: 4.39239vw;
    }
    .m-journallist .date {
        width: 5.85652vw;
        margin-top: 0.58565vw;
        padding-right: 2.19619vw;
        font-size: 1.02489vw;
        line-height: 1.28571;
    }
    .m-journallist .title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 7.9063vw;
        padding-right: 13.46999vw;
        font-size: 1.75695vw;
        line-height: 1.66667;
    }
    .m-journallist .image {
        position: absolute;
        display: none;
    }
}
.m-storkerimage {
    position: absolute;
    top: 0;
    left: 45%;
    opacity: 0;
    background-color: black;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    pointer-events: none;
    will-change: opacity, transform;
}
.m-storkerimage:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
background-color: #fff;
opacity: 0.3;
}
.m-storkerimage-casestudy:before {
    display: none;
}
@media (max-width: 767px) {
    .touchevents .m-storkerimage {
        display: none;
    }
    .m-storkerimage-journal {
        width: 33.6vw;
        height: 55.46667vw;
        margin-top: -27.73333vw;
    }
    .m-storkerimage-casestudy {
        width: 46.93333vw;
        height: 31.2vw;
        margin-top: -15.6vw;
    }
    .m-storkerimage-team {
        width: 59.2vw;
        height: 39.46667vw;
        margin-top: -19.73333vw;
    }
}
@media (min-width: 768px) {
    .m-storkerimage-journal {
        width: 25.76867vw;
        height: 30.45388vw;
        margin-top: -15.22694vw;
    }
    .m-storkerimage-casestudy {
        width: 25.76867vw;
        height: 17.13031vw;
        margin-top: -8.56515vw;
    }
    .m-storkerimage-team {
        width: 32.50366vw;
        height: 21.5959vw;
        margin-top: -10.79795vw;
    }
}
.m-txtbtn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    font-family: 'Rubik',  NeueHelvetica;
    line-height: 1.42857;
    letter-spacing: 0.1em;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    will-change: opacity;
}
.no-touchevents .m-txtbtn:hover {
    opacity: 0.5;
}
@media (max-width: 767px) {
    .m-txtbtn {
        font-size: 3.73333vw;
    }
}
@media (min-width: 768px) {
    .m-txtbtn {
        font-size: 1.02489vw;
    }
}
.m-fitimg {
    position: absolute;
}
.m-fitimg.is-vertical {
    left: 50%;
    top: 0;
    bottom: 0;
    width: 177.86458333vh;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.m-fitimg.is-horizontal {
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.m-video {
    position: relative;
}
.m-video_image {
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.m-video_image:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(/assets/img/btn-play.svg) center no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    will-change: opacity;
}
.m-video_movie {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    visibility: hidden;
}
.m-video.is-playing .m-video_image:before,
.m-video.is-playing .m-video_image img,
.m-video.is-playing .m-video_image picture {
    visibility: hidden;
}
.m-video.is-playing .m-video_movie {
    visibility: visible;
}
.js-visible .m-video_image:before {
    opacity: 0;
}
.is-visible .m-video_image:before {
    -webkit-transition: opacity 0.4s 1s;
    transition: opacity 0.4s 1s;
}
@media (max-width: 767px) {
    .m-video_image:before {
        width: 17.86667vw;
        height: 10.13333vw;
    }
}
@media (min-width: 768px) {
    .m-video_image:before {
        width: 10.68814vw;
        height: 6.00293vw;
    }
}
@media (max-width: 767px) {
    .m-form_half:nth-of-type(n + 2),
    .m-form_full:nth-of-type(n + 2),
    .m-form [data-id]:nth-of-type(n + 2) {
        margin-top: 5.33333vw;
    }
    .m-form_full:last-child {
        margin-top: 21.33333vw;
    }
}
@media (min-width: 768px) {
    .m-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .m-form_half {
        width: 30.45388vw;
    }
    .m-form_half:nth-of-type(n + 3) {
        margin-top: 3.07467vw;
    }
    .m-form_full {
        width: 100%;
        margin-top: 3.07467vw;
    }
    .m-form_full:last-child {
        margin-top: 7.61347vw;
    }
    .m-form [data-id] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 3.07467vw;
    }
}
.m-form_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: border-bottom 0.3s;
    transition: border-bottom 0.3s;
    will-change: border-bottom;
}
.m-form_input > span:nth-of-type(1) {
    font-family: 'Rubik',  NeueHelvetica;
    letter-spacing: 0.1em;
}
.m-form_input > span:nth-of-type(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.m-form_input input,
.m-form_input textarea,
.m-form_input select {
    width: 100%;
    border: none;
    background: none;
    font-family: 'Rubik',  Optima, optima, Belleza;
    line-height: normal;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.m-form_input input.wpcf7-not-valid,
.m-form_input textarea.wpcf7-not-valid,
.m-form_input select.wpcf7-not-valid {
    border-bottom-color: #b7a66d;
    background: url(/assets/img/icn-error.svg) right center no-repeat;
}
@media (max-width: 767px) {
    .m-form_input input.wpcf7-not-valid,
    .m-form_input textarea.wpcf7-not-valid,
    .m-form_input select.wpcf7-not-valid {
        background-size: 6.4vw 6.4vw;
    }
}
@media (min-width: 768px) {
    .m-form_input input.wpcf7-not-valid,
    .m-form_input textarea.wpcf7-not-valid,
    .m-form_input select.wpcf7-not-valid {
        background-size: 1.75695vw 1.75695vw;
    }
}
.m-form_input input::-webkit-input-placeholder,
.m-form_input textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.24);
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    will-change: color;
}
.m-form_input input::-ms-input-placeholder,
.m-form_input textarea::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.24);
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    will-change: color;
}
.m-form_input input::placeholder,
.m-form_input textarea::placeholder {
    color: rgba(0, 0, 0, 0.24);
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    will-change: color;
}
.m-form_input input:focus::-webkit-input-placeholder,
.m-form_input textarea:focus::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0);
}
.m-form_input input:focus::-ms-input-placeholder,
.m-form_input textarea:focus::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0);
}
.m-form_input input:focus::placeholder,
.m-form_input textarea:focus::placeholder {
    color: rgba(0, 0, 0, 0);
}
.m-form_input textarea {
    line-height: 1.4;
}
.m-form_input select {
    cursor: pointer;
}
.m-form_input select:invalid {
    color: rgba(0, 0, 0, 0.24);
}
@media (max-width: 767px) {
    .m-form_input select.wpcf7-not-valid {
        background-position: right 8.53333vw center;
    }
}
@media (min-width: 768px) {
    .m-form_input select.wpcf7-not-valid {
        background-position: right 2.34261vw center;
    }
}
.m-form_input:focus-within {
    border-bottom-color: #000;
}
.m-form_input-select {
    position: relative;
}
.m-form_input-select:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    background: url(/assets/img/icn-select.svg) center no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
}
@media (max-width: 767px) {
    .m-form_input {
        padding-bottom: 1.33333vw;
    }
    .m-form_input > span:nth-of-type(1) {
        width: 25.33333vw;
        font-size: 3.73333vw;
    }
    .m-form_input > span:nth-of-type(2) {
        font-size: 4.26667vw;
    }
    .m-form_input input,
    .m-form_input textarea,
    .m-form_input select {
        padding: 6.4vw 3.46667vw;
        font-size: 4.26667vw;
    }
    .m-form_input textarea {
        padding: 1.86667vw 3.46667vw;
        height: 16vw;
    }
    .m-form_input-2line > span:nth-of-type(1) {
        padding-bottom: 2.13333vw;
    }
    .m-form_input-2line > span:nth-of-type(2) {
        margin-top: 2.66667vw;
    }
    .m-form_input-select:before {
        width: 6.4vw;
        height: 6.4vw;
    }
}
@media (min-width: 768px) {
    .m-form_input {
        padding-bottom: 0.73206vw;
    }
    .m-form_input > span:nth-of-type(1) {
        width: 7.32064vw;
        font-size: 1.02489vw;
    }
    .m-form_input > span:nth-of-type(2) {
        font-size: 1.31772vw;
    }
    .m-form_input input,
    .m-form_input textarea,
    .m-form_input select {
        padding: 1.61054vw 1.02489vw;
        font-size: 1.31772vw;
    }
    .m-form_input textarea {
        padding: 0.51245vw 0;
        height: 6.00293vw;
    }
    .m-form_input-2line {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 1.75695vw;
    }
    .m-form_input-2line > span:nth-of-type(2) {
        width: 100%;
        margin-top: 0.73206vw;
    }
    .m-form_input-select:before {
        width: 1.75695vw;
        height: 1.75695vw;
    }
}
.m-form_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: none;
    border: 1px solid black;
    background-color: black;
    font-family: 'Rubik',  NeueHelvetica;
    color: white;
    letter-spacing: 0.1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    will-change: background-color;
}
.m-form_btn > span {
    height: 0.7em;
}
.no-touchevents .m-form_btn {
    background-color: white;
    color: #000;
}
.no-touchevents .m-form_btn:hover {
    background-color: black;
    color: white;
}
@media (max-width: 767px) {
    .m-form_btn {
        height: 17.06667vw;
        font-size: 3.73333vw;
    }
}
@media (min-width: 768px) {
    .m-form_btn {
        height: 4.68521vw;
        font-size: 1.02489vw;
    }
}
.wpcf7-not-valid-tip,
.wpcf7 form.invalid .wpcf7-response-output {
    display: none !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    border: none;
    -webkit-animation: wpcf7Comp 3s both;
    animation: wpcf7Comp 3s both;
}
@-webkit-keyframes wpcf7Comp {
    0%,
    99.9% {
        opacity: 0;
        visibility: visible;
    }
    30%,
    70% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
@keyframes wpcf7Comp {
    0%,
    99.9% {
        opacity: 0;
        visibility: visible;
    }
    30%,
    70% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
@media (max-width: 767px) {
    .wpcf7 form.sent .wpcf7-response-output {
        font-size: 3.73333vw;
    }
}
@media (min-width: 768px) {
    .wpcf7 form.sent .wpcf7-response-output {
        font-size: 1.02489vw;
    }
}
.js-visible[data-visible="fade"] {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}
.is-visible[data-visible="fade"] {
    -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
    transition: opacity 1.5s, -webkit-transform 1.5s;
    transition: opacity 1.5s, transform 1.5s;
    transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s;
    will-change: opacity, transform;
}
.is-visible[data-visible="fade"][data-related] {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.js-visible[data-visible="image"],
.js-visible [data-visible="image"] {
    opacity: 0;
    will-change: opacity, transform;
    background-color: #201f27;
    overflow: hidden;
}
@media (max-width: 767px) {
    .js-visible[data-visible="image"],
    .js-visible [data-visible="image"] {
        -webkit-transform: translateY(15vw);
        transform: translateY(15vw);
    }
}
@media (min-width: 768px) {
    .js-visible[data-visible="image"],
    .js-visible [data-visible="image"] {
        -webkit-transform: translateY(8vw);
        transform: translateY(8vw);
    }
}
.js-visible[data-visible="image"] img,
.js-visible [data-visible="image"] img {
    opacity: 0;
    will-change: opacity, transform;
}
@media (max-width: 767px) {
    .js-visible[data-visible="image"] img,
    .js-visible [data-visible="image"] img {
        -webkit-transform: scale(1.01) translateY(15vw);
        transform: scale(1.01) translateY(15vw);
    }
}
@media (min-width: 768px) {
    .js-visible[data-visible="image"] img,
    .js-visible [data-visible="image"] img {
        -webkit-transform: scale(1.01) translateY(8vw);
        transform: scale(1.01) translateY(8vw);
    }
}
.is-visible[data-visible="image"],
.is-visible [data-visible="image"] {
    background-color: #201f27;
    overflow: hidden;
    -webkit-transition: opacity 0.8s, -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s, -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s, transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s, transform 2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-visible[data-visible="image"] img,
.is-visible [data-visible="image"] img {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: opacity 0.8s 0.4s, -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s 0.4s, -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s 0.4s, transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s 0.4s, transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.js-visible[data-visible="topprojects"] {
    opacity: 0;
    will-change: opacity, transform;
}
@media (max-width: 767px) {
    .js-visible[data-visible="topprojects"] {
        -webkit-transform: translateY(15vw);
        transform: translateY(15vw);
    }
}
@media (min-width: 768px) {
    .js-visible[data-visible="topprojects"] {
        -webkit-transform: translateY(8vw);
        transform: translateY(8vw);
    }
}
.js-visible[data-visible="topprojects"] .image {
    opacity: 0;
    will-change: opacity, transform;
}
@media (max-width: 767px) {
    .js-visible[data-visible="topprojects"] .image {
        -webkit-transform: translateY(15vw);
        transform: translateY(15vw);
    }
}
@media (min-width: 768px) {
    .js-visible[data-visible="topprojects"] .image {
        -webkit-transform: translateY(8vw);
        transform: translateY(8vw);
    }
}
.is-visible[data-visible="topprojects"] {
    -webkit-transition: opacity 0.8s, -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s, -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s, transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s, transform 2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-visible[data-visible="topprojects"] .image {
    -webkit-transition: opacity 0.8s 0.4s, -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s 0.4s, -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s 0.4s, transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s 0.4s, transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-visible[data-visible="topprojects"]:nth-of-type(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.is-visible[data-visible="topprojects"]:nth-of-type(2) .image {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.js-visible[data-visible="topabout"] {
    opacity: 0;
    will-change: opacity, transform;
}
@media (max-width: 767px) {
    .js-visible[data-visible="topabout"] {
        -webkit-transform: translateY(15vw);
        transform: translateY(15vw);
    }
}
@media (min-width: 768px) {
    .js-visible[data-visible="topabout"] {
        -webkit-transform: translateY(8vw);
        transform: translateY(8vw);
    }
}
.js-visible[data-visible="topabout"] .p-home_about_wrap {
    opacity: 0;
    will-change: opacity, transform;
}
@media (max-width: 767px) {
    .js-visible[data-visible="topabout"] .p-home_about_wrap {
        -webkit-transform: translateY(15vw);
        transform: translateY(15vw);
    }
}
@media (min-width: 768px) {
    .js-visible[data-visible="topabout"] .p-home_about_wrap {
        -webkit-transform: translateY(8vw);
        transform: translateY(8vw);
    }
}
.is-visible[data-visible="topabout"] {
    -webkit-transition: opacity 0.5s, -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.5s, -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.5s, transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.5s, transform 2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-visible[data-visible="topabout"] .p-home_about_wrap {
    -webkit-transition: opacity 0.5s 0.4s, -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.5s 0.4s, -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.5s 0.4s, transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.5s 0.4s, transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.js-visible[data-visible="video"],
.js-visible [data-visible="video"] {
    opacity: 0;
    will-change: opacity, transform;
    background-color: #201f27;
    overflow: hidden;
}
@media (max-width: 767px) {
    .js-visible[data-visible="video"],
    .js-visible [data-visible="video"] {
        -webkit-transform: translateY(15vw);
        transform: translateY(15vw);
    }
}
@media (min-width: 768px) {
    .js-visible[data-visible="video"],
    .js-visible [data-visible="video"] {
        -webkit-transform: translateY(8vw);
        transform: translateY(8vw);
    }
}
.js-visible[data-visible="video"] .m-video_image,
.js-visible [data-visible="video"] .m-video_image {
    opacity: 0;
    will-change: opacity, transform;
}
@media (max-width: 767px) {
    .js-visible[data-visible="video"] .m-video_image,
    .js-visible [data-visible="video"] .m-video_image {
        -webkit-transform: scale(1.01) translateY(15vw);
        transform: scale(1.01) translateY(15vw);
    }
}
@media (min-width: 768px) {
    .js-visible[data-visible="video"] .m-video_image,
    .js-visible [data-visible="video"] .m-video_image {
        -webkit-transform: scale(1.01) translateY(8vw);
        transform: scale(1.01) translateY(8vw);
    }
}
.is-visible[data-visible="video"],
.is-visible [data-visible="video"] {
    background-color: #201f27;
    overflow: hidden;
    -webkit-transition: opacity 0.8s, -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s, -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s, transform 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s, transform 2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.is-visible[data-visible="video"] .m-video_image,
.is-visible [data-visible="video"] .m-video_image {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-transition: opacity 0.8s 0.4s, -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s 0.4s, -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s 0.4s, transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.8s 0.4s, transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 2s 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.p-home_kv {
    position: relative;
    height: 100vh;
    color: white;
    overflow: hidden;
    background: #fff url(../img/bipbg.jpg) 0 0 no-repeat;
	background-size: cover;
}
.p-home_kv2:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.24;
    z-index: 5;
}
.p-home_kv_wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    will-change: transform;
}
.is-notfirstview .p-home_kv_wrap {
    display: none;
}
.p-home_kv_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.p-home_kv_title,
.p-home_kv_lead {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
}
.p-home_kv_title {
    top: 50%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 5rem;
}
.p-home_kv_bg {
    width: 100%;
    height: 100%;
}
.p-home_kv_bg > img,
.p-home_kv_bg > video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.p-home_kv_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.p-home_kv_slider > ul > li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    visibility: hidden;
    z-index: 1;
    will-change: opacity, transform;
}
.p-home_kv_slider > ul > li.is-active {
    visibility: visible;
}
.p-home_kv_slider > div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}
.p-home_kv_slider > div:before,
.p-home_kv_slider > div:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
}
.p-home_kv_slider > div:before {
    opacity: 0.4;
}
.p-home_kv_slider > div:after {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
.p-home_kv_slider > div > span {
    position: absolute;
    bottom: 0;
    color: white;
    font-family: 'Rubik',  NeueHelvetica, Optima, optima, Belleza;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.p-home_kv_slider.is-active > div:after {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation: kvPager linear 6.9s both;
    animation: kvPager linear 6.9s both;
}
@-webkit-keyframes kvPager {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@keyframes kvPager {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}
@media (max-width: 767px) {
    .p-home_kv_title {
        width: 49.6vw;
    }
    .p-home_kv_lead {
        bottom: 6.4vw;
        font-size: 3.73333vw;
    }
    .p-home_kv_slider > div {
        right: 8.8vw;
        width: 0.53333vw;
        height: 42.66667vw;
        border-radius: 0.53333vw;
    }
    .p-home_kv_slider > div:before,
    .p-home_kv_slider > div:after {
        height: 34.66667vw;
    }
    .p-home_kv_slider > div > span {
        font-size: 3.73333vw;
    }
}
@media (min-width: 768px) {
    .p-home_kv_title {
        width: 65.8858vw;
    }
    .p-home_kv_lead {
        bottom: 6.25vh;
        font-size: 1.46413vw;
    }
    .p-home_kv_slider > div {
        right: 5.27086vw;
        width: 0.14641vw;
        height: 11.71303vw;
        border-radius: 0.14641vw;
    }
    .p-home_kv_slider > div:before,
    .p-home_kv_slider > div:after {
        height: 9.51684vw;
    }
    .p-home_kv_slider > div > span {
        font-size: 1.02489vw;
    }
}
.p-home_projects {
    position: relative;
    background-color: white;
    z-index: 2;
}
.is-changebg .p-home_projects {
    background-color: transparent;
}
.p-home_projects_list > ul > li {
    background-color: #201f27;
}
.p-home_projects_list > ul > li > a {
    display: block;
    position: relative;
    padding-top: 55%;
    overflow: hidden;
    color: #fff;
}
.p-home_projects_list > ul > li > a .inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    padding: 0 60px;
}
.p-home_projects_list > ul > li > a .link {
    font-family: 'Rubik',  NeueHelvetica, Optima, optima, Belleza;
    letter-spacing: 0.1em;
}
.p-home_projects_list > ul > li > a .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.p-home_projects_awards_subtitle {
    font-family: 'Rubik',  NeueHelvetica, Optima, optima, Belleza;
    letter-spacing: 0.1em;
    text-align: center;
}
.p-home_projects_awards_video {
    background-color: black !important;
}
@media (max-width: 767px) {
    .p-home_projects_inner {
        padding-top: 32.26667vw;
        padding-bottom: 30.4vw;
    }
    .p-home_projects_link {
        margin-top: 8.26667vw;
    }
    .p-home_projects_list > ul > li .inner {
        padding-top: 5.46667vh;
    }
    .p-home_projects_list > ul > li .title {
        font-size: 7.46667vw;
        line-height: 1.28571;
    }
    .p-home_projects_list > ul > li .link {
        margin-top: 1.86667vw;
        font-size: 3.73333vw;
    }
    .p-home_projects_awards {
        padding-top: 32vw;
        padding-bottom: 32vw;
    }
    .p-home_projects_awards_subtitle {
        margin-top: 29.6vw;
    }
    .p-home_projects_awards_video {
        margin-top: 11.2vw;
    }
}
@media (min-width: 768px) {
    .p-home_projects_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100vh;
        padding-top: 9.50521vh;
    }
    .p-home_projects_link {
        margin-top: 4.94792vh;
    }
    .p-home_projects_list > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .p-home_projects_list > ul > li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .p-home_projects_list > ul > li .inner {
        padding-top: 3.90625vh;
    }
    .p-home_projects_list > ul > li .title {
        font-size: 3.95315vw;
        line-height: 1.2037;
    }
    .p-home_projects_list > ul > li .link {
        margin-top: 1.02489vw;
        font-size: 1.02489vw;
    }
    .p-home_projects_awards {
        padding-top: 18.00878vw;
        padding-bottom: 17.56955vw;
    }
    .p-home_projects_awards_subtitle {
        margin-top: 11.12738vw;
    }
    .p-home_projects_awards_video {
        margin-top: 4.24597vw;
    }
}
.p-home_about {
    position: relative;
    background-color: black;
}
.p-home_about_wrap {
    background: url(../img/about2.jpg) 100% 50% no-repeat;
    background-size: cover;
    color: white;
}
.p-home_about_wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.4;
}
.p-home_about_inner {
    position: relative;
}
@media (max-width: 767px) {
    .p-home_about_wrap {
        padding-top: 34.13333vw;
        padding-bottom: 32vw;
    }
    .p-home_about_lead {
        margin-top: 5.33333vw;
        line-height: 1.5;
    }
    .p-home_about_link {
        margin-top: 8vw;
    }
}
@media (min-width: 768px) {
    .p-home_about_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100vh;
        background-image: url(../img/about2@2x.jpg);
    }
    .p-home_about_lead {
        max-width: 32.50366vw;
        margin-top: 1.83016vw;
    }
    .p-home_about_link {
        margin-top: 2.70864vw;
    }
}
 .p-home_journal {
	  background: #f7f7f7;
 }
.p-home_journal_link {
    text-align: center;
}
@media (max-width: 767px) {
    .p-home_journal {
        padding-top: 31.46667vw;
        padding-bottom: 30.4vw;
    }
    .p-home_journal_link {
        margin-top: 19.46667vw;
    }
}
@media (min-width: 768px) {
    .p-home_journal {
        padding-top: 17.42313vw;
        padding-bottom: 17.13031vw;
    }
    .p-home_journal_link {
        margin-top: 8.27233vw;
    }
}
.p-home_kv {
  background: #fff url(../img/bipbg2.jpg) 0 0 no-repeat;
	background-size: cover;
	}
.p-projects_list > ul > li > a {
    display: block;
}
.p-projects_list > ul > li:nth-of-type(even) {
    margin-left: auto;
}
@media (max-width: 767px) {
    .p-projects_list {
        padding-top: 42.66667vw;
        padding-bottom: 21.33333vw;
    }
    .p-projects_list > ul > li {
        width: 65.33333vw;
    }
    .p-projects_list > ul > li .title {
        margin-top: 6.4vw;
        font-size: 5.33333vw;
        line-height: 1.4;
    }
    .p-projects_list > ul > li .role {
        margin-top: 1.86667vw;
        font-size: 3.73333vw;
    }
    .p-projects_list > ul > li:nth-of-type(odd) {
        margin-left: 8vw;
    }
    .p-projects_list > ul > li:nth-of-type(even) {
        margin-right: 8vw;
    }
}
@media (min-width: 768px) {
    .p-projects_list {
        padding-top: 17.56955vw;
        padding-bottom: 8.78477vw;
    }
    .p-projects_list > ul > li .title {
        margin-top: 3.07467vw;
        font-size: 2.34261vw;
        line-height: 1.25;
    }
    .p-projects_list > ul > li .role {
        margin-top: 0.65886vw;
        font-size: 1.02489vw;
    }
    .p-projects_list > ul > li.vertical.small,
    .p-projects_list > ul > li.vertical.middle {
        width: 25.76867vw;
    }
    .p-projects_list > ul > li.vertical.large,
    .p-projects_list > ul > li.horizontal.small {
        width: 32.50366vw;
    }
    .p-projects_list > ul > li.vertical.small .image {
        width: 19.03367vw;
    }
    .p-projects_list > ul > li.vertical.large .image {
        width: 42.67936vw;
    }
    .p-projects_list > ul > li.horizontal.middle {
        width: 39.23865vw;
    }
    .p-projects_list > ul > li.horizontal.large {
        width: 45.97365vw;
    }
    .p-projects_list > ul > li.horizontal.large .image {
        width: 56.14934vw;
    }
    .p-projects_list > ul > li:nth-of-type(odd) {
        margin-left: 10.17vw;
    }
    .p-projects_list > ul > li:nth-of-type(odd).vertical.small {
        padding-left: 6.73499vw;
    }
    .p-projects_list > ul > li:nth-of-type(odd).vertical.large .image,
    .p-projects_list > ul > li:nth-of-type(odd).horizontal.large .image {
        margin-left: -10.1757vw;
    }
    .p-projects_list > ul > li:nth-of-type(even) {
        margin-right: 10.17vw;
    }
    .p-projects_list > ul > li:nth-of-type(even).vertical.small {
        padding-right: 6.73499vw;
    }
    .p-projects_list > ul > li:nth-of-type(even).vertical.large .image,
    .p-projects_list > ul > li:nth-of-type(even).horizontal.large .image {
        margin-right: -10.1757vw;
    }
}
.p-projects_aboutus_image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.24;
}
.p-projects_aboutus_title .ja {
    font-family: 'Rubik',  Arial;
}
@media (max-width: 767px) {
    .p-projects_aboutus {
        padding-top: 51.73333vw;
    }
    .p-projects_aboutus_title {
        margin-right: -0.5em;
    }
    .p-projects_aboutus_link {
        margin-top: 8.26667vw;
    }
    .p-projects_aboutus_image {
        position: relative;
        margin-top: 30.4vw;
        margin-right: -8vw;
    }
}
@media (min-width: 768px) {
    .p-projects_aboutus {
        position: relative;
        padding-top: 29.72182vw;
        overflow: hidden;
    }
    .p-projects_aboutus_inner {
        padding-bottom: 33.38214vw;
    }
    .p-projects_aboutus_link {
        margin-top: 2.78184vw;
    }
    .p-projects_aboutus_image {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 35.94436vw;
    }
}
.p-projects_overview {
    position: relative;
    background-color: white;
    z-index: 10;
}
.p-projects_overview p {
    line-height: 2;
}
.p-projects_overview a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    line-height: 1.5;
    word-break: break-all;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    will-change: opacity;
}
.p-projects_overview a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: black;
    -webkit-transition: opacity 0.8s 1s;
    transition: opacity 0.8s 1s;
    will-change: opacity;
}
.no-touchevents .p-projects_overview a:hover {
    opacity: 0.5;
}
.p-projects_overview_link.js-visible > a:before {
    opacity: 0;
}
@media (max-width: 767px) {
    .p-projects_overview {
        padding-top: 29.86667vw;
        padding-bottom: 32vw;
    }
    .p-projects_overview p {
        font-size: 4.26667vw;
    }
    .p-projects_overview_lead {
        margin-top: 27.73333vw;
    }
    .p-projects_overview_link {
        margin-top: 17.86667vw;
    }
}
@media (min-width: 768px) {
    .p-projects_overview {
        padding-top: 12.59151vw;
        padding-bottom: 17.56955vw;
    }
    .p-projects_overview p {
        font-size: 1.1713vw;
    }
    .p-projects_overview_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .p-projects_overview_role {
        width: 19.03367vw;
    }
    .p-projects_overview_lead {
        width: 52.70864vw;
    }
    .p-projects_overview_link {
        margin-top: 4.97804vw;
    }
}
.p-projects_subtitle {
    font-family: 'Rubik',  NeueHelvetica, Optima, optima, Belleza;
    letter-spacing: 0.1em;
}
@media (max-width: 767px) {
    .p-projects_subtitle {
        margin-bottom: 2.66667vw;
        font-size: 3.73333vw;
        line-height: 2.28571;
    }
    .p-projects_subtitle:not(:nth-of-type(1)) {
        margin-top: 17.06667vw;
    }
}
@media (min-width: 768px) {
    .p-projects_subtitle {
        margin-bottom: 0.73206vw;
        font-size: 1.02489vw;
        line-height: 2.28571;
    }
    .p-projects_subtitle:not(:nth-of-type(1)) {
        margin-top: 4.83163vw;
    }
}
.p-projects_detail {
    position: relative;
    background-color: #f7f7f7;
    z-index: 10;
}
.p-projects_detail_image.large > div img {
    width: 100vw;
}
@media (max-width: 767px) {
    .p-projects_detail {
        padding-top: 32vw;
    }
    .p-projects_detail_title {
        margin-bottom: 6.66667vw;
    }
    .p-projects_detail_title:not(:first-child) {
        margin-top: 33.33333vw;
    }
    .p-projects_detail_image > div {
        margin-top: 10.4vw;
    }
    .p-projects_detail_image.large {
        margin-left: -8vw;
        margin-right: -8vw;
    }
    .p-projects_detail_image + .p-projects_detail_image {
        margin-top: 8vw;
    }
}
@media (min-width: 768px) {
    .p-projects_detail {
        padding-top: 13.39678vw;
    }
    .p-projects_detail_title:not(:first-child) {
        margin-top: 13.76281vw;
    }
    .p-projects_detail_image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 5.19766vw;
    }
    .p-projects_detail_image.col1 > div:nth-of-type(n + 2),
    .p-projects_detail_image.col2 > div:nth-of-type(n + 3),
    .p-projects_detail_image.col3 > div:nth-of-type(n + 4) {
        margin-top: 8.78477vw;
    }
    .p-projects_detail_image.col2 > div {
        width: 38.653vw;
    }
    .p-projects_detail_image.col2 > div:nth-of-type(even) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .p-projects_detail_image.col2 > div:nth-of-type(even) > img {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }
    .p-projects_detail_image.col3:after {
        content: "";
        display: block;
        width: 25.0366vw;
        height: 0;
    }
    .p-projects_detail_image.col3 > div {
        width: 25.0366vw;
    }
    .p-projects_detail_image.col3 > div:nth-of-type(3n + 2) {
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    .p-projects_detail_image.col3 > div:nth-of-type(3n + 2) > img {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }
    .p-projects_detail_image.col3 > div:nth-of-type(3n + 3) {
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    .p-projects_detail_image.col3 > div:nth-of-type(3n + 3) > img {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    .p-projects_detail_image.large {
        margin-left: -10.17vw;
        margin-right: -10.17vw;
    }
    .p-projects_detail_image + .p-projects_detail_image {
        margin-top: 8.78477vw;
    }
}
.p-projects_information {
    position: relative;
    z-index: 10;
}
.p-projects_information p {
    line-height: 2;
}
@media (max-width: 767px) {
    .p-projects_information {
        padding-top: 29.86667vw;
        padding-bottom: 29.86667vw;
    }
    .p-projects_information p {
        font-size: 4.26667vw;
    }
}
@media (min-width: 768px) {
    .p-projects_information {
        padding-top: 12.59151vw;
        padding-bottom: 16.98389vw;
    }
    .p-projects_information p {
        font-size: 1.1713vw;
    }
}
.p-about_kv {
    position: relative;
}
.p-about_kv:before {
    display: none;
}
.p-about_kv_title {
    position: absolute;
    top: 50%;
    left: 50%;
}
@media (max-width: 767px) {
    .p-about_kv_title {
        width: 53.33333vw;
        height: 53.33333vw;
        margin-top: -26.66667vw;
        margin-left: -26.66667vw;
    }
}
@media (min-width: 768px) {
    .p-about_kv_title {
        width: 65.8858vw;
        height: 8.41874vw;
        margin-top: -4.24597vw;
        margin-left: -32.9429vw;
    }
}
.p-about_overview {
    position: relative;
    z-index: 3;
}
@media (max-width: 767px) {
    .p-about_overview {
        padding-top: 34.66667vw;
    }
    .p-about_overview_image {
        width: 91.73333vw;
        margin-top: 29.86667vw;
    }
}
@media (min-width: 768px) {
    .p-about_overview {
        padding-top: 3.51391vw;
    }
    .p-about_overview_title {
        width: 53.4407vw;
    }
    .p-about_overview_image {
        width: 89.8243vw;
        margin-top: 12.73792vw;
    }
}
.p-about_whatwedo {
    position: relative;
    z-index: 2;
}
.p-about_whatwedo:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
}
.p-about_whatwedo_inner {
    position: relative;
}
@media (max-width: 767px) {
    .p-about_whatwedo {
        padding-top: 31.46667vw;
    }
    .p-about_whatwedo:before {
        top: -38.13333vw;
    }
    .p-about_whatwedo_image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 19.2vw;
    }
    .p-about_whatwedo_image > div {
        width: 37.6vw;
        height: 54.4vw;
    }
    .p-about_whatwedo_image > div:nth-of-type(2) {
        margin-top: 15.46667vw;
    }
}
@media (min-width: 768px) {
    .p-about_whatwedo {
        padding-top: 13.03075vw;
    }
    .p-about_whatwedo:before {
        top: -37.4817vw;
    }
    .p-about_whatwedo_lead {
        width: auto;
    }
    .p-about_whatwedo_lead .en,
    .p-about_whatwedo_lead .ja {
        display: block;
    }
    .p-about_whatwedo_lead .en {
        width: 34.77306vw;
    }
    .p-about_whatwedo_lead .ja {
        width: 46.48609vw;
    }
    .p-about_whatwedo_image {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 12.81113vw;
    }
    .p-about_whatwedo_image > div {
        width: 35.72474vw;
        height: 51.68375vw;
    }
    .p-about_whatwedo_image > div:nth-of-type(2) {
        margin-top: 14.64129vw;
    }
}
.p-about_capabilities {
    position: relative;
    background-color: #f7f7f7;
    z-index: 2;
}
.p-about_capabilities_list {
    overflow: visible !important;
}
.p-about_capabilities_list > [style]:after {
    content: " ";
    display: block;
    clear: both;
}
.p-about_capabilities_list .item h4 > strong {
    display: block;
    font-family: 'Rubik',  NeueHelvetica, Optima, optima, Belleza;
    line-height: 2.28571;
    letter-spacing: 0.1em;
}
.p-about_capabilities_list .item p {
    line-height: 2;
}
@media (max-width: 767px) {
    .p-about_capabilities {
        padding-top: 30.93333vw;
    }
    .p-about_capabilities_list {
        width: 78.4vw;
        margin-top: 20.53333vw;
    }
    .p-about_capabilities_list .item {
        padding-right: 8vw;
    }
    .p-about_capabilities_list .item h4 {
        min-height: 35.46667vw;
        margin-top: 12.8vw;
        font-size: 6.4vw;
        line-height: 1.33333;
    }
    .p-about_capabilities_list .item h4 > strong {
        margin-bottom: 2.4vw;
        font-size: 3.73333vw;
    }
    .p-about_capabilities_list .item p {
        margin-top: 8.53333vw;
        font-size: 4.26667vw;
    }
}
@media (min-width: 768px) {
    .p-about_capabilities {
        padding-top: 17.42313vw;
    }
    .p-about_capabilities_list {
        width: 74.08492vw;
        margin-top: 5.56369vw;
    }
    .p-about_capabilities_list .item {
        padding-right: 4.5388vw;
    }
    .p-about_capabilities_list .item h4 {
        margin-top: 3.4407vw;
        font-size: 1.75695vw;
        line-height: 1.33333;
    }
    .p-about_capabilities_list .item h4 > strong {
        margin-bottom: 0.58565vw;
        font-size: 1.02489vw;
    }
    .p-about_capabilities_list .item p {
        margin-top: 2.34261vw;
        font-size: 1.1713vw;
    }
}
.p-about_casestudy {
    position: relative;
    background-color: #f7f7f7;
    z-index: 2;
}
.p-about_casestudy_list {
    position: relative;
}
.p-about_casestudy_list > ul {
    position: relative;
    z-index: 2;
}
.p-about_casestudy_list > ul > li {
    position: relative;
}
.p-about_casestudy_list > ul > li:before,
.p-about_casestudy_list > ul > li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    will-change: opacity, transform;
}
.p-about_casestudy_list > ul > li:before {
    background-color: #000;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
}
.p-about_casestudy_list > ul > li:after {
    opacity: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(50%, #000), color-stop(80%, rgba(0, 0, 0, 0))) center no-repeat;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 20%, #000 50%, rgba(0, 0, 0, 0) 80%) center no-repeat;
    background-size: 100% auto;
    -webkit-transition: opacity 1.5s, background-size 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 1.5s, background-size 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.p-about_casestudy_list > ul > li:before {
    opacity: 0.24;
}
.no-touchevents .p-about_casestudy_list > ul > li:hover:before {
    opacity: 0.5;
}
.no-touchevents .p-about_casestudy_list > ul > li:hover:after {
    opacity: 0.75;
    background-size: 250% auto;
}
.p-about_casestudy_list > ul > li:before {
    opacity: 0.1;
}
.no-touchevents .p-about_casestudy_list > ul > li:hover:before {
    opacity: 1;
}
.p-about_casestudy_list > ul > li > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.p-about_casestudy_list > ul > li > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.p-about_casestudy_list > ul > li > a > p {
    font-family: 'Rubik',  NeueHelvetica, Optima, optima, Belleza;
    letter-spacing: 0.1em;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    will-change: opacity, transform;
}
.p-about_casestudy_list > ul > li > a > img {
    display: none;
}
.no-touchevents .p-about_casestudy_list > ul > li > a:before {
    opacity: 0.1;
}
.no-touchevents .p-about_casestudy_list > ul > li > a > h3 {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    will-change: opacity;
}
.no-touchevents .p-about_casestudy_list > ul > li > a:hover > p {
    opacity: 1;
}
.p-about_casestudy_list > ul > li.js-visible:before {
    opacity: 0;
}
.p-about_casestudy_list.is-hover > ul > li > a > h3 {
    opacity: 0.2;
}
.p-about_casestudy_list.is-hover > ul > li > a.is-hover > h3 {
    opacity: 1;
}
@media (max-width: 767px) {
    .p-about_casestudy {
        padding-top: 29.6vw;
        padding-bottom: 32vw;
    }
    .p-about_casestudy_list {
        margin-top: -6.4vw;
    }
    .p-about_casestudy_list > ul > li > a {
        display: block;
        padding-top: 6.4vw;
        padding-bottom: 6.13333vw;
    }
    .p-about_casestudy_list > ul > li > a > h3 {
        font-size: 7.46667vw;
        line-height: 1.28571;
    }
    .p-about_casestudy_list > ul > li > a > p {
        display: block;
        margin-top: 3.46667vw;
        font-size: 3.2vw;
    }
}
@media (min-width: 768px) {
    .p-about_casestudy {
        padding-top: 12.4451vw;
        padding-bottom: 13.17716vw;
    }
    .p-about_casestudy_list {
        margin-top: -2.63543vw;
    }
    .p-about_casestudy_list > ul > li > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-height: 7.46706vw;
        padding-top: 0.43924vw;
    }
    .p-about_casestudy_list > ul > li > a > h3 {
        font-size: 2.34261vw;
        line-height: 1.5;
    }
    .p-about_casestudy_list > ul > li > a > p {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -0.5em;
        height: 1em;
        font-size: 1.02489vw;
        opacity: 0;
    }
}
.p-about_awards {
    position: relative;
    z-index: 2;
}
.p-about_awards_list > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 0.1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    will-change: opacity;
}
.p-about_awards_list > ul > li:hover {
    opacity: 1;
}
@media (max-width: 767px) {
    .p-about_awards {
        padding-top: 31.46667vw;
        padding-bottom: 28.53333vw;
    }
    .p-about_awards_list {
        margin-top: -3.46667vw;
    }
    .p-about_awards_list > ul > li {
        padding-top: 3.2vw;
        padding-bottom: 2.93333vw;
    }
    .p-about_awards_list > ul > li > h3 {
        font-size: 7.46667vw;
        line-height: 1.28571;
    }
    .p-about_awards_list > ul > li > p {
        position: relative;
        top: -0.2em;
        margin-left: 0.1em;
        font-size: 4.26667vw;
    }
}
@media (min-width: 768px) {
    .p-about_awards {
        padding-top: 14.12884vw;
        padding-bottom: 11.71303vw;
    }
    .p-about_awards_list {
        margin-top: -1.31772vw;
    }
    .p-about_awards_list > ul > li {
        padding-top: 1.1713vw;
        padding-bottom: 1.1713vw;
    }
    .p-about_awards_list > ul > li > h3 {
        font-size: 3.51391vw;
        line-height: 1.20833;
    }
    .p-about_awards_list > ul > li > p {
        margin-left: 0.2em;
        font-size: 1.1713vw;
    }
}
.p-about_ourwork {
    position: relative;
    text-align: center;
    z-index: 2;
}
.p-about_ourwork_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.p-about_ourwork_image {
    background-color: black !important;
}
.p-about_ourwork_link {
    font-family: 'Rubik',  NeueHelvetica, Optima, optima, Belleza;
    letter-spacing: 0.1em;
}
@media (max-width: 767px) {
    .p-about_ourwork {
        height: 121.6vw;
    }
    .p-about_ourwork_inner {
        padding-top: 8vh;
    }
    .p-about_ourwork_link {
        margin-top: 1.6vw;
    }
}
@media (min-width: 768px) {
    .p-about_ourwork_inner {
        padding-top: 7.8125vh;
    }
    .p-about_ourwork_link {
        margin-top: 1.75695vw;
    }
}
.p-about_founder {
    position: relative;
    z-index: 2;
}
.p-about_founder_person > div {
    background-color: black !important;
}
@media (max-width: 767px) {
    .p-about_founder {
        padding-top: 31.46667vw;
    }
    .p-about_founder_wrap {
        margin-top: -0.53333vw;
    }
    .p-about_founder_person > h3 {
        margin-top: 8vw;
        font-size: 5.33333vw;
    }
    .p-about_founder_person > p {
        margin-top: 0.26667vw;
        font-size: 3.73333vw;
    }
    .p-about_founder_person + .p-about_founder_person {
        margin-top: 13.06667vw;
    }
    .p-about_founder_lead {
        margin-top: 18.4vw;
        font-size: 4.26667vw;
        line-height: 2;
    }
}
@media (min-width: 768px) {
    .p-about_founder {
        padding-top: 13.03075vw;
    }
    .p-about_founder_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: -0.43924vw;
    }
    .p-about_founder_introduce {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 39.23865vw;
    }
    .p-about_founder_person {
        width: 19.03367vw;
    }
    .p-about_founder_person > h3 {
        margin-top: 2.34261vw;
        font-size: 1.46413vw;
    }
    .p-about_founder_person > p {
        font-size: 1.02489vw;
    }
    .p-about_founder_lead {
        width: 32.50366vw;
        margin-top: -0.36603vw;
        font-size: 1.46413vw;
        line-height: 1.6;
    }
}
.p-about_team {
    position: relative;
    z-index: 2;
}
.p-about_team_list {
    position: relative;
}
.p-about_team_list > ul {
    position: relative;
    z-index: 2;
}
.p-about_team_list > ul > li {
    position: relative;
}
.p-about_team_list > ul > li:before,
.p-about_team_list > ul > li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    will-change: opacity, transform;
}
.p-about_team_list > ul > li:before {
    background-color: #fff;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
}
.p-about_team_list > ul > li:after {
    opacity: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, #fff), color-stop(80%, rgba(255, 255, 255, 0))) center no-repeat;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 20%, #fff 50%, rgba(255, 255, 255, 0) 80%) center no-repeat;
    background-size: 100% auto;
    -webkit-transition: opacity 1.5s, background-size 1s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 1.5s, background-size 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.p-about_team_list > ul > li:before {
    opacity: 0.24;
}
.no-touchevents .p-about_team_list > ul > li:hover:before {
    opacity: 0.5;
}
.no-touchevents .p-about_team_list > ul > li:hover:after {
    opacity: 0.75;
    background-size: 250% auto;
}
.p-about_team_list > ul > li:before {
    opacity: 0;
}
.p-about_team_list > ul > li > a,
.p-about_team_list > ul > li > div {
    display: block;
    position: relative;
}
.p-about_team_list > ul > li > a:before,
.p-about_team_list > ul > li > div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.p-about_team_list > ul > li > a > p,
.p-about_team_list > ul > li > a > div,
.p-about_team_list > ul > li > div > p,
.p-about_team_list > ul > li > div > div {
    font-family: 'Rubik',  NeueHelvetica, Optima, optima, Belleza;
    letter-spacing: 0.1em;
    line-height: 1.42857;
}
.p-about_team_list > ul > li > a > div,
.p-about_team_list > ul > li > div > div {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    will-change: opacity, transform;
}
.p-about_team_list > ul > li > a > img,
.p-about_team_list > ul > li > div > img {
    display: none;
}
.no-touchevents .p-about_team_list > ul > li > a > h3,
.no-touchevents .p-about_team_list > ul > li > a > p,
.no-touchevents .p-about_team_list > ul > li > div > h3,
.no-touchevents .p-about_team_list > ul > li > div > p {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    will-change: opacity;
}
.no-touchevents .p-about_team_list > ul > li > a:hover > div,
.no-touchevents .p-about_team_list > ul > li > div:hover > div {
    opacity: 1;
}
.p-about_team_list.is-hover > ul > li > a > h3,
.p-about_team_list.is-hover > ul > li > a > p,
.p-about_team_list.is-hover > ul > li > div > h3,
.p-about_team_list.is-hover > ul > li > div > p {
    opacity: 0.2;
}
.p-about_team_list.is-hover > ul > li > a.is-hover > h3,
.p-about_team_list.is-hover > ul > li > a.is-hover > p,
.p-about_team_list.is-hover > ul > li > div.is-hover > h3,
.p-about_team_list.is-hover > ul > li > div.is-hover > p {
    opacity: 1;
}
@media (max-width: 767px) {
    .p-about_team {
        padding-top: 28.8vw;
        padding-bottom: 30.4vw;
    }
    .p-about_team_list {
        margin-top: -6.13333vw;
    }
    .p-about_team_list > ul > li > a,
    .p-about_team_list > ul > li > div {
        padding-top: 6.13333vw;
        padding-bottom: 6.13333vw;
    }
    .p-about_team_list > ul > li > a > h3,
    .p-about_team_list > ul > li > div > h3 {
        margin-right: -0.5em;
        font-size: 7.46667vw;
        line-height: 1.28571;
    }
    .p-about_team_list > ul > li > a > p,
    .p-about_team_list > ul > li > div > p {
        margin-top: 2.13333vw;
        font-size: 3.73333vw;
    }
    .p-about_team_list > ul > li > a > div,
    .p-about_team_list > ul > li > div > div {
        display: block;
        margin-top: 1.86667vw;
        font-size: 3.2vw;
    }
    .p-about_team_lead {
        margin-top: 17.6vw;
        font-size: 4.26667vw;
        line-height: 2;
    }
    .p-about_team_image {
        margin-top: 21.33333vw;
    }
    .p-about_team_workwithus {
        margin-top: 21.33333vw;
    }
    .p-about_team_workwithus_title .ja {
        display: block;
        margin-right: -0.5em;
        font-size: 6.93333vw;
    }
    .p-about_team_workwithus_link {
        margin-top: 8.26667vw;
    }
}
@media (min-width: 768px) {
    .p-about_team {
        padding-top: 13.39678vw;
        padding-bottom: 12.73792vw;
    }
    .p-about_team_list {
        margin-top: -1.90337vw;
    }
    .p-about_team_list > ul > li > a,
    .p-about_team_list > ul > li > div {
        padding-top: 1.90337vw;
        padding-bottom: 1.83016vw;
    }
    .p-about_team_list > ul > li > a > h3,
    .p-about_team_list > ul > li > div > h3 {
        font-size: 3.51391vw;
        line-height: 1.20833;
    }
    .p-about_team_list > ul > li > a > p,
    .p-about_team_list > ul > li > div > p {
        font-size: 1.02489vw;
    }
    .p-about_team_list > ul > li > a > div,
    .p-about_team_list > ul > li > div > div {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -0.5em;
        height: 1em;
        opacity: 0;
    }
    .p-about_team_lead {
        width: 45.97365vw;
        margin-top: 10.76135vw;
        font-size: 1.46413vw;
        line-height: 1.6;
    }
    .p-about_team_image {
        margin-top: 13.17716vw;
    }
    .p-about_team_workwithus {
        margin-top: 13.25037vw;
    }
    .p-about_team_workwithus_link {
        margin-top: 2.70864vw;
    }
}
.p-journal_list_loadmore {
    text-align: center;
}
@media (max-width: 767px) {
    .p-journal_list {
        padding-top: 31.46667vw;
        padding-bottom: 31.2vw;
    }
    .p-journal_list_title {
        margin-bottom: 10.93333vw;
    }
    .p-journal_list_loadmore {
        margin-top: 20.8vw;
    }
}
@media (min-width: 768px) {
    .p-journal_list {
        padding-top: 17.42313vw;
        padding-bottom: 17.34993vw;
    }
    .p-journal_list_loadmore {
        margin-top: 8.63836vw;
    }
}
.p-contact_office_title {
    line-height: 1.20833;
}
.p-contact_office_address {
    line-height: 2;
}
@media (max-width: 767px) {
    .p-contact_office {
        margin-top: 31.46667vw;
        padding-bottom: 32vw;
    }
    .p-contact_office_title {
        font-size: 8.53333vw;
    }
    .p-contact_office_address {
        margin-top: 6.66667vw;
        font-size: 4.26667vw;
    }
    .p-contact_office_maps {
        margin-top: 13.33333vw;
    }
    .p-contact_office_image {
        margin-top: 19.46667vw;
    }
}
@media (min-width: 768px) {
    .p-contact_office {
        position: relative;
        min-height: 51.68375vw;
        margin-top: 17.56955vw;
    }
    .p-contact_office_subtitle {
        position: relative;
        top: -0.14641vw;
    }
    .p-contact_office_title {
        margin-top: -0.14641vw;
        font-size: 5.27086vw;
    }
    .p-contact_office_address {
        margin-top: 2.63543vw;
        font-size: 1.1713vw;
    }
    .p-contact_office_maps {
        margin-top: 4.83163vw;
    }
    .p-contact_office_image {
        position: absolute;
        top: 0;
        right: 10.17vw;
        width: 35.72474vw;
    }
}
.p-contact_form {
    position: relative;
    background-color: #201f27;
}
.p-contact_form:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: url(/assets/img/contact/bg.jpg) left top no-repeat;
    background-size: cover;
}
.p-contact_form_inner {
    position: relative;
    background-color: white;
    z-index: 2;
}
@media (max-width: 767px) {
    .p-contact_form {
        padding-top: 37.6vw;
        padding-bottom: 32vw;
    }
    .p-contact_form_inner {
        padding-top: 21.33333vw;
        padding-bottom: 32vw;
    }
}
@media (min-width: 768px) {
    .p-contact_form {
        margin-top: 17.56955vw;
        padding: 13.17716vw 10.17vw;
    }
    .p-contact_form_inner {
        padding: 7.02782vw 6.58858vw 8.78477vw;
    }
}

.c-row {
	padding-top: 30px;
}
.c-row > div {
	background: url(../img/bip.svg) 15px 10px no-repeat;
	background-size: auto 24px;
	padding: 15px 15px 30px 50px;
	
}

.row-perevaga > div {
	margin: 15px 0 30px;
	text-align: center;
}
.row-perevaga img {
	display: block;
	width: 100px;
	margin: 0 auto 15px;
}
.row-perevaga b {
font-size: 20px;
    display: block;
    max-width: 300px;
    margin: 30px auto 30px;
    line-height: 130%;
    font-weight: normal;
}
.row-perevaga > div li {
max-width: 260px;
    font-size: 13px;
    line-height: 130%;
    margin: 10px auto 0;
    padding-left: 15px;
    display: block;
    position: relative;
}
.row-perevaga > div li:before {
content: "• ";
    color: #1fbad6;
    position: absolute;
    left: 3px;
    top: 1px;
    font-size: 14px;
}

.bip {
	color: #1fbad6;
}
/*!
 * Bootstrap Grid Only (grid and responsive utilities extracted from Bootstrap 4.1.3)
 * GitHub: https://github.com/dmhendricks/bootstrap-grid-css
 * Bootstrap License: MIT (https://github.com/twbs/bootstrap/blob/v4-dev/LICENSE)
 * Credits: Twitter, Inc. & The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
 */
 .clearfix::after{display:block;clear:both;content:""}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-webkit-flex-basis:0%;-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-webkit-box-flex:0;-webkit-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-webkit-box-flex:0;-webkit-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-webkit-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-webkit-box-flex:0;-webkit-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-webkit-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-webkit-box-flex:0;-webkit-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-webkit-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-webkit-box-flex:0;-webkit-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media(min-width:576px){.col-sm{-webkit-flex-basis:0%;-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-webkit-box-flex:0;-webkit-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-webkit-box-flex:0;-webkit-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-webkit-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-webkit-box-flex:0;-webkit-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-webkit-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-webkit-box-flex:0;-webkit-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-webkit-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-webkit-box-flex:0;-webkit-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}@media(min-width:768px){.col-md{-webkit-flex-basis:0%;-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-webkit-box-flex:0;-webkit-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-webkit-box-flex:0;-webkit-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-webkit-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-webkit-box-flex:0;-webkit-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-webkit-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-webkit-box-flex:0;-webkit-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-webkit-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-webkit-box-flex:0;-webkit-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}@media(min-width:992px){.col-lg{-webkit-flex-basis:0%;-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-webkit-box-flex:0;-webkit-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-webkit-box-flex:0;-webkit-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-webkit-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-webkit-box-flex:0;-webkit-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-webkit-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-webkit-box-flex:0;-webkit-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-webkit-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-webkit-box-flex:0;-webkit-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}@media(min-width:1200px){.col-xl{-webkit-flex-basis:0%;-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-webkit-box-flex:0;-webkit-flex:0 0 8.3333333333%;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-webkit-box-flex:0;-webkit-flex:0 0 16.6666666667%;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-webkit-flex:0 0 33.3333333333%;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-webkit-box-flex:0;-webkit-flex:0 0 41.6666666667%;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-webkit-flex:0 0 58.3333333333%;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-webkit-box-flex:0;-webkit-flex:0 0 66.6666666667%;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-webkit-flex:0 0 83.3333333333%;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-webkit-box-flex:0;-webkit-flex:0 0 91.6666666667%;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-webkit-order:13;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-webkit-order:0;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-webkit-order:3;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-webkit-order:4;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-webkit-order:5;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-webkit-order:6;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-webkit-order:7;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-webkit-order:8;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-webkit-order:9;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-webkit-order:10;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-webkit-order:11;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-webkit-order:12;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}.img-fluid{max-width:100%;height:auto}

.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mt-1{margin-top:.25rem!important}.mr-1{margin-right:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ml-1{margin-left:.25rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.mt-2{margin-top:.5rem!important}.mr-2{margin-right:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ml-2{margin-left:.5rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.mt-3{margin-top:1rem!important}.mr-3{margin-right:1rem!important}.mb-3{margin-bottom:1rem!important}.ml-3{margin-left:1rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mr-4{margin-right:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ml-4{margin-left:1.5rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.mt-5{margin-top:3rem!important}.mr-5{margin-right:3rem!important}.mb-5{margin-bottom:3rem!important}.ml-5{margin-left:3rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}
.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.pt-1{padding-top:.25rem!important}.pr-1{padding-right:.25rem!important}.pb-1{padding-bottom:.25rem!important}.pl-1{padding-left:.25rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.pt-2{padding-top:.5rem!important}.pr-2{padding-right:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-2{padding-left:.5rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.pt-3{padding-top:1rem!important}.pr-3{padding-right:1rem!important}.pb-3{padding-bottom:1rem!important}.pl-3{padding-left:1rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.pt-4{padding-top:1.5rem!important}.pr-4{padding-right:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.pl-4{padding-left:1.5rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.pt-5{padding-top:3rem!important}.pr-5{padding-right:3rem!important}.pb-5{padding-bottom:3rem!important}.pl-5{padding-left:3rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}
.d-none {
	display: none !important;
}
.t-center {
	text-align: center !important;
}


.row-competency .title {
	color: #1fbad6;
    font-weight: bold;
    border-right: 2px solid #1fbad6;
    text-align: right;
    font-size: 28px;
    line-height: 130%;
}
@media (min-width: 768px) {
	
.row-competency .title {
    font-size: 20px;
    line-height: 130%;
    word-wrap: break-word;
}
}

.row-competency > div {
	padding-bottom: 60px;
}

.row-competency .row {
	color: #555;
	line-height: 130%;
	height: 100%;
}


.grey {
	padding: 60px 0;
	background: #f7f7f7;
}

.blue {
	padding: 60px 0;
	background: #1fbad6;
	color: #fff;
}

.row-services {
	background: url(../img/dmn-bg.jpg) 0 0 no-repeat;
	background-size: auto 100%;
}

.row-services > div {
	border-bottom: 10px solid #1fbad6;
	height: 130px;
	position: relative;
}

.row-services > div .line {
padding: 40px;
    background: #1fbad6;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    line-height: 130%;
    position: absolute;
    right: 0;
    top: 0;
    height: 105%;
}


.row-dosvid > div {
	position: relative;
	padding-left: 140px;
	margin-bottom: 60px;
}
.row-dosvid > div .big {
font-size: 90px;
    font-weight: bold;
    line-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.row-dosvid > div .lne {
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 35px;
    position: relative;
    display: block;
    
}
.row-dosvid > div .lne:after {
	content: "";
	height: 7px;
	width: 60px;
	background: #1fbad6;
    position: absolute;
    left: 0;
    bottom: 15px;
}

@media (max-width: 767px) {

.row-services {

}

	.row-services > div .line {
padding: 40px 20px;
    width: 100% !important;
    background: transparent;
    text-align: center;
    position: relative;
    top: auto;
    right: auto;
	}
	
	.row-services > div {
    border-bottom: 5px solid #1fbad6;
    height: auto;
    }
	
	.row-competency .title {
    color: #1fbad6;
    font-weight: bold;
    border: 0;
    padding-bottom: 10px;
    text-align: center;
    font-size: 26px;
    line-height: 110%;
}
	.row-competency .row {
    	text-align: center;
	}
}




.white-box {
	padding: 90px 0;
}

.pslider {
	max-width: calc(100vw - 70px);
	display: block;
	
}
.slide-box {

	height: 266px !important;
}
.partner {
	display: block;	
	height: 133px;
	padding: 30px 0;
}
.partner:first-child {

}

.partner img {
    max-width: 220px;
    max-height: 70px;
    margin: 0 auto;
    display: block;
    width: auto;
}

.slider {
	display: block;
	position: relative;
}
.slider:not(.slick-slider) .slide:not(:first-child) {
	display: none;
}

.slider img {
	display: block;
	width: auto;
	z-index: 0;
	border-radius: 8px;
}
.slider .slick-arrow,
.pslider .slick-arrow {
	background: transparent;
	border: 0;	
	position: absolute;
	bottom: -40px;
	left: 50%;
	height: 40px;
	width: 50px;
	font-size: 0;
	z-index: 1;
	cursor: pointer;
	transition: opacity .5s;
	opacity: .6;
	cursor: pointer;
}
.pslider .slick-arrow.slick-prev {
	transform: translateX(-120%);
}
.pslider .slick-arrow.slick-next {
	transform: translateX(120%);
	right: 50%;
	left: auto !important;
}
.slider .slick-arrow:hover,
.pslider .slick-arrow:hover {
	opacity: 1;
}
.slider .slick-arrow:before,
.pslider .slick-arrow:before {
	content: "";
	width: 100%;
	height: 2px;
	border-bottom: 2px solid #2c2a25;
	position: absolute;
	top: 20px;
	left: 0;
}
.slider .slick-arrow:after,
.pslider .slick-arrow:after {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	top: 16px;
	right: 0;
	transform: rotate(45deg);
	transition: border-color .5s;
}
.slider .slick-arrow.slick-prev:after,
.pslider .slick-arrow.slick-prev:after {
	right: auto;
	left: 0;
	border-bottom: solid 2px #2c2a25;
	border-left: solid 2px #2c2a25;
}
.slider .slick-arrow.slick-next:after,
.pslider .slick-arrow.slick-next:after {
	border-top: solid 2px #2c2a25;
	border-right: solid 2px #2c2a25;
}
.slider .slick-arrow.slick-next,
.pslider .slick-arrow.slick-next {
	left: 60px;
}


.finse {
	background: url(../img/finse-left.jpg) 100% 0 no-repeat;
	background-size: auto 100%;
}

.finse .l-contents {
	background: url(../img/digital.png) 0 0 no-repeat;
	background-size: auto 250px;
	padding-top: 250px;
	padding-bottom: 250px;
}

.finse-list > div {
	margin: 20px 0;
}
.finse-list > div b {
	display: inline-block;
	font-size: 40px;
	color: #1fbad6;
	padding-right: 20px;
}

.finse-list > div span {
    font-size: 14px;
    display: inline-block;
    color: #555;
    line-height: 130%;
}

@media (max-width: 767px) {
	.finse { background: transparent; }
}